@charset "UTF-8";

/* Screen Styles                                    */
/* Copyright(C)2008 Source Internet Development Ltd */


html {height: 100%; margin: 0;}
body {height: 100%; background-color: #fff; margin: 0; text-align: center;}




/* Layout */

#header				{width: 100%; margin: 0 0 30px 0; text-align: center; padding: 0;}
#headerBanner		{width: 900px; margin: 0 auto; height: 88px; text-align: left;}
#logo				{margin: 0; padding: 25px 0 0 0;}
#heading			{float: right; margin: 0;}

#tabBox				{width: 100%; margin: 18px 0 0 0; clear: both; background: top left repeat-x url(../images/bg-tabrow.png);}
#tabRow				{width: 660px; margin: 0 auto; padding: 0 0 0 210px; height: 31px; text-align: right;}

#homeMainImage		{width: 900px; margin: 0 auto; text-align: right; background: bottom right no-repeat url(../images/home-image-right.jpg);}
#homeMainImagePNG	{width: 900px; margin: 0; background: top left no-repeat url(../images/temp-home-img.png); height: 254px;}
#homeMainQuote		{margin: 40px 40px 0 0;}

#homeFlBox			{width: 100%; margin: 0;}
#homeFlContent		{width: 1000px; margin: 0 auto; text-align: left;}

#homeColsBox		{width: 100%; margin: 0;}
#homeColsContent	{width: 900px; margin: 0 auto; text-align: left;}
#homeLeftCol		{text-align: left; margin: 0 0 0 0; padding: 15px 0 125px 0; width: 425px;}
#homeRightCol		{float: right; text-align: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 425px;}

/* 
#emailBoxTop		{background: top left no-repeat #830011 url(../images/bg-home-emailbox-top.gif); width: 345px; margin: 35px 0 0 0; padding: 0 50px 22px 30px;}
#emailBoxBot		{background: bottom left no-repeat #e70000 url(../images/bg-home-emailbox-bot.gif); width: 345px; margin: 0 0 20px 0; padding: 10px 50px 15px 30px;}
#emailBoxHeader		{margin: 22px 0 4px 0;}
*/

#manListBox			{clear: both; margin: 0;}
#accordIcon			{margin: 0 6px 3px 0;}
#manListHeader		{padding: 20px 0 4px 0;}

#footer				{width: 100%; margin: 0; padding: 0 0 75px 0; clear: both;}
#footerContent		{margin: 0 auto; padding: 11px 20px 15px 20px; width: 860px; border: 1px solid #d0d0d0; background: #f7f7f7; text-align: left;}
#footerRight		{float: right; text-align: left;}

#stdHeaderBar		{width: 900px; margin: 0 auto;}

/* abbreviated styles that display different header image watermarks */
#contactH, #aboutH, #prH, #stdH, #acfH, #acmaH, #dimaliH, #dimproH, #haeH, #mibH, #mckH, #rotoH, #sopH {width: 900px; margin: 0 auto; text-align: left; border-bottom: 1px solid #cecece; height: 82px;}

#contactH			{background: bottom right no-repeat url(../images/water-logo-top.jpg);}
#aboutH				{background: bottom right no-repeat url(../images/water-about-top.jpg);}
#prH				{background: bottom right no-repeat url(../images/water-news-top.jpg);}
#stdH				{background: bottom right no-repeat url(../images/water-logo-top.jpg);}
#acfH				{background: bottom right no-repeat url(../images/water-acf-top.jpg);}
#acmaH				{background: bottom right no-repeat url(../images/water-acma-top.jpg);}
#dimaliH			{background: bottom right no-repeat url(../images/water-dimali-top.jpg);}
#dimproH			{background: bottom right no-repeat url(../images/water-dimprof-top.jpg);}
#haeH				{background: bottom right no-repeat url(../images/water-haeger-top.jpg);}
#mibH				{background: bottom right no-repeat url(../images/water-mib-top.jpg);}
#mckH				{background: bottom right no-repeat url(../images/water-mck-top.jpg);}
#rotoH				{background: bottom right no-repeat url(../images/water-rotobloc-top.jpg);}
#sopH				{background: bottom right no-repeat url(../images/water-soprem-top.jpg);}

/* abbreviated styles that display different content container image watermarks */
#contactCont, #manuCont, #aboutCont, #stdCont, #prCont {width: 900px; margin: 0 auto; text-align: left; padding: 0 0 75px 0;}

#contactCont		{background: top right no-repeat url(../images/water-logo-bot.jpg);}
#aboutCont			{background: top right no-repeat url(../images/water-about-bot.jpg);}
#prCont				{background: top right no-repeat url(../images/water-news-bot.jpg);}
#stdCont			{background: top right no-repeat url(../images/water-logo-bot.jpg);}

#acfH2, #acmaH2, #dimproH2, #dimaliH2, #haeH2, #mibH2, #mckH2, #rotoH2, #sopH2 {text-align: left; width: 900px; margin: 0 auto; padding: 0 0 30px 0;}
#acfH2				{background: top right no-repeat url(../images/water-acf-bot.jpg);}
#acmaH2				{background: top right no-repeat url(../images/water-acma-bot.jpg);}
#dimproH2			{background: top right no-repeat url(../images/water-dimprof-bot.jpg);}
#dimaliH2			{background: top right no-repeat url(../images/water-dimali-bot.jpg);}
#haeH2				{background: top right no-repeat url(../images/water-haeger-bot.jpg);}
#mibH2				{background: top right no-repeat url(../images/water-mib-bot.jpg);}
#mckH2				{background: top right no-repeat url(../images/water-mck-bot.jpg);}
#rotoH2				{background: top right no-repeat url(../images/water-rotobloc-bot.jpg);}
#sopH2				{background: top right no-repeat url(../images/water-soprem-bot.jpg);}

#contentBox			{width: 100%; margin: 0; clear: both;}
#stdLeftCol			{text-align: left; margin: 0; padding: 50px 0 75px 0; width: 600px;}
#stdRightCol		{float: right; text-align: left; margin: 0; padding: 55px 0 85px 0; width: 260px;}

#redBoxTop			{width: 260px; height: 10px; margin: 0; padding: 0; background: top left no-repeat url(../images/red-col-top.gif); font-size: 0;}
#redBoxMid			{background: #830011; margin: 0; width: 200px; padding: 15px 30px 20px 30px;}
#redBoxBot			{width: 260px; height: 10px; margin: 0 0 20px 0; background: top left no-repeat url(../images/red-col-bot.gif);}

#map				{border: 3px solid #ccc; width: 580px; height: 350px; margin: 0 0 20px 0; background: #fcfcfc;}
#contFormFloat		{float: right; text-align: left; margin: 0;}

#manuHBox			{width: 100%; margin: 0; clear: both; background: top left repeat-x url(../images/kkk.png); border-bottom: 1px solid #cecece;}
#manuArea 			{width: 900px; margin: 0 auto; text-align: left; padding: 0 0 75px 0;}
#manuLeftCol		{width: 411px; border-right: 1px solid #efefef; padding: 38px 34px 50px 0;}
#manuRightCol		{width: 425px; padding: 38px 0 50px 0; float: right; text-align: left;}
#manuLogo			{float: right; margin: 20px 25px 0 0;}

#productDIV			{text-align: left; margin: 0 0 30px 0; overflow: hidden;}			

#productList 					{margin: 0 0 15px 0; padding: 0 0 0 15px; font-family: Arial, Helvetica, sans-serif; font-size: 1em;}
#productList ul					{margin: 0; padding: 0 0 0 15px;}
#productList li					{margin: 0; padding: 0 0 8px 0; font-size: 80%; list-style: square; color: #ed4040;}
#productList li span 			{margin: 0; padding: 0; font-size: 100%; color: #828282;}
#productList li span strong 	{color: #444;}

#prodPic			{float: right; margin: 0 0 20px 20px;}

#aboutLeftCol		{width: 411px; border-right: 1px solid #efefef; padding: 38px 34px 50px 0;}
#aboutRightCol		{width: 425px; padding: 38px 0 50px 0; float: right; text-align: left;}

#wideCol			{margin: 0; width: 500px; padding: 38px 0 50px 0; text-align: left;}

#redBoxList 			{margin: 0 0 22px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em;}
#redBoxList ul			{margin: 0; padding: 0;}
#redBoxList li			{margin: 0; padding: 0 0 5px 0; font-size: 80%; list-style: none; color: #fd6262;}
#redBoxList li a 		{margin: 0 4px 0 0; padding: 0; font-size: 100%; font-weight: bold; color: #fff;}
#redBoxList li a:hover 	{color: #000; background: #fffa68; text-decoration: none;}

#prImage			{margin: 0 20px 20px 0; padding: 3px; border: 3px solid #e70000; background: white; float: left;}





/* Text */

p, span, h1, h2, h3, a	{font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 120%; font-size: 1em; color: #8d8d8d;}
h1						{color: #e70000; font-weight: bold; line-height: 1.2em; font-size: 140%; margin: 0 0 18px 0;}
h2						{color: #000; font-weight: bold; font-size: 140%; margin: 0; padding: 30px 0 0 0;}
h3						{color: #e70000; font-weight: bold; font-size: 140%; margin: 0 0 10px 0; padding: 20px 0 0 0;}

.homeFeatBody			{margin: 0 0 18px 0; font-size: 100%; color: #919191; font-weight: bold; line-height: 1.3em;}
a.homeFeatBody			{margin: 0; color: #4e4e4e; font-size: 100%;}
a.homeFeatBody:hover	{color: #000; background: #fffa68;}

.homeMailHeader			{margin: 0 0 1px 0; font-weight: bold; font-size: 100%; color: #222;}
.homeMailBody			{margin: 0; color: #676767; font-size: 80%; line-height: 110%; }

.footerText				{margin: 0; color: #535353; font-weight: bold; font-size: 70%;}
a.footerLink			{margin: 0 0 0 8px; color: #676767; font-size: 100%;}
a.footerLink:hover		{color: #000; background: #fffa68;}

.emailSub				{color: #f4d9d9; font-size: 75%; margin: 0;}

.manListHeading			{margin: 0; font-size: 75%; color: #7d7d7d;}

a.homeManLink			{color: #e70000; margin: 0; font-weight: bold;}
a.homeManLink:hover		{color: #000; background: #fffa68;}

.breadCrumb				{margin: 0; font-size: 75%; color: #828282;}
a.breadCrumb			{margin: 0; font-size: 100%; color: #666;}
a.breadCrumb:hover		{color: #fff; background: #000; text-decoration: none;}

.redBoxTitle			{font-family: Arial, Helvetica, sans-serif; font-size: 80%; margin: 0 0 3px 0; color: #ff0021; font-weight: bold;}
.redBoxText				{font-family: Arial, Helvetica, sans-serif; font-size: 80%; margin: 0 0 20px 0; color: #fff;}
a.redBoxText			{font-size: 100%; color: #fff; margin: 0; font-weight: bold;}
a.redBoxText:hover		{color: #000; background: #fffa68; text-decoration: none;}

.redHeading				{font-weight: bold; font-size: 130%; margin: 0; color: #e70000;}

.bodyText				{font-size: 80%; margin: 0 0 18px 0; color: #7f7f7f;}
.bodyText strong		{margin: 0; font-weight: bold; color: #444;}
a.bodyText				{font-size: 100%; margin: 0; color: #555; font-weight: bold;}
a.bodyText:hover		{color: #000; background: #fffa68; text-decoration: none;}

.contactTerms			{font-size: 90%; font-weight: normal; margin: 0; color: #505050;}

.manuWeb				{font-size: 75%; font-weight: bold; margin: 0 0 15px 0;}
a.manuWeb				{font-size: 100%; font-weight: bold; color: #fff; background: #e70000; padding: 3px 15px 5px 15px; text-decoration: none;}
a.manuWeb:hover			{color: #fff; background: #000; padding: 3px 15px 5px 15px; text-decoration: none;}

.manuIntro				{font-weight: bold; width: 530px; margin: 0; font-size: 100%; color: #4e4e4e; font-family: Arial, Helvetica, sans-serif;}

.productTitle			{font-weight: bold; font-size: 110%; color: #000; font-family: Arial, Helvetica, sans-serif; margin: 0 0 6px 0; line-height: 110%; }
.productText			{font-size: 80%; color: #828282; font-family: Arial, Helvetica, sans-serif; margin: 0 0 16px 0;}
.productText strong		{margin: 0; color: #444;}

.manuHeading			{font-weight: bold; font-size: 110%; margin: 0; color: #e70000;}
a.manuHeading			{font-size: 100%; margin: 0; color: #e70000;}
a.manuHeading:hover		{margin: 0; color: #000;}

.manuText				{font-size: 90%; margin: 0 0 20px 0; color: #7f7f7f;}

.prTitle				{font-weight: bold; font-size: 130%; margin: 0; color: #e70000;}
.prText					{font-size: 90%; margin: 0 0 18px 0; color: #828282;}
.prText strong			{margin: 0; font-weight: bold; color: #4e4e4e;}
a.prText				{font-size: 100%; margin: 0; color: #555; font-weight: bold;}
a.prText:hover			{color: #000; background: #fffa68; text-decoration: none;}

.prDisclaimer			{color: #828282; font-size: 75%; margin: 0 0 10px 25px;}
.prDisclaimer strong	{color: #4e4e4e; margin: 0;}
a.prDisclaimer			{color: #4e4e4e; font-size: 100%; margin: 0; font-weight: bold;}
a.prDisclaimer:hover	{color: #000; background: #fffa68; text-decoration: none;}



/* Tables */

TABLE.homeEmailTab			{border: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; line-height: 90%;}
TABLE.homeEmailTab TD.leg	{text-align: left; font-size: 80%; color: #fff; margin: 0; padding-right: 8px; white-space: nowrap;}
TABLE.homeEmailTab TD.form	{text-align: left; padding: 4px 0;}
TABLE.homeEmailTab TD.ftr	{text-align: left; padding: 7px 0; color: #fff; font-size: 80%;}

TABLE.manList				{margin: 0 0 15px 0; border: 0;}
TABLE.manList TD.logo		{margin: 0; vertical-align: top; text-align: left; width: 105px;}
TABLE.manList TD.text		{margin: 0; vertical-align: top; text-align: left; padding: 0 15px 0 8px;}





/* Forms */

.homeFormBox		{margin: 0; background: white; padding: 3px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #333; width: 225px; border: 2px solid #830011;}
.homeFormBtn		{margin: 5px 0 0 0; background: #830011; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #fff; border: 4px solid #830011;}

#contactForm		{margin: 0 0 15px 0; padding: 0;}
#contactForm ul		{margin: 0; padding: 0; list-style: none;}
#contactForm li		{margin: 0; padding: 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #7f7f7f;}
#contactForm li.box	{margin: 0 0 10px 0; padding: 0;}

.contactFormBox, .contactRolldown {padding: 3px; width: 270px; margin: 1px 5px 0 0; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; border: 2px solid #e1e1e1;}
.contactFormArea 	{padding: 3px; border: 2px solid #e1e1e1; width: 585px; margin: 1px 0 0 0; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold;}
.contactTickbox		{float: left; margin: 3px 10px 10px 0;}
.contactBtn			{clear: both; color: #fff; font-weight: bold; font-size: 110%; background: #830011; border: 2px solid #eee; padding: 3px 8px; margin: 15px 0 0 0;}





/* Accordions */
		
.accordion_toggle			{display: block; padding: 5px 0 5px 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; outline: none;
							font-size: 0.85em; color: #e70000; border-top: 1px solid #e5e5e5; cursor: pointer; margin: 0;}
		
.accordion_toggle_active 	{color: #e70000;}
.accordion_content 			{padding: 0; background-color: #fff; color: #444; overflow: hidden;}
.accordion_content h4 		{margin: 15px 0 0 10px; color: #ff0000;}
.accordion_content p 		{margin: 0 0 6px 0; font-size: 75%; color: #919191;}
.accordion_content p strong	{font-size: 100%; color: #464646;}