/* color.css */

/* ---------->>> GENERAL <<<-----------*/
html {  background-color : #fff; background: #fff;  }
body { padding-top : 50px; }

/* ------->>> LOGO <<<-------*/
h1 a{ display: block; margin:0 0 0 9px;  height : 80px; width: 115px;position:relative;top:-2px;}

/* ------->>> MAIN NAV <<<-------*/
/* See http://www.mezzoblue.com/tests/revised-image-replacement */
div#nav_main { position : relative; z-index : 1; height : 102px; padding: 10px 0; overflow:hidden;  }
div#nav_main li a { text-indent : -9999px; line-height: 1.4em; }


div#nav_main_nobreadcrumb { position : relative; z-index : 1; height : 72px; padding: 10px 0 ;  }
div#nav_main_nobreadcrumb li { text-indent : -9999px;}

li#nm_1 a { position : absolute; top : 13px; left : 137px;  width : 135px; height : 70px; background : url(./images/topNav.gif) no-repeat 0px 0px; }
li#nm_2 a { position : absolute; top : 13px; left : 281px; width : 135px; height : 70px; background : url(./images/topNav.gif) no-repeat -135px 0px; }
li#nm_3 a { position : absolute; top : 13px; left : 425px; width : 135px; height : 70px; background : url(./images/topNav.gif) no-repeat -270px 0px; }
li#nm_4 a { position : absolute; top : 13px; left : 568px; width : 135px; height : 70px; background : url(./images/topNav.gif) no-repeat -405px 0px; }
li#nm_5 a { position : absolute; top : 13px; left : 712px; width : 135px; height : 70px; background : url(./images/topNav.gif) no-repeat -540px 0px; }

/* ------->>> MAIN NAV HOVER <<<-------*/
li#nm_1 a:hover, li#nm_1 a.selected { background-position : 0px -70px }
li#nm_2 a:hover, li#nm_2 a.selected { background-position : -135px -70px }
li#nm_3 a:hover, li#nm_3 a.selected { background-position : -270px -70px }
li#nm_4 a:hover, li#nm_4 a.selected { background-position : -405px -70px }
li#nm_5 a:hover, li#nm_5 a.selected { background-position : -540px -70px }

/* ------->>> MAIN NAV SECONDARY <<<-------
div#nav_main ul ul#secondary { position : absolute; top: 90px; left: 0; height : 25px; width: 847px; background: url(./images/navbar.png) no-repeat 0 0;	}
div#nav_main ul#secondary li a img {margin: 7px 6px 0 15px;}
div#nav_main ul#secondary li { display:inline;list-style-type:none; padding: 50px 0 0; }
*/

div#nav_main ul ul#secondary { position : absolute; top: 90px; left: 0; height : 25px; width: 847px; background: url(./images/navbar.png) no-repeat 0 0; }
div#nav_main ul#secondary li a { position: relative; left: 15px;  top:4px; text-indent: 0; padding: 5px 21px 0 7px; margin:5px 0 0 0; background: url(./images/bullet_nav.png) no-repeat 0 10px; font-size: 11px; color: #6c7b85; }
div#nav_main ul#secondary li a:link, div#nav_main ul#secondary li a:hover, div#nav_main ul#secondary li a:visited { color: #6c7b85; }
/* div#nav_main ul ul#secondary li#first a {background: url(./images/iconBlueArrow.gif) no-repeat 0 10px; color: #0098a8; } */
div#nav_main ul#secondary li a.selected:link,
div#nav_main ul#secondary li a.selected:hover,
div#nav_main ul#secondary li a.selected:visited,
div#nav_main ul#secondary li a.selected { background: url(./images/iconBlueArrow.gif) no-repeat 0 10px; color: #0098a8; }
div#nav_main ul#secondary li { font-size: 1.0em; display:inline; list-style:none; margin-top: 50px 0 0; }

/* ---------->>> CONTENT LINKS <<<-----------*/
ul#link {position:relative;}
ul#link li { background: transparent url(./images/icon.jpg) no-repeat 0 0; padding: 10 0 5px 28px; }
div#content_main ul#list_right { margin:0 0 70px; font-size: 1.0em; }
ul#list_right li { margin: 0; padding:1em 0 0 ; clear:both; }
div#content_main ul#list_right li p { padding: 0;  margin: 0; }
div#content_main ul#list_right li p img { float: left; padding: 5px 1em 0 0; }
div#back_link { text-align: right; }
div#back_link  a { padding: 7px 25px 0 0;  background: url(./images/arrow.png) no-repeat right;}

 
/* ---------->>> LINKS <<<-----------*/
a:link {color: #0099ab} /* unvisited link */
a:visited {color: #0099ab} /* visited link */
a:hover {color: #2f7c84} /* mouse over link */
a:active {color: #0099ab} /* selected link */


/* ---------->>> CONTENT <<<-----------*/
div#block_top { padding: 15px 0px 28px 20px; width: 830px; }
div#branding { padding: 2px 0 1px 0; background : transparent url() no-repeat 0 0;}
div#brandinghome { padding: 0 0 0px 0; background : transparent url() no-repeat 0 0;}
div#module_block { clear: both; padding: 45px 0px 0px 0px; }
ul#module_front li { float: left; position:relative; width: 270px; background: transparent url(./images/module_front.png) no-repeat 0 0; height: 190px; padding: 11px 0px 0px 5px; border: 0px; }
/* for Internet Explorer */
/*\*/
* html div#module_block { padding: 24px 0px 0px 0px; }
* html ul#module_front li { width: 275px; padding: 16px 0px 0px 5px; }
/**/


ul#module_front li img { position: relative; margin: 5px 0 0 19px; }

ul#module_front li#module_left { margin: 0 11px 0 0; }
ul#module_front li#module_right { margin: 0 0 0 11px; }
ul#module_front li#module_left h3, ul#module_front li#module_middle h3, ul#module_front li#module_right h3 { padding: 0px 0px 0px 0px; margin: 0px; }
/* for Internet Explorer */
/*\*/
* html ul#module_front li#module_left { margin: 0px 5px 0px 0px; }
* html ul#module_front li#module_right { margin: 0px 0px 0px 5px; }
/**/
ul#module_front li#module_left p, ul#module_front li#module_middle p , ul#module_front li#module_right p { color:#317d85; padding: 2px 20px 4px 0px; font-size: 1.0em; line-height: 1.4em; }
/* for Internet Explorer */
/*\*/
* html ul#module_front li#module_left p { padding: 5px 20px 5px 0px; }
* html ul#module_front li#module_middle p { padding: 5px 20px 5px 0px; }
* html ul#module_front li#module_right p { padding: 5px 20px 5px 0px; }
/**/
div#module_wide_left, div#module_wide_right {position:relative; width: 417px; z-index: 1; height: 189px; padding: 10px 0 0 ; margin: 0 13px 10px 0; color: #0299aa; float: left;}
div#module_wide_left, div#module_wide_right {background:url(images/bgGeneralGradient.jpg) no-repeat left top;}
div#module_wide_left p, div#module_wide_right p { color:#317d85; padding: 6px 20px 0 25px; font-size:1.0em; line-height:1.4em; }
div#module_wide_right { margin: 0; }
 
li#module_left p {
padding-left:1px;
} 
ul#module_front li#module_left img {
margin-left:20px;
}
li#module_right p, li#module_middle p {
padding-left:2px;
} 


ul#module_front li#module_right img, ul#module_front li#module_middle img {
margin-left:21px;
}
div.water-saving, div.our-brand {
top:-12px;
}
div.water-saving img, div.our-brand img, div.partner-sustainability img, div.solution-approach img, div.water-saving1 img, div.case-studies img {
position: absolute; top: 79px; left: 25px;
}
div.water-saving img.mask, div.our-brand img.mask, div.partner-sustainability img.mask, div.solution-approach img.mask, div.water-saving1 img.mask, div.case-studies img.mask {
position: absolute; top: 130px; left: 0;
}
div.water-saving h3 img, div.our-brand h3 img, div.partner-sustainability h3 img, div.solution-approach h3 img, div.water-saving1 h3 img, div.case-studies h3 img {
position:static; top: 0; left: 0;
}
div.module_block li.wide img.mask
{
	top:-48px;
}
div#product { position: relative; margin: 0 0 20px; }
div#product h4, div#product p { padding: 0 0 0 140px; }
div#product img { margin: -70px 0 0; padding:0; }
div.product_featured {width: 150px; float: left;padding: 0px 5px 3px 9px;}
div.product_featured h4 { padding: 5px 0px 0px 5px; color: #0099a9; font-size: 1.3em; }
div.product_featured p, div#product_featured h4 { padding:0; margin:0;  text-align: center; }
div#block_top p { margin: 0;}
div#top_inner_left, div#top_inner_right {float:left; width: 430px; }
div#top_inner_right {width: 380px;padding-top:30px; }
div#brochure {padding: 15px 0 0 10px;}
div#brochure1 {padding: 135px 0 0 10px;}
div#content_main div#content_left H4, div#content_main div#content_right H4 { padding: 20px 0px 0px 0px; }
div#content_main div#content_right p { top: 80px; left: 220px; padding: 0; margin:0; font-size: 1.0em; }
div#content_main div#content_left p { font-size: 11px; margin: 0 20px 0.0em 0; }
div#content_main div#content_right img { position: relative; top: 0; padding: 0px; }
div#content_right img { padding: 0px; margin: 0px 0px 18px 0px; }
div#content_main div#content_right { font-size: 11px; }
div#content_main div#content_right .rightGeneralText { font-size: 1.0em; }
div#content_main div#content_right .rightGeneralText P { font-size: 1.0em; }
/* for Internet Explorer */
/*\*/
* html div#content_right img { margin: 0px 0px 21px 0px; }
/**/
div#top_inner_right h4 { text-align: center; position: relative; top: -30px;  }
div#content_main div#content_right img.water_usage { position: relative; top: -130px;left:-30px;}
div#product_featured p { color : #0299aa; }
img.mask { position: absolute; top: -60px; left: -30px; }

/* ---------->>> SITE INFO <<<-----------*/
ul#logos {
padding-left:18px;
}
ul#logos li { float: left; margin: 0 0 0 5px;}
li#caroma {
padding-top:3px;
}
ul#nav_bottom {
font-size:.9em;
padding:4px 0 0 0;
position:absolute;
right:21px;
}
ul#nav_bottom li  { padding: 0 7px 0 3px;display:inline;}
ul#nav_bottom a  { color: #BBC2C6; }
div#module_wide_left h3, div#module_wide_right h3{
padding: 6px 0 0 25px;
margin:0;
}

