@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

body 
{
	text-align: center;
	font-size: 11px;
	background-image:url(../images/body-bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#ffffff;
	font-family:"Trebuchet MS"; 
	
}

h1, h2, h3, h4, h6, li, td {
	text-align: left;
}

h1 {
	font: bold 22px "Trebuchet MS";
	color:#445b7e;
	padding:15px 0 10px 0;
}

h2 {
	font: bold 15px "Trebuchet MS";
	color:#445b7e;
	margin:10px 0 10px 0;
}

h3 {
	font: bold 13px "Trebuchet MS";
	color:#000;
	float:left;
}

h4 {
	font: bold 13px "Trebuchet MS";
	color:#638b03;
	margin:5px 0 10px 0;
}
h5{
	font: bold 13px "Trebuchet MS";
	color:#333;
}
h6{
	font: bold 13px "Trebuchet MS";
	color:#000;
}
.main-heading{
	font: bold 15px "Helvetica";
	color:#445b7e;
	margin:5px 0 10px 0;
	float:left;
}

li, td {
	line-height: 160%;
	text-align: left;
}

p{
	font: normal 13px "Trebuchet MS";
	font-weight:normal;
	text-align:justify;
	color:#000;
	line-height:25px;
}

a img {
	border: none;
}

table td p{
padding-left:10px;
}
table td{
	padding:3px;
}
div.clear-div {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

.bold-txt {
	color: #000000;
	font-weight: bold;
}

#page-wrapper {
	width: 928px;
	height:auto;
	margin: 0 auto;
}

#top-bg {
	width: 928px;
	height:46px;
	background-color:#445b7e;
	margin: 0 auto;
}

#navigation{
	width:723px;
	height:46px;
	float:left;
}

#navigation li{
	height:15px;
	text-decoration:none;
	display:inline;
	font: normal 14px "Trebuchet MS";
	color:#FFFFFF;
}

#navigation ul{
	margin-top:14px;
	margin-bottom:13px;
}

#navigation ul li a{
	height:15px;
	font-size:14px;
	color:#ffffff;
	text-decoration:none;
	padding:15px 10px 13px 10px;
}

#navigation ul li a:hover{
	height:15px;
	display:inline;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	padding:15px 10px 13px 10px;
	background-color:#344a6b;
}

.nav-hover-bg{
	background-color:#344a6b;
}

#nav-hover-bg{
	background-color:#344a6b;
}

#header{
	width:928px;
	height:103px;
	float:left;
}

#logo{
	width:477px;
	height:103px;
	float:left;
}

#logo-img{
	width:109px;
	height:103px;
	float:left;
}

#logo-txt{
	width:368px;
	height:63px;
	float:left;
	font: 21px "Trebuchet MS";
	color:#000000;
	text-align:left;
	padding-top:20px;
	font-weight: bolder;
}
#logo-txt p{
	font: 18px "Trebuchet MS";
	color:#666666;
	text-align:left;
	padding-top:4px;
}

#search{
	width:152px;
	height:29px;
	float:right;
	margin:40px 0px 0 0;
}

#banner{
	width:928px;
	height:359px;
	background-color:#e9e9e9;
	float:left;
}

#main-banner{
	width:600px;
	height:359px;
	float:left;
	padding:0 10px 0 10px;
}

#banner-BTN{
	width:307px;
	height:359px;
	float:right;
}

#banner-BTN1{
	width:297px;
	height:32px;
	font: normal 24px "Trebuchet MS";
	background-color:#e9b913;
	margin:11px 0px 9px 0px;
	float:left;
	color:#FFFFFF;
	text-align:left;
	padding-top:74px;
}

#banner-BTN2{
	width:297px;
	height:32px;
	font: normal 24px "Trebuchet MS";
	background-color:#7eab12;
	margin:0px 0px 8px 0px;
	float:left;
	color:#FFFFFF;
	text-align:left;
	padding-top:74px;
}

#banner-BTN3{
	width:297px;
	height:57px;
	font: normal 24px "Trebuchet MS";
	background-color:#3488af;
	margin:0px 0px 13px 0px;
	float:left;
	color:#FFFFFF;
	text-align:left;
	padding-top:50px;
}
#banner-BTN1 a, #banner-BTN2 a, #banner-BTN3 a{
	text-decoration:none;
	color:#FFFFFF;
}

