@charset "UTF-8";
/* CSS Document */

/* pullout css start  */	

.banner-block{
	float:left;
	width:100%;
	position:relative;
	}
.banner-block .banner-img{
	float:left;
	width:100%;
	}	
.promo-label{
	position:absolute;
	top:40px;
	right:30px;
	width:380px;
	}			
.promo-label div{
	float:left;
	width:96%;
	padding:10px 2%;
	font-size:39px;
	font-family:"Arial Black", Gadget, sans-serif;
	color:#000;
	text-align:center;
	background-color:rgba(255,255,255,0.86);
	background-image:url(/resources/images/promo/bg-shadow.png);
	line-height:1.2;
	margin-bottom:10px;
	}	
.promo-label div span{
	color:#009900;
	}
.promo-label div label{
	color:#ff0000;
	}
.shope-now-bnt{
	display:inline-block;
	min-width:340px;
	background-color:#0099ff;
	color:#fff !important;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:35px;
	text-decoration:none !important;
	height:65px;
	text-align:center;
	border:none;
	border-radius:15px;
	background-image:url(/resources/images/promo/blue-btn-bg.png);
	background-repeat:repeat;
	background-position:0 0;
	padding: 0 20px;
	}			

.shope-now-bnt:active {
    position: relative;
    top: 2px;
}
.shope-now-bnt img{
	display:inline-block;
	margin-top:18px;
}
.heading-1{
	float:left;
	width:100%;
	color:#333333;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:22px;
	}
.block-content{
	float:left;
	width:976px;
	border-left:1px solid #989898;
	border-right:1px solid #989898;
	background-color:#fff;	
	}	
.pull-left{
	float:left;	
	}	
.w_100pr{
	width:100%;
	}
.text-center{
	text-align:center;	
	}	
.m_t_10{
	margin-top:10px;
	}
.m_t_20{
	margin-top:20px;
	}
.m_b_10{
	margin-bottom:10px;
	}
.m_l_5{
	margin-left:5px;
	}
.faucet-pulldown-img{
	float:left;
	max-width:340px;
	}	
.faucet-samples{
	 float: left;
    margin-left: 15px;
    width: 600px;
	}	
.faucet-samples p{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:20px;
	float:left;
	width:100%;
	margin-bottom:0;
	}
img{
	border:none;
	}	
/* pullout css end  */	


/* Gaint pump css */

.pump-container{
	float:left;
	width:97%;
	padding:20px 1.5% 0;
	background:#fff;
	}
.pump-container img{
	display:inline-block;
	}	
.pump-left-block{
	float:left;
	width:425px;
	}
.pump-left-block h2{
	float:left;
	margin:0;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:28px;
	color:#333333;
	}	
.pump-left-block p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	float:left;
}
.pump-left-prod{
	 border: 1px solid #cfcfcf;
    box-shadow: -3px 4px 1px #e8e8e8;
    float: left;
    text-align: center;
    width: 100%;
	}	
.pump-right-block{
	float:right;
	width:490px;
	}
.pump-products-right{
	background:#f4f4f4;
	text-align:center;
	padding:10px 0;
	float:left;
	width:100%;
	margin-top:10px;
	}		
.pump-right-block span{
	margin:0 0 10px 35px; 
	width:192px;
	float:left;
}
.pump-right-block span img{
	float:left;
}
.pump-right-block span a{
	clear:both;
	float:left;
	clear:both;
	width:100%;
	text-align:center;
}
.pump-question{
	float:left;
	width:750px;
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	}	
.pump-question strong p{
	float:left;
	width:100%;
}
.pump-question strong{
	color:#333;
	float:left;
	
	}	
.btnActive:active{
	position:relative;
	top:2px;
	}	
	
/*  BEGIN CHARANDEEP */
.left { float:left;}
.right {float:right;}
.clear { clear:both;}

/* h1, h2, h3, h4, h5, h6, p { font-weight:normal; margin:0px;} */
a img { border:0px;}
a { text-decoration:none;}
a:hover { text-decoration:underline;}

.ContentContainer { width:978px; text-align:left; margin:0 auto;}
.logo { float:left; padding:15px 20px 0px 0px;}

.content { padding:15px 0px 0px 0px; }
.content h1 { padding:0px 0px 0px 0px; font-size:18px; font-weight:700; color:#000;}
.content p { padding:12px 0px 0px 0px; line-height:18px; font-size:13px; color:#000;}
.content h2 { font-weight:700; padding:30px 0px 20px 0px; font-size:18px; color:#000;}

.title { padding:30px 0px 0px 0px;}
.title h2 {  text-align:center; padding:0px 0px 0px 0px; font-size:18px; color:#0066cc; font-weight:700;}
.title h2 a { color:#0066cc;}

.col-one { padding:32px 0px 0px 0px; margin:0px 0px 0px 60px; width:400px; float:left;}
.col-one h3 { text-align:center; padding:0px 0px 20px 0px; font-size:18px; color:#0066cc; font-weight:700;}
.col-one h3 a {color:#0066cc;}
.col-one img {-webkit-box-shadow: 5px 5px 8px 0 rgba(181,181,181,0.7);
box-shadow: 5px 5px 8px 0 rgba(181,181,181,0.7); border:1px solid #fff; margin-bottom:10px;}

.col-one p { font-size:13px; line-height:18px; padding:20px 0px 0px 0px;}
.col-one a { color:#0066cc;}

.pic { padding:0px 20px 10px 0px; float:left;}
.pic img {-webkit-box-shadow: 5px 5px 8px 0 rgba(181,181,181,0.7);
box-shadow: 5px 5px 8px 0 rgba(181,181,181,0.7); border:1px solid #fff;}

.spacer { margin-bottom:20px;}

.list-section { padding:15px 0px 0px 0px; margin-right: 15px }

.list-section h1 { padding:0px 0px 0px 0px; font-size:18px; font-weight:700; color:#000;}
.list-section p { padding:12px 0px 0px 0px; line-height:18px; font-size:13px; color:#000;}
.list-section h2 { font-weight:700; padding:30px 0px 20px 0px; font-size:18px; color:#000;}