/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:18px;
	text-decoration:none;
	padding:0px;
	margin:0px;
	font-size:12px;
	}
	
p{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:18px;
	text-decoration:none;
	padding:0px;
	margin:0px;
	font-size:12px;
	}
	
	
li,ol,ul{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:18px;
	text-decoration:none;
	padding:0px;
	margin:0px;
	font-size:11px;
	}
	
td{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:18px;
	text-decoration:none;
	padding:0px;
	margin:0px;
	font-size:18px;
	}
	
form{
	margin:0px;
	padding:0px;
	}		

img{
	border:0px;
	}
	
.left{
	float:left;
	}	

.right{
	float:right;
	}	
/*------------ Body Stats Here ---------*/				

#main-container{
	width:940px;
	margin:0 auto;
	overflow:hidden;
	}
	
.logo{
	float:left;
	padding-left:18px;
	}	
	
.slogen{
	float:left;
	width:400px;
	text-align:left;
	vertical-align:bottom;
	padding-left:160px;
	}	
	
.social{
		float:left;
		margin:12px 0px 0px 14px;
		width:98px;
	
}

.nav{
	width:940px;
	float:left;
	margin-top:10px;
	}

.graphice-header{
	width:940px;
	float:left;
	}
	
	
#content-container1{
	width:940px;
	float:left;
	overflow:hidden;
	}	
	
#content-container{
	width:938px;
	float:left;
	border-left:1px solid #D8D8D8;
	border-right:1px solid #D8D8D8;
	border-top:1px solid #D8D8D8;
	margin-top:6px;
	overflow:hidden;
	}
	
.content-bg{
	background:url(../Images/design-images/content-btm-bg.gif) no-repeat top left;
	width:940px;
	height:12px;
	float:left;
	padding-bottom:10px;
	}
	
.view-product-container{
	width:600px;
	padding:10px 0 0 12px;
	float:left;
	}
	
.img-border {
	border:1px solid #d8d8d8;
	}	
 .productTextInput{
    width:30px;
    }

.view-text{
	font-weight:bold;
	color:#F96611;
	width:584px;
	float:left;
	text-align:right;
	}
	
.view-text1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-decoration:underline;
	color:#F96611;
	}
	
.view-text1:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
	font-weight:bold;
	color:#F96611;
	}			
.view-product-bg{
	background:url(../Images/design-images/prduct-bg.gif) repeat-x top left;
	width:586px;
	float:left;
	margin-top:10px;
	}
	
.right-container{
	width:324px;
	float:left;
	}
	
.right-bg{
	background:url(../Images/design-images/right-bg.gif) repeat-x left top;
	width:320px;
	height:100px;
	float:left;
	height:247px;
	}

.water-logo{
	width:320px;
	text-align:center;
	margin-top:10px;
	}

.water-txt{
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:15px;
	text-align:justify;
	padding:10px 10px 0 10px;
	}
	
.welcome-eco{
	background:url(../Images/design-images/hdr2.jpg) no-repeat top left;
	width:318px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding-top:115px;
	}		

.water-url{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	text-decoration:underline;
	}
	
.water-url:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#333333;
	}					

