/* stylesheet for Smart Spot - Pepsico Tribal DDB - Sean Calder November 2004 ** START : basic html elements ** */ html, td, p { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #333; } body { text-align: center; height: 100%; margin: 0; padding: 0; vertical-align: top; margin-top: 0; } img { border: 0; } h1 { font-size: 10px; font-weight: bold; color: #003172; margin: 0; } h2 { font-size: 11px; font-weight: bold; margin: 0 0 -7px 0; color: #333; } sup { font-size: 9px; } ul { padding: 0; margin: -4px 0 0 17px; } li.bullets { margin: 4px 0 4px -4px; list-style-image: url(../images/bullet_list.gif); } li.prod { margin: 4px 0 4px -5px; list-style: none; list-style-image: none; background-image: url(../images/bullet_prod.jpg); background-position: top left; background-repeat: no-repeat; padding-left: 21px; } li.numList { margin: 7px 0 7px 0; } a:Link, a:Active, a:Visited { color: #333; } a:Hover { color: #1C9E45; text-decoration: none; } a.subNav:Link, a.subNav:Active, a.subNav:Visited { color: #003172; font-weight: bold; text-decoration: none; } a.subNav:Hover { color: #1C9E45; font-weight: bold; text-decoration: none; } a.subNavOn:Link, a.subNavOn:Active, a.subNavOn:Visited, a.subNavOn:Hover { color: #1C9E45; font-weight: bold; text-decoration: none; } p.capsule { margin: 7px; color: #333; font-size: 11px; } p.capsuleWhite { margin: 10px; color: #FFF; font-size: 11px; } b.error { color: #F00; } input.promo, select.promo { font-family: verdana, sans-serif; } /* END : basic html elements */ table.innerContainer { position: relative; top: 0; width: 749px; height: 100%; background-image: url(/images/vague_18.jpg); background-position: bottom; background-repeat: repeat-x; background-color: #FFF; margin-left: auto; margin-right: auto; padding: 0; } table.inner100 { width: 100%; border: 0; } table.innerContent { width: 407px; margin: 30px 35px 30px 275px; border: 0; } table.innerContentProducts1 { width: 709px; margin: 0 35px 0 1px; /* margin: 0 35px 0 190px; */ border: 0; } table.innerContentProducts2 { width: 519px; margin: 0 0 0 1px; /* margin: 0 35px 0 190px; */ border: 0; } table.innerContentProducts { width: 519px; margin: 0 35px 0 190px; border: 0; } table.nutritionTable { margin: 15px 15px 15px 0; border: 0; } table.nutriClaimsTable { width: 100%; border: 1px solid #003172; } table.prodBox { background-color: #D7EBD5; border: 0; width: 349px; } .promo { font-size: 12px; } .disclaimer { font-size: 9px; } .prodTop { background-image: url(../images/bg_prod_detail_top.gif); background-repeat: repeat-x; width: 337px; height: 4px; } .prodBtm { background-image: url(../images/bg_prod_detail_btm.gif); background-repeat: repeat-x; width: 337px; height: 4px; } .marginRight15 { margin-right: 15px; } .tableNutrition { margin: 10px 0 10px 0; width: 75%; border: 0; } .varieties { margin: 10px 15px 10px 15px; } /* START : page IDs : the structure */ #bodyContainer { width: 763px; height: 100%; border-right: 1px solid #B4C0CF; border-left: 1px solid #B4C0CF; margin-left: auto; margin-right: auto; padding: 0; vertical-align: top; } #popBodyContainer { width: 100%; height: 100%; margin-left: auto; margin-right: auto; padding: 0; text-align: center; vertical-align: top; } #flashContainer { position: relative; top: 0; width: 749px; height: 144px; margin: 0; } #flashContainerHome { position: relative; top: 0; width: 749px; /* height: 423px; */ height: auto; margin: 0; } #homeBBall { position: relative; width: 749px; height: 279px; top: 0; background-image: url(../images/bg_home_bball.jpg); background-position: top; margin: 0; padding: 0; } #homeBBall a:Link, #homeBBall a:Active, #homeBBall a:Visited { color: #FFF; } #homeBBall a:Hover { color: #FFF; text-decoration: none; } #homeText { position: relative; width: 749px; vertical-align: top; height: auto; margin: 0; padding: 0; background-color: #FFF; } #homeNews { margin: 0 0 30px 24px; width: 315px; height: auto; border-left: 1px dotted #787771; } #homeRight { margin: 0 0 30px 24px; width: 345px; height: auto; border-left: 1px dotted #787771; } #footer { position: relative; width: 749px; height: 46px; margin: 0; padding: 0; top: 0; background-image: url(../images/bg_footer_whole.jpg); background-repeat: no-repeat; } #footerLeft { position: absolute; left: 25px; top: 6px; } #footerRight { position: absolute; right: 30px; top: 14px; } #footerBtm { position: relative; width: 749px; height: 21px; margin: 10px 0 0 0; padding: 0; top: 0; text-align: right; } #footerBtmFr { position: relative; width: 749px; height: 21px; margin: 10px 0 0 0; padding: 0; top: 0; text-align: right; } #nutritionInfo { border-right: 1px dotted #787771; } /* START : home page text */ #homeTextLeft { position: absolute; left: 81px; top: 37px; width: 222px; height: auto; color: #FFF; } #homeTxtHiLite { position: absolute; right: 22px; top: 177px; width: 363px; height: 78px; } /* END : home page text */ /* START: smart tips DIVs */ /* #contentTips { position: absolute; left: 1px; top: 290px; width: 182px; } */ #tip { width: 182px; margin: 0; border: 0; background-image: url(../images/bg_tips.gif); background-repeat: repeat-y; } #tipText { margin: 0 16px 0 16px; } #tipBtm { width: 182px; height: 7px; margin: 0 0 10px 0; } /* END: smart tips DIVs */ #contentHow { position: relative; top: 0; width: 749px; min-height: 309px; background-image: url(../images/bg_kite.jpg); background-position: top left; background-repeat: no-repeat; background-color: #FFF; margin: 0; /* border-top: 1px solid #330000; */ } #contentCommitment { position: relative; top: 0; width: 749px; min-height: 309px; background-image: url(../images/bg_golf.jpg); background-position: top left; background-repeat: no-repeat; background-color: #FFF; margin: 0; } #contentNews { position: relative; top: 0; width: 749px; min-height: 309px; background-image: url(../images/bg_volleyball.jpg); background-position: top left; background-repeat: no-repeat; background-color: #FFF; margin: 0; } #contentNutri { position: relative; top: 0; width: 749px; min-height: 309px; background-image: url(../images/bg_golf_plain.jpg); background-position: top left; background-repeat: no-repeat; background-color: #FFF; margin: 0; } #contentNutriGuide { position: relative; top: 0; width: 749px; min-height: 309px; background-image: url(../images/bg_soccer_nutri.jpg); background-position: top left; background-repeat: no-repeat; background-color: #FFF; margin: 0; } #contentNutriGuideFr { position: relative; top: 0; width: 749px; min-height: 309px; background-image: url(../images/bg_soccer_nutri_fr.jpg); background-position: top left; background-repeat: no-repeat; background-color: #FFF; margin: 0; } #contentActive { position: relative; top: 0; width: 749px; min-height: 309px; background-image: url(../images/bg_kite_plain.jpg); background-position: top left; background-repeat: no-repeat; background-color: #FFF; margin: 0; } #contentActiveEveryday { position: relative; top: 0; width: 749px; min-height: 309px; background-image: url(../images/bg_kite_active.jpg); background-position: top left; background-repeat: no-repeat; background-color: #FFF; margin: 0; } #contentActiveIdeas { position: relative; top: 0; width: 749px; min-height: 309px; background-image: url(../images/bg_boys_active.jpg); background-position: top left; background-repeat: no-repeat; background-color: #FFF; margin: 0; } #contentActiveIdeasFr { position: relative; top: 0; width: 749px; min-height: 309px; background-image: url(../images/bg_boys_active_fr.jpg); background-position: top left; background-repeat: no-repeat; background-color: #FFF; margin: 0; } #contentFoods { position: relative; top: 0; width: 749px; min-height: 309px; background-image: url(../images/bg_golf_foods.jpg); background-position: top left; background-repeat: no-repeat; background-color: #FFF; margin: 0; } #contentKidsNutri { position: relative; top: 0; width: 749px; min-height: 309px; background-image: url(../images/bg_hoola.jpg); background-position: top left; background-repeat: no-repeat; background-color: #FFF; margin: 0; } #contentProductBev { position: relative; width: 749px; min-height: 309px; background-color: #FFF; } #contentBBall { position: relative; width: 749px; min-height: 309px; background-image: url(../images/bg_bball.jpg); background-position: top left; background-repeat: no-repeat; background-color: #FFF; } #contentProductList { position: relative; width: 749px; min-height: 309px; background-image: url(../images/bg_boys.jpg); background-position: top left; background-repeat: no-repeat; background-color: #FFF; } #productSummary { margin-left: 85px; } #closeText { margin-right: 15px; margin-top: 7px; } #closeText a { text-decoration: none; } .contactformtitle { color: #1B5AA9; } .contactformfield { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; } /* END : page IDs : the structure */ .bmiactive { color: #1C9E45; font-weight: bold; }