/* CSS Document */
/*----small sale on the top left-----*/
.gallerycontainer{
position: relative;
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
color:#CCCCCC;
}

.thumbnail:hover img{
border: 1px solid black;
}

.thumbnail span{ 
position: absolute;
background-color:transparent;
padding: 5px;
border:none;
font-family:Tahoma, Arial, "Lucida Sans";
color:#000066;
left: -1000px;
font-size:8px;
visibility: hidden;
color: #FFFFFF;
width:284px;
text-decoration: none;
}

.thumbnail:hover span{ 
visibility: visible;
border:none;
text-decoration:none;
top: 0;
left: 200px;
top: 30px;
z-index: 50;
}

/*----mainsite-----*/
.gallery2container{
position: relative;
}

.thumbnail2 img{
border:thin;
border:#99ccff;
}

.thumbnail2:hover{
background-color:#99ccff;
}

.thumbnail2:hover img{
border:thin;
border:#99ccff;
}




/*sponsor on the bottom left*/
.LScontainer{
position: relative;
}

.LSthumbnail:hover{
background-color: grey;
}

.LSthumbnail span{ 
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
border: 1px dashed white;
visibility: hidden;
text-decoration: none;
}
.LSthumbnail:hover span{ 
visibility: visible;
left: -130px; 
top: 25px;
z-index: 100;
}

/*aquarius rejuvenator ionizer*/
.AquariusContain{
position: relative;
}

.Aquarius span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
left: -1000px;
visibility: hidden;
border:none;
padding: 5px;
border-color:#474747;
text-decoration: none;
}
.Aquarius:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -100px; /*position where enlarged image should offset horizontally */
top: 25px;
border:none;
border-color:#474747;
z-index: 100;
}

/*oasis rejuvenator ionizer*/
.OasisContain{
position: relative;
}

.Oasis:hover{
color:#CCCCCC;
}

.Oasis span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.Oasis:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -100px; /*position where enlarged image should offset horizontally */
top: 35px;
z-index: 100;
}

/*genesis rejuvenator ionizer*/
.GenesisContain{
position: relative;
}

.Genesis:hover{
color:#CCCCCC;
}

.Genesis span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
border:none;
border-color:#474747;
text-decoration: none;
}
.Genesis:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -100px; /*position where enlarged image should offset horizontally */
top: 45px;
border:none;
border-color:#474747;
z-index: 100;
}

/*replacement filter*/
.FilterReplaceContain{
position: relative;
}

.FilterReplace:hover{
color:#CCCCCC;
}

.FilterReplace span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.FilterReplace:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -100px; /*position where enlarged image should offset horizontally */
top: 55px;
z-index: 100;
}

/*pre-filter*/
.prefilterContain{
position: relative;
}

.prefilter:hover{
color:#CCCCCC;
}

.prefilter span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.prefilter:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -100px; /*position where enlarged image should offset horizontally */
top: 60px;
z-index: 100;
}

/*ph water testing kit*/
.pHWaterKitContain{
position: relative;
}

.pHWaterKit:hover{
color:#CCCCCC;
}

.pHWaterKit span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.pHWaterKit:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -100px; /*position where enlarged image should offset horizontally */
top: 65px;
z-index: 100;
}

/*ph color food chart*/
.pHFoodChartContain{
position: relative;
}

.pHFoodChart:hover{
color:#CCCCCC;
}

.pHFoodChart span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.pHFoodChart:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -100px; /*position where enlarged image should offset horizontally */
top: 75px;
z-index: 100;
}

/*polycarbonate bottles*/
.PolyCarbonContain{
position: relative;
}

.PolyCarbon:hover{
color:#CCCCCC;
}

.PolyCarbon span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.PolyCarbon:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -100px; /*position where enlarged image should offset horizontally */
top: 85px;
z-index: 100;
}

/*Automatic Sprouter*/
.AutoSproutContain{
position: relative;
}

.AutoSprout:hover{
color:#CCCCCC;
}

.AutoSprout span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.AutoSprout:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -100px; /*position where enlarged image should offset horizontally */
top: 95px;
z-index: 100;
}

/*Air Ionizers*/
.AirIonizerContain{
position: relative;
}

.AirIonizer:hover{
color:#CCCCCC;
}

.AirIonizer span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.AirIonizer:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -100px; /*position where enlarged image should offset horizontally */
top: 105px;
z-index: 100;
}

/*The Magnetizer*/
.MagnetizerContain{
position: relative;
}

.Magnetizer:hover{
color:#CCCCCC;
}

.Magnetizer span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.Magnetizer:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -100px; /*position where enlarged image should offset horizontally */
top: 115px;
z-index: 100;
}

/*Chlorella*/
.ChlorellaContain{
position: relative;
}

.Chlorella:hover{
color:#CCCCCC;
}

.Chlorella span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.Chlorella:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -100px; /*position where enlarged image should offset horizontally */
top: 125px;
z-index: 100;
}

/*BnS*/
.BnSContain{
position: relative;
}

.BnS:hover{
color:#CCCCCC;
}

.BnS span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.BnS:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -100px; /*position where enlarged image should offset horizontally */
top: 135px;
z-index: 100;
}

/*Needak Rebounder*/
.needakContain{
position: relative;
}

.needak:hover{
color:#CCCCCC;
}

