body, html {
	background: #ffffcc;
	margin: 0;
	padding: 0px 0 0 0;
	height: 100%;
}

.upcase {
	text-transform: uppercase;
}

.bold {
	font-weight: bold;
}
#newglobal {
	width: 998px;
	position: relative;	
	padding-left: 143px;
	margin: auto;
	margin-top: 1px;
	
}
#global {
	position: relative;
	width: 1006px;
	margin: auto;
	padding: 0;
	margin-top: 24px;
}
#global2 {

	width: 998px;
	padding: 0;
	position: relative;	
	top: 1px;
	left:9px;
}
.homepage {
	height: 667px;
	background: url(../images/global_bg.jpg) no-repeat center top;	
}

.aboutuspage {
	height: 899px;
	background: url(../images/about_bg.jpg) no-repeat center top;
}

.electropage{
	height: 667px;
	background: url(../images/electro_bg.jpg) no-repeat center top;
}

.contactuspage{
	height: 667px;
	background: url(../images/contact_bg.jpg) no-repeat center top;
}

.dehydrapage {
	height: 765px;
	background: url(../images/dehydra_bg.jpg) no-repeat center top;
}

.funpage {
	height: 667px;
	background: url(../images/fungames_bg_p.jpg) no-repeat center top;
}
.newshoppage {
	height: 1000px;
	background: url(../images/long_background.gif) no-repeat center top;
	
}
.newshoppage2 {
	height: 1000px;
	background: url(../images/newlong_background.gif) no-repeat center top;
	
}
.shoppage {
	height: 667px;
	background: url(../images/shop_bg_p.jpg) no-repeat center top;
}
.shoppage2 {
	height: 1000px;
	background-position:center top;
	background-image: url(../images/long_background.gif);
	background-repeat: no-repeat;
}

.shoppage3 {
	height: 667px;
	background: url(../images/shop_bg.jpg) no-repeat center top;
	border:thin;
	
}

.top_left{
height:46px;
background: url(../images/top_left.jpg) no-repeat center top;
}

.top_right{
height:46px;
background: url(../images/top_right.jpg) no-repeat center top;
}
.top_middle{
height:46px;
background: url(../images/top_middle.jpg) repeat center top;
font-weight:bold;
color:#FFFFFF;
}

.middle_middle{
background: url(../images/midle_midle.jpg) repeat ;
}

.middle_left{
background: url(../images/middle_left.jpg) no-repeat  ;
}

.bottom_left{
background: url(../images/bottom_left.jpg) no-repeat  ;
}
.bottom_middle{
background: url(../images/bottom_middle.jpg) repeat  ;
}
.bottom_right{
background: url(../images/bottom_right.jpg) no-repeat  ;
}
.cartpage {
	height: 667px;
	background: url(../images/cart_p.jpg) no-repeat center top;
}

a.mainpplogo {
	display: block;
	position: absolute;
	width: 457px;
	height: 208px;
	top: 11px;
	left: 15px;
	background: url(../images/mainpplogo.jpg) no-repeat left top;
}

.gl_navig {
	position: absolute;
	top: -10px;
	right: 22px;
	width: 255px;
	height: 81px;
	background: url(../images/gl_nav_bg.jpg);
	background: none;
}

.gl_navig a{
	display: block;
	position: absolute;
	height: 81px;
}

.gl_navig a.shopping{
	top: 0px;
	right: 0px;
	width: 67px;
	background: url(../images/nav_shopping.jpg) no-repeat center bottom;
}
.gl_navig a.shopping:hover, .gl_navig a.shoppingact{
	top: 0px;
	right: 0px;
	width: 67px;
	background: url(../images/nav_shopping.jpg) no-repeat center top;
}

.gl_navig a.contact{
	top:0px;
	right: 74px;
	width: 57px;
	background: url(../images/nav_contact.jpg) no-repeat center bottom;
}
.gl_navig a.contact:hover, .gl_navig a.contactact{
	top:0px; right: 74px; width: 57px;
	background: url(../images/nav_contact.jpg) no-repeat center top;
}

