/* CSS Document */


img {
	transition:all ease-in-out 0.5s;
}
#slider img:hover, #slider3 img:hover, #slider4 img:hover
	{	transform:scale(1.0);
		box-shadow: 0px 0px 0px #000000;
		border-right:2px solid #00A2DC;
		border-radius:0px; 
	}

img:hover {
	transform:scale(1.001);
	transition:all 0.3s ease-in-out;
	box-shadow: 0px 5px 3px #000000; 
	border-radius: 10px;
}

body 
	{	background:#ffffff;
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		overflow-x: hidden;
	}
#wrapper 

	{	width:auto; 
		margin: 0 auto;
		background-color: #DAF7FF;
		padding: 10px 0px 10px 0px;
	}

#social-media	
	{	margin: 0px 5px 0 0;
		float:right;
	}
#social-media p
	{	float:right;
		color:#fff;	
	}
#social-media ul li	
	{	display:inline;
		list-style-type:none;
		float:right; 
		margin: 0 0 0 5PX; 
	}
#cse
	{	background-color:#00a2dc;
		width:774px;
		position:absolute;
		top:43px;
		left:calc(50% - 387px);	
		z-index:30;
	}
#top
	{	border:22px solid #00A2DC;
		position:absolute;
		left:0;
		right:0;
		top:0;
	}		

/*Top-Nav*/
	
#nav a:link		{background-color:none; font-weight:bold; text-decoration:none; text-transform:Capitlaize; color:#fff;}
#nav a:visited	{background-color:none; font-weight:bold; text-decoration:none; text-transform:uppercase; color:#fff;}
#nav a:active	{background-color:none; font-weight:bold; text-decoration:none; text-transform:uppercase; color:#fff;}
#nav a:hover	{background-color:none; font-weight:bold; text-decoration:none; text-transform:uppercase; color:#fff;}
#nav a:focus	{background-color:none; font-weight:bold; text-decoration:none; text-transform:uppercase; color:#fff;}
#nav 
	{	position:absolute;
		top:0px;
		left:calc(50% - 387px);
		right:0px;
		height:45px;
	}
#nav ul 
	{	float:left;
		list-style:none;
		margin:0 auto 5px;
		padding:0;
	}
#nav li 
	{	float:left;
	}

#nav a 
	{	color:#fff;
		font-weight:bold;
		cursor:pointer;
		position:relative;	
	}

#nav strong
	{	font-size:16px;
		font-weight:bold;
		text-transform:Capitalize;
	}
#nav strong:hover 
	{	font-size:14px;
		font-weight:bold;
		text-transform:uppercase;
	}	

#nav ul li 
	{
		float:left;
		font-size:16px;
		line-height:16px;
		text-align:left;
		font-weight:bold;
		width:154.8px;
		padding:5px;
	}

#nav ul a 
	{	color:#FFFFFF;
		display:block;
		width:auto;
		padding:5px 0 2px 10px;
	}

#nav ul li ul
	{	position:relative;
		display:none;
		transition:all ease-in-out 2.5s;
		z-index:30;
	}
#nav ul li:hover ul
	{	left: 0px;
		top:8px;
		border-left: 3px solid #00A2DC;
		color:#00A2DC;
		display:block;
	}
#nav a.search:hover
	{	background-color:#00A2DC;
	}
	
#nav ul li.search:hover ul
	{	display:none;
	}
	
#nav ul li ul li
	{	background: #E9E9E9;
		width:375px;
		padding: 5px;
		top:7px;
		text-align:left;
		z-index:12;
		border-bottom: 1px solid #00A2DC;
	}
#nav ul li:hover ul li:hover
	{	background-color:#FFFFFF;
		border: 1px solid #00A2DC;
		border-radius:10px;
		color:#00A2DC;
		left:5px;
	}
#nav ul li ul li a
	{	color:#fff;
		display:inline-block;
		width:375px;
		height:20px;
		z-index:12;
	}
#nav ul li:hover ul li ul
	{	position:relative;
		display:none;
	}
#nav img:hover {
	border-radius:0px;
	box-shadow: none;
}
/*Left Navigation*/

#addnav
	{	position:absolute;
		left:-200px;
		top:0px;
		height:405px;
		font-size:16px;
		text-align:center;
		-webkit-perspective:0px;
		-webkit-perspective-origin:168.35;
		perspective:0px;
		perspective-origin:168.35px;
		transition: 0s;
		z-index:29;
	}
#addnav ul:nth-child(5) 
	{	border:4px solid gold;
		border-radius:50%;
		width:88px;
		height:88px;
	}
#addnav ul:nth-child(5) li strong
	{	color:#000000;
	}
#addnav ul:nth-child(5) li 
	{	margin-left:-1.99px;
	}	
#addnav ul:nth-child(5):hover 
	{	background-color:gold;
	}
#addnav ul:nth-child(5) li:hover strong
	{	color:#000000;
	}				
#addnav ul, #addnav ul li
	{	margin:0;
		padding:0;
		list-style:none;
		z-index:29;		
	}
