html { height: 100%; text-align: center; margin: 0px auto; width: 100%; }
body { width: 900px; height: 100%; text-align: center; margin: 0px auto; background: #e0bb91 url(../images/bg_site.jpg) repeat-x; background-color:#D7A66E; }
#wrapperContainer { width: 893px; text-align: center; margin: 0px; margin-left:1px; background: url(../images/shad_full_vert_rpt.png) repeat-y;} /* alt: ie6.css */
* html #wrapperContainer { url(../images/shad_full_vert_rpt.gif); }
#bodyContainer { width: 880px; text-align: center; margin: 0px auto; background: url(../images/Bkd_right_shad_transp.png) repeat-y; }
#mainContainer { text-align: left; background-color: #e9dfc5; }
#shady_container { width: 8px; background: url(../images/Bkd_right_shad_transp.png) repeat-y; }
#topShadow { background: url(../images/top_shad.jpg) no-repeat left bottom; width: 896px; height: 10px; margin-left:-1px; } /* alt ie6.css */
/** top site header, including site logo ***/
#siteHeader { width: 880px; color: #3f2d23; font-size: 8px; background: #EFDFC5 url(../images/upper.jpg) repeat-x top center; }
#siteHeader span { margin: 0 10px; }
#searchBtn { float: right; margin: 20px 20px 0px 0px; } /* alt: ie.css */
#searchBtn img { cursor: pointer; padding-left:5px; }
#searchField { float: right; margin-top: 20px; font-family: Arial; }
#searchInput { height: 16px; width: 114px; font-size: 10px; color: #3f2d23; background: #E9DFC5; border:2px solid #705542;}
#searchLinks { float: right; margin: 25px 10px 0px 0px; color: #c7a673; }
#searchLinks a { margin: 0px 7px; color: #3f2d23; font-family: Arial; font-weight: bold; font-size: 11px;}
#siteLogo { padding: 0px 20px 0px 0px; margin-left: 30px; float: left; }
#close { font-style:normal; color:#996633; }
/** 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/tertiary_nav_bg.gif) repeat-x bottom; width: 880px; padding-bottom:2px; }
#tertiaryNav #tertiaryNavContainer { width: 845px; padding-left: 35px; }
#popup #tertiaryNav #tertiaryNavContainer { width: 523px; padding-left: 10px; }
#tertiaryNav #tertiaryNavContainer div { float: left; padding: 0 9px; height: 25px; } /* alt: ie6.css */
#tertiaryNav #tertiaryNavContainer div.clearboth { height: 0px; width: 1px; clear: both; }
div.clearboth { margin-left:-2px; background-color:#D9AC75 !important;}
/** print and email section **/
#sendSection { text-align: right; height: 22px; padding: 0 0 0 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 { }
#contentColumn { background: #e9dfc5; float: left; padding: 0px 0 25px 0; width: 475px; margin-right: 25px; font-family: Arial; font-style: normal; font-size: 12px; color: #333333; }
#secondColumn { float: left; width: 300px; min-height: 500PX; margin-top: 0px; padding: 10px 10px 20px 10px; background-color: #CAA672;}
#bottomContainer { clear: both; height: 25px; width: 840px; }
#mainContent ul { margin-left: 0px; padding-left: 0px; }
#mainContent ul li a, #mainContentNoBG ul li a { color: #9A6533; }
#mainContent ul li a:hover, #mainContentNoBG ul li a:hover { text-decoration: underline; }
#mainContent a, #mainContentNoBG a { color: #9A6533; font-size: 12px; }
#mainContent a:hover, #mainContentNoBG a:hover { color: #9A6533; }
#mainContent ol li a, #mainContentNoBG ol li a { color: #9A6533; text-decoration: none; }
#mainContent ol li a:hover, #mainContentNoBG ol li a:hover { text-decoration: none; }
#contentColumn ol { padding-left:37px; }
#intro, #desc { margin-bottom: 20px; }
#intro { background-position: 0px -4px; }
#contentColumn h3 { color: #332b2d; font: bold 12px arial; }
#contentColumn h4 { color: #3c1b0d; font: bold 12px arial; 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; padding-left:20px; }
#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: #9A6533; text-decoration: none; }
#contentColumn .pagination span a:hover { text-decoration: underline; }
#contentColumn #pressList { margin-left: 0px; }
#contentColumn #pressList ol { color: #9A6533; 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 #C9A672; 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.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: #9A6533; text-decoration: none; }
.contentBox, #contentColumn .shortBox { clear: both; background: #C9A672; width: 298px !important; width: 320px; padding-bottom: 17px; font-family: Arial; font-weight: normal; font-style: normal; color: #332b2d; font-size: 12px; margin: 0 0 20px 0; }
.contentBox h3, #secondColumn .shortBox h3 { color: #791F21; background: url(../images/content_box_bg.gif) repeat-x; height: 24px; padding: 6px 0 0 9px; margin: 0px; font-size: 14px; }
.contentBox p, .contentBox div { padding: 10px 9px; margin: 0px; background: url(../images/content_box_bod_bg.gif) repeat-x top; background-color:#E6DBB9; }
.contentBox a { text-decoration: underline; font-style: normal; }
.nodeco { text-decoration: none; font-style: normal; font-weight: bold; }
.nodeco a { text-decoration: none; font-style: normal; font-weight: bold; }
.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 { padding-left: 8px; list-style-image:url(../images/li_gray.gif); list-style-position:inside; }
#secondColumn .shortBox ul { list-style: none; padding: 0px; margin: 0px; }
#secondColumn .shortBox ul li, #secondColumn .sectionDesc ul li { background: url(../images/li_gray_up.gif) no-repeat 0px 5px; padding-left: 13px; }
.contentBox ul li a, #secondColumn .sectionDesc ul li a { text-decoration: none; color: #332b2d; font-weight: normal; font-style: normal; font-family: Arial; font-size: 12px; }
#secondColumn .sectionDesc { background: url(../images/quote_blend_slice_horiz_rpt.jpg) repeat-x top; background-color:#C9A672; font-size: 12px; color: #3C1B0D; width: 278px !important; margin: 0px 0px 20px 0px; 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:#891619 url(../images/footer_slice-horiz_rpt.jpg) repeat-x; height: 36px; color: #336699; }
#footer .copyright{float: right;padding-right: 20px; color: #c9a672; font-size: 10px; font-style: italic; line-height: 36px;}
#footer ul { list-style: none; padding: 12px 0 0 20px; margin: 0px; line-height: 17px; }
#footer ul li { float: left; padding-left: 15px; }
#footer a:link, #footer a:visited, #footer a:active {color: #c9a672; text-decoration: none; font-size: 10px; font-style: italic; font-family: Arial;}
/** 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 #D7A76F; 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: #9A6533 !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 { height: 1px; }
.secondnav_section { border: solid 1px #CAA672; 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: #342B2C; border-bottom: 1px solid #342B2C; margin: 20px 0px 10px 0px; }
#contactForm .contactFormHeader .requiredNote { float: right; font-size: 0.8em; font-style: italic; font-weight: normal; color: #342B2C; }
#contactForm input, #contactForm select, #contactForm textarea { margin: 0px 0px 7px 0px; border-color:#D7A76F; }
#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, color:#342B2C; }
#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 #CAA672; padding: 10px; }
.footnote { font-size: 0.9em; color: #666666; }
/*** site search results page ***/
.keymatch { border: 1px solid #CAA672; 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 #C9A672; 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; }
/* New elements */
.content { font-family: Arial; font-weight: bold; font-size: 12px; color: #342B2C; }
.content a { font-family: Arial; font-weight: normal; font-size: 12px; color: #9A6533; text-decoration: underline; }
/** environmental table **/
.full_table {
background:url(../images/env_table_background_tile.gif) repeat-x top;
width:833px;
height:285px;
position:relative;
}
.full_table .left_image {
float:left;
position:relative;
margin:0px;
padding:0px;
}
* html .full_table .left_image {
margin-right:-4px;
}
.full_table .right_image {
float:right;
position:relative;
margin:0px;
padding:0px;
}
* html .full_table .right_image {
margin-left:-4px;
}
* html .full_table table {
padding-left:5px;
}
.full_table table .row_header {
border:none;
}
.full_table table {
width:821px;
height:275px;
padding:0px;
margin:0px;
border:1px solid #A9844C;
padding-left:7px;
padding-bottom:13px;
padding-right:7px;
padding-top:10px;
background-color:#D8C69E;
}
.full_table table .odd_row {
background-color:#C9A672;
}
.full_table table .even_row {
background-color:#D6B893;
}
.sub_cell {
border-top:1px solid #E1D1AF;
}
.full_table table td {
border-left:1px solid #E1D1AF;
color:#3C1B0D;
text-align:center;
font-weight:bold;
font-size:11px;
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
}
.full_table table th.main_header {
text-align:left;
}
/** end environmental table **/