.gl_navig a.about{
	top:0px;
	right: 133px;
	width: 57px;
	background: url(../images/nav_about.jpg) no-repeat center bottom;
}
.gl_navig a.about:hover, .gl_navig a.aboutact{
	top:0px;	right: 133px;	width: 57px;
	background: url(../images/nav_about.jpg) no-repeat center top;
}

.gl_navig a.home{
	top: 0px;
	left: 0px;
	width: 57px;
	background: url(../images/nav_home.jpg) no-repeat center bottom;
}
.gl_navig a.home:hover, a.homeact{
	top: 0px;
	left: 0px;
	width: 57px;
	background: url(../images/nav_home.jpg) no-repeat center top;
}


.main_nav {
	position: absolute;
	top:225px;
	left:55px;
	width: 140px;
	height: 366px;
	background: url(../images/mai_bg4.gif);
	
}

.main_nav a{
	display: block;
	position: absolute;
	width: 140px;
}

.main_nav a.home{
	top: 28px;
	left: 0px;
	height: 26px;
	background: url(../images/main_home.gif) no-repeat center top;
}

.main_nav a.home:hover, .main_nav a.homeact{
	top: 28px; left: 0px; height: 26px;
	background: url(../images/main_home.gif) no-repeat center bottom;
}

.main_nav a.about{
	top: 240px;
	left: 0px;
	height: 20px;
	background: url(../images/main_about.gif) no-repeat center top;

}

.main_nav a.about:hover, .main_nav a.aboutact{
	top: 240px;	left: 0px;	height: 20px;
	background: url(../images/main_about.gif) no-repeat center bottom;
}

.main_nav a.why{
	top: 181px;
	left: 0px;
	height: 29px;
	background: url(../images/main_why.gif) no-repeat center top;
}

.main_nav a.why:hover, .main_nav a.whyact{
	top: 181px; left: 0px; 	height: 29px;
	background: url(../images/main_why.gif) no-repeat center bottom;
}

.main_nav a.dehydra{
	top: 123px;
	left: 0px;
	height: 29px;
	background: url(../images/main_dehydra.gif) no-repeat center top;
}

.main_nav a.dehydra:hover, .main_nav a.dehydraact{
	top: 123px;	left: 0px;	height: 29px;
	background: url(../images/main_dehydra.gif) no-repeat center bottom;
}

.main_nav a.shop{
  top: 76px;
	left: 0px;
	height: 20px;
	background: url(../images/main_shop.gif) no-repeat center top;
}

.main_nav a.shop:hover, .main_nav a.shopact{
	top: 76px;
	left: 0px;
	height: 20px;
	background: url(../images/main_shop.gif) no-repeat center bottom;
}

.main_nav a.fungames{
	top: 286px;
	left: 0px;
	height: 20px;
	background: url(../images/main_fungames.gif) no-repeat center top;
}

.main_nav a.fungames:hover, .main_nav a.fungamesact{
	top: 286px;
	left: 0px;
	height: 20px;
	background: url(../images/main_fungames.gif) no-repeat center bottom;
}



.content2 {

	padding: 211px 0 0 236px;
	font: normal 11px Verdana;
	line-height: 16px;
	
	
}

.content2 p{
	margin: 0;
	padding: 0;
}


.content2 a {
	color: Black;
}

.content2 a:hover {
	color: 
#c50000;
	text-decoration: none;
}


.content {
	padding: 211px 0 0 236px;
	font: normal 11px Verdana;
	line-height: 16px;
}

.content p{
	margin: 0;
	padding: 0;
}


.content a {
	color: Black;
}

.content a:hover {
	color: 
#c50000;
	text-decoration: none;
}

.igloo {
	position: absolute;
	width: 359px;
	height: 243px;
	right: 39px;
	bottom: 0px;
	background: url(../images/igloo_bg.jpg);
}

.igloo .whatareheader {
	position: absolute;
	width:191px;
	height: 20px;
	top:72px;
	left: 125px;
	background: url(../images/whatareelectro.gif);
}