#addnav ul li
	{	width: 96px;
		height: 96px;
		border-radius:50%;
		cursor: pointer;
		z-index:29;
	}
#addnav ul li img:hover
	{	transform:none;
		box-shadow:none;
	}
#addnav ul li:hover a
	{	color:#FFFFFF;		
	}	
#addnav ul:nth-child(5) a
	{	padding:34px 0;
		margin:-2px 0 0 -6px;
		color:#00A2DC;
		display:inline-block;
		text-decoration:none;
		z-index:29;
	}
#addnav ul li ul
	{	position:relative;
		left:120px;
		top:-85px;
		z-index:29;
		-webkit-transform:rotateY(90deg);
		transform:rotateY(90deg);
		transition:all ease-in 0.1s;
	}
#addnav ul li:hover ul
	{	transform:rotateY(0deg);		
	}
#addnav ul li ul li
	{	background: #FFFFFF;
		width:320px;
		height:auto;
		padding:0 20px 10px 20px;
		border: 5px solid #00A2DC;
		border-radius:10px;
		font-weight:bold;
		z-index:29;
	}

#addnav ul li ul li a
	{	color:#000000;
		display:inline-block;
		width:320px;
		height:35px;
		z-index:29;
	}
.tools
	{	position:absolute;
		top:500px;
		left:-15px;
		border:0px;
		border-radius:0%;
		width:0px;
		height:0px;
		z-index:29;
	}	
.cartBlink
	{	animation:Blinker 3s 1;
		-webkit-animation:Blinker 3s 1;
	}
@keyframes Blinker
{
	0%
	{	color:#FFFFFF;			
	}
	100%
	{	color:#00EB46;
		font-size:28px;
	}
}
@-webkit-keyframes Blinker
{
	0%
	{	color:#FFFFFF;			
	}
	100%
	{	color:#00EB46;
		font-size:28px;
	}
}
/*Body*/

h1 		
	{	text-align:left;
			color:#000;
	}
h2
	{	text-align:left;
	}

a	
	{	background-color:none;
	}

a:link 		{background-color:none; }
a:visited	{background-color:none; }
a:active	{background-color:none; }
a:hover		{background-color:none; }
a:focus		{background-color:none; }
#wrapper3
	{	max-width:774px;
		position:absolute;
		left:calc(50% - 387px);
		margin-top:20px;
		right:10px;
	}
#content
	{	position:absolute;
		top:45px;
		left:0px;
		height:1px;
		width:100%;
		overflow:auto;
	}
#box1 a:link	{background-color:none; font-weight:bold; text-decoration:none; color:#00A2DC;}
#box1 a:visited	{background-color:none; font-weight:bold; text-decoration:none; color:#00A2DC;}
#box1 a:active	{background-color:none; font-weight:bold; text-decoration:none; color:#00A2DC;}
#box1 a:hover	{background-color:none;	text-decoration:none; color:#00A2DC;}
#box1 a:focus	{background-color:none; font-weight:bold; text-decoration:none; color:#00A2DC;}	

	
/*Main Slider*/	
#container2
	{	background-color:#FFFFFF; 
		border-bottom: 1px solid #ededed;
		display:block;
		float: left;
		left: 0px;
		height:560px;
		width:100%;
		overflow:hidden;
		position:relative;
	}
#slider
	{	display:block;
		height:inherit;
		width:100%;
		overflow:hidden;
		position:relative;
		left:0px;
		z-index:20;
		}
#slider img
	{	/*width:100%;*/
		height: auto;
		border-top:2px solid #FFFFFF;	
	}
#slider a
	{	text-decoration:none;
		color: #fff;
	}
.info
	{	position:absolute;
		left:193px;
		top:280px;
		width:0px;
		height:0px;
		border-radius:10px;
		background-color:#00A2DC;
		color:#FFFFFF;
		text-align:center;
		padding:15px 0 0 0;
	}		
.subInfo
	{	position:absolute;
		display:block;
		text-align:center;
		color:#4E4E4E;
		padding:0 5px;	
	}
.pause
	{	display:block;
		width:100%;
		position:absolute;
		left:0px;
		bottom:0px;
		z-index:25;
	}
.pause a
	{	width:20%;
		height:20px;
		display:inline-block;
		position:relative;
		background-color:#C1C1C1;
		padding:0 10px;
		margin:0.25px;
		border-radius: 5px;
		font-size: 16px;
		color: #00A2DC;
		font-weight:bold;
		text-align: center;
	}
.pause a.activeSlide
	{	background-color: #00A2DC;
		color:#FFFFFF;	
	}	

/*ProdSlider*/	

.thisProd img:hover
	{	transform: none;
		box-shadow: none;
	}

/*Case Study Slider*/
#container4, #container
	{	background-color:#FFFFFF;
		border-bottom: 1px solid #ededed;
		display:block;
		float: left;
		left: 0px;
		height:570px;
		width:100%;
		overflow:hidden;
		position:relative;
	}