#Main-body{
	width:928px;
	height:auto;
	float:left;
	background-color:#f6f6f6;
}
#Main-index-body{
	width:928px;
	height:auto;
	float:left;
	background-color:#fff;
}

#Main-index-body ul{
	text-decoration:none;
	text-align:justify;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#Main-index-body ul li{
	text-align:justify;
	color:#000000;
	margin-bottom:10px;
	list-style-type:disc;
	font:13px "Verdana";
	list-style-position:outside;
	margin:0px;
	padding:0px;

}

#Body-left{
	width:442px;
	height:auto;
	float:left;
	padding-right:22px;
}
#Body-left ul{
	color:#069;
	padding:3px;
}
#Body-left ul li{
color:#069;
font-weight:bold;
font-size:11px;
line-height:20px;
}

#Body-right{
	width:442px;
	height:auto;
	float:left;
	padding-left:22px;
}
#Body-right ul{
	color:#069;
	padding:3px;
	
}
#Body-right ul li{
color:#069;
line-height:20px;
font-weight:bold;
font-size:11px
}

#inner-left{
	width:226px;
	height:auto;
	float:left;
	margin-left:5px;
}

#inner-left ul {
	text-decoration:none;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#004B97;
	padding-left:20px;
}

#inner-left li {
	width:185px;
	padding:7px 0 7px 0;
	border-bottom:dotted 1px #CCCCCC;
	text-decoration:none;
	list-style-type:none;
}

#inner-left li a{
	font-size:12px;
	color:#004B97;
	text-decoration:none;
}

#inner-left li a:hover{
	font-size:12px;
	color:#006600;
	text-decoration:none;
}

#inner-right{
	width:697px;
	height:auto;
	float:left;
	background-color:#fff;
}

#inner-right p{
	padding-right:5px;
}

#inner-right ul{

	font-size:12px;
	line-height:20px;
	color:#000000;
	padding-left:20px;
}

#inner-right ul ul li{
text-decoration:none;
list-style-type:none;

}

#inner-right li{

background-position:left center;
	margin:0px;
	padding:0px;
}
#silentfeature{
	width:226px;
	height:auto;
	float:left;
	margin-left:5px;
}
#img-title{
	width:160px;
	height:auto;
	float:left;
	padding:30px 25px 0 10px;
	
}
#bus-network{
width:187px; 
height:28px; 
float:right; 
margin-top:50px;
}
#content-heading{
	font-size:14px;
	color:#000;
	font-weight:bold;
	float:left;
	border-bottom:1px solid #5481bf;
}

#footer{
	width:928px;
	height:65px;
	background-color:#445b7e;
	float:left;
}

#footer ul li{
	height:15px;
	text-decoration:none;
	display:inline;
	font: normal 13px "Trebuchet MS";
	color:#bfbfbf;
}

#footer ul{
	height:15px;
	float:left;
	margin-top:8px;
	margin-left:8px;
}

#footer ul li a{
	height:15px;
	font-size:13px;
	color:#bfbfbf;
	text-decoration:none;

}

#footer ul li a:hover{
	height:15px;
	display:inline;
	font-size:13px;
	color:#FFFFFF;
	text-decoration:none;
}

.ftr-txt{
width:400px;
	float:left;
	font-size:11px;
	color:#bfbfbf;
	margin:5px 0px 0 8px;
}

#searchboxbg{
	width: 120px;
	height: 32px;
	background-image: url(images/search-bg.gif);
	background-repeat:no-repeat;
	float:left;
}

.searchbox {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #999595;
    font-family: "Trebuchet MS";
    font-size: 11px;
    height: 25px;
    margin: 0;
    padding: 2px 5px 0;
    width: 100px;
}

#searchbut{
	width: 32px;
	height: 28px;
	float:right;
	background-image: url(images/searchbut-bg.gif);
	background-repeat:no-repeat;
}

.searchbutbg{
	width: 32px;
	height: 28px;
	background:none;
	border:none;
	cursor:pointer;
}
.table-txt{
	font-size:13px;
	font-family: "Trebuchet MS";
}

#cont-us{
	width:300px;
	float:left;
	font-size:13px;
	font-family: "Trebuchet MS";
	text-align:left;
	color:#000;
}


#user-con{
	width:350px;
	height:auto;
	float:left;
}

#user-con1{
	width:340px;
	height:auto;
	float:left;
}

