/*
Author: Tribal DDB Chicago
Developer: R Pryor, D Scott Boyce
Client: Gatorade
*/

/* hydration landing page */

.hydration #flash_wrapper {
	height:400px;
}

/* dehydration landing page */

.dehydration #flash_wrapper {
	height:400px;
}

/* gatorade vs. dehydration landing page */

.gatorade_vs_dehydration #flash_wrapper {
	height:400px;
}

/* peak performance tools landing page */

.peak_performance_tools #flash_wrapper {
	height:400px;
}

/* hydration splash page content area */

#hydr_top {
	width:940px;
	height:323px;
	background:transparent url("../images/hydration/bg_hydration_main.gif") no-repeat 0 0;
	margin:0;
	padding:0;
}
/* Gameplan Header */
#header_tr {
	height:29px;
	overflow:hidden;
	position:absolute; z-index:1;
	bottom:318px; right:35px;
	border:0;
}


/* copy styles hydration content */
.hydration #flash_wrapper h1 {
	width:886px; height:29px;
	overflow:hidden;
	position:absolute; z-index:1;
	bottom:324px; left:34px;
	border:0;
	font-size:1.5em;
	color:#d2e92c;
}

.hydration #flash_wrapper h2 {
	margin:0 0 .5em 0;
	text-transform:uppercase;
}
.hydration #flash_wrapper p {
	color:#fff;
	font-size: 9pt;
	line-height: 11pt;
}
.hydration #flash_wrapper h3 {
	font-size:1.1em;
	color:#fff;
	font-weight: bold;
}

#footnote {
	font-size:7pt;
	color:#666666;
	font-style: italic;
	padding-top: 10px;
}

#footnote_box {
	padding-top: 10px;
	position:relative; z-index:1;
	width:300px;
	overflow:auto;
	float:left;
}

.footnote_2 {
	font-size:7pt;
	color:#666666;
	font-style: italic;
	padding-top: 10px;
}

.reference {
	color:#666666;
}

/*
.hydration #callout {
	font-size:8pt;
	color:#fff;
	font-weight: bold;
	margin:0 0 .5em 0;
	text-transform:uppercase;
	padding-left: 7px;
	background:transparent url('../images/hydration/bg_bullet_r.gif') no-repeat 0 3px;
	text-decoration: none;
}
*/

.hydration #callout {
	color:#fff;
	font-weight: bold;
	font-size:8pt;
	margin:0 0 .5em 0;
	text-transform:uppercase;
	padding-left: 7px;
	background:transparent url("../images/hydration/bg_bullet_r.gif") no-repeat 0 3px;
}
.hydration #callout a, .hydration #callout a:visited, .hydration #callout a:active {
	color:#fff;
	font-weight: bold;
	text-decoration: none;
}
.hydration #callout a:hover {
	color:#d2e92c;
	text-decoration: none;
}


#list_1 li {
	text-decoration:none;
	color:#fff;
	font-size: 9pt;
	line-height: 11pt;
}

/*
.gameplan_01 {
background:transparent url('../images/hydration/bg_gameplan_01.jpg') no-repeat right 53px;
}
*/

/* dehydration bottom nav */

#dehy_botnav {
	margin:0; padding:0;
	position:relative; z-index:1;
	width:940px; height:78px;
	overflow:hidden;
	background:transparent url("../images/hydration/spr_dehy_main.jpg") no-repeat 0 0;
	list-style:none;
}
#dehy_botnav li {
	margin:0; padding:0;
	list-style:none;
}
#dehy_botnav li span {
	position:absolute; left:-9999em; /* hide the text */
	height:0; width:0; overflow:hidden; /* opera needs a little extra convincing */
}
#dehy_botnav li,
#dehy_botnav a {
	display:block;
	height:78px;
	position:absolute;
	top:0;
	background:transparent url("../images/hydration/spr_dehy_main.jpg") no-repeat 0 0;
	text-decoration:none;
}
#dehy_botnav_1 a {
	left:0;
	width:235px;
	background-position:0 0;
}
#dehy_botnav_2 a {
	left:236px;
	width:235px;
	background-position:-236px 0;
}
#dehy_botnav_3 a {
	left:471px;
	width:235px;
	background-position:-471px 0;
}
#dehy_botnav_4 a {
	left:706px;
	width:235px;
	background-position:-706px 0;
}
#dehy_botnav_1 a:hover {
	background-position:0 -78px;
}
#dehy_botnav_2 a:hover {
	background-position:-236px -78px;
}
#dehy_botnav_3 a:hover {
	background-position:-471px -78px;
}
#dehy_botnav_4 a:hover {
	background-position:-706px -78px;
}

