/***********************************************/
/* General CSS Document Starts Here            */
/***********************************************/

html, body, span, fieldset, legend, img input, form, h1, h2, h3, h4, h5, div, ul, li, hr, p {
	padding:0px;
	margin:0px;
}
html {
	height:100%;
	padding-bottom:1px;
}
body {
	background:#fff url(../images/body-bg.gif) repeat-x 0 0;
}
#externalcontainer {
	width:979px;
	margin:0 auto;
	padding-top:31px;
	position:relative;
}
td, div {
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	text-transform:none;
	text-decoration:none;
	color:#000;
	text-align:left;
	vertical-align:top;
}
a {
	text-decoration:underline;
	color:#000;
}
a:hover {
	text-decoration:none;
	color:#000;
}
a:focus {
	outline:none
}
.over {
	background-color:#fff;
	}
.roll {
	background-color:#FFFF99;
	}
.bordright-none { border-right:none !important; }		
/* CSS Non editable part */
	
.width100per {
	width:100%;
}
.width50per {
	border:0px;
	width:50%;
}
.height1 {
	height:1px;
}
.width1 {
	width:1px;
}
.lt, .lm, .lb {
	text-align:left;
}
.lt, .rt, .ct {
	vertical-align:top;
}
.lm, .rm, .cm {
	vertical-align:middle;
}
.rt, .rb, .rm {
	text-align:right;
}
.lb, .cb, .rb {
	vertical-align:bottom;
}
.ct, .cb, .cm {
	text-align:center;
}
/***********************************************/
/* Header Part CSS Document Starts Here        */
/***********************************************/
#Size-switcher {
	position:absolute;
	padding:5px 0 0 12px;
	text-align:right;
	line-height:2px;
	font-size:2px;
	height:25px;
	right:0px;
	top:0px;
	}
#Size-switcher img {
	border:0px;
	margin:4px 2px 0 0;
	}	
.logopos {
	padding:0px 12px 0 40px;
	height:80px;
}
.logopos div {
	margin-left:215px;
	padding-top:10px;
	float:left;
	}
.logopos img {
	float:left;
}
.logopos h2 {
	font:Bold 12px/20px Arial, Helvetica, sans-serif;
	color:#FF0000;
}
.Nav {
	background:#000 url(../images/navBg.gif) repeat-x 0 0;
}


.banner {
	background:#9B9B9B url(../images/banner-bg.gif) repeat-x 0 0;
}
.banner div {
	background:url(../images/banner.jpg) no-repeat 100% 0;
	position:relative;
	height:100px;
}

.banner div span.punchlinenm, .banner div span.punchline2 {
	font:normal 18px/24px Arial, Helvetica, sans-serif;
	position:absolute;
	bottom:70px;
	left:373px;
	color:#EAEAEA;
	width:245px;
}
.banner div span.punchline2 {
	top:15px;
	width:345px;
	left:50px;
	}
/***********************************************/
/* Body Part CSS Documents				       */
/***********************************************/
.bodypos {
	background:url(../images/pattern.gif) repeat-x 0 0;
	padding:21px 0 0 0;
}
.bodypos div.bodywrapper {
	border:solid 1px #D1D1D1;
}
.sidepanes {
	width:200px;
}
/* Modified on 18 Sep 08 start here */
.sidepanes h3, .midbody h3, .midbody2 h3 {
	background:url(../images/bullet.gif) no-repeat 16px 50%;
	font:bold 12px/32px Arial, Helvetica, sans-serif;
	border-bottom:solid 1px #D1D1D1;
	padding:0 0 0 28px;
	text-transform:uppercase;
}
.midbody h4, .midbody2 h4 {
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	margin:6px 0;
	color:#FF0000
	}
.midbody2 { border-left:solid 1px #D1D1D1; padding-bottom:12px;}
.midbody2 h2 { font:bold 14px/15px Arial, Helvetica, sans-serif; color:#FF0000; }
.midbody {
	border-left:solid 1px #D1D1D1;
	border-right:solid 1px #D1D1D1;
}
.midbody p, .midbody2 p {
	padding:10px 0;
	}
	
.midbody ul.desc, .midbody2 ul.desc {
	background-color:#F8F8F8;
	border:solid 1px #EBEBEB;
	list-style:none;
	padding:15px;
	margin:6px 0;
}
.midbody ul.desc li, .midbody2 ul.desc li a {
	background:url(../images/bullet2.gif) no-repeat 0 5px;
	padding:0 0 0 10px;
	margin:11px 0;
}
.midbody ul.desc li a, .midbody2 ul.desc li a {
	color:#000000;
	text-decoration:underline;
}
.midbody ul.desc li a:hover, .midbody2 ul.desc li a :hvoer {
	color:#000000;
	text-decoration:none;
}
/* Modified on 18 Sep 08 end here */

.midbody ul.desc li span
{
	color:#990000;
}
.pad28 {
	padding:0 28px;
}
p.line{
	padding:0px 0px;
	margin:6px 0;
	height:1px;
	font-size:2px;
	line-height:2px;
	border-bottom:solid 1px #CCCCCC;
}


/***********************************************/
/* Left Body Part CSS Documents		           */
/***********************************************/

.affiliates img {
	text-align:center;
	border:0;
	margin:8px 6px;
	}				

#footer {
	background:#909090 url(../images/foote-bg.gif) repeat-x 0 0;
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	border:solid 1px #000;
	padding:20px 0 12px 20px;
	margin:12px 0;
	height:62px;
	color:#DADADA;
}
#footer span {
	color:#fff;
	}