.igloo .newtext {
	position: absolute;
	width:185px;
	height: 191px;
	top:50px;
	left: 65px;
	background: url(../images/n1.gif);
}


.igloo a.buy{
	display: block;
	position: absolute;
	top:50px;
	left:250px;
	width: 102px;
	height: 191px;
	background: url(../images/buy1.gif) no-repeat left top;
}




.iglootext{
	padding: 100px 25px 0px 125px;
	font: normal 10px Verdana;
}

.igloo a.learnmore{
	display: block;
	position: absolute;
	top:166px;
	left:142px;
	width: 167px;
	height: 39px;
	background: url(../images/learnmore.gif) no-repeat left top;
}





.footer{
	margin: auto;
	width: 740px;
	height: 64px;
	text-align: center;
	font: normal 10px Verdana;
}

.footer table.bottom_nav {
	padding: 8px 0; 
}

.footer a{
	color: Black;	
	text-decoration: none;
}

.footer a:hover, .footer a.act{
	font-weight: bold;
}

/* flash areas */
/* index page */

.idx_flash_logo {
	position: absolute;
	width: 202px;
	height: 218px;
	top: -6px;
	left: 9px;
	background: url(../images/idx_fl_logo.jpg);
	background: none;
}
.idx_flash_1 {
	position: absolute;
	width: 198px;
	height: 230px;
	bottom: 7px;
	-bottom: 6px;
	left:197px;
	background: url(../images/idx_fl_1.jpg);
}
.idx_flash_2 {
	position: absolute;
	width: 226px;
	height: 187px;
	bottom: 7px;
	-bottom: 6px;
	left:428px;
	background: url(../images/idx_fl_2.jpg);
}
.idx_flash_3 {
	position: absolute;
	width: 201px;
	height: 269px;
	bottom: 198px;
	-bottom: 197px;
	left: 761px;
	background: url(../images/idx_fl_3.jpg);
}

/* about us page */

.ab_flash_1 {
	position: absolute;
	width: 275px;
	height: 315px;
	bottom: 6px;
	-bottom: 5px;
	left:197px;
	background: url(../images/ab_fl_1.jpg);
}

.ab_flash_2 {
	position: absolute;
	width: 194px;
	height: 228px;
	bottom: 6px;
	-bottom: 5px;
	left:483px;
	background: url(../images/ab_fl_2.jpg);
}

.ab_flash_3 {
	position: absolute;
	width: 289px;
	height: 228px;
	bottom: 6px;
	-bottom: 5px;
	left:691px;
	background: url(../images/ab_fl_3.jpg);
}

/* electrolytes page */

.el_flash_1 {
	position: absolute;
	width: 224px;
	height: 249px;
	bottom: 7px;
	-bottom: 6px;
	left:376px;
	background: url(../images/el_fl_1.jpg);
}

.el_flash_2 {
	position: absolute;
	width: 183px;
	height: 249px;
	bottom: 7px;
	-bottom: 6px;
	right:218px;
	background: url(../images/el_fl_2.jpg);
}

.el_flash_3 {
	position: absolute;
	width: 194px;
	height: 353px;
	bottom: 7px;
	-bottom: 6px;
	right:20px;
	background: url(../images/el_fl_3.jpg);
}

/* contact us page */

.cont_flash_1 {
	position: absolute;
	width: 217px;
	height: 304px;
	bottom: 7px;
	-bottom: 6px;
	left:311px;
	background: url(../images/cont_fl_1.jpg);
}

/* about degidration page */

.de_flash_1 {
	position: absolute;
	width: 160px;
	height: 259px;
	bottom: 6px;
	-bottom: 5px;
	left:218px;
	background: url(../images/de_fl_1.jpg);

}

.de_flash_2 {
	position: absolute;
	width: 193px;
	height: 261px;
	bottom: 6px;
	-bottom: 5px;
	left:458px;
	background: url(../images/de_fl_2.jpg);

}