#dehy_botnav_1 a.selected {
	background-position:0 -156px;
}
#dehy_botnav_2 a.selected {
	background-position:-236px -156px;
}
#dehy_botnav_3 a.selected {
	background-position:-471px -156px;
}
#dehy_botnav_4 a.selected {
	background-position:-706px -156px;
}


/* ****** Dehydration : What Is Dehydration ****** */

#whatis_dehy_content {
	width:886px;
	height:242px;
	overflow:hidden;
	position:relative;
	z-index:1;
	left:17px;
	top:29px;
	padding:53px 0 0 20px;
	border:0;
	background:transparent url("../images/hydration/bg_dehy_whatis.jpg") no-repeat right 53px;
	float:left;
}

#whatis_dehy_copy {
	position:relative; z-index:2;
	width:400px; height:210px;
	overflow:hidden;
	padding-top: 16px;
	float:left;
}

/* END ****** Dehydration : What Is Dehydration ****** */

/* ****** Dehydration : What Is Dehydration ****** */

#dehy_warningsigns_content {
	width:886px;
	height:242px;
	overflow:hidden;
	position:relative;
	z-index:1;
	left:17px;
	top:29px;
	padding:53px 0 0 20px;
	border:0;
	background:transparent url("../images/hydration/bg_dehy_warningsigns.jpg") no-repeat right 53px;
	float:left;
}

#dehy_warningsigns_copy {
	position:relative; z-index:2;
	width:400px; height:210px;
	overflow:hidden;
	padding-top: 16px;
	float:left;
}

/* END ****** Dehydration : What Is Dehydration ****** */


/* hydration 3.1.3 full content area */

#dehydration_content {
	width:886px; height:242px;
	overflow:hidden;
	position:relative; z-index:1;
	left:17px; top:29px;
	padding:53px 0 0 20px;
	border:0;
	background:transparent url("../images/hydration/bg_dehy_factors.jpg") no-repeat right 53px;
}

/* ****** CLASSES for Background Images ****** */

.dehy_warningsigns {
background:transparent url("../images/hydration/bg_dehy_warningsigns.jpg") no-repeat right 53px;
}
.dehy_whatis {
background:transparent url("../images/hydration/bg_dehy_whatis.jpg") no-repeat right 53px;
}

.factors_01 {
background:transparent url("../images/hydration/bg_factors_01.jpg") no-repeat right 53px;
}

.gameplan_01 {
background:transparent url("../images/hydration/bg_gameplan_01.jpg") no-repeat right 53px;
}
.gameplan_02 {
background:transparent url("../images/hydration/bg_gameplan_02.jpg") no-repeat right 53px;
}
.gameplan_03 {
background:transparent url("../images/hydration/bg_gameplan_03.jpg") no-repeat right 53px;
}
.gameplan_04 {
background:transparent url("../images/hydration/bg_gameplan_04.jpg") no-repeat right 53px;
}

/* END ****** CLASSES for Background Images ****** */


/* hydration 3.1.3 copy */
#dehydration_copy {
	position:relative; z-index:2;
	width:340px; height:210px;
	overflow:hidden;
	float:left;
	padding:16px;
	background:transparent url("../images/hydration/content_line_vert.gif") no-repeat 0 0;
}

/* ****** Hydration : Dehydration : Dehydration Factors sidenav ****** */