/*------------ Body End Here ---------*/
.productlarge {float:left;width:625px;padding:0px;}
.product-img{float:left; width:250px; height:450px;}
.product-title{float:left; width:250px;  } .product-title h3{ text-align:left;  }
.product-price{float:left;  padding-left:5px; border-left:#f60 solid 1px; }
.product-price h3{color:#f60; font-size:24px;}
.product-share {float:left; width:320px;   padding: 20px 0px 20px 0px;  }
.product-colors {float:left; width:320px;  padding: 20px 0px 20px 0px;  border-top:#f60 dotted 1px;}
.product-size {float:left; width:270px;   }
.product-qt {float:left; width:100px;padding: 20px 0px 20px 0px;   }
.product-buy {float:left; width:50px; padding: 20px 0px 20px 0px;  }
.product-discription {float:left; width:320px; padding: 40px 0px 20px 0px;border-top:#f60 dotted 1px;   } 
.product-discription p { font-size:14px;  } 

.product-discription li {padding: 0px 0px 0px 30px; border-left:#f60 dotted 1px; list-style:circle;  }
.product-related {float:left; width:625px; border-top:#f60 dotted 1px; padding-top:10px;  }

/*------------ Footer Starts Here ---------*/	

#footer-bg{
	background:url(../Images/design-images/footer-bg.gif) repeat-x left top;
	float:left;
	width:940px;
	margin-top:2px;
	text-align:left;
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding:1px 0 0px 10px;
	text-decoration:none;
	}

.footer-links{
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	}
	
.footer-links ul{
		margin:0px; padding:0px;
}

.footer-links ul li{
		list-style:none;
		display:inline;
		background:url(../Images/design-images/footer-list.gif) right no-repeat;
}
.footer-links ul li a{
		color:#FFF;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px 10px;
}

.footer-links ul li a:hover{
		text-decoration:underline;
}

.copy-right{
	width:500px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:left;
	padding-left:5px;
	font-size:12px;
	}
	
.all-right{
	width:400px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:right;
	padding-left:5px;
	font-size:12px;
	}	
	
	
/* Sachin Css Starts here   */	
.shopping-bg {
	background:url(../Images/design-images/top-bg.gif) top repeat-x;
	height:20px;
	text-align:right;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:6px 23px 0 0;
	text-decoration:none;
	}	
	
.shopping-bg a{
	text-align:right;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	}		
	
.hrd-bg {
	background:#379b03;
	height:29px;
	text-align:right;
	}
	
.hrd-bg a {
	text-align:right;
	text-decoration:none;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:6px 23px 0 0;
	}
	
.view-product-bg1{
	background:url(../Images/design-images/prduct-bg.gif) repeat-x top;
	}
	
.center-box{
	width:938px;
	margin:0 auto;
	border-left:1px solid #D8D8D8;
	border-right:1px solid #D8D8D8;
	border-top:1px solid #D8D8D8;
	margin-top:6px;
	text-align:center;
	height:auto;
	}
	
.category-heading {
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	background:url(../Images/design-images/arrow.gif) left top no-repeat;
	padding:0 0 0 35px;
	}
	
.prod-box {
	width:205px;
	height:173px;
	background:url(../Images/design-images/prod-bg.gif) top no-repeat;
	text-align:center;
	margin:15px 0 0 0; 
	}
	
.prod-link {
	text-align:center;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#f96611;
	text-decoration:none;
	font-weight:bold;
}

.contact-bg {
	border-left:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
	}
	
.input-bg {
	border:1px solid #c6c6c6;
	width:277px;
	height:21px;
	margin:0 0 0 10px;
	padding-left:5px;
	background:url(../Images/design-images/input-bg.gif) bottom repeat-x;
	}
	
.txt-area {
	border:1px solid #c6c6c6;
	width:277px;
	padding-left:5px;
	margin:0 0 0 10px;
	background:url(../Images/design-images/txt-area-bg.gif) bottom repeat-x;
	}
	
.red {
	color:#FF0000;
	font-weight:bold;
	}
	
.prod-box1 {
	width:160px;
	height:172px;
	background:url(../Images/design-images/prduct-bg1.gif) top center no-repeat;
	text-align:center;
	margin:15px 0 0 0;
	}
	
.prod-link1 {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	padding:0 0 0 10px;
}

.prod-link1 strong{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#f96611;
	text-decoration:none;
	font-weight:bold;
}

.green-bg {
	background:url(../Images/design-images/green-bg.gif) top no-repeat;
	width:219px;
	height:29px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding:0 0 0 10px;
	}
	
.lft-nav-bg {
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	}
	
.lft-list {
	margin:0px;
	padding:0px;
	}
	
.lft-list ul{
	float:left;
	margin:0px;
	}
	
.lft-list ul li{
	list-style:none;
	margin:0 0 0 10px;
	line-height:25px;
	}
	
.lft-list ul li a{
	color:#4c4c4c;
	text-decoration:none;
	}
	
.lft-list ul li a:hover{
	color:#379b03;
	text-decoration:underline;
	}
	
.large-prod-bg {
	
	width:347px;
	height:344px;
	}
	
.org-txt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:nonw;
	color:#f96611;
	}

#navigation { position: absolute; width:940px; top:97px;  background-color:#64c92f; height:33px;}
#navigation ul { float:left; display: inline; }
#navigation ul li.first {  border-left: 1px solid #fff; }
#navigation ul li { float: left; display: inline;  line-height:32px; border-right: 1px solid #fff; position: relative; }
#navigation ul li a { text-decoration: none; color: #fff; float: left; display: inline; padding: 0 17px; font-size:12px; font-weight:bold; }
#navigation ul li:hover{
	background-color:#fdb234;
}

#navigation ul li a:hover,
#navigation ul li a.hover,
#navigation ul li a.active { background: url(images/design-images/nav-active.gif) repeat-x 0 0; }

#navigation ul ul { display: none; float: none; position: absolute; top:32px; left: -1px; border: 1px solid #d1ddf2; border-bottom: 0; width:320px; margin-left:-1px; z-index:10000;}


#navigation ul ul li ul{ display: none; float: none; background-color:#64c92d; position: absolute; top:0px; display:none; left: -1px; border: 1px solid #d1ddf2; border-bottom: 0; width:310px; margin-left:320px; z-index:10000;}

#navigation ul ul ul li.sub{
	 background-color:#64c92d; 
}

#navigation ul ul ul li.sub a{
	background-color:#64c92d;
}

#navigation ul ul ul li.sub a:hover{
	background-color:#fdb234;
}

	
#navigation ul ul li{float: none; display: block; height: 30px; line-height:30px;font-weight:normal; background-color:#64c92d; }

