body {padding: 0px; margin: 0px; background-image: url(../Images/background.jpg); background-repeat: repeat-x; background-color: #499a00; width: 100%; height: 100%; } div, a, p, h2, span, li {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #534e4f; line-height: 135%; } img, div {behavior: url("/abelei/Assets/JS/iepngfix/iepngfix-mod.htc") } /* Content Styles */ #wrapper {left: 50%; width: 1100px; position: absolute; margin-left: -550px; z-index: 2; display: block; } #contentContainer {width: 931px; top: 0px; left: 50%; position: absolute; margin-left: -464px; display: block; z-index: -1; background-color: #aed746; } #topMenu {top: 0px; left: 50%; margin-left: -550px; z-index: 0; position: absolute; } #contentBlock {position: relative; top: 40px; width: 894px; background-image:url(../Images/gradientBckgd.jpg); background-repeat: repeat-x; background-color: #fefefc; margin: 0px 18px; } .contentTitle span {font-family: "Century Gothic", "Arial", sans-serif; font-size: 36px; } .contentTitle span.lgreen {color: #628d0c; } .contentTitle span.dgreen {color: #3e560c; } #imageBlock {background-position: 0px 0px; background-repeat: no-repeat; height: 100%; } .content {top: 100px; position: relative; margin-left: 25px; margin-right: 435px; padding-bottom: 200px; } .contentApp {top: 100px; position: relative; margin-left: 25px; margin-right: 400px; padding-bottom: 200px; } .contentAna {top: 100px; position: relative; margin-left: 25px; margin-right: 520px; padding-bottom: 200px; } .contentPart {top: 100px; position: relative; margin-left: 25px; margin-right: 455px; padding-bottom: 200px; } .contentStory {top: 100px; position: relative; margin-left: 25px; margin-right: 455px; padding-bottom: 200px; } .contentFit {top: 100px; position: relative; margin-left: 25px; margin-right: 435px; padding-bottom: 200px; } #upperSwirl {background-image:url(../Images/upperSwirl.png); background-repeat: no-repeat; height: 310px; width: 895px; margin-top: -310px; z-index: -5; position: relative; } .abelei {font-weight: bold; font-family: "Century Gothic", "Arial", sans-serif; color: #cf0f19; font-size: 14px; } .flavors {font-weight: bold; font-family: "Century Gothic", "Arial", sans-serif; color: #000000; font-size: 14px; } .fit {font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic; font-size: 14px; background-image: url(../Images/fitTriangle.png); padding-left: 7px; background-repeat: no-repeat; background-position: 0px 7px; color: #2d5500; font-size: 16px; } .required {color: #F00; } /* Page Titles */ #ourStory {background-image: url(../Images/interiors/ourstory.png); background-repeat: no-repeat; width: 168px; height: 60px; display: block; } #newsTitle {background-image: url(../Images/interiors/newsevents.png); background-repeat: no-repeat; width: 280px; height: 60px; display: block; } #certTitle {background-image: url(../Images/interiors/certaudits.png); background-repeat: no-repeat; width: 417px; height: 60px; display: block; } #contactTitle {background-image: url(../Images/interiors/contactus.png); background-repeat: no-repeat; width: 201px; height: 60px; display: block; } #directionsTitle {background-image: url(../Images/interiors/drivingdirections.png); background-repeat: no-repeat; width: 506px; height: 60px; display: block; } #ourStory span, #newsTitle span, #certTitle span, #contactTitle span, #directionsTitle span {display: none; } #winningFlavorsTitle {background-image: url(../Images/interiors/winningflavors.png); background-repeat: no-repeat; width: 294px; height: 60px; display: block; } #winningFlavorsTitle span {display: none; } #serviceTitle {background-image: url(../Images/interiors/bestinservice.png); background-repeat: no-repeat; width: 278px; height: 60px; display: block; } #serviceTitle span {display: none; } #solutionsTitle {background-image: url(../Images/interiors/completesolutions.png); background-repeat: no-repeat; width: 389px; height: 60px; display: block; } #flavorTitle {background-image: url(../Images/interiors/flavorcreation.png); background-repeat: no-repeat; width: 281; height: 60px; display: block; } #applicationTitle {background-image: url(../Images/interiors/apptechnology.png); background-repeat: no-repeat; width: 459; height: 60px; display: block; } #analyticalTitle {background-image: url(../Images/interiors/anasciences.png); background-repeat: no-repeat; width: 358; height: 60px; display: block; } #sensoryTitle {background-image: url(../Images/interiors/senssciences.png); background-repeat: no-repeat; width: 323; height: 60px; display: block; } #regTitle {background-image: url(../Images/interiors/regulatory.png); background-repeat: no-repeat; width: 207; height: 60px; display: block; } #ideaTitle {background-image: url(../Images/interiors/ideation.png); background-repeat: no-repeat; width: 283; height: 60px; display: block; } #partnerTitle {background-image: url(../Images/interiors/partnerdatabase.png); background-repeat: no-repeat; width: 339; height: 60px; display: block; } #solutionsTitle span, #flavorTitle span, #applicationTitle span, #analyticalTitle span, #sensoryTitle span, #regTitle span, #ideaTitle span, #partnerTitle span {display: none; } #globalTitle {background-image: url(../Images/interiors/globalreach.png); background-repeat: no-repeat; width: 242px; height: 60px; display: block; } #globalTitle span {display: none; } #fitTitle {background-image: url(../Images/interiors/abeleifit.png); background-repeat: no-repeat; width: 210px; height: 60px; display: block; } #fitTitle span {display: none; } #fansTitle {background-image: url(../Images/interiors/abeleifans.png); background-repeat: no-repeat; width: 209px; height: 36px; display: block; } #fansTitle span {display: none; } /* Flavor Page Styles */ #flavorMenu {background-image:url(../Images/flavorMenu.png); background-repeat: no-repeat; width: 838px; height: 186px; margin-top: -55px; display: block; } #flavorAlpha {background-image: url(../Images/alphaBckgd.png); background-repeat: no-repeat; width: 807px; padding-left: 30px; height: 36px; padding-top: 18px; } #flavorAlpha .search {color: #e4f8c8; font-size: 12px; line-height: 16px; } #flavorAlpha a {color: #fff; font-weight: bold; padding-right: 8px; cursor: pointer; } #flavorAlpha a:hover {font-size: 20px; } #flavorAlpha a.first {margin-left: 10px; } #flavorContentTop {background-image:url(../Images/flavorTop.jpg); background-repeat: no-repeat; height: 8px; width: 833px; margin-top: 5px; } #flavorContent {} #flavorContentBottom {background-image:url(../Images/flavorBottom.jpg); background-repeat: no-repeat; height: 83px; width: 833px; } .flavorTitle {margin-left: 60px; background-repeat: no-repeat; width: 42px; height: 51px; } .flavorTitle span {display: none; } #flavorTitleA {background-image: url(../Images/alpha/A.jpg); } #flavorTitleB {background-image: url(../Images/alpha/B.jpg); } #flavorTitleC {background-image: url(../Images/alpha/C.jpg); } #flavorTitleD {background-image: url(../Images/alpha/D.jpg); } #flavorTitleE {background-image: url(../Images/alpha/E.jpg); } #flavorTitleF {background-image: url(../Images/alpha/F.jpg); } #flavorTitleG {background-image: url(../Images/alpha/G.jpg); } #flavorTitleH {background-image: url(../Images/alpha/H.jpg); } #flavorTitleI {background-image: url(../Images/alpha/I.jpg); } #flavorTitleJ {background-image: url(../Images/alpha/J.jpg); } #flavorTitleK {background-image: url(../Images/alpha/K.jpg); } #flavorTitleL {background-image: url(../Images/alpha/L.jpg); } #flavorTitleM {background-image: url(../Images/alpha/M.jpg); } #flavorTitleN {background-image: url(../Images/alpha/N.jpg); } #flavorTitleO {background-image: url(../Images/alpha/O.jpg); } #flavorTitleP {background-image: url(../Images/alpha/P.jpg); } #flavorTitleQ {background-image: url(../Images/alpha/Q.jpg); } #flavorTitleR {background-image: url(../Images/alpha/R.jpg); } #flavorTitleS {background-image: url(../Images/alpha/S.jpg); } #flavorTitleT {background-image: url(../Images/alpha/T.jpg); } #flavorTitleU {background-image: url(../Images/alpha/U.jpg); } #flavorTitleV {background-image: url(../Images/alpha/V.jpg); } #flavorTitleW {background-image: url(../Images/alpha/W.jpg); } #flavorTitleX {background-image: url(../Images/alpha/X.jpg); } #flavorTitleY {background-image: url(../Images/alpha/Y.jpg); } #flavorTitleZ {background-image: url(../Images/alpha/Z.jpg); } #flavorTitlesoftFruits {background-image: url(../Images/categories/softFruits.jpg); width: 300px; height: 55px; } #flavorTitlecitrus {background-image: url(../Images/categories/citrus.jpg); width: 300px; height: 55px; } #flavorTitletropical {background-image: url(../Images/categories/tropical.jpg); width: 300px; height: 55px; } #flavorTitlesavory {background-image: url(../Images/categories/savory.jpg); width: 300px; height: 55px; } #flavorTitlenut {background-image: url(../Images/categories/nut.jpg); width: 300px; height: 55px; } #flavorTitlebeverage {background-image: url(../Images/categories/beverage.jpg); width: 300px; height: 55px; } #flavorTitlefunctional {background-image: url(../Images/categories/functional.jpg); width: 300px; height: 55px; } #flavorTitlefloral {background-image: url(../Images/categories/floral.jpg); width: 300px; height: 55px; } #flavorTitlesweetBrown {background-image: url(../Images/categories/sweetBrown.jpg); width: 300px; height: 55px; } #flavorTitledairy {background-image: url(../Images/categories/dairy.jpg); width: 300px; height: 55px; } #nextCategory {background-image: url(../Images/nextCategory.jpg); background-repeat: no-repeat; height: 13px; width: 91px; top: -25px; left: 575px; position: relative; } #nextCategory a {width: 91px; height:13px; display: block; cursor: pointer; } #nextCategory a span {display: none; } #backToStart {background-image: url(../Images/backToStart.jpg); background-repeat: no-repeat; height: 13px; width: 78px; top: -38px; left: 700px; position: relative; } #backToStart a {width: 78px; height: 13px; display: block; } #backToStart a span {display: none; } #flavorScroll {background-image: url(../Images/flavorScroll.jpg); width: 791px; height: 27px; display: block; margin-left: 15px; margin-top: -30px; } #softFruitMenu {background-image: url(../Images/categories/softFruitsMenu.jpg); background-repeat: no-repeat; width: 96px; height: 26px; display: block; cursor: pointer; left: 61px; top: 95px; position: relative; } #citrusMenu {background-image: url(../Images/categories/citrusMenu.jpg); background-repeat: no-repeat; width: 109px; height: 20px; display: block; cursor: pointer; left: 55px; top: 95px; position: relative; } #tropicalMenu {background-image: url(../Images/categories/tropicalMenu.jpg); background-repeat: no-repeat; width: 125px; height: 26px; display: block; cursor: pointer; left: 234px; top: 35px; position: relative; z-index: 1000; } #savoryMenu {background-image: url(../Images/categories/savoryMenu.jpg); background-repeat: no-repeat; width: 57px; height: 26px; display: block; cursor: pointer; left: 268px; top: 35px; position: relative; } #nutMenu {background-image: url(../Images/categories/nutMenu.jpg); background-repeat: no-repeat; width: 134px; height: 21px; display: block; cursor: pointer; left: 232px; top: 35px; position: relative; } #beverageMenu {background-image: url(../Images/categories/beverageMenu.jpg); background-repeat: no-repeat; width: 76px; height: 26px; display: block; cursor: pointer; left: 490px; top: -40px; position: relative; } #functionalMenu {background-image: url(../Images/categories/functionalMenu.jpg); background-repeat: no-repeat; width: 170px; height: 26px; display: block; cursor: pointer; left: 443px; top: -40px; position: relative; } #floralMenu {background-image: url(../Images/categories/floralMenu.jpg); background-repeat: no-repeat; width: 148px; height: 21px; display: block; cursor: pointer; left: 455px; top: -40px; position: relative; } #sweetBrownMenu {background-image: url(../Images/categories/sweetBrownMenu.jpg); background-repeat: no-repeat; width: 111px; height: 20px; display: block; cursor: pointer; left: 665px; top: -96px; position: relative; } #dairyMenu {background-image: url(../Images/categories/dairyMenu.jpg); background-repeat: no-repeat; width: 49px; height: 26px; display: block; cursor: pointer; left: 695px; top: -93px; position: relative; } #softFruitMenu span, #citrusMenu span, #tropicalMenu span, #savoryMenu span, #nutMenu span, #beverageMenu span, #functionalMenu span, #floralMenu span, #sweetBrownMenu span, #dairyMenu span {display: none; } /* Fans Page Styles */ .testimonials {display: block; height: 360px; width: 817px; float: left; } #fansLeft {background-image: url(../Images/interiors/fans_left.png); background-repeat: no-repeat; width: 273px; height: 344px; display: block; top: 320px; position: absolute; } #fansMid {background-image: url(../Images/interiors/fans_mid.png); background-repeat: no-repeat; width: 273px; height: 350px; display: block; top: 320px; left: 285px; position: absolute; } #fansRight {background-image: url(../Images/interiors/fans_right.png); background-repeat: no-repeat; width: 271px; height: 341px; display: block; top: 320px; left: 570px; position: absolute; } #fansLeft2 {background-image: url(../Images/interiors/fans_left2.png); background-repeat: no-repeat; width: 273px; height: 344px; display: block; top: 320px; position: absolute; } #fansMid2 {background-image: url(../Images/interiors/fans_mid2.png); background-repeat: no-repeat; width: 273px; height: 350px; display: block; top: 320px; left: 285px; position: absolute; } #fansRight2 {background-image: url(../Images/interiors/fans_right2.png); background-repeat: no-repeat; width: 271px; height: 341px; display: block; top: 320px; left: 570px; position: absolute; } .fansLeftText {position: absolute; width: 243px; top: 315px; left: 15px; } .fansMidText {position: absolute; width: 243px; top: 315px; left: 300px; } .fansRightText {position: absolute; width: 243px; top: 315px; left: 585px; } .fansSubtitle {color: #FFF; font-size: 16px; } #fans_menu { position: relative; top: 7px;} #fans_menu a { width: 7px; height: 13px; display: inline-block; padding: 0px 10px 0px 10px; position: relative; top: 3px; } #fans_menu a.right { background-image: url(../Images/interiors/arrow_r.png); background-position: top; background-repeat:no-repeat; } #fans_menu a.left { background-image: url(../Images/interiors/arrow_l.png); background-position: top; background-repeat:no-repeat; } #fans_menu a:hover { background-position: bottom; } #fans_menu span { display: none; } .contentFit h2 {color:#628d0c; font-weight: normal; font-size:1.9em; } .dots1 {color:#628d0c; font-size:1.2em; font-weight:bold; background-image: url(../Images/interiors/dots1.png); background-repeat: no-repeat; height: 25px; display: block; padding: 3px 0px 0px 25px; } .dots2 {color:#628d0c; font-size:1.2em; font-weight:bold; background-image: url(../Images/interiors/dots2.png); background-repeat: no-repeat; height: 25px; display: block; padding: 3px 0px 0px 25px; } /* Form Styles */ label,input.field {display: block; width: 250px; float: left; margin-bottom: 5px; position:relative; } input.radio {width: 17px; border: 0px; display: block; float: left; position:relative; } label {padding-top: 5px; width: 75px; } form br {clear: left; } span.required {font-size: 10px; } span.red{color:#F00; } .accepted {background-image: url(../Images/accept.jpg); background-repeat: no-repeat; background-position: right; display: block; width: 250px; float: left; margin-bottom: 5px; position:relative; } .rejected {background-image: url(../Images/reject.jpg); background-repeat: no-repeat; background-position: right; background-color: #f3cec1; display: block; width: 250px; float: left; margin-bottom: 5px; position:relative; } /* Footer Styles */ #footer {margin-left: -549px; margin-top: -81px; left: 50%; position: absolute; height: 452px; display: block; z-index: 5px; } #footerHome {margin-left: -549px; top: 295px; left: 50%; position: absolute; height: 452px; display: block; z-index: 5px; } #footerAddress {float: left; color: #eefdbb; margin-top: 40px; left: 85px; position: relative; width: 550px; font-size: 11px; } #footerNav {color: #eefdbb; margin-top: 40px; margin-right: 85px; position: relative; float: right; font-size: 11px; } #footerNav a {color: #eefdbb; font-size: 11px; text-decoration: none; } #hangingTabs {margin-left: -395px; margin-top: -17px; position: absolute; left: 50%; width: 863px; } /* Rapid Response Styles */ #rrTitle {background-image:url(../Images/rrTitle.png); width: 421px; height: 86px; } #rrTitle h1 {display: none;}