#dehy_factors_sidenav {
	margin:0; padding:0;
	position:relative; z-index:1;
	width:195px; height:153px;
	overflow:hidden;
	background:transparent url("../images/hydration/spr_dehy_factors.gif") no-repeat 0 0;
	list-style:none;
	float:left;
}
#dehy_factors_sidenav li {
	margin:0; padding:0;
	list-style:none;
}
#dehy_factors_sidenav li span {
	position:absolute; left:-9999em; /* hide the text */
	height:0; width:0; overflow:hidden; /* opera needs a little extra convincing */
}
#dehy_factors_sidenav li,
#dehy_factors_sidenav a {
	display:block;
	width:195px;
	position:absolute;
	top:0;
	background:transparent url("../images/hydration/spr_dehy_factors.gif") no-repeat 0 0;
	text-decoration:none;
}
#dehy_factors_sidenav_1 a {
	top:0;
	height:38px;
	background-position:0 0;
}
#dehy_factors_sidenav_2 a {
	top:39px;
	height:23px;
	background-position:0 -39px;
}
#dehy_factors_sidenav_3 a {
	top:63px;
	height:23px;
	background-position:0 -63px;
}
#dehy_factors_sidenav_4 a {
	top:89px;
	height:23px;
	background-position:0 -89px;
}
#dehy_factors_sidenav_5 a {
	top:112px;
	height:23px;
	background-position:0 -112px;
}


#dehy_factors_sidenav_1 a:hover {
	background-position:-195px 0;
}
#dehy_factors_sidenav_2 a:hover {
	background-position:-195px -39px;
}
#dehy_factors_sidenav_3 a:hover {
	background-position:-195px -63px;
}
#dehy_factors_sidenav_4 a:hover {
	background-position:-195px -89px;
}
#dehy_factors_sidenav_5 a:hover {
	background-position:-195px -112px;
}


#dehy_factors_sidenav_1 a.selected {
	background-position:-390px -0;
}
#dehy_factors_sidenav_2 a.selected {
	background-position:-390px -39px;
}
#dehy_factors_sidenav_3 a.selected {
	background-position:-390px -63px;
}
#dehy_factors_sidenav_4 a.selected {
	background-position:-390px -89px;
}
#dehy_factors_sidenav_5 a.selected {
	background-position:-390px -112px;
}

/* ****** END Hydration : Dehydration : Dehydration Factors sidenav ****** */

/* ****** 3.1.3 Hydration : Dehydration : Negative Impact on Performance sidenav ****** */

#dehy_negimpact_content {
	width:886px; height:242px;
	overflow:hidden;
	position:relative; z-index:1;
	left:17px; top:29px;
	padding:53px 0 0 20px;
	border:0;
	background:transparent url("../images/hydration/bg_dehy_negimapct.jpg") no-repeat right 53px;
}

/* hydration 3.1.3 copy */
#dehy_negimpact_copy {
	position:relative; z-index:2;
	width:400px; height:210px;
	overflow:hidden;
	float:left;
	padding:16px;
	background:transparent url("../images/hydration/content_line_vert.gif") no-repeat 0 0;
}

/* hydration 3.1.3 side nav bar UL*/
#dehy_negimpact_sidenav {
	margin:0; padding:0;
	position:relative;
	z-index:1;
	width:195px;
	height:117px;
	overflow:hidden;
	background:transparent url("../images/hydration/spr_dehy_negimpact.gif") no-repeat 0 0;
	list-style:none;
	float:left;
}
#dehy_negimpact_sidenav li {
	margin:0; padding:0;
	list-style:none;
}
#dehy_negimpact_sidenav li span {
	position:absolute; left:-9999em; /* hide the text */
	height:0; width:0; overflow:hidden; /* opera needs a little extra convincing */
}
#dehy_negimpact_sidenav li,
#dehy_negimpact_sidenav a {
	display:block;
	width:195px;
	position:absolute;
	left:0;
	background:transparent url("../images/hydration/spr_dehy_negimpact.gif") no-repeat 0 0;
	text-decoration:none;
}
#dehy_negimpact_sidenav_1 a {
	top:0;
	height:46px;
	background-position:0 0;
}
#dehy_negimpact_sidenav_2 a {
	top:47px;
	height:39px;
	background-position:0 -47px;
}
#dehy_negimpact_sidenav_3 a {
	top:79px;
	height:39px;
	background-position:0 -79px;
}
#dehy_negimpact_sidenav_1 a:hover {
	background-position:-195px 0px;
}
#dehy_negimpact_sidenav_2 a:hover {
	background-position:-195px -47px;
}
#dehy_negimpact_sidenav_3 a:hover {
	background-position:-195px -79px;
}
#dehy_negimpact_sidenav_1 a.selected {
	background-position:-390px 0px;
}
#dehy_negimpact_sidenav_2 a.selected {
	background-position:-390px -47px;
}
#dehy_negimpact_sidenav_3 a.selected {
	background-position:-390px -79px;
}
/* ****** 3.1.3 Hydration : Dehydration : Negative Impact on Performance sidenav ****** */


