body{font-family:Helvetica, Arial, sans-serif; font-size:62.5%; text-align:left; background:#FFF url(../img/bg/body.jpg) repeat-x center top;} html, body {height: 99%; margin: 0 0 1px; padding: 0;} /* ------------------------------------------------------ =CLEARING -----------------------------------------------------*/ .l {float:left;} .r {float:right;} .rb{float:right; padding:3px; border:1px solid #eccd9b; background:#fff; margin-left:10px; margin-bottom:8px;} .blockimg{display:block; margin-bottom:15px;} .img-right{float:right; margin-left:25px; margin-bottom:20px; margin-top:4px;} .last{margin-right:0px !important;} .clear{clear:both;} /* ------------------------------------------------------ =ACCESSIBILITY ------------------------------------------------------*/ #access {position:absolute; top:-9999px;} img.welcome{position:absolute; top:0px; left:0px; display:none;} /* ------------------------------------------------------ =CONTAINER ------------------------------------------------------*/ #container {width: 950px; margin-left: auto; margin-right: auto; text-align:left; padding-bottom:18px; position:relative;} /* ------------------------------------------------------ =HEADER ------------------------------------------------------*/ #header {width:950px; margin-left: auto; margin-right: auto; height:190px; position:relative; } #header img.logo {position:absolute; top:90px; left:30px; } #welcome {float:right; padding-top:105px; width:400px; _padding-top:30px;} #welcome p {color:#999; font-size:1.3em; text-align:right; line-height:2em; } #welcome p strong{color:#333; font-size:1.5em; font-weight:normal;} #shares {margin-top:23px; width:245px; position:absolute; top:-22px; right:0px; } #shares p.date {float:left; color:#FFF; font-size:11px; padding-top:17px; } #shares p.current_price {color:#85a6f7; line-height:1.6em; padding:6px 0px 5px 10px; font-size:11px; background:url(../img/bg/shares_bg.gif) no-repeat 0px 6px; float:right; width:117px; height:37px; font-weight:normal;} #shares p.current_price span {color:#FFF; font-size:13px; display:block; font-family:Arial, Helvetica, sans-serif;} /* ------------------------------------------------------ =NEWS ------------------------------------------------------*/ #content .news .job-item{padding:14px 12px; border-bottom:1px solid #d2d1cd;} #content .news .job-item table{width:100%;} #content .news .job-item td.title{font-size:13px; } #content .news .job-item td.title a{color:#d71518;} #content .news .job-item td.date{text-align:right; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; color:#999; letter-spacing:1px;} #content .news p.calendar{color:#666; font-size:11px; margin-bottom:0px;} #content .news p.calendar strong{font-weight:normal;} #content .news p.item{margin-bottom:0px; font-size:14px;} #content .jobs {padding-top:10px;} #content .jobs table{margin:0px;} #content .jobs table td{padding:0px; font-size:13px; padding-bottom:20px;} #content .jobs table td .RSSTitle{margin-bottom:5px;} #content .jobs table td .RSSTitle a{color:#d71518;} #content .jobs table td span {font-weight:normal; color:#666; font-size:11px;} #content img.border {padding:5px; background:#fff; margin-left:5px; border:1px solid #d7e4ed;} #content .award-feature {float:left; width:450px; margin-top:10px; margin-bottom:10px;} #content .award-feature h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#0167a9; margin-bottom:2px;} /* .news {margin-bottom:2px; float:left; margin-top:0px; width:630px!important; margin-bottom:10px;} .news p.news-title {color:#1a2d77; font-size:1.8em; border-bottom:1px solid #e3e2e2;} .more a{float:right; font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif; text-decoration:none; font-size:1em; color:#626d99; padding-right:10px; margin-top:-30px;} .more a:hover{text-decoration:underline;} .news .events {margin-bottom:0px; padding-bottom:40px; margin-top:10px; clear:both; border-bottom:1px solid #e3e2e2;} .news p.item {color:#10228c; font-size:1.2em; line-height:1.4em; margin-left:2px; padding-left:38px; } .news p.desc {font-size:1.2em!important; color:#969696!important; line-height:1em; margin-top:-8px;} .news p.item a {text-decoration:underline; color:#10228c; } .news span {font-size:1.2em; color:#aeaeae; line-height:1em; } .news p.item a:hover{ text-decoration:none; color:#186a03;} .news p.calendar {float:left; background: url(../img/panels/event.gif) no-repeat; width:46px; margin-right:5px; margin-top:4px; } .news p.calendar strong.month {color: #125ca1; font-size:0.8em; display:block; text-align:center; font-weight:normal; background:#dfedf4;} .news p.calendar strong.date {color: #125ca1; font-size:1.3em; font-weight:bold; text-align:center; display:block; background:#dfedf4; font-weight:normal; margin-top:-2px; font-family:Georgia, "Times New Roman", Times, serif; } .news p.calendar strong.year {color: #125ca1; font-size:0.8em; font-weight:bold; text-align:center; display:block; background:#dfedf4; font-weight:normal; margin-top:-5px; font-family:Georgia, "Times New Roman", Times, serif;} */ /* ------------------------------------------------------ =NAVIGATION ------------------------------------------------------*/ ul.menu {list-style:none; margin:0; padding:0} ul.menu * {margin:0; padding:0} ul.menu a {display:block; color:#000; text-decoration:none} ul.menu li {position:relative; float:left; margin-right:2px} ul.menu ul {position:absolute; top:26px; left:0; display:none; opacity:0; list-style:none} ul.menu ul li {position:relative; width:148px; margin:0} ul.menu li.home {background:url(../img/nav/home_off.gif) no-repeat!important; width:83px; height:53px; cursor:pointer;} ul.menu li.home:hover {background:url(../img/nav/home_on.gif) no-repeat!important; width:83px; height:53px; cursor:pointer;} ul.menu li.home ul {margin-top:30px;} ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1; } ul.menu ul li a:hover {background-color:#c5c5c5} ul.menu ul ul {left:148px; top:-1px;} ul.menu .menulink { padding:5px 7px 7px; font-weight:bold; width:134px;} ul.menu .menulink:hover, ul.menu .menuhover {} ul.menu .sub {background:#d1d1d1 url(../images/arrow.gif) 136px 8px no-repeat;} ul.menu .topline {border-top:1px solid #aaa} /* ------------------------------------------------------ = BANNERS HOME ------------------------------------------------------*/ #flash {margin-top:-15px; margin-bottom:10px;} #flash .get_flash {border:1px solid #c72228; padding:10px; background:#FFF; margin-bottom:20px;} #flash .get_flash p.sorry {color:#c72228; font-size:1.8em; margin-bottom:5px;} #flash .get_flash p {color:#626466; font-size:1.3em; line-height:1.6em; } #flash .get_flash p a {color:#d71518; text-decoration:underline;} /* ------------------------------------------------------ = BANNERS ------------------------------------------------------*/ #banner {float:left; padding-left:35px; width:600px; margin-bottom:30px; position:relative;} #banner .get_flash {border:1px solid #c72228; padding:10px; background:#FFF; position:absolute; top:130px; left:32px;} #banner .get_flash p.sorry {color:#c72228; font-size:1.8em; margin-bottom:5px;} #banner .get_flash p {color:#626466; font-size:1.3em; line-height:1.6em; } #banner .get_flash p a {color:#d71518; text-decoration:underline;} #banner.pepsi {margin-top:20px;} #banner.careers {padding-left:35px; margin-top:20px; margin-bottom:20px;} /* ------------------------------------------------------ =TITLES ------------------------------------------------------*/ h1 {color:#0a2d8b; font-size:3em; margin-bottom:16px;} body.home h1{font-size:3.2em;} body.home h2 {color:#000; font-size:1.4em; margin-bottom:20px; line-height:1.6em;} h2 {color:#333; font-size:1.9em; margin-bottom:23px; line-height:1.5em; } h2.grey {color:#333; font-size:1.9em; margin-bottom:10px; line-height:1.5em; } h2.line{padding-top:25px; border-top:1px solid #e2e2e2; margin-bottom:15px;} h2.grad{ padding: 0; margin-top: 40px; margin-bottom: 10px;} body.home h3 {color:#00529c; font-size:1.8em; margin-bottom:5px; line-height:1.6em; width:200px;} h3.grey {color:#333; font-size:1.6em; margin-bottom:5px; line-height:1.7em; text-transform:none; } h3 {color:#333; font-size:1.1em; margin-bottom:20px; line-height:1.6em; text-transform:uppercase; letter-spacing:1px; } h3 span {text-transform:none;} h3.point {margin-bottom:20px;} h4 {color:#0167a9; font-size:1.4em; margin-bottom:5px; line-height:1.4em; } .cufon-vml {margin: 4px 0 5px 0;} /* ------------------------------------------------------ =HOME CONTENT ------------------------------------------------------*/ body.home #content {margin-left: auto; margin-right: auto; text-align:left; width:900px; position:relative;} body.home #content img.platinum {margin-top:40px; margin-left:20px;} body.home #content img.workplace {margin-top:40px; margin-left:20px; margin-bottom:20px;} body.home #content p {color:#000; font-size:1.3em; line-height:1.6em; margin-bottom:10px;} body.home #content .box p, body.home #content .box_last p{font-size:1.1em;} body.home #content p a {color:#d71518; text-decoration:underline; padding-right:10px;} body.home #content .box p.pdf a{ margin-top:-12px;} body.home #content .box p.pdf span {color:#d71518; font-size:0.9em;} body.home #content p.link {position:absolute; right:10px; top:505px; background: url(../img/icons/red_arrow.gif) no-repeat 0px 8px; padding-left:20px; } /* ------------------------------------------------------ =TESTIMONIAL ANSWERS & QUESTIONS ------------------------------------------------------*/ #content h4 strong.large, #content p strong.large {font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal;} /* ------------------------------------------------------ =CONTENT ------------------------------------------------------*/ #content {padding:0px 15px 35px 35px; width:635px; float:left; display:inline;} #content p {color:#1e1f21; font-size:1.3em; line-height:1.6em; margin-bottom:15px;} #content p a {color:#d71518; text-decoration:underline;} #content p a:hover { text-decoration: none;} #content a.ms_word { padding: 0 0 2px 23px; background: url(../img/icons/ms_word.png) no-repeat 3px 0px;} #video {font-size:1.3em;} #video a{color:#d71518; text-decoration:underline;} .right_column {width:46%; float:right;} .left_column {width:46%; float:left;} /* ------------------------------------------------------ =LISTS ------------------------------------------------------*/ #content ul {margin-bottom:10px; color:#000000; margin-left:0px; margin-top:10px; padding-bottom:10px;} #content ul li {background:url(../img/icons/ball.gif) no-repeat 0px 5px; line-height:1.6em; font-size:1.2em; padding-left:20px; margin-bottom:3px; height:1%;} #content ul li a {color:#d71518; text-decoration:underline;} #content ul li a:hover {text-decoration:none; } #content ul li.one {background:url(../img/icons/pepsi_1.gif) no-repeat 0px 0px; padding-left:30px; line-height:1.6em; padding-bottom:3px;} #content ul li.two {background:url(../img/icons/pepsi_2.gif) no-repeat 0px 0px; padding-left:30px; line-height:1.6em; padding-bottom:3px;} #content ul li.three {background:url(../img/icons/pepsi_3.gif) no-repeat 0px 0px; padding-left:30px; line-height:1.6em; padding-bottom:3px;} #content ul li.four {background:url(../img/icons/pepsi_4.gif) no-repeat 0px 0px; padding-left:30px; line-height:1.6em; padding-bottom:3px;} #content ul li.five {background:url(../img/icons/pepsi_5.gif) no-repeat 0px 0px; padding-left:30px; line-height:1.6em; padding-bottom:3px;} #content ul li.six {background:url(../img/icons/pepsi_6.gif) no-repeat 0px 0px; padding-left:30px; line-height:1.6em; padding-bottom:3px;} #content ul li.seven {background:url(../img/icons/pepsi_7.gif) no-repeat 0px 0px; padding-left:30px; line-height:1.6em; padding-bottom:3px;} #content ul li.eight {background:url(../img/icons/pepsi_8.gif) no-repeat 0px 0px; padding-left:30px; line-height:1.6em; padding-bottom:3px;} #content ul li.nine {background:url(../img/icons/pepsi_9.gif) no-repeat 0px 0px; padding-left:30px; line-height:1.6em; padding-bottom:3px;} #content ul li.ten {background:url(../img/icons/pepsi_10.gif) no-repeat 0px 0px; padding-left:30px; line-height:1.6em; padding-bottom:3px;} #content ul li.eleven {background:url(../img/icons/pepsi_11.gif) no-repeat 0px 0px; padding-left:30px; line-height:1.6em; padding-bottom:3px;} #content ul li.twelve {background:url(../img/icons/pepsi_12.gif) no-repeat 0px 0px; padding-left:30px; line-height:1.6em; padding-bottom:3px;} #content ol {margin-bottom:10px; color:#000000; margin-left:20px; margin-top:10px; padding-bottom:10px;} #content ol li {line-height:1.6em; font-size:1.2em; margin-bottom:3px; height:1%;} #content ol li a {color:#d71518; text-decoration:underline;} #content ol li a:hover {text-decoration:none; } /* ------------------------------------------------------ =RIGHT COLUMN AND RHS NAVIGATION ------------------------------------------------------*/ body.brands #right_col {padding:0px 25px 0px 25px; width:180px; float:left; position:relative; z-index:10; margin-top:-320px;} #right_col {padding:0px 25px 0px 25px; width:180px; float:left; position:relative; z-index:10; margin-bottom:50px; display:inline; _margin-right:-10px;} #right_col .nav_top {width:240px; height:24px; background: url(../img/bg/nav_top.gif) no-repeat center top;} #right_col .nav_middle {width:195px; padding:3px 20px 20px 25px; background: url(../img/bg/nav_middle.gif) repeat-y left top; margin-top:-5px; position:relative; } #right_col .nav_middle p {color:#004f9a; font-size:1.8em; line-height:1.6em; text-shadow: 1px 1px 1px #fff;} #right_col .nav_middle p em { font-style:normal;} #right_col .nav_middle p a {color:#004f9a; text-decoration:none;} #right_col .nav_middle p a:hover { text-decoration:none;} #right_col .nav_middle ul {width:190px; margin-left:0px; margin-top:10px; margin-bottom:11px; padding-left:0px; } #right_col .nav_middle ul li {margin-left:0px; padding:3px 0 4px 0px; text-align:left; background:url(../img/bg/nav_line.gif) repeat-x top left ;} #right_col .nav_middle ul li a {font-size:13px; text-decoration:none; color:#2a2c2d; display:block; padding-top:7px; padding-bottom:6px; border-bottom: none; padding-right:13px; } #right_col .nav_middle ul li a:hover { color:#d71518; text-decoration:none; border-bottom: none; } #right_col .nav_middle ul li a.on {color:#2a2c2d; background:url(../img/bg/selected_bg.gif) no-repeat; width:185px; padding-bottom:12px; padding-top:12px; margin-left:-25px; padding-left:25px; position:relative; z-index:2;} #right_col .nav_middle ul li a.on_gdp {color:#2a2c2d; background:url(../img/bg/selected_bg_gdp.gif) no-repeat; width:185px; padding-bottom:12px; padding-top:12px; margin-left:-25px; padding-left:25px; position:relative; z-index:2;} #right_col .nav_middle ul li a.on-long {color:#2a2c2d; background:url(../img/bg/selected_bg_long.gif) no-repeat; width:185px; padding-bottom:12px; padding-top:5px; margin-left:-25px; padding-left:25px; line-height:1.4em; position:relative; z-index:2; margin-top:5px;} #right_col .nav_middle ul li a.on:hover, #right_col .nav_middle ul li a.on-long:hover {color:#d5062d;} #right_col .nav_middle ul li.no-line {border-top:none; background:none!important;} #right_col .nav_btm {width:240px; height:17px; background: url(../img/bg/nav_btm.gif) no-repeat; margin-bottom:10px;} #right_col p.scroll {position:absolute; bottom:20px; left:85px; font-size:1.1em; color:#2a2c2d;} #right_col img.competition {margin-top:20px;} /* ------------------------------------------------------ =RIGHT COLUMN FEATURES -----------------------------------------------------*/ #right_col .grey_title {background: url(../img/bg/grey_title_bg.png) no-repeat left top; height:31px; padding-top:10px; width:240px; position:relative; margin-bottom:10px;} #right_col .grey_title p {margin-left:22px; font-size:1.6em; color:#9c9d9e; } #right_col .grey_title img.concorde {position:absolute; top:-30px; right:-15px;} #right_col .grey_title img.runners {position:absolute; top:-20px; right:-5px;} #right_col .grey_title img.cap {position:absolute; top:-30px; right:-5px;} #right_col .grey_title img.gatorade {position:absolute; top:-30px; right:15px;} #right_col .grey_title img.orange {position:absolute; top:-30px; right:-5px;} #right_col .grey_title img.quaker_man {position:absolute; top:-40px; right:-5px;} #right_col .grey_title img.bolt {position:absolute; top:-20px; right:0px;} #right_col .grey_title img.potato_corn {position:absolute; top:-8px; right:-10px;} #right_col .grey_title img.plant-tea {position:absolute; top:-88px; right:0px;} /* ------------------------------------------------------ =SCROLLING TV AD LINKS -----------------------------------------------------*/ #right_col .video {margin-top:15px; margin-right:5px; width:220px; padding-bottom:25px; background: url(../img/bg/feature_divider2.gif) no-repeat bottom left; } #right_col a .video {cursor:pointer; } #right_col .video .pic {float:left; margin-right:5px; width:73px;} #right_col a .video .pic img {border:1px solid #e4e3e3;} #container #content .main_feature img.left_img { margin-top: 380px;} #container #content .main_feature img.science_students { margin-top: 177px;} #container #content img.has { padding:10px; margin:5px 0px 10px 30px; } #container #content .mb_ten { margin-bottom:10px; } #right_col a:hover .video .pic img {border:1px solid #3963bc;} #right_col .video .desc {float:left; margin-right:0px; width:150px;} #right_col .video .desc p.title {color:#3e3e3f; font-size:1.1em; font-weight:bold; margin-bottom:2px; margin-top:-3px;} #right_col .video .desc p {color:#404143; font-size:1.1em; line-height:1.4em; height:1%;} #right_col .feature {margin-top:15px; margin-right:5px; width:210px;} #right_col .feature p { background: url(../img/icons/red_arrow.gif) no-repeat 0px 6px; padding-left:20px; color:#404143; font-size:1.1em; line-height:1.4em; height:1%;} #right_col .feature p a {color:#d71518; text-decoration:underline;} #right_col .feature p a.pdf{background: url(../img/icons/pdf.gif) 0px 3px no-repeat; padding-left:16px;} #right_col p.no_bg {background:none!important;} #right_col .feature p a:hover {text-decoration:none; } #right_col .feature img.beckham {float:right; margin-top:-20px; margin-left:5px;} #right_col .feature img.up {float:right; margin-top:5px; margin-left:5px; margin-right:-10px;} #right_col .feature img.plant {float:right; margin-top:-5px; margin-left:5px; margin-right:0px;} #right_col .feature img.tap {float:right; margin-top:-10px; margin-left:5px; margin-right:0px;} #right_col .feature img.max {float:right; margin-top:-10px; margin-left:5px; margin-right:-7px;} #right_col .feature img.tv {float:right; margin-top:-10px; margin-left:5px; margin-right:-10px;} #right_col .feature img.sixty {float:right; margin-top:-5px; margin-left:6px; margin-right:-5px;} #right_col .feature img.oats {float:right; margin-top:-5px; margin-left:6px; margin-right:-5px;} #right_col .feature img.athlete {float:right; margin-top:-5px; margin-left:6px; margin-right:-15px;} #right_col .feature img.salt {float:right; margin-top:-5px; margin-left:9px; margin-right:-7px;} #right_col .feature img.map {float:right; margin-top:0px; margin-left:5px; margin-right:-10px;} #right_col .divider {background: url(../img/bg/feature_divider2.gif) repeat-x bottom left; width:240px; height:2px; margin:15px 10px 10px 0px!important; clear:both; _margin-top:20px;} /* ------------------------------------------------------ =RHS FUN LINKS -----------------------------------------------------*/ #right_col .feature p.pepsi-max {background: url(../img/pics/pepsi-max-small.png) no-repeat 0px 0px; padding:5px 5px 13px 35px; line-height:16px; zoom:1;} #right_col .feature p.free {background: url(../img/pics/7up-free-small.png) no-repeat 0px 0px; padding:5px 5px 13px 35px; line-height:16px; zoom:1;} #right_col .feature p.walkers {background: url(../img/pics/walkers-small.png) no-repeat 0px 0px; padding:5px 5px 13px 35px; line-height:16px; zoom:1;} #right_col .feature p.doritos {background: url(../img/pics/doritos-small.png) no-repeat 0px 0px; padding:5px 5px 13px 35px; line-height:16px; zoom:1;} #right_col .ad-thumb{font-size:13px; line-height:1.4em; } #right_col .ad-thumb a{text-decoration:none; color:#333; display:block; padding:0px 0px 15px 0px; _padding-bottom:25px; } #right_col .ad-thumb a:hover{color:#d71518;} #right_col .ad-thumb a img{margin-bottom:15px; margin-right:10px; border:1px solid #e2e2e2; padding:3px; _margin-bottom:-15px;} #right_col .ad-thumb a:hover img {border:1px solid #d71518;} #right_col .ad-thumb span{display:block; font-size:11px; color:#999;} /* ------------------------------------------------------ =HOME CONTENT - WRAPPER ------------------------------------------------------*/ #wrapper_top {width:900px; height:21px; margin-left: auto; margin-right: auto; background: url(../img/bg/wrapper_top.gif) no-repeat center top; margin-top:55px;} #wrapper {width:855px; margin-left: auto; margin-right: auto; padding:3px 20px 50px 25px; background: url(../img/bg/wrapper_middle.gif) repeat-y left top; margin-top:-5px; position:relative; z-index:10;} #wrapper_btm {width:900px; height:41px; margin-left: auto; margin-right: auto; margin-bottom:10px; background: url(../img/bg/wrapper_btm.gif) no-repeat;} #wrapper .box {margin-right:78px; width:235px;} #wrapper .box h3, #wrapper .box_last h3{text-transform:none; letter-spacing:0px; font-size:16px;} #wrapper .box p{font-size:11px;} #wrapper .box_last {margin-right:-6px; width:235px;} #wrapper .report {position:absolute; bottom:-34px; left:136px;} #wrapper .brands {position:absolute; bottom:-20px; left:340px;} #wrapper .careers {position:absolute; bottom:-34px; left:465px;} #wrapper .people {position:absolute; bottom:-34px; left:650px;} body.home #awards {width:250px; float:right; margin-left:25px; padding-bottom:10px;} body.home #awards p {font-size:11px;} body.home #content .box p a {padding-right:1px;} body.home #content p a {padding-right:0px;!important} body.home #content .box img.campbell {position:absolute; left:495px; bottom:-45px;} .image { padding:5px; background:#fff; margin-left:10px;} .image-border { padding:5px; background:#fff; margin-left:10px; border:1px solid #d7e4ed;} #content .main_feature h4.small-blue {margin-top:10px;} /* ------------------------------------------------------ =HOME CONTENT - WRAPPER ------------------------------------------------------*/ #content .main_feature {width:381px; background: url(../img/bg/feature_bg.png) no-repeat center top; padding:22px 30px 18px 215px; position:relative; margin-top:10px; overflow:hidden; position:relative; min-height:120px; _width:587px; } #content .main_feature p{margin-bottom:0px; _margin-left:190px; _padding-bottom:20px;} #content .main_feature h3 {color:#0066a8; font-size:1.8em; text-transform:none; letter-spacing:0px; margin-bottom:7px; _margin-left:190px; _margin-top:22px;} #content .main_feature img {padding:3px; margin-top:5px; border:1px solid #d2d2d2; margin-right:15px; position:absolute; top:25px; left:30px; } #content .main_feature img.l { float: left; } #content .main_feature_btm {width:621px; height:6px; background: url(../img/bg/feature_bg_btm.png) no-repeat center top; margin-left:2px; _margin-left:3px;} #content .main_feature p.pdf {background: url(../img/icons/pdf.gif) 0px 4px no-repeat; padding-left:20px; font-size:11px; margin-top:5px;} #content p.pdf {background: url(../img/icons/pdf.gif) 0px 4px no-repeat; padding-left:20px; font-size:11px; margin-top:5px;} /* ------------------------------------------------------ = CAREERS TWO COLUMNS ------------------------------------------------------*/ .brand-feature {margin-top:20px;} /*.column {float:left; width:290px; margin-right:30px;} .column p {border-bottom:1px solid #dfedf4; padding-bottom:15px;} .column h4 {padding-left:33px; line-height:1.6em;} .column h4.quality {background: url(../img/icons/quality.gif) no-repeat 0px 0px;} .column h4.info {background: url(../img/icons/info.gif) no-repeat 0px 0px;} .column h4.pencil {background: url(../img/icons/pencil.gif) no-repeat 0px 0px;} .column h4.light_bulb {background: url(../img/icons/light_bulb.gif) no-repeat 0px 0px;} .column h4.euro {background: url(../img/icons/euro.gif) no-repeat 0px 0px;}*/ /* ------------------------------------------------------ = CAREERS COLUMN ------------------------------------------------------*/ .column_wrapper {/*float:left;*/ margin-right:2px; margin-bottom:10px; overflow:hidden; _clear:both; background:url(../img/bg/two-col.jpg) no-repeat top left; padding:18px 15px 0px 15px; width:614px;} .one-col-wrap{background:url(../img/bg/one-col.jpg) no-repeat top left;} #content .column_wrapper p { padding-bottom:2px; line-height:1.5em; font-size:1.1em; color:#666;} .column_wrapper h4 {padding-left:33px; line-height:1.8em; margin-bottom:8px;} .column_wrapper h4.quality {background: url(../img/icons/quality.gif) no-repeat 0px 0px;} .column_wrapper h4.info {background: url(../img/icons/info.gif) no-repeat 0px 0px;} .column_wrapper h4.pencil {background: url(../img/icons/pencil.gif) no-repeat 0px 0px;} .column_wrapper h4.light_bulb {background: url(../img/icons/light_bulb.gif) no-repeat 0px 0px;} .column_wrapper h4.euro {background: url(../img/icons/euro.gif) no-repeat 0px 0px;} .column_wrapper h4.tool {background: url(../img/icons/tool.gif) no-repeat 0px 0px;} .column_wrapper h4.degree {background: url(../img/icons/degree.png) no-repeat 0px 0px;} .column_wrapper h4.language {background: url(../img/icons/language.png) no-repeat 0px 0px;} .column_wrapper h4.location {background: url(../img/icons/location.png) no-repeat 0px 0px;} .column_wrapper h4.person {background: url(../img/icons/person.png) no-repeat 0px 0px;} .column_wrapper h4.range {background: url(../img/icons/range.png) no-repeat 0px 0px;} .column_wrapper h4.benefits-icon {background: url(../img/icons/benefits.png) no-repeat 0px 0px;} .column_wrapper h4.work_experience {background: url(../img/icons/tick.png) no-repeat 0px 0px;} .column_wrapper h4.users {background: url(../img/icons/users.gif) no-repeat 0px 0px;} .column_wrapper h4.comm {background: url(../img/icons/commercial.gif) no-repeat 0px 0px;} /* ------------------------------------------------------ = BENEFITS ------------------------------------------------------*/ #content .benefits {border-bottom:1px solid #d2d2d2; margin-bottom:10px; padding-top:10px;} #content .benefits h4 {color:#0167a9; font-size:1.6em; margin-bottom:3px;} #content .benefits p {margin-bottom:10px;} /* ------------------------------------------------------ = IMAGE ------------------------------------------------------*/ #content .imgLeft {float:left; margin:0px 15px 5px 0px; padding:3px;} #content .imgRight {float:right; margin:0px 8px 5px 15px; padding:3px;} #content .pic_border {border:1px solid #e2e2e2; background:#FFF;} /* ------------------------------------------------------ = FAQ ------------------------------------------------------*/ #content .faq {margin-bottom:25px; padding-bottom:10px; border-bottom:1px solid #e2e2e2; } #content .faq h2 {background: url(../img/icons/question.gif) no-repeat 0px 0px; line-height:1.2em; padding-left:35px; color:#0167a9; font-size:1.5em; margin-bottom:10px; padding-bottom:5px; } #content .faq p {margin-bottom:10px;} /* ------------------------------------------------------ =TESTIMONIALS ------------------------------------------------------*/ blockquote {padding:15px 10px 15px 15px; border:1px solid #d8ecff; background:#FFF; margin-bottom:15px;} blockquote p {line-height:1.7em; font-size:1.3em; color:#0d589f!important; background: url(../img/bg/quote.gif) no-repeat 0px 3px; padding-left:27px; ont-family:Helvetica, Arial, sans-serif;} blockquote .wrap {margin-top:0px;} blockquote img {margin-right:10px; margin-bottom:-3px;} blockquote cite {font-weight:bold; font-size:1.6em; line-height:1em; padding-bottom:5px!important;} /* ------------------------------------------------------ =HISTORY ------------------------------------------------------*/ #content ul.history {padding-top:10px; color:#000; margin-left:0px; margin-top:10px; padding-bottom:5px;} #content ul.history li {line-height:1.7em; font-size:1.3em; padding-bottom:8px; margin-bottom:5px; height:1%; border-bottom:1px solid #eee; background:none; padding-left:10px;} #content ul.history li.box1 {background: url(../img/icons/grey_box.gif) no-repeat 0px 9px;} #content ul.history li.box2 {background: url(../img/icons/black_box.gif) no-repeat 0px 9px;} #content ul.history li.box3 {background: url(../img/icons/yellow_box.gif) no-repeat 0px 9px;} #content ul.history li.box4 {background: url(../img/icons/bright_blue_box.gif) no-repeat 0px 9px;} #content ul.history li.box5 {background: url(../img/icons/orange_box.gif) no-repeat 0px 9px;} #content ul.history li.box6 {background: url(../img/icons/green_box.gif) no-repeat 0px 9px;} #content ul.history li.box7 {background: url(../img/icons/red_box.gif) no-repeat 0px 9px;} #content ul.history li.box8 {background: url(../img/icons/blue_box.gif) no-repeat 0px 9px;} #content ul.history li span {color:#0a2d8b; font-weight:bold; font-family:"Lucida Sans", Arial, Helvetica, sans-serif;} /* ------------------------------------------------------ = LARGE FACTS ------------------------------------------------------*/ #content .large_facts {float:right; padding:10px 10px 30px 10px; background:#d6d6d6; width:190px; margin-left:20px; border:1px solid #c1c1c1;} #content .large_facts h3 {font-size:3.8em; color:#e92227; } #content .large_facts p {color:#515151; font-size:1.1em; color:#6c6c6c; font-weight:bold;} /* ------------------------------------------------------ =BANNERS ------------------------------------------------------*/ .banner-benefits{width:642px; height:100px; background: url(../img/pics/banner-grass.jpg) no-repeat; margin-bottom:25px; margin-top:30px; position:relative;} .banner-path{width:642px; height:100px; background: url(../img/pics/banner-path.jpg) no-repeat; margin-bottom:25px; margin-top:30px; position:relative;} .banner-room{width:642px; height:100px; background: url(../img/pics/boardroom.jpg) no-repeat; margin-bottom:25px; margin-top:30px; position:relative;} .banner-construction{width:642px; height:100px; background: url(../img/pics/construction.jpg) no-repeat; margin-bottom:25px; margin-top:30px; position:relative;} .banner-girl{width:642px; height:100px; background: url(../img/pics/banner-girl.jpg) no-repeat; margin-bottom:25px; margin-top:30px; position:relative;} .banner-leaves{width:642px; height:100px; background: url(../img/pics/banner-leaves.jpg) no-repeat; margin-bottom:25px; margin-top:30px; position:relative;} .banner-health{width:642px; height:100px; background: url(../img/pics/health-benefits.jpg) no-repeat; margin-bottom:25px; margin-top:30px; position:relative;} .non-cash{width:642px; height:100px; background: url(../img/pics/non-cash.jpg) no-repeat; margin-bottom:25px; margin-top:30px; position:relative;} #content .banner-benefits h2, #content .banner-path h2, #content .banner-girl h2, #content .banner-room h2, #content .banner-construction h2, #content .banner-leaves h2, #content .banner-health h2, #content .non-cash h2 {position:absolute; bottom:9px; left:12px; color:#fff; font-size:26px; margin:0px; line-height:1.2em;} #content .banner-csr h2, #content .banner-environment h2, #content .banner-work h2{position:absolute; bottom:35px; left:12px; color:#fff; font-size:22px; margin:0px; line-height:1.2em;} #content .banner-env h2, #content .banner-talent h2, #content .banner-performance h2{position:absolute; bottom:35px; left:12px; color:#fff; font-size:22px; margin:0px; line-height:1.2em;} #content .banner-human h2 {position:absolute; bottom:35px; left:100px; color:#fff; font-size:22px; margin:0px; line-height:1.2em;} .banner-csr{width:642px; height:100px; background: url(../img/pics/banner-csr.jpg) no-repeat; margin-bottom:25px; margin-top:30px; position:relative;} .banner-environment{width:642px; height:100px; background: url(../img/pics/banner-environment.jpg) no-repeat; margin-bottom:25px; margin-top:30px; position:relative;} .banner-work{width:642px; height:100px; background: url(../img/pics/banner-work.jpg) no-repeat; margin-bottom:25px; margin-top:30px; position:relative;} .banner-env{width:642px; height:100px; background: url(../img/pics/banner-env.jpg) no-repeat; margin-bottom:25px; margin-top:30px; position:relative;} .banner-talent{width:642px; height:100px; background: url(../img/pics/banner-talent.jpg) no-repeat; margin-bottom:25px; margin-top:30px; position:relative;} .banner-human{width:642px; height:90px; background: url(../img/pics/banner-human.jpg) no-repeat; margin-bottom:20px; margin-top:30px; position:relative;} .banner-performance{width:642px; height:100px; background: url(../img/pics/banner-performance.jpg) no-repeat; margin-bottom:25px; margin-top:30px; position:relative;} /* ------------------------------------------------------ =FOOTER ------------------------------------------------------*/ #footer {width:900px; margin-left: auto; margin-right: auto; background: url(../img/bg/footer_bg.gif) no-repeat center top; margin-top:10px; text-align:center; padding-top:55px; position:relative; padding-bottom:30px; } #footer ul {margin-bottom:10px;} #footer ul li {color:#0a3e88; font-size:11px; line-height:1.4em; display:inline; margin-right:20px;} #footer ul li a {color:#0a3e88; text-decoration:none;} #footer ul li a:hover { } #footer p {margin-left: auto; margin-right: auto; color:#aaa9a9; font-size:11px; line-height:1.4em; margin-bottom:10px; width:500px;} #footer .facebook {margin-top:20px; margin-left:270px;} #footer .facebook p{color:#898787; width:200px; float:left; font-size:11px;} #footer .facebook a img{margin-left:-20px; margin-top:-5px; float:left;} #footer .facebook a:active img{position:relative; top:1px;} /* ------------------------------------------------------ =FONT FACE ------------------------------------------------------*/ @font-face { font-family: 'Museo500'; src: url('type/Museo500-Regular.eot'); src: local('Museo 500'), local('Museo-500'), url('type/Museo500-Regular.otf') format('opentype'); } @font-face { font-family: 'Museo500italic'; src: url('type/Museo500-Regular.eot'); src: local('Museo 500 italic'), local('Museo500italic'), url('type/Museo500-Regular.otf') format('opentype'); } h1{font-weight:bold;} h1, h2, h3, h4, h5, h6, .nav_middle p, .nav_middle ul, .grey_title p, p.date, p.current_price, p.current_price span, #topnav li a { font-family: /*"Museo 500", "Museo500",*/ Helvetica, Arial, sans-serif; } h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { font-family: /*"Museo 500 italic", "Museo500italic",*/ Tahoma, Arial, sans-serif; } em { font-style: italic; } #timeline{background:#e0e9ee url(../img/bg/globe.png) no-repeat bottom right; padding:25px 25px 0px 25px; border:1px solid #cae0eb; margin-top:30px;} #content #timeline h2{color:#333; margin-bottom:20px; font-size:2em;} #content #timeline h3{margin-bottom:30px; color:#7991a4;} #content #timeline .date{padding-top:12px; border-top:3px solid #abc6d3; position:relative; padding-left:10px; margin-bottom:45px;} #content #timeline .leftside{margin-left:75px;} #content #timeline .rightside{margin-left:205px; border-top:3px solid #b01100;} #content #timeline .leftside img{position:absolute; top:-8px; left:-120px;} #content #timeline .rightside img{position:absolute; top:-8px; right:-120px;} #content #timeline .date p{font-size:1.1em; margin-bottom:0px;} #content #timeline .date p.year{font-size:2.8em; padding-left:10px; color:#718f9e;} #content #timeline .rightside p.year{color:#333;} .commercial{position:relative; padding-top:10px; float:left; margin:0px 50px 40px 0px;} .commercial img{margin-bottom:10px; padding:6px; border:1px solid #d6dee4; background:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .commercial a{font-size:1.3em; text-decoration:none; color:#133faa; display:block;} #content .commercial a:hover{ color:#d71518;} .commercial a:hover img{border-color:#eee;} .commercial a span{padding-left:28px; background:url(../img/icons/tv.jpg) no-repeat 8px 0px;} ul#topnav{margin-left:25px;} ul#topnav li{display:inline; font-size:1.4em; margin-right:30px;} ul#topnav li a{color:#b0c7f9; text-decoration:none;} ul#topnav li a.on, ul#topnav li a.onarrow{color:#fff;} ul#topnav li a.arrow, ul#topnav li a.onarrow{background:url(../img/icons/brands-arrow.gif) no-repeat center right; padding-right:15px;} #topnav { float: left; height: 30px; } #topnav li { float: left; position: relative; } #topnav li a { display: block; padding: 5px 10px; line-height: 50px; } #topnav li a:hover, #topnav li.on a{color:#dce6fb;} #topnav li ul { display: none; position: absolute; top: 58px; left: -27px; width: 549px; height:170px; background:url(../img/bg/menu.png) no-repeat;} #topnav li:hover ul { display: block; color:#fff;} #topnav li ul li { float:left; display:inline; width:70px; font-size:11px; padding:25px 0px 25px 20px; margin-right:0px;} #topnav li ul li span{color:#999;} #topnav li ul li a{line-height:18px; color:#666; text-align:center; padding-top:80px; display:block; } #topnav li ul li a:hover{color:#000;} /* Pepsi */ #topnav li ul li.nav-pepsi a{background:url(../img/logo/nav/pepsi.gif) no-repeat center 6px;} #topnav li ul li.nav-pepsi a:hover{background:url(../img/logo/nav/pepsi-h.gif) no-repeat center 6px;} /* Fritolay */ #topnav li ul li.nav-fritolay a{background:url(../img/logo/nav/walkers-h.gif) no-repeat center 6px;} #topnav li ul li.nav-fritolay a:hover{background:url(../img/logo/nav/walkers.gif) no-repeat center 6px;} /* Quaker */ #topnav li ul li.nav-quaker a{background:url(../img/logo/nav/quaker.gif) no-repeat center 6px;} #topnav li ul li.nav-quaker a:hover{background:url(../img/logo/nav/quaker-h.gif) no-repeat center 6px;} /* Gatorade */ #topnav li ul li.nav-gatorade a{background:url(../img/logo/nav/gatorade.gif) no-repeat center 6px;} #topnav li ul li.nav-gatorade a:hover{background:url(../img/logo/nav/gatorade-h.gif) no-repeat center 6px;} /* Tropicana */ #topnav li ul li.nav-tropicana a{background:url(../img/logo/nav/tropicana.gif) no-repeat center 6px;} #topnav li ul li.nav-tropicana a:hover{background:url(../img/logo/nav/tropicana-h.gif) no-repeat center 6px;} .section{padding:60px 20px 0px 20px; position:relative; border:1px solid #e2e2e2; border-bottom:2px solid #ccc; border-right:1px solid #ccc; margin-top:40px;} .section h2{position:absolute; top:-7px; left:-7px; display:inline; padding:10px 20px; border:1px solid #ccc; background:#fff; z-index:2; } .section h3{margin-top:10px;} #content #sitemap ul li{font-size:1.4em; margin-bottom:6px;} #content #sitemap ul li ul li{font-size:0.85em; background:none; padding-left:10px; margin-bottom:3px;} #content #sitemap ul li ul li a{} #content #sitemap ul li ul li a:hover{color:#000;} #content #sitemap ul li ul li.sub {margin-left:10px;} /* #topnav li div { display: none; position: absolute; top: 50px; margin-left: 50%; left: -125px; width: 250px; padding-top: 30px; background: #fff url(../images/submenu-top.png) no-repeat 0 0; } #topnav li div ul { width: 248px; padding: 0 0 23px; background: #fff url(../images/submenu-bottom.png) no-repeat 0 100%; border: 1px #c2c3c3; border-style: none solid; } #topnav li div ul li { float: none; position: relative; width: 228px; padding: 4px 10px; background: #dddddd; } #topnav li ul li a { height: auto; width: auto !important; text-align: center; background: none; color: #666; font-size: 1.1em; font-weight: bold; text-decoration: none; text-indent: 0; text-shadow: 1px 1px 1px #eee; } #topnav li div ul li a { display: inline-block; } #topnav li div ul li a { display: block; } #topnav li ul li a:hover { color: #1c9bcf; } */ /* #topnav li ul li a { display: inline-block; } #topnav li ul li a { display: block; }*/ #content .benefits-item{position:relative; padding-left:80px; margin-top:20px;} #content .benefits-item img{position:absolute; top:0px; left:0px; padding:3px; border:1px solid #e2e2e2; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} #content .benefits-item h3{margin-bottom:4px; text-transform:none; font-size:13px; letter-spacing:0px; color:#031c6d;} #content .benefits-item p{font-size:11px; } #orangeBox{border:2px solid #fe5a17; padding:30px 30px 15px 30px; margin-bottom:25px; margin-top:30px;} #greenBox{border:2px solid #008240; padding:30px 30px 15px 30px; margin-bottom:25px;} #blueBox{border:2px solid #0082d1; padding:30px 30px 15px 30px; margin-bottom:35px;}