#slider4, #slider3
	{	display:block;
		height:inherit;
		width:100%;
		overflow:hidden;
		position:relative;
		left:0px;
		z-index:20;
		}
#slider4 img, #slider3 img
	{	/*width:100%;*/
		height: auto;
		border-top:2px solid #FFFFFF;	
	}
#slider4 a, #slider3 a
	{	text-decoration:none;
		color: #fff;
	}
	
.subInfo4
	{	position:absolute;
		display:block;
		text-align:left;
		color:#4E4E4E;
		padding:0 15px;	
	}
#next, #prev
	{	position:absolute;
		right:0px;
		top:calc(0%);
		top: 150px;
		height:100px;
		line-height: 100px;
		width:25px;
		text-align:center;
		background-color:#3498db;
		border:1px solid #FFFFFF;
		border-radius: 25px 0px 0px 25px;
		color:#FFFFFF;
		z-index:25;
		cursor:pointer;
	}
#prev
	{	left:0;
		border-radius: 0px 25px 25px 0px;
	}
#next, #prev, #pause4 a
	{	transition:all ease-in-out 0.5s;
	}	
#next:hover, #prev:hover, #pause4 a:hover
	{	background-color:rgba(255, 215, 0,1);
		border:2px solid #FFFFFF;
	}			
#pause4 
	{	display:block;
		width:100%;
		position:absolute;	
		top:5px;
		z-index:25;
	}