/* ********************************************************** */

/* ****** Hydration : Gatorade vs Dehydration ****** */

#gvsd_content {
	width:886px;
	height:242px;
	overflow:hidden;
	position:relative;
	z-index:1;
	left:17px;
	top:29px;
	padding:53px 0 0 20px;
	border:0;
	/* background:transparent url('../images/hydration/bg_gvsdehy.jpg') no-repeat right 53px; */
	float:left;
}

.gvsd_reg {
background:transparent url("../images/hydration/bg_gvsdehy.jpg") no-repeat right 53px;
}

.gvsd_p4 {
background:transparent url("../images/hydration/bg_gvsdehy_p4.jpg") no-repeat right 53px;
}

#gvsd_copy {
	position:relative; z-index:2;
	width:400px; height:210px;
	overflow:auto;
	padding-top: 16px;
	float:left;
}

#gvsd_copy_2 {
	position:relative; z-index:2;
	width:624px; height:210px;
	overflow:auto;
	padding-top: 16px;
	float:left;
}


#gvsd_botnav {
	margin:0; padding:0;
	position:relative; z-index:1;
	width:940px; height:78px;
	overflow:hidden;
	background:transparent url("../images/hydration/spr_gvsd.jpg") no-repeat 0 0;
	list-style:none;
}
#gvsd_botnav li {
	margin:0; padding:0;
	list-style:none;
}
#gvsd_botnav li span {
	position:absolute; left:-9999em; /* hide the text */
	height:0; width:0; overflow:hidden; /* opera needs a little extra convincing */
}
#gvsd_botnav li,
#gvsd_botnav a {
	display:block;
	height:78px;
	position:absolute;
	top:0;
	background:transparent url("../images/hydration/spr_gvsd.jpg") no-repeat 0 0;
	text-decoration:none;
}
#gvsd_botnav_1 a {
	left:0;
	width:235px;
	background-position:0 0;
}
#gvsd_botnav_2 a {
	left:236px;
	width:235px;
	background-position:-236px 0;
}
#gvsd_botnav_3 a {
	left:471px;
	width:235px;
	background-position:-471px 0;
}
#gvsd_botnav_4 a {
	left:706px;
	width:235px;
	background-position:-706px 0;
}
#gvsd_botnav_1 a:hover {
	background-position:0 -78px;
}
#gvsd_botnav_2 a:hover {
	background-position:-236px -78px;
}
#gvsd_botnav_3 a:hover {
	background-position:-471px -78px;
}
#gvsd_botnav_4 a:hover {
	background-position:-706px -78px;
}

#gvsd_botnav_1 a.selected {
	background-position:0 -156px;
}
#gvsd_botnav_2 a.selected {
	background-position:-236px -156px;
}
#gvsd_botnav_3 a.selected {
	background-position:-471px -156px;
}
#gvsd_botnav_4 a.selected {
	background-position:-706px -156px;
}
/* ****** END Hydration : Gatorade vs Dehydration ****** */



/* ********************************************************** */

/* ****** Hydration : Gatorade vs Dehydration ****** */

#hydr_gameplan_content {
	width:886px;
	height:242px;
	overflow:hidden;
	position:relative;
	z-index:1;
	left:17px;
	top:29px;
	padding:53px 0 0 20px;
	border:0;
	/* background:transparent url('../images/hydration/bg_gvsdehy.jpg') no-repeat right 53px; */
	float:left;
}

/* ****** CLASSES for Background Images ****** */

.gameplan_01 {
background:transparent url("../images/hydration/bg_gameplan_01.jpg") no-repeat right 53px;
}
.gameplan_02 {
background:transparent url("../images/hydration/bg_gameplan_02.jpg") no-repeat right 53px;
}
.gameplan_03 {
background:transparent url("../images/hydration/bg_gameplan_03.jpg") no-repeat right 53px;
}
.gameplan_04 {
background:transparent url("../images/hydration/bg_gameplan_04.jpg") no-repeat right 53px;
}

/* END ****** CLASSES for Background Images ****** */



#hydr_gameplan_copy {
	position:relative; z-index:2;
	width:300px; height:210px;
	overflow:auto;
	padding-top: 16px;
	float:left;
}


