html { height: 100%; text-align: center; margin: 0px auto; width: 100%; }
body { width: 900px; height: 100%; text-align: center; margin: 0px auto; background: #004b7d url(../images/bg_site.jpg) repeat-x top center; padding-bottom: 1px; }
#wrapperContainer { width: 900px; text-align: center; margin: 0px auto; background: url(../images/site_bg_shadow.png) repeat-y; } /* alt: ie6.css */
#bodyContainer { background: #fff; width: 880px; text-align: center; margin: 0px auto; }
#mainContainer { text-align: left; }
#topShadow { background: url(../images/site_top_shadow.png) no-repeat bottom; width: 900px; height: 10px; } /* alt ie6.css */
/** top site header, including site logo ***/
#siteHeader { width: 880px; color: #517da8; font-size: 0.8em; }
#siteHeader span { margin: 0 10px; }
#searchBtn { float: right; margin: 45px 20px 0px 1px ; } /* alt: ie.css */
#searchBtn img { cursor: pointer; }
#searchField { float: right; margin-top: 45px; }
#searchInput { height: 16px; width: 114px; font-size: 0.9em; color: #666; }
#searchLinks { float: right; margin: 49px 10px 0px 0px; }
#searchLinks a { margin: 0px 7px; }
#siteLogo { padding: 40px 0px 12px 40px; float: left; }
/** page title **/
.pageTitleSection { width: 880px; height: 120px; display: table; text-align: left; background-color: #a2d2f6; }
.pageTitleSection div { padding: 0 0 0 40px; margin: 0px; display: table-cell; vertical-align: middle; }
.pageTitleSection h3, .pageTitleSection h1 { margin: 0px; padding: 0px; } /* alt: ie.css */
.pageTitleSection h3 { margin-bottom: 10px; }
/** end of page title ***/
/** tertiary nav **/
#tertiaryNav { background: url(../images/nav/tetiary/tetiary_nav_bg.gif) repeat-x bottom; min-height: 25px; width: 880px; padding-bottom: 2px; border-top: 1px solid #ddf1ea; }
#tertiaryNav #tertiaryNavContainer { width: 845px; padding-left: 35px; }
#popup #tertiaryNav #tertiaryNavContainer { width: 523px; padding-left: 10px; }
#tertiaryNav #tertiaryNavContainer div { float: left; padding: 0 8.5px; height: 25px; } /* alt: ie6.css */
#tertiaryNav #tertiaryNavContainer div.clearboth { height: 0px; width: 1px; clear: both; }
/** print and email section **/
#sendSection { text-align: right; height: 22px; padding: 0 0 5px 0; margin-right: 7px; }
#sendSection a { padding-right: 13px; }
#pageImg { margin: 0 20px 25px 20px; background: #edf9f9; min-height: 120px; }
#pageImg table { height: 120px; vertical-align: middle; }
#pageImg table td { vertical-align: middle; }
#pageImg table td.imageholder { width: 500px; vertical-align: middle; }
#pageImg table td.textholder { width: 340px; vertical-align: middle; padding: 10px 0; }
/*** main content structure for the inside page ***/
#mainContent, #mainContentNoBG { clear: both; width: 840px; margin: 0 20px; min-height: 400px; } /* alts: ie6.css */
#mainContent { background: url(../images/inside_page_bg.gif); }
#contentColumn { background: #fff; float: left; padding: 0 0 25px 0; width: 475px; margin-right: 25px; }
#secondColumn { float: left; width: 330px; padding: 10px 0 0 10px; }
#bottomContainer { clear: both; background: url(../images/page_content_bg.gif) no-repeat top left; height: 25px; width: 840px; }
#mainContent ul { margin-left: 0px; padding-left: 0px; }
#mainContent ul li a, #mainContentNoBG ul li a { color: #178acb; text-decoration: none; }
#mainContent ul li a:hover, #mainContentNoBG ul li a:hover { text-decoration: underline; }
#mainContent a, #mainContentNoBG a { color: #313030; text-decoration: underline; }
#mainContent a:hover, #mainContentNoBG a:hover { color: #178acb; }
#mainContent ol li a, #mainContentNoBG ol li a { color: #178acb; text-decoration: none; }
#mainContent ol li a:hover, #mainContentNoBG ol li a:hover { text-decoration: underline; }
#intro, #desc { margin-bottom: 20px; }
#intro { background: url(../images/intro_bg.gif); background-position: 0px -4px; }
#contentColumn h3 { border-bottom: solid 1px #99b7d4; padding-bottom: 4px; color: #336699; font: bold 1.2em arial, verdana, sans-serif; margin: 0 0 20px 0; }
#contentColumn h4 { color: #669999; font: 1.1em arial, verdana, sans-serif; padding: 0px; margin: 0 0 8px 0; }
#contentColumn p { margin: 0 0 20px 0; padding: 0px; }
#contentColumn ul { list-style: none; margin: 0px 0px 10px 0px; padding: 0px; }
#contentColumn ul li { background: url(../images/li.gif) no-repeat 0px 4px; padding-left: 15px; margin: 0px 0px 2px 0px; }
#contentColumn .pagination { color: #666666; }
#contentColumn .pagination span a { color: #178acb; text-decoration: none; }
#contentColumn .pagination span a:hover { text-decoration: underline; }
#contentColumn #pressList { margin-left: 0px; }
#contentColumn #pressList ol { color: #178acb; margin-top: 20px; }
#contentColumn #pressList ol li { margin-bottom: 18px; }
#contentColumn #pressList ol li span { display: block; }
#contentColumn .sectionBox { width: 450px !important; border: solid 1px #cbdcdc; width: 452px; padding: 10px; margin-bottom: 20px; }
#contentColumn .sectionBox form { padding: 3px 0 0 20px; }
#contentColumn .sectionBox form select { width: 410px; margin-bottom: 10px; }
#contentColumn .sectionBox h3.arrow { background: url(../images/arrow_solidBlue.gif) no-repeat; background-position: 0px 5px; padding: 0 0 3px 10px; margin: 0 0 15px 0; }
/*#contentColumn .sectionBox h3.arrow img { display: inline; background: url(../images/arrow.gif) no-repeat right; padding-right: 10px; } */
#contentColumn .sectionBox p { margin: 0 0 10px 10px; padding: 0px; }
#contentColumn .sectionBox .learnMoreLink { font-size: 0.9em; color: #178acb; text-decoration: none; }
.contentBox, #contentColumn .shortBox { clear: both; background: #fff; width: 318px !important; border: solid 1px #e3eded; width: 320px; padding-bottom: 17px; color: #5d6150; font-size: 0.95em; margin: 0 0 20px 0; }
.contentBox h3, #secondColumn .shortBox h3 { color: #699; background: url(../images/content_box_bg.gif) repeat-x; height: 24px; padding: 6px 0 0 9px; margin: 0px; font-size: 1.1em; }
.contentBox p, .contentBox div { padding: 10px 9px; margin: 0px; }
.contentBox div.clearboth { padding: 0px; }
.contentBoxMoreLink a { color: #178acb !important; text-decoration: none !important; }
#secondColumn .shortBox { margin: 0 0 10px 0; padding: 0px; background-color: #fff; border: 1px solid #b7cccd; width: 320px; }
#secondColumn .shortBox p { padding: 0px 9px 10px 9px; margin: 0px; }
#secondColumn .shortBox .dropdown { width: 220px; margin-bottom: 9px; }
#secondColumn .shortBox .input { width: 215px; }
#secondColumn .shortBox ul { list-style: none; margin: 0 0 15px 15px; }
#secondColumn .shortBox .innerPad { padding: 10px; }
#secondColumn .shortBox .emailAlertsList { list-style: none; margin: 0px; padding: 0px; }
#secondColumn .shortBox .emailAlertsList li { background: url(../images/nav/subnav_lg_arrow.gif) no-repeat 0 4px; padding-left: 10px; }
#CAsearchForm .CAsearchText, #CAsearchForm .CAsearchIntro { font-size: 0.9em; color: #666; }
#CAsearchForm .CAsearchIntro { padding-top: 10px !important; }
#CAsearchForm .formWrap { width: 220px; margin: 0 auto 10px auto; }
#CAsearchForm .formWrap div {margin: 0px; padding: 0px; }
#CAsearchForm select { margin: 0px 0px 5px 0px; width: 220px; font-size: 0.9em; color: #666; }
#CAsearchForm input { font-size: 0.9em; color: #666; }
#CAkeywordField { margin: 0px 0px 5px 0px; width: 218px; } /* alt: ie.css */
#CAsearchFormBtn1, #CAsearchFormBtn2 {float: right; padding: 0px 0px 10px 0px; font-size: 1.0em; }
.contentBox .first { padding: 0 0 0 20px; }
.contentBox ul, #secondColumn .sectionDesc ul { list-style: none; padding: 0px; margin: 0px; }
.contentBox ul li { background: url(../images/li_gray.gif) no-repeat 0px 5px; padding-left: 8px; }
#secondColumn .shortBox ul { list-style: none; padding: 0px; margin: 0px; }
#secondColumn .shortBox ul li, #secondColumn .sectionDesc ul li { background: url(../images/li_gray.gif) no-repeat 0px 5px; padding-left: 8px; }
.contentBox ul li a, #secondColumn .sectionDesc ul li a { text-decoration: none; color: #178acb; }
#secondColumn .sectionDesc { background: #fff; font-size: 0.9em; color: #666; width: 298px !important; margin: 0px 0px 20px 0px; border: solid 1px #e3eded; width: 300px; padding: 20px 10px; }
#secondColumn .sectionDesc ul li { background-position: 0px 5px; }
/*** for page that has two even column **/
.contentRow { clear: both; }
.contentRow .first { margin-right: 30px; }
.twoEvenCol { float: left; width: 420px; background: #ffffff; padding-bottom: 0px; }
.website { margin-bottom: 18px; }
.website p { margin: 0 0 13px 0; padding: 0px; }
.detail { float: left; width: 220px; margin-left: 10px; }
.detail h3 { padding: 0px 0px 0px 7px; margin: 5px 0 13px 0; font-size: 1.1em; background: url(../images/arrow_solidBlue.gif) no-repeat 0px 4px;}
.detail h3 img { display: inline; }
.detail h3 a:hover { text-decoration: underline !important; }
.detail h3 a { color: #178acb !important; text-decoration: none !important; }
/**** footer ****/
#footer { width: 880px; background: url(../images/footer_bg.gif) repeat-x; height: 36px; color: #336699; }
#footer .copyright { float: right; padding-right: 20px; }
#footer ul { list-style: none; padding: 13px 0 0 20px; margin: 0px; }
#footer ul li { float: left; padding-left: 15px; }
#footer a:link, #footer a:visited, #footer a:active { color: #336699; text-decoration: none; }
/** mission page **/
#mission { width: 840px; background: url(../images/lg_bg.gif) repeat-y; margin-bottom: 25px; }
#strategies { padding: 10px 0; }
#strategiesContent { background: url(../images/mission_content_bg.gif) no-repeat; padding: 0 0 0 10px; margin: 0; }
.strategyBox { width: 250px; padding: 0 10px; margin-right: 5px; }
.strategyBox h3 { color: #669999; padding: 6px 0 0 0; font-size: 1.1em; margin: 0 0 10px 0; display: block; } /* alts: ie6.css */
.last { margin: 0px; padding: 0px; }
.strategyBox ul { list-style: none; margin: 0px; padding: 0px; }
.strategyBox ul li { margin-bottom: 10px; background: url(../images/nav/subnav_lg_arrow.gif) no-repeat 0 4px; padding-left: 10px; }
#mission a { color: #178acb; text-decoration: none; }
/*** site map page ***/
.threeCol { width: 244px; margin: 0 12px 0 12px; padding-bottom: 100px; }
.threeCol h3 { border-bottom: solid 1px #99b7d4; padding: 0 0 5px 10px; margin: 0 0 15px 0; }
.page { margin: 10px 0 0 0; padding: 0 0 11px 0; }
.page a { padding-left: 10px; display: block; color: #178acb !important; text-decoration: none !important; }
.page a:hover { text-decoration: underline !important; }
.last { background: none; margin: 10px 0 30px 0px; }
.lastCol { margin-left: 0px; margin-right: 0px; }
.sitemap ul { margin: 0px 0px 0px 10px; padding: 0px; list-style: none; }
.sitemap ul li { background: url(../images/nav/subnav_lg_arrow.gif) no-repeat 0 4px; }
.dottedLine { background-image: url(../images/dotted_line.gif); height: 1px; }
.secondnav_section { background: #f5fafd; border: dotted 1px #d6d6d6; margin-top: 25px; margin-bottom: 0px; padding-bottom: 10px; }
.secondnav_section div { margin: 10px 0 15px 0; }
#scrollControlDiv { position: relative; height: 25px; margin-left:25px; }
/*** office **/
.office { position: absolute; width: 822px; height: 380px; z-index: 5; display: none; background: url(../images/office_detail_bg.gif) no-repeat bottom; }
#slideContainer { position: absolute; width: 792px; height: 172px; overflow: hidden; z-index: 4; margin-left: 20px; }
#instruction { margin: 0 0 0 25px; padding-bottom: 20px; }
#firstLayer { position: absolute; width: 822px; height: 380px; z-index: 4; margin-bottom: 42px; }
.panel { position: absolute; background: url(../images/office_thumbnail_bg.gif) no-repeat; width: 135px; height: 172px; cursor: pointer; padding: 15px 0 0 15px; }
.panel_over { background: url(../images/office_thumbnail_bg_over.gif) no-repeat; }
div.officeName { height: 45px; }
div.officeNameOver { height: 45px; display: none;}
div.officePhoto { margin: 0 0 11px 0; }
.slider { position: relative; left: 791px; top: 149px; height: 186px !important; height: 190px; border: solid 1px #cccccc; width: 5px !important; width: 5px; z-index: 4; }
.indicator {position: absolute; background: #aac3cf; width: 5px; height: 40px; z-index: 5; }
.officeDescription { position: absolute; height: 170px; width: 500px; overflow: hidden; margin: 155px 0 0 290px; }
.officecopy { position: absolute; }
#facilityContainer { width: 822px; height: 360px; margin-bottom: 42px; margin-left: 10px; }
#generalInfo { height: 105px; }
#generalInfo img { padding: 19px 0 19px 25px; }
#instruction { padding-top: 13px; }
#left, #right { display: inline; cursor: pointer; }
.slideMenu { position: absolute; margin: 119px 0 0 26px; color: White; height: 37px; }
.slideMenu *, .close { cursor: pointer; }
#closeX { margin: 0 0 0 6px; }
.divider { margin: 0 8px; }
.map { position: absolute; margin-left: 582px; }
.officeImg { position: absolute; padding: 0 0 0 25px; margin: 155px 0 0 0; }
.officeImgContainer { position: relative; margin-bottom: 10px; }
.officeImgContainer img { margin-top: 0; }
.office_close { position: absolute; margin: 119px 0 0 789px; }
.go { display: none; }
/**** send content div style ****/
#sendContainer { display: none; position: absolute; z-index: 8000; width: 300px; border: solid 1px #a9a9a9; background: #fff; margin-left: 560px; } /* alt: ie.css */
#sendContainer legend { display: none; }
#sendContainer .close { color: #669999; font-size: 11px; font-weight: normal; padding: 0 2px; margin: 5px 5px 0 0; background: #fff; }
#sendThankyouDiv, #sendFailureDiv { position: absolute; width: 300px; display: none; text-align: center; padding: 80px 0px; }
#sendFailureDiv { color: #f00; }
#sendThankyouDiv p, #sendFailureDiv p { margin: 0px 15px; }
#sendingMsg { position: absolute; width: 300px; background-color: #fff; display: none; text-align: center; padding: 200px 0px; }
#sendingMsg p { border: 1px solid #999; background-color: #ccc; padding: 20px; font-weight: bold; margin: 0px 50px; }
#sendFormDiv { padding: 0px 0px 10px 15px; }
#sendFormRequired { margin: 0px 0px 10px 0px; }
#sendContainer label { font-weight: bold; padding: 0px 15px 0px 0px; }
#sendContainer label .labelDetail { font-weight: normal }
#sendFormDiv .input { margin: 0px 0px 10px 0px; width: 260px; }
#sendFormBtn { margin: 20px 0px 10px 110px; }
#sendFormFooter { margin: 0px 15px 0px 0px; }
#sendFormDiv .fieldError { display: inline; position: absolute; display: none; }
#sendFormDiv .fieldErrorMsg
{
background-color: #fff;
border: 1px solid #f00;
color: #f00;
font-weight: bold;
width: 200px;
padding: 5px;
margin-top: 1px;
position: absolute;
left: -195px;
top: 15px;
display: none;
}
/*** table data style for ingredient page **/
div.shadedTableWrap {
/*background: #66b0cc;*/
padding: 0 4px 4px 4px;
width: 489px;
height: auto !important;
max-height: 350px;
overflow-y: scroll;
} /* alt: ie.css, ie6.css */
table.shadedTable { border-collapse: collapse; border: 4px solid #66b0cd; color: #777; }
table.shadedTable tr.headerRow td
{
background-color: #66b0cd;
color: #fff;
font-weight: bold;
font-size: 1.1em;
border-left: 1px solid #66b0cd;
border-right: 1px solid #66b0cd;
}
table.shadedTable td
{
border-collapse: collapse;
padding: 4px;
background-color: #d9f0f6;
border-left: 1px solid #d9f0f6;
border-right: 1px solid #d9f0f6;
border-bottom: 2px solid white;
}
/* profile form (static page */
#profileMsg h1 { font-weight: bold; font-size: 1.0em; }
#profileWrapper h3 { margin: 20px 0 10px 0; }
#profileWrapper input, #profileWrapper select { width: 470px; margin: 0px 0px 7px 0px; }
#profileWrapper .checkboxTbl input { width: 30px; margin: 0px; border: none; background: none; }
#profileWrapper .noteText { font-size: 10px; color: #666; }
#profileWrapper .submitBtn { width: auto !important; }
.loginBox { background: #fff; width: 318px !important; border: solid 1px #e3eded; width: 320px; padding-bottom: 17px; color: #5d6150; font-size: 0.95em; margin: 0 0 20px 0; }
.loginBox h3 { color: #699; background: url(../images/content_box_bg.gif) repeat-x; height: 24px; padding: 6px 0 0 9px; margin: 0px; font-size: 1.1em; }
.loginWrap, .pwrWrap { margin: 10px 10px 0px 10px; padding: 0px; }
.loginWrap table { margin: 10px 0 0 0; }
.pwrWrap table { margin: 0; }
.loginWrap input, .pwrWrap input { margin: 0px 0px 5px 0px; }
.loginWrap .textbox, .pwrWrap .textbox { width: 280px; }
.loginWrap .loginBtn, .pwrWrap .loginBtn { float: right; margin: 5px 0px 0px 0px; }
.pwrWrap .emailAddText { font-weight: bold; }
.pwrWrap .fieldWrap { width: 282px; } /* ie.css alt */
.formError { color: #f00; }
.loginError { margin: 0 !important; padding: 0 !important; }
/* password recovery box */
/*
#passwordRecoveryBox div { margin: 0 !important; padding: 0 !important; }
#passwordRecoveryBox table { margin: 0; padding: 0; }
#passwordRecover { height: 400px; }
#passwordRecover .emailAddText { float: left; margin: 0 20px 0 0; }
#passwordRecover .fieldWrap { float: left; width: 360px; }
#passwordRecover .pwrTextInput { width: 350px; }
#passwordRecover .pwrSubmitBtn { float: right; margin: 10px 8px 0 0; } /* alt: ie.css */
/*** contact us form page ***/
#contactForm .contactFormHeader { font-size: 1.2em; font-weight: bold; color: #369; border-bottom: 1px solid #99b7d4; margin: 20px 0px 10px 0px; }
#contactForm .contactFormHeader .requiredNote { float: right; font-size: 0.8em; font-style: italic; font-weight: normal; color: #333; }
#contactForm input, #contactForm select, #contactForm textarea { margin: 0px 0px 7px 0px; }
#contactForm div.formLeadIn { padding-bottom: 10px; }
#contactForm div.form1col { }
#contactForm div.form1col input, #contactForm div.form1col select, #contactForm div.form1col textarea { width: 460px; }
#contactForm div.form2col { float: left; width: 235px; }
#contactForm div.form2col input, #contactForm div.form2col select { width: 225px; }
#contactForm label { font-weight: bold }
#contactThankyouDiv { margin: 20px 0px 450px 0px; }
#contactThankyouDiv h1 { font-weight: bold; font-size: 1.2em; }
/*** company announcment **/
a.CABackLink {font-size: .9em; color: #178acb !important; text-decoration: none !important; }
a.CABackLink:hover { text-decoration: underline !important; }
.pressSubline { font-style: italic; margin-top: 1em; }
#companyAnnouncementContactInfo { margin-top: 30px; }
#companyAnnouncementFooter { border: 1px solid #b7cccd; padding: 10px; }
.footnote { font-size: 0.9em; color: #999; }
/*** site search results page ***/
.keymatch { border: 1px solid #b7cccd; padding: 10px; margin: 0px 0px 20px 0px; }
/*** multiselect ddropdown(js) ***/
.selectwrapper { margin-bottom: 5px; font-size: 12px; /* non-em font size intentionally used */ border: 1px solid #fff; }
.selectwrapper .select { border: 1px solid #69c; padding: 1px; background-color: #fff; }
.selectwrapper .selectInner
{
background-image: url(../images/selectArrow.gif);
background-position: top right;
background-repeat: no-repeat;
border: 1px solid #fff;
overflow: hidden;
height: 15px;
}
.selectwrapper .options
{
border-width: 1px;
border-style: solid;
border-color: #ccc #000 #000 #ccc;
background-color: #fff;
overflow-y: scroll;
float: left;
position: absolute;
}
.selectwrapper .option { padding: 1px 0px 1px 5px; }
#multiSelectCloser { position:absolute; top:0px; left: 0px; z-index:9999; display:none; background-image: url(../images/s.gif); }
/* error pages 403, 404, 500 */
#errorPage h2 { margin-top: 20px; font-size: 1.2em; }