#navigation ul ul li.bold a{
	font-weight:bold;
	background-color:#379b03;
	cursor:pointer!important;
}

#navigation ul ul li.bold{
		cursor:s-resize!important;
}

#navigation ul ul li.sub{
		padding:0px 0px 0px 10px;
}

#navigation ul ul li a { float: none; display: block;border-bottom: 1px solid #d1ddf2; background: #64c92d; color:#fff; font-weight:normal; }
#navigation ul ul li a:hover { background: url(images/design-images/dd-hover.gif) repeat-x 0 0; color: #666; }








.nav { position: absolute; width:940px; top:92px;  background-color:#64c92f; height:33px; }
.nav ul{ float:left; list-style:none; list-style-type:none; margin:0; padding:0;  }
.nav ul li {float: left; display: inline;  line-height:19px; border-right: 1px solid #fff;}
.nav ul li a { color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; text-transform:uppercase; display:block; padding:7px 20px; }
.nav ul li a:hover{ color:#fff; font-size:13px; text-decoration:none; display:block; background-color:#fdb234;}

.nav ul li ul { display: none; z-index:100 !important; width:250px; background-image:none; }
.nav ul li:hover ul { font-size:11px; display:block; position:absolute; min-width:300px; padding:0px 0px 0px 0px; *margin:28px 0 0 -94px; background-color:#64c92d; }
.nav ul li:hover ul li { background:none; text-align:left; color:#969595; line-height:30px; display:block; min-width:300px; background-color:#379b03; }
.nav ul li:hover ul li:hover{background-color:#379b03; }
.nav ul li:hover ul li a { display:block; color:#fff; font-size:11px; line-height:30px; font-weight:normal !important; padding:0 0 0 10px!important; font-family: Arial, Helvetica, sans-serif; font-weight:normal; text-align:left; }
.nav ul li:hover ul li a:hover { text-decoration:underline; color:#fff; background-image:none; text-decoration:none; background-color:#64c92d; padding:0 0 0 10px!important;
}
.nav ul ul li ul { display: none!important; z-index:100 !important; width:300px; background:#f0e2c5; background-image:none; }
.nav ul ul li:hover ul { display: block!important; position:absolute; min-width:300px; padding:0px 0px 0px 0px; margin:-30px 0 0 0px; left:298px; }
.nav ul ul li:hover ul li { display:block; background-color:#64c92d; text-align:left; color:#969595; padding:3px 0px; border-bottom:1px solid #f2f2f2; line-height:23px; }
.nav ul ul li:hover ul li a { display:block; color:#fff; font-size:11px; line-height:25px; font-weight:normal!important; padding:0 0 0 10px!important; font-family: Arial, Helvetica, sans-serif; text-align:left; }
.nav ul ul li:hover ul li a:hover { text-decoration:underline; color:#333333; background-image:none; text-decoration:none; background-color:#fef2f9; padding:0 0 0 10px!important; font-weight:normal!important; }
.nav ul li.last{ background-image:none; }