.de_flash_3 {
	position: absolute;
	width: 148px;
	height: 263px;
	bottom: 6px;
	-bottom: 5px;
	left:654px;
	background: url(../images/de_fl_3.jpg);
}
.de_flash_4 {
	position: absolute;
	width: 163px;
	height: 222px;
	bottom: 99px;
	-bottom: 98px;
	left:816px;
	background: url(../images/de_fl_4.jpg);
}


a.fun_peng_1 {
	display: block;
	position: absolute;
	width: 117px;
	height: 157px;
	background: url(../images/fun_peng_1.jpg);
	top:474px;
	left: 205px;
}

a.fun_peng_2 {
	display: block;
	position: absolute;
	width: 121px;
	height: 182px;
	background: url(../images/fun_peng_2.jpg);
	top:314px;
	left: 313px;
}

a.fun_peng_3 {
	display: block;
	position: absolute;
	width: 113px;
	height: 132px;
	background: url(../images/fun_peng_3.jpg);
	top:442px;
	left: 496px;
}

a.fun_peng_4 {
	display: block;
	position: absolute;
	width: 164px;
	height: 235px;
	background: url(../images/fun_peng_4.jpg);
	top:213px;
	left: 776px;
}

.product {
	width: 370px;
	height: 350px;
	background: url(../images/product.jpg);
	position: absolute;
	top:266px;
	left: 464px;
	z-index: 0;

}

.checkout {
	position: absolute;
	width: 114px;
	height: 126px;
	top:364px;
	left: 759px;
	background: url(../images/checkout.jpg);
}
.idx_travel_friendly {
	position: absolute;
	width: 538px;
	height: 125px;
	bottom: 332px;
	-bottom: 6px;
	left:234px;
	background: url(../images/hometop1.gif);
	font: normal 14px Verdana;
	line-height: 16px;
}


.idx_try_free {
	position: absolute;
	width: 388px;
	height: 97px;
	bottom: 232px;
	-bottom: 6px;
	left:234px;
	background: url(../images/free.gif);
	font-family: Verdana;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	font-size-adjust: none;
	font-stretch: normal;
}

.idx_try_free a{
	font-family: Verdana;
	color:#990000;
	font-style: normal;
	font-variant: normal;
	font-weight: bolder;
	font-size: 11px;
	font-size-adjust: none;
	font-stretch: normal;
	text-decoration: none;
}

.idx_try_free_red a{
	position: absolute;
	bottom: 264px;
	-bottom: 6px;
	left:430px;
	font-family: Verdana;
	color:#990000;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	font-size-adjust: none;
	font-stretch: normal;
	text-decoration: underline;
}



.main_nav2 {
z-index:2;
	position: absolute;
	top:248px;
	left:46px;
	width: 140px;
	height: 366px;
	background: url(../images/mai_bg4.gif);
	
}
.main_nav2 a{
	display: block;
	position: absolute;
	width: 140px;
}

.main_nav2 a.home{
	top: 28px;
	left: 0px;
	height: 26px;
	background: url(../images/main_home.gif) no-repeat center top;
}

.main_nav2 a.home:hover, .main_nav2 a.homeact{
	top: 28px; left: 0px; height: 26px;
	background: url(../images/main_home.gif) no-repeat center bottom;
}

.main_nav2 a.about{
	top: 240px;
	left: 0px;
	height: 20px;
	background: url(../images/main_about.gif) no-repeat center top;

}

.main_nav2 a.about:hover, .main_nav2 a.aboutact{
	top: 240px;	left: 0px;	height: 20px;
	background: url(../images/main_about.gif) no-repeat center bottom;
}

.main_nav2 a.why{
	top: 181px;
	left: 0px;
	height: 29px;
	background: url(../images/main_why.gif) no-repeat center top;
}

.main_nav2 a.why:hover, .main_nav2 a.whyact{
	top: 181px; left: 0px; 	height: 29px;
	background: url(../images/main_why.gif) no-repeat center bottom;
}

