/*---------------------------------------------
 LAYOUT
----------------------------------------------- */

/* general */
* { margin:0; padding:0; }
body { font:78%/125% Arial, Helvetica, sans-serif; color:#666; margin:0; padding:0; background-color:#fff; }
img { border:none; }
img.imgRightTop { border:none; margin-top: 16px; }

/* blocks */
#page-wrap { position:relative; width:945px; margin:0 auto; text-align:left; }
#page-header { float:right; width:945px; height:100px; background:url(../site-assets/logos/pepsico.gif) no-repeat 0 15px; display:inline; clear:both; }
#utility-wrap { position:absolute; top:0; right:35px; text-align:right; width:500px; height:60px; display:inline; clear:both; }
#content-wrap { float:left; width:875px; margin-left:35px; padding-top:6px; min-height:600px; height:auto !important; height:600px; display:inline; padding-bottom:1em; border-top:1px solid #dcdcdc; }
#feature-wrap { position:relative; width:875px; min-height:600px; height:auto !important; height:600px; padding-bottom:1em; margin-top:6px; }
#home-content-wrap { float:left; width:875px; margin-left:35px; padding-top:6px; min-height:600px; height:auto !important; height:600px; display:inline; padding-bottom:1em; border-top:1px solid #dcdcdc; }
#home-wrap { position:relative; width:875px; min-height:600px; height:auto !important; height:600px; padding-bottom:1em; margin-top:6px; background:url(../site-assets/flash/background/home-page.jpg) no-repeat top left; }
#print-wrap { float:left; width:875px; height:1px; display:none; overflow:hidden; }

/* feature section */
#n-america-home { position:relative; width:875px; min-height:600px; height:auto !important; height:600px; padding-bottom:1em; margin-top:6px; background:url(../site-assets/performance/n-america-home.jpg) no-repeat 0 0px; }
#latin-america-home { position:relative; width:875px; min-height:600px; height:auto !important; height:600px; padding-bottom:1em; margin-top:6px; background:url(../site-assets/performance/latin-america-home.jpg) no-repeat 0 0px; }
#europe-home { position:relative; width:875px; min-height:600px; height:auto !important; height:600px; padding-bottom:1em; margin-top:6px; background:url(../site-assets/performance/europe-home.jpg) no-repeat 0 0px; }
#india-home { position:relative; width:875px; min-height:600px; height:auto !important; height:600px; padding-bottom:1em; margin-top:6px; background:url(../site-assets/performance/india-home.jpg) no-repeat 0 0px; }
#china-home { position:relative; width:875px; min-height:600px; height:auto !important; height:600px; padding-bottom:1em; margin-top:6px; background:url(../site-assets/performance/china-home.jpg) no-repeat 0 0px; }

#n-america-csd { position:relative; width:875px; min-height:600px; height:auto !important; height:600px; padding-bottom:1em; margin-top:6px; background:url(../site-assets/performance/n-america-csd1a.jpg) no-repeat top left; display:none; }
#n-america-gatorade { position:relative; width:875px; min-height:600px; height:auto !important; height:600px; padding-bottom:1em; margin-top:6px; background:url(../site-assets/flash/background/n-america-gatorade-bkgrd.jpg) no-repeat 0 0; display:none; }
#n-america-tropicana { position:relative; width:875px; min-height:600px; height:auto !important; height:600px; padding-bottom:1em; margin-top:6px; background:url(../site-assets/performance/n-america-tropicana-1.jpg) no-repeat 0 0; display:none; }
#n-america-sobe { position:relative; width:875px; min-height:600px; height:auto !important; height:600px; padding-bottom:1em; margin-top:6px; background:url(../site-assets/performance/n-america-sobe-1.jpg) no-repeat 0 0; display:none; }
#n-america-truenorth { position:relative; width:875px; min-height:600px; height:auto !important; height:600px; padding-bottom:1em; margin-top:6px; background:url(../site-assets/performance/n-america-truenorth-1.jpg) no-repeat 0 0; display:none; }
#n-america-sabra-stacys { position:relative; width:875px; min-height:600px; height:auto !important; height:600px; padding-bottom:1em; margin-top:6px; background:url(../site-assets/performance/n-america-sabra-stacys-1.jpg) no-repeat 0 0; display:none; }
#n-america-quaker { position:relative; width:875px; min-height:600px; height:auto !important; height:600px; padding-bottom:1em; margin-top:6px; background:url(../site-assets/performance/n-america-quaker-1.jpg) no-repeat 0 0; display:none; }

#latin-america-brazil { position:relative; width:875px; min-height:600px; height:auto !important; height:600px; padding-bottom:1em; margin-top:6px; background:url(../site-assets/performance/latin-america-brazil-1a.jpg) no-repeat top left; display:none; }
#latin-america-mexico { position:relative; width:875px; min-height:600px; height:auto !important; height:600px; padding-bottom:1em; margin-top:6px; background:url(../site-assets/performance/latin-america-mexico-1.jpg) no-repeat 0 0; display:none; }
#latin-america-marketing { position:relative; width:875px; padding-bottom:1em; margin-top:6px; min-height:780px; height:auto !important; height:780px; background:url(../site-assets/performance/latin-america-marketing-1.jpg) no-repeat 0 0; display:none; }

#europe-russia { position:relative; width:875px; min-height:600px; height:auto !important; height:600px; padding-bottom:1em; margin-top:6px; background:url(../site-assets/performance/europe-russia-1a.jpg) no-repeat top left; display:none; }
#europe-france { position:relative; width:875px; padding-bottom:1em; margin-top:6px; min-height:688px; height:auto !important; height:688px; background:url(../site-assets/performance/europe-france-1.jpg) no-repeat 0 0; display:none; }
#europe-uk { position:relative; width:875px; min-height:600px; height:auto !important; height:600px; padding-bottom:1em; margin-top:6px; background:url(../site-assets/performance/europe-uk-1.jpg) no-repeat 0 0; display:none; }

#india-energy { position:relative; width:875px; padding-bottom:1em; margin-top:6px; min-height:610px; height:auto !important; height:610px; background:url(../site-assets/performance/india-energy-1a.jpg) no-repeat top left; display:none; }
#india-water-conservation { position:relative; width:875px; min-height:600px; height:auto !important; height:600px; padding-bottom:1em; margin-top:6px; background:url(../site-assets/performance/india-water-conservation-1.jpg) no-repeat 0 0; display:none; }
#india-pepsi-my-can { position:relative; width:875px; min-height:600px; height:auto !important; height:600px; padding-bottom:1em; margin-top:6px; background:url(../site-assets/performance/india-pepsi-my-can-1.jpg) no-repeat 0 0; display:none; }

#china-local-flavor { position:relative; width:875px; min-height:600px; height:auto !important; height:600px; padding-bottom:1em; margin-top:6px; background:url(../site-assets/performance/china-local-flavor-1a.jpg) no-repeat 0 0; display:none; }
#china-sustainable { position:relative; width:875px; padding-bottom:1em; margin-top:6px; min-height:618px; height:auto !important; height:618px; background:url(../site-assets/performance/china-sustainable-1.jpg) no-repeat 0 0; display:none; }

/* utility iconbar */
#iconbar { height:25px; position:absolute; top:6px; right:0; list-style:none; }
#iconbar li { float:left; position:relative; margin-left:25px; text-align:center; font-size:90%; line-height:90%; }
#iconbar a { text-decoration:none; } 
#iconbar a:hover { background:#fff; text-decoration:none; } /* bg color reqd for ie6 */
#iconbar a.tooltip span { font-weight:bold; display:none; padding:0; }

/* glossary */
a.glossary { position:relative; text-decoration:none; border-bottom:2px dotted #f37321; }
a.glossary:hover { background:#fff; text-decoration:none; color:#999; } /* bg color reqd for ie6 */
a.glossary span { font-weight:bold; display:none; padding:1px 6px; margin-left:8px; width:auto; }
a.glossary:hover span { display:block; position:absolute; width:12em; top:0; left:3em; padding:6px 9px; background-color:#003e87; color:#fff; line-height:130%; }

/* main content tags */
#content-wrap h1 { font:normal 200% Georgia, "Times New Roman", Times, serif; color:#003e87; margin:3px 0 9px 0; padding:0 0 5px 0; }
#content-wrap h2 { font:normal 130%/180% Georgia, "Times New Roman", Times, serif; color:#003e87; }
#content-wrap h2.indent { text-indent:1em; }
#content-wrap h3 { font-size:115%; color:#000; }
#content-wrap h4 { font-size:100%; line-height:160%; color:#003e87; }
#content-wrap h4.blue-caps,
#content-wrap h4.blue-caps-hide { text-transform:uppercase; letter-spacing:0.1em; margin-bottom:12px; }
#content-wrap h4.blue-caps-nospace { text-transform:uppercase; letter-spacing:0.1em; margin-bottom:0; }
#content-wrap p { line-height:160%; margin:0; text-indent:1em; }
#content-wrap p.noindent { text-indent:0; margin-top:12px; }
#content-wrap p.indent { text-indent:1em; }
#content-wrap p.inset { margin-left:1em; text-indent:0; margin-bottom:12px; }
#content-wrap p.corp-info { text-indent:0; margin-bottom:12px; }
#content-wrap ul { margin:12px 0; list-style-type:disc; padding-right:15px; }
#content-wrap ul.indent { margin:0 0 6px 12px; list-style-type:disc; padding-right:15px; }
#content-wrap ul li { padding-left:5px; line-height:160%; margin:3px 0 0 15px; }
#content-wrap ol { margin:0 0 12px 5px; list-style:decimal; padding:0; }
#content-wrap ol li { line-height:160%; margin:6px 0 0 18px; padding:0; }
#content-wrap .caption { width:100%; font-size:90%; font-style:italic; margin:6px 0 12px 0; text-indent:0; }
#content-wrap .caption-roman { width:100%; font-size:90%; margin:6px 0 12px 0; text-indent:0; }

/* columns including flash div for products */
#left-content { float:left; width:660px; margin-top:0px; }
#left-content-perf-charts { float:left; width:660px; margin-top:0px; }
#right-flash { float:right; width:190px; height:580px; background-color:#fff; margin-top:6px; }
#right-sidebar { float:right; width:190px; height:auto; margin-top:6px; }
.left-text-column { float:left; width:280px; margin-right:15px; margin-top:6px; min-height:400px; height:auto !important; height:400px; }
.right-text-column { float:right; width:275px; margin-top:6px; min-height:400px; height:auto !important; height:400px; }
.left-acknowledge-column { float:left; width:560px; margin-right:15px; margin-top:6px; min-height:400px; height:auto !important; height:400px; }

/* feature storybox and walker flash bar */
#story-box { position:absolute; top:35px; right:0; width:450px; height:600px; margin:0; padding:0; z-index:100; }
#gatorade-box { position:absolute; top:35px; right:0; width:450px; height:600px; margin:0; padding:0; z-index:100; background:url(../site-assets/performance/n-america-gatorade-2-trans.png) no-repeat 0 0; }
#walker-box { position:absolute; top:160px; left:0; width:580px; height:130px; margin:0; padding:0; z-index:100; }

/* footer */
#footer-wrap { clear:both; height:4em; width:945px; border-top:1px solid #a3a5a8; }



/*---------------------------------------------
 NAVIGATION
----------------------------------------------- */

/* primary navigation */
#nav { float:left; width:945px; height:20px; position:relative; border-bottom:2px solid #a3a5a8; }
#nav ul { list-style:none; background:url(../site-assets/nav/nav.gif) no-repeat; width:875px; height:20px; margin-left:35px; position:relative; text-indent:-9999px; overflow:hidden; }
#nav li { margin:0; padding:0; float:left; }
#nav li a { position:absolute; display:block; background:url(../site-assets/nav/nav.gif) no-repeat; height:20px; }

li#nav-home a { width: 45px;  left: 0;   background-position:   0   0; }
li#nav-high a { width:151px; left:45px;  background-position: -45px 0; }
li#nav-lett a { width:171px; left:196px; background-position:-196px 0; }
li#nav-perf a { width:192px; left:367px; background-position:-367px 0; }
li#nav-fina a { width:159px; left:559px; background-position:-559px 0; }
li#nav-corp a { width:157px; left:718px; background-position:-718px 0; }

li#nav-home a:hover { background-position:   0   -20px; }
li#nav-high a:hover { background-position: -45px -20px; }
li#nav-lett a:hover { background-position:-196px -20px; }
li#nav-perf a:hover { background-position:-367px -20px; }
li#nav-fina a:hover { background-position:-559px -20px; }
li#nav-corp a:hover { background-position:-718px -20px; }

li#nav-home a.current { background-position:  0    -40px; }
li#nav-high a.current { background-position:-45px  -40px; }
li#nav-lett a.current { background-position:-196px -40px; }
li#nav-perf a.current { background-position:-367px -40px; }
li#nav-fina a.current { background-position:-559px -40px; }
li#nav-corp a.current { background-position:-718px -40px; }

/* sub navigation dropdowns */
#subnav { float:left; position:relative; margin:6px 0 8px 35px; padding:0; width:660px; height:auto; display:inline; background-image:url(../site-assets/nav/subnav-bg.jpg); background-repeat:repeat-x; z-index:300; }
#dropmenu, 
#dropmenu ul { margin:0; padding:0; list-style-type:none; position:relative; z-index:300; }
#dropmenu { margin:0; padding:0; width:660px; }
#dropmenu a { display:block; padding:0 9px; padding-top:10px; /* centers menu text */ width:auto; height:28px;  color:#004491; text-decoration:none; float:left; background:url(../site-assets/nav/subnav-bg.jpg) repeat-x; /* subnav bkgrd */ }
#dropmenu li { float:left; position:relative; }

#dropmenu-two-line, 
#dropmenu-two-line ul { margin:0;  padding:0; list-style-type:none; position:relative; z-index:300; }
#dropmenu-two-line { margin:0; padding:0; width:660px; }
#dropmenu-two-line a { display:block; line-height:110%; padding:0 9px; padding-top:6px; /* centers menu text */ width:auto; height:32px; color:#004491; text-decoration:none; float:left; background:url(../site-assets/nav/subnav-bg.jpg) repeat-x; }
#dropmenu-two-line a.one-line { padding-top:10px; width:auto; height:28px; line-height:135%; }
#dropmenu-two-line li { float:left; position:relative; }

#dropmenu ul { padding-bottom:7px; display:none; position:absolute; top:38px;  left:0; width:192px; background-color:#f3f8fe; z-index:600; }
#dropmenu ul li { width:100%; }
#dropmenu li ul a { margin:0; padding:2px 0 4px 10px; /* centers dropdown text */ height:15px; float:none; background:#f3f8fe; /* dropdown bkgrd color */ z-index:600; }
#dropmenu li ul a:hover { background:#dbeff8; /* dropdown hover */ }
#dropmenu li ul a.selected { background:#b8dff1; font-weight:bold; /* dropdown selected */ }
#dropmenu li:hover ul { display:block; z-index:600; }
.clr { clear:both; }

/* book pager */
#page-wrap .pager { font-size:100%; float:right; position:relative; width:200px; height:auto; display:inline; margin:18px 35px 0 0; text-align:right; }
#page-wrap .pager a { text-decoration:none; }

/* brand link to home page */
#page-header ul.brand { float:left; list-style:none; margin:12px 0 0 0; border:none; }
#page-header ul.brand li { margin:0; }
#page-header ul.brand li a { display:block; width:200px; height:60px; text-decoration:none; }



/*---------------------------------------------
 TYPE TREATMENTS
----------------------------------------------- */

/* tags */
p { padding:0; margin:0 0 12px 0; }

/* color and weight */
.boldtype { font-weight:bold; }
.boldbluetype { font-weight:bold; color:#003e87; }
.normalweight { font-weight:normal; }
.whitetype { color:#fff; }
.lettersubhead { font-size:115%; color:#000; }
.finHighSubhead { font-size:115%; color:#000; font-weight: bold; line-height: 1em; }
.finHighItalic { font-size: 115%; font-style: italic; color:#000; line-height: 1.2em; }


/*---------------------------------------------
 SPECIAL ITEMS
----------------------------------------------- */

/* links */
a, a:visited { color:#666; text-decoration:underline; }
a:hover { color:#dadada; text-decoration:none; }
#content-wrap p.footnoteNoIndent a, 
#content-wrap p.footnoteNoIndent a:visited { color: #0082d1; text-decoration: underline; }
#content-wrap p.footnoteNoIndent a:hover { color: #0082d1; text-decoration: none; }
#content-wrap p.footnoteRightTop a, 
#content-wrap p.footnoteRightTop a:visited { color: #0082d1; text-decoration: underline; }
#content-wrap p.footnoteRightTop a:hover { color: #0082d1; text-decoration: none; }
#financial-wrap-wide p.footnoteNoIndent a, 
#financial-wrap-wide p.footnoteNoIndent a:visited { color: #0082d1; text-decoration: underline; }
#financial-wrap-wide p.footnoteNoIndent a:hover { color: #0082d1; text-decoration: none; }

/* jquery background image crossfades */
#feature-wrap ul, #n-america-csd ul, #latin-america-brazil ul, #europe-russia ul, #india-energy ul, #china-local-flavor ul { margin-top: 0; margin-left: 0; margin-bottom: 0; }
ul#transition li { list-style-type:none; margin: 0; padding:0; }
ul#transition img { border:none; margin: 0; padding:0; }
#feature-wrap ul#transitionFootnote, #n-america-csd ul#transitionFootnote, #latin-america-brazil ul#transitionFootnote, #europe-russia ul#transitionFootnote, #india-energy ul#transitionFootnote, #china-local-flavor ul#transitionFootnote { list-style-type: none; margin-top: 6px; margin-left: 0; padding: 0; text-indent: 0; }
#feature-wrap ul#transitionFootnote li, #n-america-csd ul#transitionFootnote li, #latin-america-brazil ul#transitionFootnote li, #europe-russia ul#transitionFootnote li, #india-energy ul#transitionFootnote li, #china-local-flavor ul#transitionFootnote li { line-height:140%; list-style-type: none; margin: 0; padding: 0; width:400px; font-style:italic; font-size:90%; }

/* product link button -- based on http://www.dynamicdrive.com/style/csslibrary/item/css_oval_buttons/P20/ -- thanks! */
#product-link-tab { position:absolute; top:400px; left:25px; height:130px; width:300px; z-index:100; }
.tab-wrap { position:absolute; bottom:0; left:0; overflow: hidden; width:100%; }
a.external-link-tab { background: transparent url('../site-assets/graphics/external-link-tab-left.gif') no-repeat bottom left; display:block; float:left; font-size:12px; line-height:16px; height:24px; padding-left:11px; text-decoration: underline; }
a:link.external-link-tab, a:visited.external-link-tab, a:active.external-link-tab { color:#fff; font-weight:bold; }
a.external-link-tab span { background: transparent url('../site-assets/graphics/external-link-tab-right.gif') no-repeat bottom right; display:block; padding:4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/ }
a.external-link-tab:hover { background-position:top left; }
a.external-link-tab:hover span { background-position:top right; color:#555; }
#feature-caption { position:absolute; top:536px; left:0; width:400px; font-style:italic; font-size:90%; z-index:100; }

/* diversity table */
#diversity { float:left; width:870px; margin:12px 0; }
.diversity-header { color:#d0d6e8; font-weight:bold; line-height:100%; padding:6px 12px; text-align:right; }
.diversity-category { font-weight:normal; color:#000; line-height:120%; padding:9px 12px; }
.diversity-figures { font-weight:normal; color:#000; line-height:120%; text-align:right; padding:9px 12px; }
.diversity-footnote { font-weight:normal; color:#000; line-height:160%; padding:9px 12px; }
.header-row { background-color:#003e87; vertical-align:top; }
.row-a { background-color:#adb9d7; vertical-align:middle; }
.row-b { background-color:#d0d6e8; vertical-align:middle; }
.row-c { border-top:2px solid #003e87; background-color:#e2e6f1; color:#000; vertical-align:top; }
.row-d { background-color:#989dc7; }

/* alignment classes */
.float-left { float:left; }
.float-right { float:right; }

option.divider { font-weight:bold; color:#003e87; background-color:#dbeff8; }
option.selected { font-weight:bold; color:#fff; background-color:#003e87; }