/*----------------------------------------------------------------------------------- Global Reset v0.2 (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212) -----------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul { list-style: none; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } /*--------------------------- Elements ---------------------------*/ body {background: url(../images/home_bg.png) repeat-x; color: #666; font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 62.5%; } /* links */ a { color: #666; text-decoration: none; } p { color: #666; font-size: 1.2em; line-height: 1.3em; max-width: 619px; } h1 { font-size: 3em; font-weight: normal; margin-bottom: 5px;} h2 { color: #455250; font-size: 1.5em; font-weight: bold; margin: 0 0 15px 0; } h3 { color: #333; font-size: 1.4em; padding-bottom: 5px; } sup { vertical-align: super; } sub { vertical-align: sub; } p sup { font-size: 0.7em; } p sub { font-size: 0.7em; } /*--------------------------- Global ---------------------------*/ .clear { clear: both; } .left { float: left; } .right { float: right; } #wrapper { margin: 0 auto; padding: 0 0 20px 0; width: 952px; } #header { overflow: hidden; position: relative; } #header form { bottom: 0; position: absolute; right: 0; } #header form p { background: url(../images/search_bg.png) no-repeat; height: 20px; width: 226px; } #header form input { color: #4A463D; border: 0; float: left; font-size: 1em; font-weight: lighter; margin: 3px 0 0 7px; width: 196px; } #top_nav { float: right; padding-top: 10px; } #top_nav li { background: url(../images/top_nav_star.jpg) no-repeat 0px 2px; display: inline; padding: 0 8px 0 10px; } #top_nav li a { color: #807047; font-size: 1em; } .top_header { float: right; width: 500px;} #secondary_nav { float: right; font-size: 1em; padding-top: 15px; margin: 0px 5px 0px 280px;} #secondary_nav li { display: inline; float: left; padding-top: 5px;} #secondary_nav li a { color: #807047; margin: 0px 0px 0px 2px; } .page_content ul li { font-size: 1.2em; line-height: 1.3em; list-style: disc; padding: 0 0 10px 0;} /*------------------------------------------- Nav -------------------------------------------*/ #nav { height: 48px; margin: 15px 0 0 0; } #nav li { float: left; } #nav a { background: url(../images/nav_bg.png) no-repeat; display: block; height: 0px; overflow: hidden; padding-top: 48px; } .subnav_container { width: 241px; background: url(../images/subnav_container_bottom.png) bottom left no-repeat; padding: 0; margin: 0 !important; } .subnav_container_top { width: 241px; height: 4px; padding: 0; margin: 0;} .subnav_container .subnav { width: 241px; padding: 5px 0 8px 0 !important; margin: 0 !important;} .subnav_container .subnav li { margin: 0 0 0 7px; width: 227px; padding: 0; } .subnav_container .subnav li a { width: 223px; padding: 0 0 0 5px;} .subnav_container .subnav li.subactive { background: none; width: 225px; padding: 0;} .subnav_container .subnav li.subactive a { width: 222px; padding: 0 0 0 5px;} .subnav_container .subnav li.subactive a span { width: 200px;} .subnav_container .subnav li.lower ul { margin: 0 0 0 7px; padding-bottom: 6px; width: 227px;} .subnav_container .subnav li.lower ul li { width: 223px;} .subnav_container .subnav li.lower { width: 237px; padding: 0 0 0 0; margin: 0 0 0 0;} .subnav_container .subnav li.lower li a { background: none; } .subnav_container .subnav li.lower li a span { margin: 0 0 0 -8px; width: 188px; } .subnav { padding: 10px 5px 20px 5px; margin: 0 0 -10px 0;} #nav .subnav {left: -9999em; margin-top: -7px; padding: 10px 0px 20px 5px; position: absolute; z-index: 1000; } #nav li:hover { position: static; } #nav li:hover .subnav { left: auto; } .subnav li, #nav .subnav li { float: none; height: 27px; margin-top: -1px; } .subnav li a, #nav li .subnav li a { background-position: left top; color: #fff; display: block; font-size: 1.2em; font-weight: bold; height: 27px; padding: 0px 3px 0px 6px; white-space: nowrap; } .subnav li a span { display: block; height: 20px; padding: 7px 11px 0 5px; } .subnav li a:hover, .subnav li.active a, #nav .subnav li a:hover { background-position: bottom left; } .subnav a:hover span, .subnav li.active a span { background-position: bottom right; } .subnav li.lower { height: auto; } .subnav li.lower ul li span { padding-left: 25px; } .subnav li.subactive { height: 30px; } .subnav li.subactive a { height: 30px; } .subnav li.lower { margin-top: -3px; padding-left: 0px; } .subnav li.lower ul li { height: 23px; } .subnav li.lower ul li a { width: 185px; } .subnav li.lower ul li span {background: url(../images/nav/subnav-arrow.gif) no-repeat; background-position: 10px 8px; padding-left: 20px; height: 16px; padding-top: 4px; padding-bottom: 2px; width: 185px; } .subnav li.lower ul li span:hover { background: url(../images/nav/subnav-arrow.gif) no-repeat; background-position: 10px 8px; padding-left: 20px; height: 16px; padding-top: 4px; padding-bottom: 2px; width: 185px; } .subnav li.lower ul li.active a { background: transparent;} .subnav li.lower ul li.active span { width: 185px; } /* About ABA */ #nav .about-aba { width: 118px;} #nav .about-aba a { background-position: 0px 0px; } #nav .about-aba:hover a, #nav .about-aba a.active { background-position: 0px -48px; } .about-aba .top_subnav_container { background: #C53123;} .about-aba .subnav_container .subnav { background: url(../images/subnav_container_bottom.png) bottom left no-repeat #C53123; width: 241px;} .about-aba .subnav_container_top { background: url(../images/_nav/subnav_container_top_sprite.png) no-repeat 0 0; } .about-aba .subnav_container li { width: 100px;} .about-aba .nav_bg {background: #C53123; width: 241px; margin: 0 0 0 -5px;} .about-aba .nav_bg a {margin: 0 0 0 7px;} .about-aba .nav_bottom { background: url(../images/_nav/subnav_bottom_sprite.png) no-repeat transparent -241px 1px; width: 241px; height: 21px; margin: 0 0 0 -5px; padding: 0;} .about-aba .subnav { background: url(../images/_nav/subnav_top_sprite.gif) no-repeat transparent 0 0; } .about-aba .subnav a, #nav .about-aba .subnav a { background: url(../images/nav/nav_about_left.png) no-repeat left top; cursor: pointer; } .about-aba .subnav span { background: url(../images/nav/nav_about_right.png) no-repeat right top; } .about-aba .subnav li.subactive a { background: url(../images/nav/subnav-about-top.png) no-repeat; } .about-aba .subnav li.subactive span { background: url(../images/nav/subnav-about-top.png) no-repeat; width:217px; margin: 0 0 -10px -5px; padding-left: 10px;} .about-aba .subnav li.lower { background: url(../images/nav/subnav-about-middle.png) repeat-y 7px 0; } .about-aba .subnav li.lower ul { background: url(../images/nav/subnav-about-bottom.png) no-repeat bottom left ; } .about-aba .subnav li.lower ul li a:hover span { background-color: #B72B1D; } .about-aba .subnav li.lower ul li.active span { background-color: #B72B1D; } .about-aba .nav_bar { background: url(../images/nav/nav_about_bar.png) no-repeat; } #nav .about-aba .subnav a { width: 221px; } .about-aba h1, .about-aba h3, .about-aba a { color: #C53123; } /* Members */ #nav .members { width: 113px; } #nav .members a { background-position: -118px 0; } #nav .members:hover a, #nav .members a.active { background-position: -118px -48px; } .members .subnav {background: url(../images/_nav/subnav_top_sprite.gif) no-repeat transparent -482px 0; } .members .subnav_container_top { background: url(../images/_nav/subnav_container_top_sprite.png) no-repeat -482px 0; } .members .nav_bg {background: #48203E; width: 241px; margin: 0 0 0 -5px;} .members .nav_bg a {margin: 0 0 0 7px;} .members .nav_bottom { background: url(../images/_nav/subnav_bottom_sprite.png) no-repeat transparent -723px 1px; width: 241px; height: 21px; margin: 0 0 0 -5px; padding: 0;} .members .subnav_container .subnav { background: url(../images/subnav_container_bottom.png) bottom left no-repeat #48203E; width: 241px;} .members .subnav a, #nav .members .subnav a { background: url(../images/nav/nav_members_left.png) no-repeat left top; cursor: pointer; } .members .subnav span { background: url(../images/nav/nav_members_right.png) no-repeat right top; } .members .subnav li.subactive a { background: url(../images/nav/subnav-members-top.png) no-repeat; } .members .subnav li.subactive span { background: url(../images/nav/subnav-members-top.png) no-repeat; width:217px; margin: 0 0 -10px -5px; padding-left: 10px;} .members .nav_bar { background: url(../images/nav/nav_members_bar.png) no-repeat; } #nav .members .subnav a { width: 221px; } .members h1, .members h3, .members a { color: #48203E; } .members .subnav li.subactive a { background: url(../images/nav/subnav-members-top.png) no-repeat; } .members .subnav li.lower { background: url(../images/nav/subnav-members-middle.png) repeat-y 7px 0; } .members .subnav li.lower ul { background: url(../images/nav/subnav-members-bottom.png) no-repeat bottom left; } .members .subnav li.lower ul li a:hover span { background-color: #431D3A; } .members .subnav li.lower ul li.active span { background-color: #431D3A; } /* Our Products */ #nav .our-products { width: 158px; } #nav .our-products a { background-position: -231px 0; } #nav .our-products:hover a, #nav .our-products a.active { background-position: -231px -48px; } .our-products .subnav { background: url(../images/_nav/subnav_top_sprite.gif) no-repeat transparent -241px 0; } .our-products .subnav_container_top { background: url(../images/_nav/subnav_container_top_sprite.png) no-repeat -241px 0; } .our-products .nav_bg {background: #CC7401; width: 241px; margin: 0 0 0 -5px;} .our-products .nav_bg a {margin: 0 0 0 7px;} .our-products .nav_bottom { background: url(../images/_nav/subnav_bottom_sprite.png) no-repeat transparent -482px 1px; width: 241px; height: 21px; margin: 0 0 0 -5px; padding: 0;} .our-products .subnav_container .subnav { background: url(../images/subnav_container_bottom.png) bottom left no-repeat #CC7401; width: 241px;} .our-products .subnav a, #nav .our-products .subnav a { background: url(../images/nav/nav_products_left.png) no-repeat left top; cursor: pointer; } .our-products .subnav span { background: url(../images/nav/nav_products_right.png) no-repeat right top; } .our-products .subnav li.subactive a { background: url(../images/nav/subnav-products-top.png) no-repeat; } .our-products .subnav li.subactive span { background: url(../images/nav/subnav-products-top.png) no-repeat; width:217px; margin: 0 0 -10px -5px; padding-left: 10px;} .our-products .nav_bar { background: url(../images/nav/nav_products_bar.png) no-repeat; } #nav .our-products .subnav a { width: 221px; } .our-products h1, .our-products h3, .our-products a { color: #CC7401; } .our-products .subnav li.subactive a { background: url(../images/nav/subnav-products-top.png) no-repeat; } .our-products .subnav li.lower { background: url(../images/nav/subnav-products-middle.png) repeat-y 7px 0; } .our-products .subnav li.lower ul { background: url(../images/nav/subnav-products-bottom.png) no-repeat bottom left ; } .our-products .subnav li.lower ul li a:hover span { background-color: #BE6C01; } .our-products .subnav li.lower ul li.active span { background-color: #BE6C01; } /* Nutrition */ #nav .nutrition--science { width: 168px; } #nav .nutrition--science a { background-position: -389px 0; } #nav .nutrition--science:hover a, #nav .nutrition--science a.active { background-position: -389px -48px; } .nutrition--science .subnav_container_top { background: url(../images/_nav/subnav_container_top_sprite.png) no-repeat -723px 0; } .nutrition--science .subnav {background: url(../images/_nav/subnav_top_sprite.gif) no-repeat transparent -723px 0;} .nutrition--science .nav_bg {background: #0074A9; width: 241px; margin: 0 0 0 -5px;} .nutrition--science .nav_bg a {margin: 0 0 0 7px;} .nutrition--science .nav_bottom { background: url(../images/_nav/subnav_bottom_sprite.png) no-repeat transparent -964px 1px; width: 241px; height: 21px; margin: 0 0 0 -5px; padding: 0;} .nutrition--science .subnav a, #nav .nutrition--science .subnav a { background: url(../images/nav/nav_nutrition_left.png) no-repeat left top; cursor: pointer; } .nutrition--science .subnav_container .subnav { background: url(../images/subnav_container_bottom.png) bottom left no-repeat #0074A9; width: 241px;} .nutrition--science .subnav span { background: url(../images/nav/nav_nutrition_right.png) no-repeat right top; } .nutrition--science .nav_bar { background: url(../images/nav/nav_nutrition_bar.png) no-repeat; } #nav .nutrition--science .subnav a { width: 221px; } .nutrition--science a, .nutrition--science h3, .nutrition--science h1 { color: #0074A9; } .nutrition--science .subnav li.subactive a { background: url(../images/nav/subnav-nutrition-top.png) no-repeat; } .nutrition--science .subnav li.subactive span { background: url(../images/nav/subnav-nutrition-top.png) no-repeat; width:217px; margin: 0 0 -10px -5px; padding-left: 10px;} .nutrition--science .subnav li.lower { background: url(../images/nav/subnav-nutrition-middle.png) repeat-y 7px 0; } .nutrition--science .subnav li.lower ul { background: url(../images/nav/subnav-nutrition-bottom.png) no-repeat bottom left; } .nutrition--science .subnav li.lower ul li a:hover span { background-color: #00649A; } .nutrition--science .subnav li.lower ul li.active span { background-color: #00649A; } /* Environment */ #nav .environment { width: 137px; } #nav .environment a { background-position: -557px 0; } #nav .environment:hover a, #nav .environment a.active { background-position: -557px -48px; } .environment .subnav {background: url(../images/_nav/subnav_top_sprite.gif) no-repeat transparent -964px 0;} .environment .subnav_container_top { background: url(../images/_nav/subnav_container_top_sprite.png) no-repeat -964px 1px; } .environment .nav_bg {background: #4B8E01; width: 241px; margin: 0 0 0 -5px;} .environment .nav_bg a {margin: 0 0 0 7px;} .environment .nav_bottom { background: url(../images/_nav/subnav_bottom_sprite.png) no-repeat transparent -1205px 1px; width: 241px; height: 21px; margin: 0 0 0 -5px; padding: 0;} .environment .subnav_container .subnav { background: url(../images/subnav_container_bottom.png) bottom left no-repeat #4B8E01; width: 241px;} .environment .subnav a, #nav .environment .subnav a { background: url(../images/nav/nav_environment_left.png) no-repeat left top; cursor: pointer; } .environment .subnav span { background: url(../images/nav/nav_environment_right.png) no-repeat right top; } .environment .subnav li.subactive a { background: url(../images/nav/subnav-environment-top.png) no-repeat; } .environment .subnav li.subactive span { background: url(../images/nav/subnav-environment-top.png) no-repeat; width:217px; margin: 0 0 -10px -5px; padding-left: 10px;} .environment .nav_bar { background: url(../images/nav/nav_environment_bar.png) no-repeat; } #nav .environment .subnav a { width: 221px; } .environment a, .environment h3, .environment h1 { color: #4B8E01; } .environment .subnav li.subactive a { background: url(../images/nav/subnav-environment-top.png) no-repeat; } .environment .subnav li.lower { background: url(../images/nav/subnav-environment-middle.png) repeat-y 7px 0; } .environment .subnav li.lower ul { background: url(../images/nav/subnav-environment-bottom.png) no-repeat bottom left; } .environment .subnav li.lower ul li a:hover span { background-color: #448401; } .environment .subnav li.lower ul li.active span { background-color: #448401; } /* News And Media */ #nav .news--media { width: 137px; } #nav .news--media a { background-position: -694px 0; } #nav .news--media:hover a, #nav .news--media a.active { background-position: -694px -48px; } .news--media .subnav {background: url(../images/_nav/subnav_top_sprite.gif) no-repeat transparent -1446px 0;} .news--media .subnav_container_top { background: url(../images/_nav/subnav_container_top_sprite.png) no-repeat -1446px 0; } .news--media .nav_bg {background: #A80044; width: 241px; margin: 0 0 0 -5px;} .news--media .nav_bg a {margin: 0 0 0 7px;} .news--media .nav_bottom { background: url(../images/_nav/subnav_bottom_sprite.png) no-repeat transparent -1687px 1px; width: 241px; height: 21px; margin: 0 0 0 -5px; padding: 0;} .news--media .subnav_container .subnav { background: url(../images/subnav_container_bottom.png) bottom left no-repeat #A80044; width: 241px;} .news--media .subnav a, #nav .news--media .subnav a { background: url(../images/nav/nav_news_left.png) no-repeat left top; cursor: pointer; } .news--media .subnav span { background: url(../images/nav/nav_news_right.png) no-repeat right top; } .news--media .subnav li.subactive a { background: url(../images/nav/subnav-news-top.png) no-repeat; } .news--media .subnav li.subactive span { background: url(../images/nav/subnav-news-top.png) no-repeat; width:217px; margin: 0 0 -10px -5px; padding-left: 10px;} .news--media .nav_bar { background: url(../images/nav/nav_news_bar.png) no-repeat; } #nav .news--media .subnav a { width: 221px; } .news--media a, .news--media h3, .news--media h1 { color: #A80044; } .news--media .subnav li.subactive a { background: url(../images/nav/subnav-news-top.png) no-repeat; } .news--media .subnav li.lower { background: url(../images/nav/subnav-news-middle.png) repeat-y 7px 0; } .news--media .subnav li.lower ul { background: url(../images/nav/subnav-news-bottom.png) no-repeat bottom left; } .news--media .subnav li.lower ul li a:hover span { background-color: #99003D; } .news--media .subnav li.lower ul li.active span { background-color: #99003D; } /* Resources */ #nav .resources { width: 118px; } #nav .resources a { background-position: -831px 0; } #nav .resources:hover a, #nav .resources a.active { background-position: -831px -48px; } .resources .subnav {background: url(../images/_nav/subnav_top_sprite.gif) no-repeat transparent -1205px 0; margin: 0 0 0 -124px;} .resources .subnav_container .subnav2 { margin: 0 0 0 -124;} .resources .subnav_container_top { background: url(../images/_nav/subnav_container_top_sprite.png) no-repeat -1205px 0; } .resources .nav_bg {background: #33424E; width: 241px; margin: 0 0 0 -5px;} .resources .nav_bg a {margin: 0 0 0 7px;} .resources .nav_bottom { background: url(../images/_nav/subnav_bottom_sprite.png) no-repeat transparent -1446px 1px; width: 241px; height: 21px; margin: 0 0 0 -5px; padding: 0;} .resources .subnav_container {margin: 0 0 0 0; } .resources .subnav_container .subnav { margin: 0 0 0 0;} .resources .subnav_container .subnav { background: url(../images/subnav_container_bottom.png) bottom left no-repeat #33424E; width: 241px;} .resources .subnav a, #nav .resources .subnav a { background: url(../images/nav/nav_resources_left.png) no-repeat left top; cursor: pointer; } .resources .subnav span { background: url(../images/nav/nav_resources_right.png) no-repeat right top; } .resources .subnav li.subactive a { background: url(../images/nav/subnav-resources-top.png) no-repeat; } .resources .subnav li.subactive span { background: url(../images/nav/subnav-resources-top.png) no-repeat; margin: 0 0 -10px -5px; padding-left: 10px;} .resources .nav_bar { background: url(../images/nav/nav_resources_bar.png) no-repeat; } #nav .resources .subnav a { width: 221px; } .resources a, .resources h3, .resources h1 { color: #33424E; } .resources .subnav li.subactive a { background: url(../images/nav/subnav-resources-top.png) no-repeat; } .resources .subnav li.lower { background: url(../images/nav/subnav-resources-middle.png) repeat-y 7px 0; } .resources .subnav li.lower ul { background: url(../images/nav/subnav-resources-bottom.png) no-repeat bottom left; } .resources .subnav li.lower ul li a:hover span { background-color: #2E3C47; } .resources .subnav li.lower ul li.active span { background-color: #2E3C47; } .resources .other_media img { float: left; margin: 0px 10px 10px 0px; } .resources .other_media a { color: #617D93; } .nav_bar { height: 25px; margin-bottom: 20px; } .subnav_container .subnav { background: url(../images/subnav_container_top.png) top left no-repeat; margin: 0;} #breadcrumb { font-size: 1.2em; font-weight: bold; margin-bottom: 10px; } #breadcrumb a { font-weight: normal;} #page_functions { float: right; } /*-------------------------------- Email A friend ---------------------------------*/ #email_friend_overlay { background: url(../images/email-friend-overlay.png) no-repeat; width: 349px; height: 294px; position: absolute; margin-left: -143px; margin-top: -25px; font-weight: bold; } #email_friend_overlay form { margin: 40px 0px 0px 30px;} #email_friend_overlay input { margin: 3px 0px 5px; width: 295px; border: 1px solid #CCC; } #email_friend_overlay textarea { margin: 5px 0px 10px; width: 295px; height: 100px; border: 1px solid #CCC; } #email_friend_overlay a { float: right; width: 100px; height: 25px; } #email_friend_overlay input.auto { /*background: url (../images/email_send_bg.png) #656565; border: none; color: #FFF; height: 23px; text-transform: uppercase; width: 49px;*/ width: auto; border: 0; } /* Alert box */ #alert { background: url(../images/alert_bg.png) no-repeat; height: 40px; } #alert p { background: url(../images/red_arrow.png) no-repeat 95px center; float: left; height: 22px; padding: 8px 0 0 115px; } #alert p a { color: #E12422; } #close_alert { float: right; padding: 7px 5px 0 0; } #maincontent { /*overflow: hidden;*/ position: relative; top: -7px; /*min-height: 400px;*/ } #maincontent.home { position: static; top: auto;} #home_bottom { background: url(../images/container_bottom.jpg) no-repeat left bottom transparent !important; height: 40px; width: 952px; } #maincontent p { padding-bottom: 15px; } .page_content ul, ul.normal { margin-left: 25px; list-style-type: circle; } .page_content ul li ul { font-size: .8em; list-style-type: circle; line-height: 16px; margin: 10px 0 0 25px; } .page_content ol, ol.normal { margin-left: 25px; list-style-type: decimal; font-size: 12px; } .page_content ol li { margin: 0 0 5px 0; } .page_content ul, .page_content ol, ul.normal, ol.normal { line-height: 16px; margin-bottom: 15px; } .page_content a:hover { text-decoration: underline; } #left { float: left; width: 240px; } #right { float: right; width: 671px; } /* Homepage */ #home_left { float: left; width: 539px; background: transparent;} #home_right { float: right; width: 405px; } a.view_more { background: url(../images/view_more.png) no-repeat 0 5px; color: #545C5E; float: right; margin: -29px 18px 0 0; font-size: 10px; padding: 2px 0 0 24px; height: 20px; } .section { background: url(../images/left_blue_box_bottom.png) no-repeat bottom left !important; margin-bottom: 15px; padding-bottom: 5px; position: relative; } .section img{ float: right; padding: 0px 10px 10px 10px; height: 200px;} .section_bottom { margin-bottom: 15px; padding-bottom: 5px; position: relative; } .sright { background: url(../images/right_blue_box_bottom.png) no-repeat bottom left !important; } .sright object, .sright embed { width: 383px; height: 255px; } .ssub { background: url(../images/sub_blue_box_bottom.png) no-repeat bottom left !important; } .section h2, .section_bottom h2 { background: url(../images/section_header_left.png) no-repeat top left; font-size: 1.3em; line-height: 1.7em; height: 31px; padding: 0 0 0 10px; margin: 0px; } .section h2 span, .section_bottom h2 span { background: url(../images/section_header_right.png) no-repeat top right; display: block; height: 27px; padding-top: 4px; } .section_content { border-left: 1px solid #C0D3DB !important; border-right: 1px solid #C0D3DB !important; padding: 10px 10px 5px 10px; } .section a.more, .section_bottom a.more { display: block; font-weight: bold; margin: -6px 0 20px 0; padding-left: 18px; } /* section colors more*/ .about a.more { background: url(../images/more_red.png) no-repeat; color: #D63628;} .members a.more { background: url(../images/more_purple.png) no-repeat; width: 100px;} .products a.more { background: url(../images/more_orange.png) no-repeat;} .nutrition a.more { background: url(../images/more_blue.png) no-repeat;} .environment a.more { background: url(../images/more_green.png) no-repeat;} .news a.more { background: url(../images/more_pink.png) no-repeat left center; color: #C40050; height: 13px; line-height: 13px; } .resources a.more { background: url(../images/more_gray.png) no-repeat;} #home_rss { height: 30px; width: 280px; margin:0 0 0 -20px; } /* .section img { float: right; max-width: 130px; _width: expression(this.width > 130 ? 130 : true); } .section .img_left { float: left; margin: 0 10px 10px 0; max-width: 190px; _width: expression(this.width > 190 ? 190 : true);}*/ .section .img_left, .section_bottom .img_left { float: left; margin: 0 10px 5px 0;} .section .news_item, .section_bottom .news_item { border-bottom: 1px solid #CFE0E7; background-color: #FFF; margin: 11px 0 20px 0; } .section .news_last, .section_bottom .news_last { border-bottom: none; background-color: #FFF; margin: 11px 0 20px 0; } .section .news_item small, .section_bottom .news_item small { display: block; margin-bottom: 6px; } .section form, .section_bottom form { margin-top: -5px; } .section input.members, .section_bottom input.members { border: 1px solid #6D315D; color: #6D315D; clear: none; float: left; padding: 4px 10px; width: 165px; margin: 0 4px 10px 0; } /*------------------------------------------- Callouts -------------------------------------------*/ #callout { margin: 20px;} .callout_section { float: left; margin: 0 0 14px 0; } .callout_left { float: left; padding: 0 11px 0 0;} .callout_right { float: left;} .bg1, .bg1 .br, .bg1 .bl, .bg2, .bg2 .bl, .bg2 .br, .bg3, .bg3 .bl, .bg3 .br, .bg4, .bg4 .bl, .bg4 .br, .bg5, .bg5 .bl, .bg5 .br, .bg6, .bg6 .bl, .bg6 .br, .bg7, .bg7 .bl, .bg7 .br{ color: #444; height: 165px; width: 264px;} .bg1big , .bg1big .br, .bg1big .bl, .bg2big, .bg2big .bl, .bg2big .br, .bg3big, .bg3big .bl, .bg3big .br, .bg4big, .bg4big .bl, .bg4big .br, .bg5big, .bg5big .bl, .bg5big .br, .bg6big, .bg6big .bl, .bg6big .br, .bg7big, .bg7big .bl, .bg7big .br{ color: #444; height: 165px; width: 404px; } .bg1 h2, .bg2 h2, .bg3 h2, .bg4 h2, .bg5 h2, .bg6 h2, .bg7 h2, .bg1big h2, .bg2big h2, .bg3big h2, .bg4big h2, .bg5big h2, .bg6big h2, .bg7big h2 { color: #FFF; font-size: 1.3em; line-height: 1.7em; } .bg1 p, .bg2 p, .bg3 p, .bg4 p, .bg5 p, .bg6 p, .bg7 p { margin: 10px 0 10px 0; max-width: 128px; width: 128px;} .bg1big p, .bg2big p, .bg3big p, .bg4big p, .bg5big p, .bg6big p, .bg7big p { margin: 10px 0 10px 0; max-width: 274px; width: 274px;} .bg1 img, .bg2 img, .bg3 img, .bg4 img, .bg5 img, .bg6 img, .bg7 img, .bg1big img, .bg2big img, .bg3big img, .bg4big img, .bg5big img, .bg6big img, .bg7big img { margin: 10px 0 0 0;} .read_more { color: #FFF; display: block; font-size: 1.2em; height: 30px; margin: -30px 0 0 0; padding: 7px 0 0 11px; width: 102px; } .download { color: #FFF; display: block; font-size: 1.2em; height: 30px; margin: -30px 0 0 0; padding: 7px 0 0 11px; width: 102px; } .callout_content { height: 110px; } .bg1, .bg1big { background: #CCEBF9; } .bg2, .bg2big { background: #D8DFE3; } .bg3, .bg3big { background: #DFF2D1; } .bg4, .bg4big { background: #FFE9D0; } .bg5, .bg5big { background: #F6CCDD; } .bg6, .bg6big { background: #DED4DB; } .bg7, .bg7big { background: #FED9D6; } /* nutrition */ .bg1 .t, .bg1big .t {background: url(../images/callouts/dot1.gif) 0 0 repeat-x; width: 100%;} .bg1 .b, .bg1big .b {background: url(../images/callouts/dot1.gif) 0 100% repeat-x;} .bg1 .l, .bg1big .l {background: url(../images/callouts/dot1.gif) 0 0 repeat-y;} .bg1 .r, .bg1big .r {background: url(../images/callouts/dot1.gif) 100% 0 repeat-y;} .bg1 .bl, .bg1big .bl {background: url(../images/callouts/bl1.gif) 0 100% no-repeat; width: 100%;} .bg1 .br, .bg1big .br {background: url(../images/callouts/br1.gif) 100% 100% no-repeat;} .bg1 .tr, .bg1big .tr { padding:10px;} .bg1 h2, .bg1big h2 { margin: -11px -5px 0 0; padding: 10px 10px 0 10px;} .bg1 span, .bg1big span { display: block ; margin: -10px 5px 0 0; padding: 4px 0 0 0;} .bg1 .callout_header{ background: url(../images/callouts/callout_header_bg_blue.jpg) top right no-repeat #0074A9; margin: 1px -10px 0 -10px; padding:0 0 4px 0; } .bg1big .callout_header { background: url(../images/callouts/callout_header_bg_big_blue.jpg) top right no-repeat #0074A9; margin: 1px -10px 0 -10px; padding:0 0 4px 0; } .bg1 .read_more, .bg1big .read_more { background: url(../images/callout_read_more_blue.png) no-repeat;} .bg1 .download, .bg1big .download { background: url(../images/callout_download_blue.png) no-repeat;} /* Resources */ .bg2 .t, .bg2big .t {background: url(../images/callouts/dot2.gif) 0 0 repeat-x; width: 100%;} .bg2 .b, .bg2big .b {background: url(../images/callouts/dot2.gif) 0 100% repeat-x;} .bg2 .l, .bg2big .l {background: url(../images/callouts/dot2.gif) 0 0 repeat-y;} .bg2 .r, .bg2big .r {background: url(../images/callouts/dot2.gif) 100% 0 repeat-y;} .bg2 .bl, .bg2big .bl {background: url(../images/callouts/bl2.gif) 0 100% no-repeat; width: 100%;} .bg2 .br, .bg2big .br {background: url(../images/callouts/br2.gif) 100% 100% no-repeat;} .bg2 .tr, .bg2big .tr { padding:10px;} .bg2 h2, .bg2big h2 { margin: -11px -5px 0 0; padding: 10px 10px 0 10px;} .bg2 span, .bg2big span { display: block ; margin: -10px 5px 0 0; padding: 4px 0 0 0;} .bg2 .callout_header{ background: url(../images/callouts/callout_header_bg_gray.jpg) top right no-repeat #334451; margin: 1px -10px 0 -10px; padding:0 0 4px 0; } .bg2big .callout_header { background: url(../images/callouts/callout_header_bg_big_gray.jpg) top right no-repeat #334451; margin: 1px -10px 0 -10px; padding:0 0 4px 0; } .bg2 .read_more, .bg2big .read_more { background: url(../images/callout_read_more_gray.png) no-repeat;} .bg2 .download, .bg2big .download { background: url(../images/callout_download_gray.png) no-repeat;} /* Environment */ .bg3 .t, .bg3big .t {background: url(../images/callouts/dot3.gif) 0 0 repeat-x; width: 100%;} .bg3 .b, .bg3big .b {background: url(../images/callouts/dot3.gif) 0 100% repeat-x;} .bg3 .l, .bg3big .l {background: url(../images/callouts/dot3.gif) 0 0 repeat-y;} .bg3 .r, .bg3big .r {background: url(../images/callouts/dot3.gif) 100% 0 repeat-y;} .bg3 .bl, .bg3big .bl {background: url(../images/callouts/bl3.gif) 0 100% no-repeat; width: 100%;} .bg3 .br, .bg3big .br {background: url(../images/callouts/br3.gif) 100% 100% no-repeat;} .bg3 .tr, .bg3big .tr { padding:10px;} .bg3 h2, .bg3big h2 { margin: -11px -5px 0 0; padding: 10px 10px 0 10px;} .bg3 span, .bg3big span { display: block ; margin: -10px 5px 0 0; padding: 4px 0 0 0;} .bg3 .callout_header{ background: url(../images/callouts/callout_header_bg_green.jpg) top right no-repeat #4D9203; margin: 1px -10px 0 -10px; padding:0 0 4px 0; } .bg3big .callout_header { background: url(../images/callouts/callout_header_bg_big_green.jpg) top right no-repeat #4D9203; margin: 1px -10px 0 -10px; padding:0 0 4px 0; } .bg3 .read_more, .bg3big .read_more { background: url(../images/callout_read_more_green.png) no-repeat;} .bg3 .download, .bg3big .download { background: url(../images/callout_download_green.png) no-repeat;} /* Our Products */ .bg4 .t, .bg4big .t {background: url(../images/callouts/dot4.gif) 0 0 repeat-x; width: 100%;} .bg4 .b, .bg4big .b {background: url(../images/callouts/dot4.gif) 0 100% repeat-x;} .bg4 .l, .bg4big .l {background: url(../images/callouts/dot4.gif) 0 0 repeat-y;} .bg4 .r, .bg4big .r {background: url(../images/callouts/dot4.gif) 100% 0 repeat-y;} .bg4 .bl, .bg4big .bl {background: url(../images/callouts/bl4.gif) 0 100% no-repeat; width: 100%;} .bg4 .br, .bg4big .br {background: url(../images/callouts/br4.gif) 100% 100% no-repeat;} .bg4 .tr, .bg4big .tr { padding:10px;} .bg4 h2, .bg4big h2 { margin: -11px -5px 0 0; padding: 10px 10px 0 10px;} .bg4 span, .bg4big span { display: block ; margin: -10px 5px 0 0; padding: 4px 0 0 0;} .bg4 .callout_header{ background: url(../images/callouts/callout_header_bg_orange.jpg) top right no-repeat #D07703; margin: 1px -10px 0 -10px; padding:0 0 4px 0; } .bg4big .callout_header { background: url(../images/callouts/callout_header_bg_big_orange.jpg) top right no-repeat #D07703; margin: 1px -10px 0 -10px; padding:0 0 4px 0; } .bg4 .read_more, .bg4big .read_more { background: url(../images/callout_read_more_orange.png) no-repeat;} .bg4 .download, .bg4big .download { background: url(../images/callout_download_orange.png) no-repeat;} /* News and Media */ .bg5 .t, .bg5big .t {background: url(../images/callouts/dot5.gif) 0 0 repeat-x; width: 100%;} .bg5 .b, .bg5big .b {background: url(../images/callouts/dot5.gif) 0 100% repeat-x;} .bg5 .l, .bg5big .l {background: url(../images/callouts/dot5.gif) 0 0 repeat-y;} .bg5 .r, .bg5big .r {background: url(../images/callouts/dot5.gif) 100% 0 repeat-y;} .bg5 .bl, .bg5big .bl {background: url(../images/callouts/bl5.gif) 0 100% no-repeat; width: 100%;} .bg5 .br, .bg5big .br {background: url(../images/callouts/br5.gif) 100% 100% no-repeat;} .bg5 .tr, .bg5big .tr { padding:10px;} .bg5 h2, .bg5big h2 { margin: -11px -5px 0 0; padding: 10px 10px 0 10px;} .bg5 span, .bg5big span { display: block ; margin: -10px 5px 0 0; padding: 4px 0 0 0;} .bg5 .callout_header{ background: url(../images/callouts/callout_header_bg_pink.jpg) top right no-repeat #AA0146; margin: 1px -10px 0 -10px; padding:0 0 4px 0; } .bg5big .callout_header { background: url(../images/callouts/callout_header_bg_big_pink.jpg) top right no-repeat #AA0146 ; margin: 1px -10px 0 -10px; padding:0 0 4px 0; } .bg5 .read_more, .bg5big .read_more { background: url(../images/callout_read_more_pink.png) no-repeat;} .bg5 .download, .bg55big .download { background: url(../images/callout_download_pink.png) no-repeat;} /* Members */ .bg6 .t, .bg6big .t {background: url(../images/callouts/dot6.gif) 0 0 repeat-x; width: 100%;} .bg6 .b, .bg6big .b {background: url(../images/callouts/dot6.gif) 0 100% repeat-x;} .bg6 .l, .bg6big .l {background: url(../images/callouts/dot6.gif) 0 0 repeat-y;} .bg6 .r, .bg6big .r {background: url(../images/callouts/dot6.gif) 100% 0 repeat-y;} .bg6 .bl, .bg6big .bl {background: url(../images/callouts/bl6.gif) 0 100% no-repeat; width: 100%;} .bg6 .br, .bg6big .br {background: url(../images/callouts/br6.gif) 100% 100% no-repeat;} .bg6 .tr, .bg6big .tr { padding:10px;} .bg6 h2, .bg6big h2 { margin: -11px -5px 0 0; padding: 10px 10px 0 10px;} .bg6 span, .bg6big span { display: block ; margin: -10px 5px 0 0; padding: 4px 0 0 0;} .bg6 .callout_header{ background: url(../images/callouts/callout_header_bg_purple.jpg) top right no-repeat #49203E; margin: 1px -10px 0 -10px; padding:0 0 4px 0; } .bg6big .callout_header { background: url(../images/callouts/callout_header_bg_big_purple.jpg) top right no-repeat #49203E ; margin: 1px -10px 0 -10px; padding:0 0 4px 0; } .bg6 .read_more, .bg6big .read_more { background: url(../images/callout_read_more_purple.png) no-repeat ;} .bg6 .download, .bg6big .download { background: url(../images/callout_download_purple.png) no-repeat;} /* About ABA */ .bg7 .t, .bg7big .t {background: url(../images/callouts/dot7.gif) 0 0 repeat-x; width: 100%;} .bg7 .b, .bg7big .b {background: url(../images/callouts/dot7.gif) 0 100% repeat-x;} .bg7 .l, .bg7big .l {background: url(../images/callouts/dot7.gif) 0 0 repeat-y;} .bg7 .r, .bg7big .r {background: url(../images/callouts/dot7.gif) 100% 0 repeat-y;} .bg7 .bl, .bg7big .bl {background: url(../images/callouts/bl7.gif) 0 100% no-repeat; width: 100%;} .bg7 .br, .bg7big .br {background: url(../images/callouts/br7.gif) 100% 100% no-repeat;} .bg7 .tr, .bg7big .tr { padding:10px;} .bg7 h2, .bg7big h2 { margin: -11px -5px 0 0; padding: 10px 10px 0 10px;} .bg7 span, .bg7big span { display: block ; margin: -10px 5px 0 0; padding: 4px 0 0 0;} .bg7 .callout_header{ background: url(../images/callouts/callout_header_bg_red.jpg) top right no-repeat #CA3225; margin: 1px -10px 0 -10px; padding:0 0 4px 0; } .bg7big .callout_header { background: url(../images/callouts/callout_header_bg_big_red.jpg) top right no-repeat #CA3225 ; margin: 1px -10px 0 -10px; padding:0 0 4px 0; } .bg7 .read_more, .bg7big .read_more { background: url(../images/callout_read_more_red.png) no-repeat; } .bg7 .download, .bg7big .download { background: url(../images/callout_download_red.png) no-repeat;} /* section colors */ .about a, .about h2, .about h3 { color: #D63628; } .members a, .members h2, .members h3 { color: #682F59;} .products a, .products h2, .products h3 { color: #F98512;} .nutrition a, .nutrition h2, .nutrition h3, .nutrition--science a, .nutrition--science h2, .nutrition--science h3 { color: #0074A9;} .environment a, .environment h2, .environment h3 { color: #53A10A;} .news a, .news h2, .news h3, .news--media a, .news--media h2, .news--media h3 { color: #C40050;} .resources a, .resources h2, .resources h3 { color: #4D4D4D;} .about h2, .members h2, .products h2, .nutrition--science h2, .environment h2, .news h2, .resources h2 { font-size: 1.8em; font-weight: normal;} .about h3, .members h3, .products h3, .nutrition--science h3, .environment h3, .news h3, .resources h3 { font-weight: normal;} /* smart briefs*/ .smart_brief a{ background: url(../images/more_blue.png) no-repeat; color: #666; display: block; font-weight: lighter; font-size: 1.2em; margin: 2px 0 30px 0; padding-left: 18px;} #smart_brief_alerts { background: url(../images/smart_brief_alerts_button.png) no-repeat; display: block; height:30px; margin: 0 0 10px 0; text-indent: -1000em; width: 350px;} /*----------------------------------------- Footer -----------------------------------------*/ /*.sright .section_content .contact_info { border-left: 1px solid #C0D3DB !important; border-right: 1px solid #C0D3DB !important; }*/ .contact_info { text-align: center; font-size: .8em !important; line-height: 2em; /* height: 119px;*/ } .contact_info a { color: #617D93; } .contact_info_home { border-left: 1px solid #C0D3DB !important; border-right: 1px solid #C0D3DB !important;} .contact_info_home { text-align: center; font-size: .9em !important; line-height: 2em; /* height: 119px;*/ } .contact_info_home a { color: #617D93; } #footer { /* margin: 0 0 0 0;*/ padding:10px 0 10px 0; text-align: center;} #footer a { background: url(../images/footer_star.png) no-repeat 0px 2px; padding-left: 13px; } #footer_holder { margin-top: 60px; height: 170px; width: 952px;} #footer_copyright { line-height: 1em;} #footer_holder .contact_info p { margin: 8px 0 0 0; } #footer_address { margin: 10px 0 0 0; line-height: 1.5em;} #footer_holder .section_content { height: 115px;}