div.content-finish {
clear:both;overflow:hidden;text-indent:-1000em;height:1px;margin:-1px 0 0 0;
}
div#top_inner_right ul#text, div.generalText ul#text,div#top_inner_right div.rightGeneralText, div#content_right div.rightGeneralText {
font-size: 1.0em;

width:380px;
}
div#content_main div#top_inner_right div.rightGeneralText p{
color:#536978;
}
div.generalText ul#text, div#content_right div.rightGeneralText{ 
padding-bottom:1em;
font-size:.9em;
}

div.generalText { padding: 40px 0px 0px 0px ; }

div#content_right1 img.imageFeature {
margin:0 0 24px;
}
div#top_inner_right ul#text li {
background:url(images/iconSquare.gif) no-repeat left 5px;
padding:0 0 .2em 10px;
width:370px;
}
div#top_inner_left P { width:380px; font-size: 1.3em; }

div.products-container { width:825px; margin:0 auto; padding: 0px 0px 0px 0px; }
div.products-container H2.products_heading { padding-left: 11px; }
div.casestudies-container .product_container { padding-left: 11px; }
div.casestudies-container H2.products_heading { padding-left: 22px; }
div.products-container1 .product_container { padding-left: 11px; }



fieldset#water_calculator table {
border-collapse:collapse;
text-align:left;
font-size:.9em;
}
fieldset#water_calculator th {
font-weight:normal;
width:54px;
}
fieldset#water_calculator td {
width:72px;
padding-left:10px;
}
fieldset#water_calculator td.inputDetails {
width:215px;
padding:0 0 .3em;
}
fieldset#water_calculator td.inputDetails input {
	width:215px;  
	height:20px;   
	margin:5px 0 0 10px;
	border: none;
	background:#bfe5e9;
	font-size:.9em;
}
fieldset#water_calculator input.Submit {
	cursor:pointer;
}
#content_main #block_top p {
	color:#7fccd4;
}