#pause4 a
	{	width:12px;
		height:12px;
		display:inline-block;
		position:relative;
		background-color: linear-gradient(to bottom, #3cb0fd, #3498db);
		box-shadow: 5px 5px 5px #ebebeb;
		margin:0 10px 0 5px;
		border-radius: 50%;
		font-size: 0;
		color: #ffffff;
	}
#pause4 a.activeSlide
	{	background-color: linear-gradient(to bottom, #ffd700, #e6e6e6);
		border: 1px solid #000000;
		height: 16px;
		width: 16px;
		top: -2px;
	}	
/*Main Content*/		
#box1
	{	clear:both;
		padding: 20px 0 0 0;
		max-width:774px;
	}

/*Featured Product*/
#Featured
	{	border:2px solid #00A2DC;
		border-radius:10px;
		background-color:#EDEDED;
		padding:0 0 20px 10px;
		position:relative;
	}
#Featured img
	{	transform:none;
		box-shadow:none;
	}						
#Featured h1
	{	background-color:#00A2DC;
		color:#FFFFFF;
		border-radius:5px 5px 0 0;
		width:100%;
		padding:0 0 10px 10px;
		margin:0 0 0 -10px;
	}
.FRM
	{	padding: 0 15%;
	}	
.POICTA1
	{	background-color:#00A2DC;
		border-radius:10px;
		color:#FFFFFF;
		text-align:center;
		padding:5px 0;
		width:250px;
		position:absolute;
		left:520px;
		top:135px;
		display:none;
	}
.POICTA2
	{	background-color:#00A2DC;
		border-radius:10px;
		color:#FFFFFF;
		text-align:center;
		padding:5px 0;
		width:250px;
		position:absolute;
		left:400px;
		top:375px;
		display:none;
	}
.POICTA3
	{	background-color:#00A2DC;
		border-radius:10px;
		color:#FFFFFF;
		text-align:center;
		padding:5px 0;
		width:250px;
		position:absolute;
		left:130px;
		top:432px;
		display:none;
	}
.POICTA4
	{	background-color:#00A2DC;
		border-radius:10px;
		color:#FFFFFF;
		text-align:center;
		padding:5px 0;
		width:250px;
		position:absolute;
		left:75px;
		top:182px;
		display:none;
	}
.point1:hover .POICTA1
	{	display:block;
	}
.point2:hover .POICTA2
	{	display:block;
	}
.point3:hover .POICTA3
	{	display:block;
	}
.point4:hover .POICTA4
	{	display:block;
	}

/* End of Featured */

.img
	{	width:500px;
	}

.ProductLine
	{	margin-top:20px;
		padding: 0 10px;
	}
.ProductLine h1
	{	color:#00A2DC;
		text-align:center;
	}
.ProductLine h3
	{	color:#00A2DC;
	}
	
.readmore a
	{	text-decoration:underline;
		color:#6dd8fc;	
	}
#disnon 
	{	display:none;
		
	}	
a:link		{background-color:none; font-weight:bold; text-decoration:none; color:#00A2DC;}
a:visited	{background-color:none; font-weight:bold; text-decoration:none; color:#00A2DC;}
a:active	{background-color:none; font-weight:bold; text-decoration:none; color:#00A2DC;}
a:hover		{background-color:none; text-decoration:none; color:#00A2DC;}
a:focus		{background-color:none; font-weight:bold; text-decoration:none; color:#00A2DC;}

.flex
	{	display:flex;
		justify-content:space-between;
	}
.flex img
	{	border-radius:10px;

	}
.flexItem
	{	width:30%;
		padding:5px;
	}
.mobile_show
	{	display:none;
	}



/*Reviews*/

#ReviewForm
	{	background-color:#00a2dc;
		padding:20px;
		border-radius:15px;
		box-shadow:	10px 20px 10px grey;
	}
.Star	
	{	cursor:pointer;
		user-select:none;
		-webkit-user-select:none;
	}
.Star > input
	{	display:block;
		position:absolute;
	}
.Star > i
	{	display:inline-block;
		vertical-align:middle;
		margin-top:-10px;		
		width:20px;
		height:20px;
		border-radius:50%;
		transition: 0.2s;
		box-shadow:1px solid yellow;

	}
.Star:hover > i
	{	color:#fdd990;
	}		
.Star > input:checked + i
	{	color:#e4af00;
	}	

/*Info Box*/
.headerInfo
	{	position:relative;
		width:100%;
		height:100%;
	}	
.PreProdImg
	{	position:relative;
		display:block;
		width:100%;
		height:100%;
		z-index:5;
	}	
.PreProdInfo
	{	position:absolute;
		border:1px solid #00A2DC;
		border-radius:5px;
		margin-top:10px;	
		z-index:5;
	}	
		
.ProdInfo	
	{	position:absolute;
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		left:0px;
		top:0px;
		height:80%;
		background-size:cover;
		color:#FFFFFF;
		padding:30px;
		opacity:0.0;
		background:#00A2DC;
		background:linear-gradient(to top,rgba(0,162,220,0.1),rgba(0,162,220,1.0));
		background:-webkit-linear-gradient(bottom,rgba(0,162,220,0.1),rgba(0,162,220,1.0));
		background:-moz-linear-gradient(bottom,rgba(0,162,220,0.1),rgba(0,162,220,1.0));
		background:-o-linear-gradient(top,rgba(0,162,220,0.1),rgba(0,162,220,1.0));
		transition:all ease-in-out 0.5s;
		z-index:6;
	}	
.headerInfo:hover .ProdInfo
	{	opacity:1.0;
	} 
.SubProdInfo
	{	position:relative;
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		color:#000000;
		left:50%;
		width:45%;
		height:auto;
		min-height:80px;
		max-height:150px;
		padding:10px;
		opacity:0.6;
		transition:all ease-out 0.5s;		
	}
/*Page Product Menu's*/
			
.SL1 ul li
	{	list-style:none;
		min-height:260px;
		padding:5px;
		margin-right:30px;
		border-top:2px solid #00A2DC;
	}
.SL1 ul
	{	background-color:#EDEDED;
		border-radius:5px;
		padding:10px 0 10px 20px;
		margin:5px 0 0 -30px;
		border-bottom: 3px solid #00a2dc;
		border-top:1px solid #00a2dc;
		border-left:1px solid #00a2dc;
		border-right:3px solid #00a2dc;
		overflow:hidden;
	}
.SL1 ul li:hover
	{	transition:all ease-in-out 0.2s;
		background-color:#FFFFFF;
		border-radius:5px;
	}

.SL1 ul li:hover .SubProdInfo
	{	opacity:1.0;
		color:#00A2DC;
		transform:scaleX(1.01);
	}
.SL1 ul li:hover .PreProdInfo
	{	border:none;
	}	
.SL1 h4
	{	background-color:#00a2dc;
		color:#FFFFFF;
		width:inherit;
		height:30px;
		margin-right:20px;
		padding:10px 0 0 10px;
		border-radius:5px;
		text-shadow:1px 1px #59D3FF;
	}
.SL1 h5
	{	background-color:#00a2dc;
		color:#FFFFFF;
		width:inherit;
		height:20px;
		margin-right:20px;
		margin-left:20px;
		padding:10px 0 0 10px;
		border-radius:5px;
		text-shadow:1px 1px #59D3FF;
	}
.SL1 h6
	{	background-color:#00a2dc;
		color:#FFFFFF;
		width:inherit;
		height:15px;
		margin-right:20px;
		margin-left:40px;
		padding:10px 0 0 10px;
		border-radius:5px;
		text-shadow:1px 1px #59D3FF;
	}		
.SL1 img:hover
	{	transform:scale(1.0);
		box-shadow:none;
		border:none;
	}


/*Mobile RFQ Button*/
#rfqMob
	{	list-style:none;
	}
.rq1, .rqp
	{	display: block;
		width:160px;
		height:40px;
		line-height: 40px;
		text-align: center;
		margin-left: calc(100% - 170px);
		border:5px solid gold;
		border-radius:5%;
		cursor: pointer;
	}
.rq1 strong, .rqp strong
	{	display: inline-block;
  		vertical-align: middle;
 		line-height: normal; 
		color:#000000;
	}
.rq1:hover, .rqp:hover
	{	background-color:gold;
	}
.rqp
	{	margin-left:0px;
		float:left;
	}
#rfqMob strong
	{	color:#000000;
	}

/*Forms*/
	
#rfq
	{	position:fixed;
		display:none;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.5);
		z-index:30;
	}
#close
	{	position:fixed;
		top:0;
		right:0;
		padding:10px;
		color:#000000;
		text-align:center;
		font-size:20px;
		width:35px;
		height:35px;
		background-color:gold;
		cursor:pointer;
	}	
#form
	{	display:none;
		background-color:#EDEDED;
		border:3px solid gold;
		border-radius:10px;
		padding:20px;
		width:50%;
		height:80%;
		overflow:auto;
		margin:50px auto;
		z-index:31;
	}
#submit
	{	border:3px solid gold;
		border-radius:5px;
		font-weight:bold;
		background-color:#FFFFFF;
	}
/*Footer*/	
#IndexHead
	{	text-align: center;
		color:#E9E9E9;
		margin:100px 0 0 0;
	}
#IndexHead::before
	{	width:40%;
		height: 16px;
		margin:0 20px;
		position: absolute;
		left:0;
		border-bottom:1px solid #E9E9E9;
		content:"";
	}
#IndexHead::after
	{	width:40%;
		height: 16px;
		margin:0 20px;
		position: absolute;
		right:0;
		border-bottom:1px solid #E9E9E9;
		content:"";
	}
.index
	{	display:flex;
		justify-content:flex-start;
		width:100%;
		flex-wrap:wrap;
		align-content:flex-start;
		transition: all ease-in-out 1s; 
	} 
.indexItem
	{	line-height:125%;
		padding:0 10px;
	}
.indexItem p
	{	font-size:12px;
	}		
.ISOlogo
	{	float:right;
	}
.ISOlogo:hover
	{	transform:scale(1.0);
		box-shadow: none;
		border-radius: 0px;
	}
.socmed a
	{	width:31px;
		height:31px;
		line-height:31px;
		margin:0 auto;
		display:inline-block;
		text-decoration:none;
		background-color:#00A2DC;
		border-radius:50%;
	}
.socmed
	{	margin:0 40%;
	}
/*Quick Up*/		
#Up
	{	
		color:#FFFFFF;
		width:40px;
		height:40px;
		line-height:40px;
		text-align:center;
		border-radius:50%;
		background-color:#00A2DC;
		position:fixed;
		bottom:50px;
		left:calc(75% - 20px);
	}
.upHide
	{	display:none;
	}				
/*Loader*/		
.loader
	{	position:absolute;
		top:50%;
		left:50%;
		width:100px;
		height:100px;
		border:3px solid #FFFFFF;
		display:none;
		margin:-50px 0 0 -50px;
		border-radius:50%;
		transition:all ease-in-out 1s;
		animation:loading 5s infinite;
		-webkit-animation:loading 5s infinite;
	}
@keyframes loading
	{	0%
			{	border-top:1px solid #00A2DC;
				border-bottom:1px solid #00A2DC;
				background-color:#FFFFFF;
			}
		25%
			{	border-top:6px solid #00A2DC;
				border-bottom:6px solid #00A2DC;
				border-left:1px solid #00A2DC;
				border-right:1px solid #00A2DC;
			}
		50%
			{	border-top:3px solid #FFFFFF;
				border-bottom:3px solid #FFFFFF;
				border-left:6px solid #00A2DC;
				border-right:6px solid #00A2DC;
			}
		75%
			{	border-left:3px solid #FFFFFF;
				border-right:3px solid #FFFFFF;
				background-color:#00A2DC;
			}	
		100%
			{	background-color:#FFFFFF;
				transform:rotate(900deg);
			}			
	}
@-webkit-keyframes loading
	{	0%
			{	border-top:1px solid #00A2DC;
				border-bottom:1px solid #00A2DC;
				background-color:#FFFFFF;
			}
		25%
			{	border-top:6px solid #00A2DC;
				border-bottom:6px solid #00A2DC;
				border-left:1px solid #00A2DC;
				border-right:1px solid #00A2DC;
			}
		50%
			{	border-top:3px solid #FFFFFF;
				border-bottom:3px solid #FFFFFF;
				border-left:6px solid #00A2DC;
				border-right:6px solid #00A2DC;
			}
		75%
			{	border-left:3px solid #FFFFFF;
				border-right:3px solid #FFFFFF;
				background-color:#00A2DC;
			}	
		100%
			{	background-color:#FFFFFF;
				transform:rotate(900deg);
			}			
	}

.LPMcontainer > img:hover {
	transform:scale(1.0);
	box-shadow:none;
}
.icon:hover
	{	transform:scale(1.0);

		box-shadow:none;
	}	

/*Splash*/
/*
#Node
	{	background-color:#FFFFFF;
		background-size:cover;
		position:fixed;
		left:0;
		top:0;
		width:100%;
		height:100%;
		z-index:100;
	}
.Skip
	{	position: absolute;
		top:10px;
		right:10px;
		color: #00A2DC;
		cursor: pointer;
		z-index: 101;
	}
#GraphicCenter img:hover
	{	transform: none;
		box-shadow: none;
	}
.Welcome
	{	display:none;
		transition:all ease-in-out 1.5s;
		-webkit-transition:all ease-in-out 1.5s;
		z-index:101
	}
.Welcome1 h1, .Welcome1 h4
	{	text-align: center;
		color:#9A9A9A;
		display: none;
	}
.NoShow p
	{	position:fixed;
		display:block;
		bottom:10;
		right:10;
		color:#00A2DC;
		font-weight:bold;
		cursor:pointer;
	}	
#MainGraphic
	{	display: none;
		width:400px;
		height:400px;
		margin:-200px 0 0 -200px;
		border:10px solid #00a2dc;
		border-radius:50%;
		position:absolute;
		top:60%;
		left:50%;	
		transition:all ease-in-out 1s;
		transform: rotate(-45deg);
		z-index:101;	
	}
	
#GraphicCenter
	{	position:absolute;
		display: none;
		left:50%;
		top:60%;
		width:350px;
		height:350px;
		margin:-165px 0 0 -165px;
		border-radius:50%;
		transition:all ease-in-out 1s;
		z-index:102;
	}
#GraphicCenter img
	{	margin:70px auto;
		min-width:180px;
		display:block;
	}	
#GraphicCenter p
	{	width:180px;
		padding:10px;
		text-align:center;
		position:absolute;
		bottom:-30px;
		left:75px;
		border-radius:0 0 35% 35%;
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:12px;
	}
		
#Wash
	{	width:120px;
		height:120px;
		border:10px solid #00a2dc;
		border-radius:50%;
		background:#ffffff;
		position:absolute;
		left:130px;
		top:-65px;
		cursor:pointer;
		transition:all ease-in-out 1s;
		z-index:103;
	}
#Collect
	{	width:120px;
		height:120px;
		border:10px solid #00a2dc;
		border-radius:50%;
		background-color:#ffffff;
		position:absolute;
		left:-40px;
		top:230px;
		cursor:pointer;
		z-index:103;
	}
#Recycle
	{	width:120px;
		height:120px;
		border:10px solid #00a2dc;
		border-radius:50%;
		background:#ffffff;
		position:absolute;
		left:300px;
		top:230px;
		cursor:pointer;
		z-index:103;
	}
.blue
	{	color:#00A2DC;
		background:#00A2DC;
	}

#Node a 			{text-decoration:none; color:#000000;}
#Node a:active 		{text-decoration:none; color:#000000;}
#Node a:visited 	{text-decoration:none; color:#000000;}
#Node a:link 		{text-decoration:none; color:#000000;}
#Node a:hover		{text-decoration:none; color:#000000;}
#Node a:focus		{text-decoration:none; color:#000000;}

#Node h1
	{	color:#9a9a9a;
		margin:40px auto;
		text-align:center;
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:24px;
		text-transform:uppercase;
	}
#Collect h1
	{	transform:rotate(-120deg);
		margin-top:45px;
	}
#Recycle h1
	{	transform:rotate(120deg);
		margin-top:45px;
	}
#Node h2
	{	color:#00000;
		margin:50px 0 0 0;
		text-align:center;
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:14px;
		text-transform:uppercase;
		display:none;
	}
#Collect h2
	{	transform:rotate(-120deg);
		margin-top:50px;
	}
#Recycle h2
	{	transform:rotate(120deg);
		margin-top:50px;
	}
#Node h3
	{	color:#DB7527;
		text-align:center;
		width:200%;
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-transform:Capitalize;
		text-wrap:none;
		display:none;
	}
#Wash h3
	{	margin:65px 0 0 -55px;			
	}	
#Collect h3
	{	transform:rotate(-120deg);
		position:absolute;
		right:-125px;
		top:-15px		
	}
#Recycle h3
	{	transform:rotate(120deg);
		position:absolute;
		left:-140px;
		top:-5px
	}
.HB	
	{	display:none;
	}										
.HP	
	{	display:none;
	}	
.HK
	{	display:none;
	}*/	

/*Main RFQ Version12.14.16*/
/*#MainRFQ, #PartRFQ
	{	display:none;
		background-color:rgba(0,162,220,0.6);
		position: relative;
		top: 300px;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
	}
#MainRFQ h4, #PartRFQ h4
	{	text-align:center;
		padding:0;
		margin:0 40px 40px 0;
	}
.formClose
	{	position:absolute;
		top:3px;
		right:3px;
		width:20px;
		height:20px;
		border-radius:50%;
		line-height: 20px;
		text-align: center;
		font-weight: bold;
		background-color:gold;
		cursor: pointer;
	}
#Products ul li
	{	text-decoration:none;
	}
.RFQ
	{	background-color:#FFFFFF;
		border: 2px solid #00A2DC;
		border-radius: 10px;
		padding:20px 0px 10px 10px;
		width: 400px;
		height:500px;
		position: absolute;
		top: calc(50% - 280px);
		left: calc(50% - 207px);
	}

input
	{	border:none;
		border-bottom:2px solid #000000;
	}
textarea
	{	width:324px;
		position: absolute;
		top:60px;
		left:40px;
		right:40px; 
	}
.PartsList
	{	width:324px;
		position:static;
	}
.Submit, .Reset
	{ 	position:absolute;
		top:calc(50% - 20px);
		border:none;
		border-radius:5px;
		background-color:#00EB46;
		width:80px;
		height:40px;
		line-height:40px;
		text-align:center;
		color:#FFFFFF;
		cursor:pointer;
	}
.Submit
	{	left:40px;
	}
.Reset
	{	right:40px;
		background-color:#FF5B5D;
		left:none;
	}
.Steps
	{	position: absolute;
		bottom:0px;
		margin-left:-35px;
	}
.Step
	{	display:inline-block;
		width:80px;
		height:80px;
		font-size:14px;
		line-height:80px;
		text-align:center;
		color:#000000;
		background-color:#FFFFFF;
		border:5px solid #00A2DC;
		border-radius:50%;
		cursor:pointer;
		transition:all ease-in-out 0.5s;
	}
.Step:hover
	{	background-color:#00A2DC;
		color:#FFFFFF;
		text-transform:uppercase;
		font-weight:bold;
	}
.ActiveStep
	{	background-color:rgba(0,162,220,1);
		font-weight:bold;
		text-transform:uppercase;
		color:#FFFFFF;
	}
.next, .back
	{	display:block;
		position: absolute;
		top:calc(75% - 15px);
		right:0px;
		width:60px;
		height:30px;
		background-color:#00A2DC;
		color:#FFFFFF;
		font-weight: bold;
		line-height:30px;
		text-align:center;
		border-radius:50px 0px 0px 50px;
		cursor:pointer;
	}
.back
	{	left:0px;
		border-radius:0px 50px 50px 0px;
	}*/
/*Main RFQ version12.19.16*/
#MainRFQ, #PartRFQ
	{	display:none;
		background-color:rgba(0,162,220,0.6);
		position: relative;
		top: 300px;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
	}
#RFQout 
	{	display: block;
		
	}
#MainRFQ h4, #PartRFQ h4, #RFQout h4
	{	text-align:center;
		padding:0;
		margin:0 40px 40px 0;
	}
.formClose
	{	position:absolute;
		top:3px;
		right:3px;
		width:20px;
		height:20px;
		border-radius:50%;
		line-height: 20px;
		text-align: center;
		font-weight: bold;
		background-color:gold;
		cursor: pointer;
	}
#Products ul li
	{	text-decoration:none;
	}
.RFQ
	{	background-color:#FFFFFF;
		border: 2px solid #00A2DC;
		border-radius: 10px;
		padding:20px 0px 10px 10px;
		width: 400px;
		height:auto;
		position: absolute;
		top: calc(50% - 280px);
		left: calc(50% - 207px);
	}
.RFQout
	{	background-color:#FFFFFF;
		border: 2px solid #00A2DC;
		border-radius: 10px;
		padding:20px 0px 10px 10px;
		width: 400px;
		height:auto;
		margin: 0 auto;
	}

input
	{	border:none;
		border-bottom:2px solid #000000;
		margin-right:20px;
	}
input:focus
	{ border-bottom:1px solid #00A2DC;
	}
textarea
	{	width:324px;
		margin:0 0 0 25px;
	}
.PartsList
	{	width:324px;
		position:static;
	}
.Submit, .Reset
	{ 	border:none;
		border-radius:5px;
		background-color:#00EB46;
		width:180px;
		height:40px;
		margin: 0 5px;
		line-height:40px;
		text-align:center;
		color:#FFFFFF;
		font-weight: bolder;
		cursor:pointer;
	}
.Submit
	{	left:40px;
	}
.Reset
	{	right:40px;
		background-color:#FF5B5D;
		left:none;
	}
.LM
	{	padding: 2px 20px;
		background-color:#00A2DC;
		color:#FFFFFF;
		border-radius:5px;
		box-shadow:0px 0px 5px #000000;
		transition: all ease-in-out 0.3s;
	}
.LM:hover
	{	box-shadow:0px 0px 2px #000000;
		cursor: pointer;
		background-color:#FFD700;
	}
/* styling for review sections on select pages, added 3/3/17 */
#reviews
	{	border:2px solid #00A2DC;
		border-radius:0 0 10px 10px;
		background-color:#EDEDED;
		padding:0 0 20px 10px;
		position:relative;
		left: -10px;
	}						
#review_title
	{	background-color:#00A2DC;
		color:#FFFFFF;
		border-radius:10px 10px 0 0;
		width: calc(100% - 10px);
		padding:0 0 10px 10px;
		margin:0 0 0 -10px;
	}
/* styling for livesearch and search results, added 3/2817 */
#livesearch {
		z-index: 50;
		position: absolute;
		width: 32.5%;
		background-color: white;
		display: none;
		border-radius: 0px 0px 10px 10px;
		padding: 10px;
		text-transform: none;
		white-space:normal;
		text-align: left;
	}
//#livesearch div {
//		float: right;
//	}
#searchfield{
		display: none;
		position: relative;
		width:300%;
		z-index: 500;
	}
#search_input {
	display: block;
	border-radius: 10px; 
	padding: 9px; 
	width:280px;
}
#livesearch a:link {
		color: #00A2DC;
		text-decoration-color: #00A2DC;
		text-transform: none;
	}
#livesearch a:visited {
		color: #00A2DC;
		text-decoration-color: #00A2DC;
		text-transform: none;
	}
#search_results_close {

		visibility: hidden;
		text-transform: none;
		float: right;
		margin-right: 10px;
	}
