/* 
	stylesheet for Smart Spot - Pepsico
	Tribal DDB - Sean Calder
	November 2004
	
** START : basic html elements **
*/

html {
	background-image: url(../images/bg_gradient.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #C0CAD7;
	height: 100%; 
}

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: 7px;
	font-weight: bold;
}

ul {
	padding: 0;
	margin: -4px 0 0 17px;
}

li.bullets {
	margin: 4px 0 4px -4px;
	list-style-image: url(../images/bullet_list.gif);
}

li.bullets ul li {
	margin: 4px 0 4px -4px;
	list-style-image: url(../images/bullet_list_small.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/bg_body.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: 4px 35px 0 1px;
	/* margin: 0 35px 0 190px; */
	padding-top: 27px;
	border: 0;	
}
table.innerContentProducts2 {
	width: 519px;
	margin: 4px 0 0 1px;
	/* margin: 0 35px 0 190px; */
	border: 0;	
}

table.innerContentProducts {
	width: 519px;
	margin: 4px 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;
}

td.rightSpace {
	width: 146px;
	text-align: right;
}

td.rightSpace img.splash {
	margin: 12px 0 4px 0;
}

/*td.rightSpace img.button {
	margin: 7px 0 0 0;
}*/

.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;
	left: 0;
	width: 749px;
	height: 145px;
	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 */

#contentDiscover {
	position: relative;
	top: 0;
	width: 749px;
	min-height: 309px;
	background: #FFF url(../images/bg_dad.jpg) 0 0 no-repeat;
	margin: 0;
	/* border-top: 1px solid #330000; */
}

#contentNews {
	position: relative;
	top: 0;
	width: 749px;
	min-height: 309px;
	background: #FFF url(../images/bg_ski.jpg) 0 0 no-repeat;
	margin: 0;
}

#contentSmart {
	position: relative;
	top: 0;
	width: 749px;
	min-height: 309px;
	background: #FFF url(../images/bg_golf.jpg) 0 0 no-repeat;
	margin: 0;
}

#contentSmartS {
	position: relative;
	top: 0;
	width: 749px;
	min-height: 309px;
	background: #FFF url(../images/bg_snack.jpg) 0 0 no-repeat;
	margin: 0;
}

#contentSmartM {
	position: relative;
	top: 0;
	width: 749px;
	min-height: 309px;
	background: #FFF url(../images/bg_skate.jpg) 0 0 no-repeat;
	margin: 0;
}

#contentSmartA {
	position: relative;
	top: 0;
	width: 749px;
	min-height: 309px;
	background: #FFF url(../images/bg_slice.jpg) 0 0 no-repeat;
	margin: 0;
}

#contentSmartR {
	position: relative;
	top: 0;
	width: 749px;
	min-height: 309px;
	background: #FFF url(../images/bg_flowers.jpg) 0 0 no-repeat;
	margin: 0;
}

#contentSmartT {
	position: relative;
	top: 0;
	width: 749px;
	min-height: 309px;
	background: #FFF url(../images/bg_cook.jpg) 0 0 no-repeat;
	margin: 0;
}

.separator {
	background: url(../images/separator.gif) left repeat-x;
	height: 20px;
}

#contentUtility {
	position: relative;
	top: 0;
	width: 749px;
	min-height: 309px;
	background: #FFF url(../images/bg_beach.jpg) 0 0 no-repeat;
	margin: 0;
}

#contentNutri {
	position: relative;
	top: 0;
	width: 749px;
	min-height: 309px;
	background: #FFF url(../images/bg_golf_plain.jpg) 0 0 no-repeat;
	margin: 0;
}

#contentNutriGuide {
	position: relative;
	top: 0;
	width: 749px;
	min-height: 309px;
	background: #FFF url(../images/bg_soccer_nutri.jpg) 0 0 no-repeat;
	margin: 0;
}

#contentNutriGuideFr {
	position: relative;
	top: 0;
	width: 749px;
	min-height: 309px;
	background: #FFF url(../images/bg_soccer_nutri_fr.jpg) 0 0 no-repeat;
	margin: 0;
}

#contentActive {
	position: relative;
	top: 0;
	width: 749px;
	min-height: 309px;
	background: url(../images/bg_kite_plain.jpg) 0 0 no-repeat;
	margin: 0;
}

#contentActiveEveryday {
	position: relative;
	top: 0;
	width: 749px;
	min-height: 309px;
	background: #FFF url(../images/bg_kite_active.jpg) 0 0 no-repeat;
	margin: 0;
}

#contentActiveIdeas {
	position: relative;
	top: 0;
	width: 749px;
	min-height: 309px;
	background: #FFF url(../images/bg_boys_active.jpg) 0 0 no-repeat;
	margin: 0;
}

#contentActiveIdeasFr {
	position: relative;
	top: 0;
	width: 749px;
	min-height: 309px;
	background: #FFF url(../images/bg_boys_active_fr.jpg) 0 0 no-repeat;
	margin: 0;
}

#contentFoods {
	position: relative;
	top: 0;
	width: 749px;
	min-height: 309px;
	background: #FFF url(../images/bg_watermelon.jpg) 0 0 no-repeat;
	margin: 0;
}

#contentKidsNutri {
	position: relative;
	top: 0;
	width: 749px;
	min-height: 309px;
	background: #FFF url(../images/bg_wrestle.jpg) 0 0 no-repeat;
	margin: 0;
}

#contentProductBev {
	position: relative;
	width: 749px;
	min-height: 309px;
	background: #FFF url(../images/bg_run.jpg) 0 0 no-repeat;
	margin: 0;
}

#contentProductList {
	position: relative;
	width: 749px;
	min-height: 309px;
	background: #FFF url(../images/bg_boys.jpg) 0 0 no-repeat;
	margin: 0;
}

#contentPro {
	position: relative;
	top: 0;
	width: 749px;
	min-height: 309px;
	background: #FFF url(../images/bg_pro.jpg) 0 0 no-repeat;
	margin: 0;
}

#toolsMenu {
	position: absolute;
	z-index: 1000;
	right: 38px;
	top: 4px;
}

/* SMART section */
div#smartImages img {
	margin: 0 0 0 0;
}

#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;
}