#pptools_botnav {
	margin:0; padding:0;
	position:relative; z-index:1;
	width:940px; height:78px;
	overflow:hidden;
	background:transparent url("../images/hydration/spr_pptools.jpg") no-repeat 0 0;
	list-style:none;
}
#pptools_botnav li {
	margin:0; padding:0;
	list-style:none;
}
#pptools_botnav li span {
	position:absolute; left:-9999em; /* hide the text */
	height:0; width:0; overflow:hidden; /* opera needs a little extra convincing */
}
#pptools_botnav li,
#pptools_botnav a {
	display:block;
	height:78px;
	position:absolute;
	top:0;
	background:transparent url("../images/hydration/spr_pptools.jpg") no-repeat 0 0;
	text-decoration:none;
}
#pptools_botnav_1 a {
	left:0;
	width:313px;
	background-position:0 0;
}
#pptools_botnav_2 a {
	left:313px;
	width:313px;
	background-position:-313px 0;
}
#pptools_botnav_3 a {
	left:626px;
	width:314px;
	background-position:-626px 0;
}

#pptools_botnav_1 a:hover {
	background-position:0 -78px;
}
#pptools_botnav_2 a:hover {
	background-position:-313px -78px;
}
#pptools_botnav_3 a:hover {
	background-position:-626px -78px;
}


#pptools_botnav_1 a.selected {
	background-position:0 -156px;
}
#pptools_botnav_2 a.selected {
	background-position:-313px -156px;
}
#pptools_botnav_3 a.selected {
	background-position:-626px -156px;
}

/* hydration 3.1.3 side nav */
#hydr_gameplan_sidenav {
	margin:0; padding:0;
	position:relative; z-index:1;
	width:195px; height:190px;
	overflow:hidden;
	background:transparent url("../images/hydration/spr_gameplan.gif") no-repeat 0 0;
	list-style:none;
	float:left;
}
#hydr_gameplan_sidenav li {
	margin:0; padding:0;
	list-style:none;
}
#hydr_gameplan_sidenav li span {
	position:absolute; left:-9999em; /* hide the text */
	height:0; width:0; overflow:hidden; /* opera needs a little extra convincing */
}
#hydr_gameplan_sidenav li,
#hydr_gameplan_sidenav a {
	display:block;
	width:195px;
	position:absolute;
	top:0;
	background:transparent url("../images/hydration/spr_gameplan.gif") no-repeat 0 0;
	text-decoration:none;
}
#hydr_gameplan_sidenav_1 a {
	top:0;
	height:50px;
	background-position:0 0;
}
#hydr_gameplan_sidenav_2 a {
	top:51px;
	height:36px;
	background-position:0 -51px;
}
#hydr_gameplan_sidenav_3 a {
	top:87px;
	height:49px;
	background-position:0 -87px;
}
#hydr_gameplan_sidenav_4 a {
	top:136px;
	height:55px;
	background-position:0 -136px;
}

#hydr_gameplan_sidenav_1 a:hover {
	background-position:-195px 0;
}
#hydr_gameplan_sidenav_2 a:hover {
	background-position:-195px -51px;
}
#hydr_gameplan_sidenav_3 a:hover {
	background-position:-195px -87px;
}
#hydr_gameplan_sidenav_4 a:hover {
	background-position:-195px -136px;
}

#hydr_gameplan_sidenav_1 a.selected {
	background-position:-390px -0;
}
#hydr_gameplan_sidenav_2 a.selected {
	background-position:-390px -51px;
}
#hydr_gameplan_sidenav_3 a.selected {
	background-position:-390px -87px;
}
#hydr_gameplan_sidenav_4 a.selected {
	background-position:-390px -136px;
}
/* ****** END Hydration : Gatorade vs Dehydration ****** */



/* ****** Hydration : PP Tools : Fluid Loss Calculator ****** */

#hydr_flc {
	width:870px;
	height:230px;
	overflow:hidden;
	position:relative;
	z-index:1;
	left:12px;
	top:29px;
	padding:53px 0 0 20px;
	border:0;
	/* background:transparent url('../images/hydration/bg_gvsdehy.jpg') no-repeat right 53px; */
	float:left;
}

/* END ****** Hydration : PP Tools : Fluid Loss Calculator ****** */