* /*Set's border, padding and margin to 0 for all values*/ { padding: 0; margin: 0; } body, html { text-align: center; /*** Centers the design in old IE versions ***/ } .clear { clear: both; } /************************** MAIN CONTAINER **************************/ #ourCompany #mainContainer { width: 100%; margin: 0 auto; text-align: left; background-image:url(../images/cssImages/bgHeaderCompany.jpg); background-repeat:repeat-x;} #careers #mainContainer { width: 100%; margin: 0 auto; text-align: left; background-image:url(../images/cssImages/bgHeaderCareers.jpg); background-repeat:repeat-x; } #ourBrands #mainContainer { width: 100%; margin: 0 auto; text-align: left; background-image:url(../images/cssImages/bgHeaderBrands.jpg); background-repeat:repeat-x; } #Social #mainContainer { width: 100%; margin: 0 auto; text-align: left; background-image:url(../images/cssImages/bgHeaderSocial.jpg); background-repeat:repeat-x; } #pressRoom #mainContainer { width: 100%; margin: 0 auto; text-align: left; background-image:url(../images/cssImages/bgHeaderPressroom.jpg); background-repeat:repeat-x; } #Investors #mainContainer { width: 100%; margin: 0 auto; text-align: left; background-image:url(../images/cssImages/bgHeaderInvestors.jpg); background-repeat:repeat-x; } #Global #mainContainer { width: 100%; margin: 0 auto; text-align: left; background-image:url(../images/cssImages/bgHeaderGlobal.jpg); background-repeat:repeat-x; } /************************** HEADER **************************/ #header {width: 995px; padding: 20px 0 20px 0; margin: 0 auto; margin-bottom: 15px;} #search {float:left; font-size: 9px;} #languageSelect {float:right; font-size: 9px;} /************************** CONTENT AND COLUMNS **************************/ .outer {margin: 0 auto;} .inner {margin: 0 auto; width: 995px;} #content {margin: 0;} /** IF YOU ADD PADDING TO THE SIDES, SUBTRACT THE SAME AMOUNT OF PIXELS FROM THE WIDTH **/ #careers td.leftColumn {width: 342px; padding: 40px 30px 40px 30px; vertical-align:top; background-color:#541d2e; background-image:url(../images/cssImages/bgColumnCareers.jpg); background-repeat:no-repeat; color:#FFFFFF;} #careers td.middleColumn {width: 191px; background-color:#fff; padding: 0; vertical-align:top;} #careers td.rightColumn {width: 402px; background-color:#541d2e; vertical-align:top; background-image:url(../images/cssImages/bgColumnCareers.jpg); background-repeat:no-repeat; text-align:center; padding: 10px 0 30px 0; height: 500px;} #ourCompany td.leftColumn {width: 342px; padding: 40px 30px 40px 30px; vertical-align:top; background-color:#45629e; background-image:url(../images/cssImages/bgColumnCompany.jpg); background-repeat:no-repeat;color:#FFFFFF;} #ourCompany td.middleColumn {width: 191px; background-color:#fff; padding: 0; vertical-align:top; text-align:left; z-index: 1} #ourCompany td.rightColumn {width: 402px; background-color:#45629e; vertical-align:top; background-image:url(../images/cssImages/bgColumnCompany.jpg); background-repeat:no-repeat;text-align:center; padding: 10px 0 30px 0; height: 500px;} #ourCompany td.rightColumn_text {width: 402px; background-color:#415d97; vertical-align:top; background-image:url(../images/cssImages/bgColumnCompany.jpg); background-repeat:no-repeat;text-align:left; padding: 10px 30px 30px 30px; height: 500px;} #ourBrands td.leftColumn {width: 342px; padding: 40px 30px 40px 30px; vertical-align:top; background-color:#b0ab93; background-image:url(../images/cssImages/bgColumnBrands.jpg); background-repeat:no-repeat;color:#FFFFFF;} #ourBrands td.middleColumn {width: 191px; background-color:#fff; padding: 0; vertical-align:top;} #ourBrands td.rightColumn {width: 402px; background-color:#b0ab93; vertical-align:top; background-image:url(../images/cssImages/bgColumnBrands.jpg); background-repeat:no-repeat;text-align:center; padding: 10px 0 30px 0; height: 500px;} #Social td.leftColumn {width: 342px; padding: 40px 30px 40px 30px; vertical-align:top; background-color:#a1b56a; background-image:url(../images/cssImages/bgColumnSocial.jpg); background-repeat:no-repeat;color:#FFFFFF;} #Social td.middleColumn {width: 191px; background-color:#fff; padding: 0; vertical-align:top;} #Social td.rightColumn {width: 402px; background-color:#a1b56a; vertical-align:top; padding: 10px 0 30px 0; background-image:url(../images/cssImages/bgColumnSocial.jpg); background-repeat:no-repeat;text-align:center; height: 500px;} #pressRoom td.leftColumn {width: 342px; padding: 40px 30px 40px 30px; vertical-align:top; background-color:#5383a5; background-image:url(../images/cssImages/bgColumnPressroom.jpg); background-repeat:no-repeat;color:#FFFFFF;} #pressRoom td.middleColumn {width: 191px; background-color:#fff; padding: 0; vertical-align:top;} #pressRoom td.rightColumn {width: 342px; background-color:#5383a5; vertical-align:top; background-image:url(../images/cssImages/bgColumnPressroom.jpg); background-repeat:no-repeat;padding: 40px 30px 40px 30px; height: 500px; text-align: left;} .pressRoom {background-color:#FFFFFF} #Investors td.leftColumn {width: 342px; padding: 40px 30px 40px 30px; vertical-align:top; background-color:#5b4a37; background-image:url(../images/cssImages/bgColumnInvestors.jpg); background-repeat:no-repeat;color:#FFFFFF;} #Investors td.middleColumn {width: 191px; background-color:#fff; padding: 0; vertical-align:top;} #Investors td.rightColumn {width: 402px; background-color:#5b4a37; vertical-align:top; background-image:url(../images/cssImages/bgColumnInvestors.jpg); background-repeat:no-repeat;text-align:center; padding: 10px 0 30px 0;color:#FFFFFF; height: 500px;} #Global td.leftColumn {width: 342px; padding: 40px 30px 40px 30px; vertical-align:top; background-color:#45629e; background-image:url(../images/cssImages/bgColumnGlobal.jpg); background-repeat:no-repeat;color:#FFFFFF;} #Global td.middleColumn {width: 191px; background-color:#fff; padding: 0; vertical-align:top;} #Global td.rightColumn {width: 342px; padding: 40px 30px 40px 30px; vertical-align:top; background-color:#45629e; background-image:url(../images/cssImages/bgColumnGlobal.jpg); background-repeat:no-repeat;color:#FFFFFF; height: 500px;} table.mainTable {border-collapse:collapse; width: 995px;} /* Spec'd table to keep columns consistent */ /************************** FOOTER **************************/ #ourCompany #footerContainer {margin: 0 auto; width: 100%; background-image:url(../images/cssImages/bgFooterCompany.jpg); background-repeat:repeat-x;} #careers #footerContainer {margin: 0 auto; width: 100%; background-image:url(../images/cssImages/bgFooterCareers.jpg); background-repeat:repeat-x;} #ourBrands #footerContainer {margin: 0 auto; width: 100%; background-image:url(../images/cssImages/bgFooterBrands.jpg); background-repeat:repeat-x;} #Social #footerContainer {margin: 0 auto; width: 100%; background-image:url(../images/cssImages/bgFooterSocial.jpg); background-repeat:repeat-x;} #pressRoom #footerContainer {margin: 0 auto; width: 100%; background-image:url(../images/cssImages/bgFooterPressroom.jpg); background-repeat:repeat-x;} #Investors #footerContainer {margin: 0 auto; width: 100%; background-image:url(../images/cssImages/bgFooterInvestors.jpg); background-repeat:repeat-x;} #Global #footerContainer {margin: 0 auto; width: 100%; background-image:url(../images/cssImages/bgFooterGlobal.jpg); background-repeat:repeat-x;} #footer {width: 995px; margin: 0 auto; padding: 30px 0 0 0; height: 95px; text-align:center; font-size: 9px; text-transform: uppercase;} #image_left { padding: 0 10px 5px 0; }