#footer a {
	text-decoration:underline;
	margin-left:6px;
	color:#fff;
	}
#footer a:hover {
	text-decoration:none;
	}		


/*********************************** Contact Page-Kuntal (03-05-08) ***************************/
/*------------------------------E-Mail Pane----------------------------*/
*html fieldset.fields  {
	background-position:0 10px;
	}
fieldset.fields  {
	border-color:#fff;
	/*background-color:#f7f7f7;*/
	background:#fff url(../images/fields-bg.gif) repeat-x 0 0;
	padding:0 12px;
	margin:0px auto;
	/*-moz-radius:7 ;*/
	width:70%;
	display:block;
	}
fieldset.fields p
{
	 font:normal 13px/18px Arial, Helvetica, sans-serif;
	 background:url(../images/bullet2.gif) 0 50% no-repeat;
	 padding:0 0 0 12px;
	 color:#666666;
}
fieldset.fields p.mail
{
	background:none;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#666666;
}
fieldset.fields p.freephne {
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	}

	
fieldset.fields p a
{
	color:#666666;
	text-decoration:underline;
}
fieldset.fields p a:hover
{
	color:#990000;
	text-decoration:none;
}
fieldset.fields legend {
	font:bold 13px/18px Arial, Helvetica, sans-serif;
	background:url(../images/emailicon.gif) 8px 50% no-repeat;
	padding:0 6px 0 31px;
	color:#FF0000;
}	 
.midbody h4.email {
	font:bold 13px/18px Arial, Helvetica, sans-serif;
	background:url(../images/emailicon.gif) 0 50% no-repeat;
	padding:0 0 0 25px;
	margin:8px 0;
	color:#FF0000;
}

/*------------------------------Mail Pane----------------------------*/
.midbody h4.mail {
	font:bold 13px/18px Arial, Helvetica, sans-serif;
	background:url(../images/mailicon2.gif) 0 50% no-repeat;
	padding:0 0 0 25px;
	margin:8px 0;
	color:#FF0000;
}

/*------------------------------waterhyg-riskareas Pane STARTS----------------------------*/
.midbody ul.desc li span
{
	color:#990000;
}
/*------------------------------waterhyg-riskareas Pane ENDS----------------------------*/

/*------------------------------Code Of Conduct Pane STARTS----------------------------*/
.midbody h2
{
	font:bold 13px/18px Arial, Helvetica, sans-serif;
	color:#FF0000;
	text-align:center;
	text-transform:uppercase;
}
/*------------------------------Code Of Conduct Pane ENDS----------------------------*/

/*------------------------------waterhyg FAQ Pane STARTS----------------------------*/
.midbody p span
{
	 color:#FF6600;
}
/*------------------------------waterhyg FAQ Pane ENDS----------------------------*/

/*------------------------------waterhyg Latest Cases Pane STARTS----------------------------*/
.midbody p a
{
	color:#000000;
	text-decoration:underline;
}
.midbody p a:hover
{
	color:#909090;
	text-decoration:none;
}
.midbody h5
{
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#990000;
	padding:0 0 5px 0;
}
.midbody h4 a {
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	color:#FF0000;
	text-decoration:none;
	}
.midbody h4 a:hover
{
	color:#FF0000;
	text-decoration:underline;
}

/* Added for dashboard 18 Sep 08 */

.leftnav { padding:8px 12px; }
.leftnav a {
	display:block;
	padding:3px 0 3px 22px;
	text-decoration:none;
	background:url(../images/bullet3.gif) no-repeat 12px 10px;
	}
.leftnav a.parentlink {
	background:#F8F8F8 url(../images/bullet4.gif) no-repeat 6px 9px;
	border-bottom:solid 1px #D0D0D0;
	margin-bottom:4px;
	padding-left:16px;
	padding-right:4px;
	font-weight:bold;
	}
.leftnav a:hover {
	text-decoration:underline;
	color:#000;
	}