.product-innerp{
	float:left;
	padding-left:10px;
	padding-right:10px;
}
.prdt-back{
	float:right;
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}
.prdt-p{
	padding-right:70px;
}

.style7{
color:#FF0000;
}

#products{
	width:635px;
	height:auto;
	float:left;
	}
#products-list{
	width:170px;
	height:auto;
	float:left;
	margin-left:29px;
	border:solid 1px #999999;
	margin-bottom:20px;
	}

.product-name{
	text-decoration:underline;
	color:#333333;
	font-size:13px;
	padding-left:5px;
	}

.product-name:hover{
	font-weight:bold;
	color:#004B97;

	}

.product-img{
	text-align:center;
	text-decoration:none;
	color:#999999;
	}
#products-cartridge{
	width:675px;
	height:auto;
	float:left;
	background-color:#faf6ea;
	background-repeat:no-repeat;
	border-left:1px solid #fcd550;
	border-right:1px solid #fcd550;
	border-bottom:1px solid #fcd550;
	padding:8px;
	}


#products-watersave{
	width:675px;
	height:auto;
	float:left;
	background-color:#f4fcf4;
	background-repeat:no-repeat;
	border-left:1px solid #8daf77;
	border-right:1px solid #8daf77;
	border-bottom:1px solid #8daf77;
	padding:8px;
	}
#products-saveproduct{
	width:675px;
	height:auto;
	float:left;
	background-color:#ebf3ff;
	background-repeat:no-repeat;
	border-left:1px solid #6e7f99;
	border-right:1px solid #6e7f99;
	border-bottom:1px solid #6e7f99;
	padding:8px;
	}

#user-content{
	width:690px;
	height:auto;
	float:left;
	background-color:#ebf3fe;
	border-left:1px solid #fcd550;
	border-right:1px solid #fcd550;
	border-bottom:1px solid #fcd550;
	text-align: left;
	}
.cartridge-p{

}
.cartridge-p1{
	padding-left:5px;
	}
	
.clear{
	clear:both;
}

.bullet{
	font: normal 12px "Trebuchet MS";
	color:#000;
}

.listspace{
	padding-left:2px;
	margin:0px;
}
.top{
	text-decoration:none;
	color:#004B97;
	float:right;
	font-weight:bold;
	padding-right:12px;
}

#water-toilet-img{
	width:228px;
	height:auto;
	float:left;
	border:solid 1px #999999;
	}
#water-toilet-h4{
	width:228px;
	height:auto;
	float:left;
	}
.right-li{
	padding-left:10px;
	}
	
#slider{
	width:600px;
}

.how-linl a{
	text-decoration:none;
	color:#445b7e;
	text-decoration:underline;
	}

.how-linl a:hover{
	color:#1f84ea;
	}

#submitbut{
 background-image:url(../images/btn-2.gif);
 background-repeat:no-repeat;
 border:none;
 width:90px;
 height:30px;
 float:left;
 cursor:pointer;
 background-color:#FFFFFF;
}
#submitbut1{
	background-image:url("../images/btn-1.jpg");
	background-repeat:no-repeat;
	border:none;
	width:90px;
	height:30px;
	float:left;
	cursor:pointer;
	background-color:#FFF;
}
.trail{
font-size:11px;
color:#999999;
margin-left:3px;
float:left;
clear:both;
}
.trbg{
	background-color:#FFF;
	padding:5px;
}

#content-divider{
	border-bottom:1px dotted #333;
	width:650px;
	padding:10px;
	margin-left:5px;
}
#site-map{
width:600px;
}
#site-map ul{
margin:0px; 
padding:0px; 
margin-left:20px;
color:#333333;
}
#site-map ul li a{
color:#333333;
font-size:12px;

text-decoration:none;
}
#site-map ul li a:hover{
color:#333333;
font-size:12px;
text-decoration:underline;
}
#site-map ul li ol{
margin:0px; 
padding:0px; 
margin-left:20px;
}
#site-map ul li ol li{
color:#333333;
}
#site-map ul li ol li a{
color:#333333;
text-decoration:none;
}
#site-map ul li ol li a:hover{
color:#333333;
text-decoration:underline;
}

/*class*/
.word{
font: normal 5px "Trebuchet MS";
color:#ffffff;
padding:0px;
margin:0px;
}

/*End class*/