/* :: HISTORY PAGE TIMELINE :: */ #timeline { width: 540px; height: 251px; margin-bottom: 20px;} #timeline #slideshow {width: 537px; height: 247px; overflow: hidden; z-index: 1;} #timeline #slideshow img {width: 537px; height: 247px; top: 0; left: 0; margin: 0 !important;} #timeline #history-nav {background: url(../images/modules/history-nav-bgnew.png) no-repeat top left; height: 70px; position: relative; bottom: 72px; z-index: 2;} #content-container .content #copy #timeline #history-nav p {color: #fff; margin: 0; font-family: 'Futura W01 Heavy'; text-align: center; text-transform: uppercase; width: 74px; padding: 20px 0 0 15px; line-height: 13px; font-size: 11px; float: left;} #timeline #slideshow div {width: 537px; height: 174px;} #content-container .content #copy #timeline #slideshow div p {color: #375566; background-color: #e7e7e7; font-family: 'Futura W01 Book Oblique'; position: absolute; height: auto; padding: 5px 10px 5px 10px; line-height: 15px; bottom: -16px; left: 20px; } #timeline #history-nav ul {position: relative; bottom: -8px; left: 2px;} #timeline #history-nav ul li {float: left; background: url(../images/modules/history-sprite-newSPR.png) no-repeat top left;} /* history-sprite-2.png */ /*#timeline #history-nav ul li {float: left; background: url(../images/modules/history-sprite-2018.png) no-repeat top left;} /* history-sprite-2.png */ #timeline #history-nav ul li a {display: block; height: 56px; text-indent: -10000px; width: 33px;} #timeline #history-nav ul li.li-1 { background-position: 0 0;} #timeline #history-nav ul li.li-2 {background-position: -33px 0;} #timeline #history-nav ul li.li-3 {background-position: -66px 0;} #timeline #history-nav ul li.li-4 {background-position: -99px 0;} #timeline #history-nav ul li.li-5 {background-position: -132px 0;} #timeline #history-nav ul li.li-6 {background-position: -165px 0;} #timeline #history-nav ul li.li-7 {background-position: -198px 0;} #timeline #history-nav ul li.li-8 {background-position: -231px 0;} #timeline #history-nav ul li.li-9 {background-position: -264px 0;} #timeline #history-nav ul li.li-10 {background-position: -297px 0;} #timeline #history-nav ul li.li-11 {background-position: -330px 0;} #timeline #history-nav ul li.li-12 {background-position: -363px 0;} #timeline #history-nav ul li.li-13 {background-position: -396px 0;} #timeline #history-nav ul li.li-1:hover, #timeline #history-nav ul li.li-1.activeSlide { background-position: 0 -58px;} #timeline #history-nav ul li.li-2:hover, #timeline #history-nav ul li.li-2.activeSlide {background-position: -33px -58px;} #timeline #history-nav ul li.li-3:hover, #timeline #history-nav ul li.li-3.activeSlide {background-position: -66px -58px;} #timeline #history-nav ul li.li-4:hover, #timeline #history-nav ul li.li-4.activeSlide {background-position: -99px -58px;} #timeline #history-nav ul li.li-5:hover, #timeline #history-nav ul li.li-5.activeSlide {background-position: -132px -58px;} #timeline #history-nav ul li.li-6:hover, #timeline #history-nav ul li.li-6.activeSlide {background-position: -165px -58px;} #timeline #history-nav ul li.li-7:hover, #timeline #history-nav ul li.li-7.activeSlide {background-position: -198px -58px;} #timeline #history-nav ul li.li-8:hover, #timeline #history-nav ul li.li-8.activeSlide {background-position: -231px -58px;} #timeline #history-nav ul li.li-9:hover, #timeline #history-nav ul li.li-9.activeSlide {background-position: -264px -58px;} #timeline #history-nav ul li.li-10:hover, #timeline #history-nav ul li.li-10.activeSlide {background-position: -297px -58px;} #timeline #history-nav ul li.li-11:hover, #timeline #history-nav ul li.li-11.activeSlide {background-position: -330px -58px;} #timeline #history-nav ul li.li-12:hover, #timeline #history-nav ul li.li-12.activeSlide {background-position: -363px -58px;} #timeline #history-nav ul li.li-13:hover, #timeline #history-nav ul li.li-13.activeSlide {background-position: -396px -58px;} /* :: LIST ITEM MODULE :: */ #list-module { margin-top: 16px; width: 540px; background-color: #f1f1f1; position: relative; z-index: 2; box-shadow: 5px 5px #d6d6d6; -moz-box-shadow: 5px 5px #d6d6d6; -webkit-box-shadow: 5px 5px #d6d6d6; behavior: url(PIE.htc);} #content-container .content #copy #list-module p {margin-bottom: 0;} #list-module.systems {margin: 20px 0 30px 0;} #list-module h3, #list-module .list-item h4, #supplier-module h3, #msds-module h3 {width: 540px; display: table-cell; vertical-align: middle; color: #fff; text-transform: uppercase; background: url(../images/modules/list-top-bar.gif) no-repeat left center; font-family:'FuturaW01-HeavyOblique'; font-size: 12px; height: 38px; letter-spacing: 1px; line-height: 15px; padding-left: 20px;} #list-module.foodservice h4 {padding-bottom: 10px;} #list-module .list-item { border-bottom: 1px solid #d9d9d9; border-top: 1px solid #fff; padding-bottom: 10px;} #list-module .list-item.first {border-top: none;} #list-module .list-item.last {border-bottom: none; padding-bottom: 20px;} #list-module .list-item h4 { color: #3a6f8f; background: none; height: auto; padding-top: 10px;} #list-module .list-item a:visited {color: #3a6f8f; text-decoration: none} #list-module.paper .list-item h4 {display: table-cell; vertical-align: middle; height: 30px; padding-top: 0; } #content-container .content #copy #list-module .list-item p { padding-left: 20px; font-family: 'Futura W01 Book Oblique'; margin-top: 0; line-height: 18px; padding: 0 20px;} #content-container .content #copy #list-module.foodservice .list-item p {padding-left: 30px;} #content-container .content #copy #list-module.cre .list-item p {padding: 10px 0 10px 30px; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #fff; color: #3a6f8f; font-family:'FuturaW01-HeavyOblique';} #content-container .content #copy #list-module.cre .list-item p:first-child {border-top: none;} #content-container .content #copy #list-module.cre .list-item p.last {border-bottom: none;} .cre.sitemap li ul {padding-left: 30px;} .cre.sitemap li {list-style: none;} /* :: ASSOCIATION SLIDESHOW MODULE :: */ #associations-module {position: relative; width: 540px; height: 430px; background-color: #f5f5f5; z-index: 2; margin: 20px 0; box-shadow: 5px 5px #d6d6d6; -moz-box-shadow: 5px 5px #d6d6d6; -webkit-box-shadow: 5px 5px #d6d6d6; behavior: url(PIE.htc);} #associations-module #slideshow { position: absolute; width: 286px; right: -1px; top: 20px; height: 354px !important;} #associations-module #slideshow div {} #association-nav {position: absolute; left: 0; width: 254px; padding-top: 10px; height: 415px; overflow-y: scroll; margin-top: 7px;} #association-nav.awards ul {height: 364px;} #association-nav ul li { border-top: 1px solid #dbdbdb; padding: 0 30px;} #association-nav ul li:first-child {border-top: none !important; } #association-nav ul li a {color: #807f7e; font-family:'FuturaW01-HeavyOblique'; text-transform: uppercase; letter-spacing: 1px; font-size: 11px; height: 58px; display: table-cell; vertical-align: middle; line-height: 15px;} #association-nav ul li a:hover, #association-nav ul li.activeSlide a {color: #44687d;} #association-nav ul li:hover, #association-nav ul li.activeSlide { background: url(../images/modules/association-module-arrow.png) no-repeat left center;} #content-container .content #copy #associations-module #slideshow div p {padding: 0 20px; font-family: 'Futura W01 Book Oblique';} /* :: SORT BY SUPPLIERS MODULE :: */ .go {background-color: #e2e2e2; cursor: pointer; position: absolute; top: 8px; right: 5px; padding-top: 5px; height: 17px; width: 39px; height: 17px; text-align: center; text-transform: uppercase; font-family:'FuturaW01-HeavyOblique'; color: #44687d; font-size: 12px;} .go.supplier {width: 25px; top: 9px; right: 5px; height: 15px;} #supplier-module table {width: 540px;} #content-container .content #copy #supplier-module h3 {color: #fff;} #supplier-module tr {border-bottom: 1px solid #bfbfbf; color: #44687d; font-family:'FuturaW01-HeavyOblique'; font-size: 12px; text-transform: uppercase;} #supplier-module tr td {vertical-align: middle; padding: 10px 0;} #supplier-module tr td:first-child {padding-left: 10px;} #content-container .content #copy #supplier-module tr td img {margin-top: 0;} #supplier-module tr td a { color: #44687d; text-decoration: underline; text-transform: uppercase;} #supplier-module tr.odd {background-color: #f2f1f0;} /* :: NETSUPPLY MODULE :: */ #netsupply-module { background-color: #f2f1f0; width: 545px; position: relative; z-index: 2; box-shadow: 5px 5px #d6d6d6; -moz-box-shadow: 5px 5px #d6d6d6; -webkit-box-shadow: 5px 5px #d6d6d6; margin: 20px 0;} #netsupply-module .line {position: absolute; border-left: 1px solid #dadada; border-right: 1px solid #ffffff; height: 100%; width: 0; top: 0; left: 150px;} #netsupply-module .item {padding: 10px; border-bottom: 1px solid #dadada; border-top: 1px solid #ffffff;} #netsupply-module .itemS {padding: 10px; border-bottom: 1px solid #dadada; border-top: 1px solid #ffffff; height:35px; background-color:#44687d; color:#FFFFFF} #netsupply-module .item a:visited {color: #3a6f8f; text-decoration: none} #netsupply-module .item.first {border-top: none;} #netsupply-module .item.last {border-bottom: none;} #balance-module { background-color: #f2f1f0; width: 545px; position: relative; z-index: 2; box-shadow: 5px 5px #d6d6d6; -moz-box-shadow: 5px 5px #d6d6d6; -webkit-box-shadow: 5px 5px #d6d6d6; margin: 20px 0;} #balance-module .line {position: absolute; border-left: 1px solid #dadada; border-right: 1px solid #ffffff; height: 100%; width: 0; top: 0; left: 240px;} #balance-module .item {padding: 10px; border-bottom: 1px solid #dadada; border-top: 1px solid #ffffff;} #balance-module .item a:visited {color: #3a6f8f; text-decoration: none} #balance-module .item.first {border-top: none;} #balance-module .item.last {border-bottom: none;} #balance-module .item ul li {font-family: 'Futura W01 Book Oblique'; color: #666666; font-size:12px; margin: 7px 0;} #content-container .content #copy #netsupply-module .item img { float: left; margin: 0 20px 0 0;} #netsupply-module .item h4 {font-family:'FuturaW01-HeavyOblique'; font-size: 12px; color: #3a6f8f; text-transform: uppercase; letter-spacing: 1px;} #netsupply-module .item ul li {font-family: 'Futura W01 Book Oblique'; color: #666666; font-size:12px; margin: 7px 0;} #content-container .content #copy #balance-module .item img { float: left; margin: 0 20px 0 0; list-style-image: none; list-style-type: none; } #balance-module .item h4 {font-family:'FuturaW01-HeavyOblique'; font-size: 12px; color: #3a6f8f; text-transform: uppercase; letter-spacing: 1px;} #balance-module .item ul li { font-family: 'Futura W01 Book Oblique'; color: #666666; font-size: 12px; background-image: url(../images/arrow.gif); background-repeat: no-repeat; list-style-image: none; list-style-type: none; padding-left: 10px; } /* :: REPORTING SLIDESHOW :: */ #reporting-slideshow {width: 540px; position: relative;} #reporting-slideshow .reporting-arrow {background: url(../images/modules/reporting-slideshow-arrow.png) no-repeat top left; width: 167px; height: 72px; bottom: 27px; position: absolute; z-index: 2;} #content-container .content #copy #reporting-slideshow .reporting-arrow p {color: #fff; padding: 10px; line-height: 15px;} #content-container .content #copy #reporting-slideshow #reporting-nav p {color: #fff; margin-top: 0; font-family: 'Futura W01 Book Oblique'; padding: 10px 0 0 195px;} #reporting-slideshow #slideshow {height: 184px; position: relative; z-index: 1;} #reporting-slideshow #reporting-nav {background: url(../images/modules/reporting-slide-bottom.gif) no-repeat top left; width: 540px; height: 63px;} #reporting-slideshow #reporting-nav ul {width: 93px; margin: 0 auto;} #reporting-slideshow #reporting-nav ul li {float: left; background: url(../images/modules/reporting-slide-nav-sprite.png) no-repeat top left;} #reporting-slideshow #reporting-nav ul li:hover, #reporting-slideshow #reporting-nav ul li.activeSlide {background-position: 0 -10px;} #reporting-slideshow #reporting-nav ul li a {display: block; height: 9px; text-indent: -10000px; width: 15px;} /* :: MSDS MODULE :: */ #msds-module {width: 540px; position: relative; margin-top: 20px;} #content-container .content #copy #msds-module h3 {color: #fff; text-transform: uppercase; letter-spacing: 1px;} #content-container .content #copy #msds-module h3.supplier { padding-left: 10px; font-size: 13px; } #msds-module select {width: auto; margin-bottom: 4px; position: absolute; top: 7px; right: 50px;} #msds-module #supplier-select {top: 8px; right: 33px; font-size: 12px;} #msds-module input[type="submit"] {font-family: 'FuturaW01-HeavyOblique' !important; color: #44687d !important; margin-bottom: 3px; height: 24px;} #msds-module table {width: 540px;} #msds-module table thead {display: none;} #msds-module tr {border-bottom: 1px solid #bfbfbf; font-size: 12px;} #msds-module tr td {vertical-align: middle; color: #666; font-family: 'Futura W01 Book'; font-size: 13px; line-height: 22px;} #msds-module tr td img {padding-top: 5px;} #msds-module tr td:first-child {padding-left: 10px; width: 400px;} #msds-container .content #copy #supplier-module tr td img {margin-top: 0;} #msds-module tr td a { color: #44687d; text-decoration: underline; text-transform: uppercase; font-family:'FuturaW01-HeavyOblique';} #msds-module tr.odd {background-color: #f2f1f0;} #msds-module tr.even {background-color: #fbfbfb} #msds-table_paginate, #msds-table_info, #supplier-table_paginate, #supplier-table_info {background-color: #f2f1f0; position: relative; height: 30px; border-bottom: 1px solid #bfbfbf;} #msds-table_info, #supplier-table_info {padding-top: 10px; padding-left: 20px; color: #666; font-family: 'Futura W01 Book'; font-size: 13px; line-height: 22px;} #msds-table_paginate span, #supplier-table_paginate span {cursor: pointer;} #msds-table_paginate span span, #supplier-table_paginate span span {margin-right: 5px; color: #666; font-family: 'Futura W01 Book'; font-size: 13px; line-height: 22px;} #msds-table_paginate span span:first-child, #supplier-table_paginate span span:first-child {margin-left: 70px;} #msds-table_paginate span .paginate_active, #msds-table_paginate span span:hover, #supplier-table_paginate span .paginate_active, #supplier-table_paginate span span:hover {text-decoration: underline; color: #44687d;} #msds-table_paginate #msds-table_next, #msds-table_paginate #msds-table_previous, #supplier-table_paginate #supplier-table_next, #supplier-table_paginate #supplier-table_previous {position: absolute; right: 0; font-family:'FuturaW01-HeavyOblique'; color: #44687d; background: url(../images/modules/table-paginate-next.gif) right center no-repeat; padding-right: 20px; margin-right: 20px; bottom: 5px; } #msds-table_paginate #msds-table_previous, #supplier-table_paginate #supplier-table_previous {left: 0; background: url(../images/modules/table-paginate-previous.gif) left center no-repeat; padding-left: 20px; margin-left: 20px;} #msds-table_paginate #msds-table_first, #msds-table_paginate #msds-table_last, #supplier-table_paginate #supplier-table_first, #supplier-table_paginate #supplier-table_last {display: none;} #msds-table_paginate .thislittleguy, #supplier-table_paginate .thislittleguy {position: absolute; bottom: 40px; right: 20px;} /* :: NEWS FEED :: */ .gfc-control{ margin-top: 16px; width: 540px; background-color: #f1f1f1; position: relative; z-index: 2; box-shadow: 5px 5px #d6d6d6; -moz-box-shadow: 5px 5px #d6d6d6; -webkit-box-shadow: 5px 5px #d6d6d6; behavior: url(PIE.htc);} .gfc-resultsHeader {width: 540px !important; display: table-cell; vertical-align: middle; color: #fff; text-transform: uppercase; background: url(../images/modules/list-top-bar.gif) no-repeat left center; font-family:'FuturaW01-HeavyOblique'; font-size: 14px; height: 38px; letter-spacing: 1px; line-height: 15px; padding-left: 20px;} .gfc-resultsHeader .gfc-title {color: #fff !important;} .gfc-results {padding-bottom: 0 !important; } .gfc-results .gfc-result:first-child {border-top: none;} .gfc-result { border-bottom: 1px solid #d9d9d9; border-top: 1px solid #fff; padding-bottom: 10px; margin-bottom: 0 !important;} .gfc-result .gf-title { color: #3a6f8f; background: none; height: auto !important; padding-top: 10px; font-family: 'FuturaW01-HeavyOblique'; font-size: 12px; display: table-cell; letter-spacing: 1px; line-height: 15px; padding-left: 10px; text-transform: uppercase; vertical-align: middle; width: 520px;} .gf-result .gf-author, .gf-result .gf-spacer, .gf-result .gf-relativePublishedDate { padding-left: 20px; font-family: 'Futura W01 Book Oblique'; margin-top: 0; line-height: 18px; padding: 0 20px; color: #666666; font-size: 13px; margin: 7px 0;} .gf-relativePublishedDate {display: none !important;} #video { position: absolute; display: none; z-index: 6; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/resources/trans-gray.png) repeat top left;} #video .video-wrap { background: #666666; display: block; margin: 0 auto; padding: 10px 30px 30px; position: relative; top: 500px; width: 540px;} #video .video-wrap .close { font-family: 'FuturaW01-MediumCondObl'; color: #ffffff; font-size: 16px; text-align: right; padding-bottom: 10px; cursor: pointer;}