.main_nav2 a.dehydra{
	top: 123px;
	left: 0px;
	height: 29px;
	background: url(../images/main_dehydra.gif) no-repeat center top;
}

.main_nav2 a.dehydra:hover, .main_nav2 a.dehydraact{
	top: 123px;	left: 0px;	height: 29px;
	background: url(../images/main_dehydra.gif) no-repeat center bottom;
}

.main_nav2 a.shop{
  top: 76px;
	left: 0px;
	height: 20px;
	background: url(../images/main_shop.gif) no-repeat center top;
}

.main_nav2 a.shop:hover, .main_nav2 a.shopact{
	top: 76px;
	left: 0px;
	height: 20px;
	background: url(../images/main_shop.gif) no-repeat center bottom;
}

.main_nav2 a.fungames{
	top: 286px;
	left: 0px;
	height: 20px;
	background: url(../images/main_fungames.gif) no-repeat center top;
}

.main_nav2 a.fungames:hover, .main_nav2 a.fungamesact{
	top: 286px;
	left: 0px;
	height: 20px;
	background: url(../images/main_fungames.gif) no-repeat center bottom;
}
.newmain_nav2 {
z-index:2;
	position: absolute;
	top:248px;
	left:118px;
	width: 140px;
	height: 366px;
	background: url(../images/mai_bg4.gif);
	
}
.newmain_nav2 a{
	display: block;
	position: absolute;
	width: 140px;
}

.newmain_nav2 a.home{
	top: 28px;
	left: 0px;
	height: 26px;
	background: url(../images/main_home.gif) no-repeat center top;
}

.newmain_nav2 a.home:hover, .newmain_nav2 a.homeact{
	top: 28px; left: 0px; height: 26px;
	background: url(../images/main_home.gif) no-repeat center bottom;
}

.newmain_nav2 a.about{
	top: 240px;
	left: 0px;
	height: 20px;
	background: url(../images/main_about.gif) no-repeat center top;

}

.newmain_nav2 a.about:hover, .newmain_nav2 a.aboutact{
	top: 240px;	left: 0px;	height: 20px;
	background: url(../images/main_about.gif) no-repeat center bottom;
}

.newmain_nav2 a.why{
	top: 181px;
	left: 0px;
	height: 29px;
	background: url(../images/main_why.gif) no-repeat center top;
}

.newmain_nav2 a.why:hover, .newmain_nav2 a.whyact{
	top: 181px; left: 0px; 	height: 29px;
	background: url(../images/main_why.gif) no-repeat center bottom;
}

.newmain_nav2 a.dehydra{
	top: 123px;
	left: 0px;
	height: 29px;
	background: url(../images/main_dehydra.gif) no-repeat center top;
}

.newmain_nav2 a.dehydra:hover, .newmain_nav2 a.dehydraact{
	top: 123px;	left: 0px;	height: 29px;
	background: url(../images/main_dehydra.gif) no-repeat center bottom;
}

.newmain_nav2 a.shop{
  top: 76px;
	left: 0px;
	height: 20px;
	background: url(../images/main_shop.gif) no-repeat center top;
}

.newmain_nav2 a.shop:hover, .newmain_nav2 a.shopact{
	top: 76px;
	left: 0px;
	height: 20px;
	background: url(../images/main_shop.gif) no-repeat center bottom;
}

.newmain_nav2 a.fungames{
	top: 286px;
	left: 0px;
	height: 20px;
	background: url(../images/main_fungames.gif) no-repeat center top;
}

.newmain_nav2 a.fungames:hover, .newmain_nav2 a.fungamesact{
	top: 286px;
	left: 0px;
	height: 20px;
	background: url(../images/main_fungames.gif) no-repeat center bottom;
}
.newcontent2 {
	font: normal 11px Verdana;
	line-height: 16px;
	padding-top: 220px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 160px;	
	
}

.newcontent2 p{
	margin: 0;
	padding: 0;
}


.newcontent2 a {
	color: Black;
}

.newcontent2 a:hover {
	color: 
#c50000;
	text-decoration: none;
}