.needak span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.needak:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -100px; /*position where enlarged image should offset horizontally */
top: 145px;
z-index: 100;
}

/*ionized book*/
.bookContain{
position: relative;
}

.book:hover{
color:#CCCCCC;
}

.book span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.book:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -100px; /*position where enlarged image should offset horizontally */
top: 155px;
z-index: 100;
}

/*infrared sauna*/
.saunaContain{
position: relative;
}

.sauna:hover{
color:#CCCCCC;
}

.sauna span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.sauna:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -100px; /*position where enlarged image should offset horizontally */
top: 165px;
z-index: 100;
}

/*How Water Is Formed*/
.ArticlesContain{
position: relative;
}

.HowWater:hover{
color:#CCCCCC;
}

.HowWater span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.HowWater:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -70px; /*position where enlarged image should offset horizontally */
top: 5px;
z-index: 100;
}

/*Benefits Ionized Water*/
.BenefitsContain{
position: relative;
}

.Benefits:hover{
color:#CCCCCC;
}

.Benefits span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.Benefits:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -70px; /*position where enlarged image should offset horizontally */
top: 15px;
z-index: 100;
}

/*Alkaline Foods*/
.AlkalineContain{
position: relative;
}

.Alkaline:hover{
color:#CCCCCC;
}

.Alkaline span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.Alkaline:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -95px; /*position where enlarged image should offset horizontally */
top: 25px;
z-index: 100;
}

/*Chlorine Kills*/
.ChlorineContain{
position: relative;
}

.Chlorine:hover{
color:#CCCCCC;
}

.Chlorine span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.Chlorine:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -95px; /*position where enlarged image should offset horizontally */
top: 35px;
z-index: 100;
}

/*Dasani Coke Cola*/
.DasaniContain{
position: relative;
}

.Dasani:hover{
color:#CCCCCC;
}

.Dasani span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.Dasani:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -95px; /*position where enlarged image should offset horizontally */
top: 45px;
z-index: 100;
}

/*Water Robbery*/
.RobberyContain{
position: relative;
}

.Robbery:hover{
color:#CCCCCC;
}

.Robbery span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.Robbery:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -95px; /*position where enlarged image should offset horizontally */
top: 55px;
z-index: 100;
}

/*How Water Forms*/
.WaterFormsContain{
position: relative;
}

.WaterForms:hover{
color:#CCCCCC;
}

.WaterForms span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.WaterForms:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -95px; /*position where enlarged image should offset horizontally */
top: 65px;
z-index: 100;
}

/*Ionized Water Health Benefits*/
.IonizedHealthContain{
position: relative;
}

.IonizedHealth:hover{
color:#CCCCCC;
}

.IonizedHealth span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.IonizedHealth:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -95px; /*position where enlarged image should offset horizontally */
top: 75px;
z-index: 100;
}

/*Rejuvenator DVD*/
.rejuvenatorDVDContain{
position: relative;
}

.rejuvenatorDVD:hover{
color:#CCCCCC;
}

.rejuvenatorDVD span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.rejuvenatorDVD:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -95px; /*position where enlarged image should offset horizontally */
top: 215px;
z-index: 100;
}

/*Tina & Rebounder*/
.tinaneedakContain{
position: relative;
}

.tinaneedak:hover{
color:#CCCCCC;
}

.tinaneedak span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.tinaneedak:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -95px; /*position where enlarged image should offset horizontally */
top: 225px;
z-index: 100;
}

/*Benefits of Ionized Water*/
.beneionizedContain{
position: relative;
}

.beneionized:hover{
color:#CCCCCC;
}

.beneionized span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.beneionized:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -95px; /*position where enlarged image should offset horizontally */
top: 235px;
z-index: 100;
}

/*Automatic Sprouter*/
.autosproutContain{
position: relative;
}

.autosprout:hover{
color:#CCCCCC;
}

.autosprout span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.autosprout:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -95px; /*position where enlarged image should offset horizontally */
top: 245px;
z-index: 100;
}

/*Fungus and Acid*/
.fungusContain{
position: relative;
}

.fungus:hover{
color:#CCCCCC;
}

.fungus span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.fungus:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -95px; /*position where enlarged image should offset horizontally */
top: 255px;
z-index: 100;
}

/*Detoxing Acidity*/
.detoxingContain{
position: relative;
}

.detoxing:hover{
color:#CCCCCC;
}

.detoxing span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.detoxing:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -95px; /*position where enlarged image should offset horizontally */
top: 265px;
z-index: 100;
}

/*How Ionizers Work*/
.howionizersContain{
position: relative;
}

.howionizers:hover{
color:#CCCCCC;
}

.howionizers span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.howionizers:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -95px; /*position where enlarged image should offset horizontally */
top: 275px;
z-index: 100;
}

/*Billion Dollar Bottle*/
.billiondollarContain{
position: relative;
}

.billiondollar:hover{
color:#CCCCCC;
}

.billiondollar span{ /*CSS for enlarged image*/
position: absolute;
background-color:#474747;
padding: 5px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}
.billiondollar:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: -95px; /*position where enlarged image should offset horizontally */
top: 285px;
z-index: 100;
}
.button_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	
	margin-left:5px;
	margin-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin-top: 3px;
	margin-bottom: 3px;
}
.button_txt a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
		padding-right: 5px;
	padding-left: 5px;
}
.button_txt a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #EA1313;
	text-decoration: none;
}