#content_main #block_top p {
	color:#7fccd4;
}


#content_main #block_top p.calc-details {
	color:#536978;
	font-size:.9em;
	padding-bottom:1em;
}

#content_main #top_inner_left #calc-details p{
	color:#536978;
	font-size:.9em;
	padding-bottom:1em;
}


img#useagecalc
{
	margin:2.5em 0 0 35px;
}

div#content_main div#content_left div.intro2 p { font-size:1.2em; color:#7fccd4; line-height:1.3em; }

h2.products-heading {
padding:0 0 6px 20px;
}

#Feedback FIELDSET.contactForm LABEL { width: 110px; padding: 7px 0px 0px 0px; magin: 0px; }
#Feedback FIELDSET.contactForm INPUT { width: 250px; margin: 5px 0px 0px 0px; padding: 1px; }
#Feedback FIELDSET.contactForm TEXTAREA { width: 250px; margin: 5px 0px 0px 0px; padding: 1px; }


div.contactDetails table {
border-collapse:collapse;
font-size: 1.0em;
}
div.contactDetails th {
padding-bottom:.2em;
width:45px;
color:#536978;
font-size: 1em;
}
div.contactDetails td {
color:#0098a8;
padding-bottom:.2em;
width:200px;
font-size: 1em;
padding-left:20px;

}
fieldset.contactForm { font-size: 1em; }
fieldset.contactForm label { font-size: 1em; }