#livesearch img:hover {
		box-shadow: none;
	}
#livesearch a:hover {
		color: #9A9A9A;
	}
.filter {
	padding: 5px 10px;
	border: 1px solid #FFFFFF;
}
/*Table for Model Spec PDFs*/
#specs_chart{
	border-collapse:collapse;
}
	 #specs_chart th, #specs_chart td {
		border: 1px solid black;
		border-collapse: collapse;
	}
	#specs_chart td {
		width: 140px;
		text-align: center;
		padding: 5px 15px 5px 15px;
	}
	#specs_chart tr:nth-child(2),#specs_chart tr:nth-child(4),#specs_chart tr:nth-child(6),#specs_chart tr:nth-child(8){
		background-color: #ededed;
	}
	#specs_chart tr:nth-child(3),#specs_chart tr:nth-child(5),#specs_chart tr:nth-child(7),#specs_chart tr:nth-child(9){
		background-color: #ccffff;
	}
/* Image Gallery*/
	#Gallery{
		transition: all ease-in-out 1s;
		display: inline-block;
		height: 350px;
		overflow-y:hidden;
		z-index: 50;
	}
	#Gallery > img{
		margin:auto 5px;
		cursor:pointer;
	}
	.boxIt{
		position: relative;
		bottom:0px;
		left:0px;
		padding-left:20px;
		background-color: rgba(0,0,0,0,1);
		color: #FFFFFF;
		border-radius: 10px;
		overflow-y: hidden;
		margin: 20px 20px 20px -10px;
	}
	#DarkGall{
		width: 95%;
		position: relative;
		padding:20px 20px 50px 20px;
		background-color:rgb(55,55,55);
		border:2px solid rgb(60,60,60);
	}
	#DarkGall a:link, #DarkGall a:visited, #DarkGall a:active{
		color:#FFFFFF;
	}
	#DarkGall a:hover{
		color:#00A2DC;
	}
	#DarkGall > img{
		cursor: pointer;
	}
	#GallClose{
		position: absolute;
		top: 10px;
		left: calc(100% - 50px);
		background-color: rgba(155,155,155,0.8);
		font-size: 24px;
		text-align: center;
		line-height: 40px;
		color: #000000;
		font-weight: bold;
		border-radius: 50%;
		width: 40px;
		height: 40px;
		margin-right: 10px;
		cursor: pointer;
		display: none;
	}
	#GallR, #GallL{
		display: none;
		position: absolute;
		width: 20px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		color: #000000;
		font-weight: bold;
		background-color: rgba(105,105,105,0.75);
		border: 1px solid rgba(25,25,25,0.9);
		border-radius: 5px;
		box-shadow: 0px 10px 10px #000000;
		z-index: 1;
		transition: all ease-in-out 0.25s;
		cursor: pointer;
	}
	#GallR{
		right: 20px;
	}
	#GallR:hover, #GallL:hover, #GallClose:hover{
		background-color: rgba(255,255,255,1);
		border: 1px solid rgba(25,25,25,1);
		box-shadow: 0px 2px 2px #000000;
	}
	.GallLM{
		position: absolute;
		top:10px;
		left:55%;
		width:40%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.GallApps, .GallProds{
		width: 100%;
	}
	.GallApps > *, .GallProds > *{
		display: block;
	}
	.GallFun, #GallMore {
		width: 100%;
	}
	.GallFun > * {
		display: inline-block;
		background-color: rgba(105,105,105,0.75);
		border: 1px solid rgba(55,55,55,0.9);
		padding:5px 10px;
		margin: 20px 5px 5px 5px;
		border-radius:5px;
		box-shadow: 0px 10px 10px #000000;
		
	}
	.GallFun > *:hover{
		background-color: rgba(255,255,255,1);
		border: 1px solid rgba(25,25,25,1);
		box-shadow: 0px 2px 2px #000000;
	}
	.GallFun:first-child{
		margin-left:0px;
	}
	#GallMore img{
		margin:5px;
	}
	#Disclaimer{
		display: none;
		position: fixed;
		bottom: 20px;
		padding: 15px 10px;
		background-color: #EFEFEF;
		border: 2px solid #00A2DC;
		max-width: 200px;
		z-index: 1000;
	}
	#Agree{
		cursor: pointer;
	}