h3.boxHeading {
padding-bottom:.8em;
}
div.press-release {
position:relative;
padding-bottom:1em;
}
div.press-release img{
top:0;
position:absolute;
}
div.press-release p,div.press-release h5{
padding-left:27px;
}
div.press-release h5{
font-weight:normal;
font-size:.9em;
}
div.press-release a{
text-decoration:underline;
}
div.press-release a:hover{
color:#0098a8;
}

div.home-page {
margin-top:-30px;
margin-left: 0px;
}

h3.module-home { height: 25px; background: url(/App_Themes/CaromaDorf/Images/iconHome.jpg) 20px 6px no-repeat; padding: 6px 0px 0px 46px; border: 1px solid pink; }


span.grass
{
	position: absolute;
	top: 134px;
	left: -16px;
	display: block;
	width: 377px;
	height: 77px;
	background: url(/App_Themes/CaromaDorf/Images/grass.png);
}

span.grasslong
{
	position: absolute;
	top: 140px;
	left: 0;
	display: block;
	width: 417px;
	height: 77px;
	background: url(/App_Themes/CaromaDorf/Images/grasslong.png);
}

UL#module_front2 { overflow: hidden; }
UL#module_front2 li { BACKGROUND: url(/App_Themes/CaromaDorf/Images/module_front.png) no-repeat 0px 0px; float: left; PADDING: 0px 0px 0px 5px; WIDTH: 270px; POSITION: relative; HEIGHT: 190px;}
/* for Internet Explorer */
/*\*/
* html UL#module_front2 LI { WIDTH: 275px; }
/**/

UL#module_front2 LI IMG { MARGIN: 18px 0px 0px 19px; POSITION: relative }
UL#module_front2 LI#module_left { MARGIN: 0px 11px 0px 0px }
UL#module_front2 LI#module_right { MARGIN: 0px 0px 0px 11px }
UL#module_front2 LI#module_left H3 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px }
UL#module_front2 LI#module_middle H3 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px }
UL#module_front2 LI#module_right H3 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px }
/* for Internet Explorer */
/*\*/
* html UL#module_front2 LI#module_left { MARGIN: 0px 5px 0px 0px }
* html UL#module_front2 LI#module_right { MARGIN: 0px 0px 0px 5px }
/**/

UL#module_front2 LI#module_left IMG { MARGIN-LEFT: 20px }
UL#module_front2 LI#module_right IMG { MARGIN-LEFT: 21px }
UL#module_front2 LI#module_middle IMG { MARGIN-LEFT: 21px }

div.module-home2 { padding: 6px 0px 0px 46px; BACKGROUND: url(/App_Themes/CaromaDorf/Images/iconHome.jpg) no-repeat 20px 6px; HEIGHT: 25px; font-weight: bold; font-size: 1.2em; width: 215px; }

UL#module_front2 SPAN.grasslong { TOP: 115px; }