@charset "utf-8";
/* CSS Document */
.AboutUS {
	font-size: 18px;
}

.AboutUS h1 {
	font-size: 150%;
	color: #4d4d4d;
	margin-bottom: -15px;
	font-weight: 600;
}


#rsHomeMain {
		width: 1026px;
		margin: -4px auto 0 auto;
		border-top: none;
		background-color: #fff;
		-webkit-box-shadow: 0px 3px 7px 0px #333;
		box-shadow: 0px 3px 7px 0px #333;
	}

#rsHomeMain-CENTER {
		margin: 0px 20px 12px 280px;
		padding: 8px;
		border: none;
		background-color: #FFF;
	}

#rsHome	 {
		font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
		font-size: 11px;
		color: #333333;
		text-align: left;
		background-color: #FFFFFF;
		width: 100%;
		padding: 10px 50px;
}
		

	
#rsHome a:link {
		color: #1F449C;
	}
	
#rsHome a:visited {
		color: #1F449C;
	}
	
#rsHome a:hover {
		color: #999999;
		text-decoration: none;
	}	
	
.rsHomeTable {
			width: 100%;
			border: none;
			font-size: 14px;
		}
		
.rsHomeTable h1 {
		font-family: 'Signika', sans-serif;
		padding: 5px 10px 5px 0;
		text-align: left;
	}
	
.Marker {
		font-family: 'Signika', sans-serif;
		padding: 5px 10px 5px 0;
		text-align: left;
		color: #004695;
	}
	
.rsHomeTable h2 {
		background-color: #1f449c;
		font-size: 16px;
		margin: 0 0 5px 0;
		padding: 5px;
		color: #fff;
	}
	
.rsHomeTable th {
		background-color: #9CF;
		font-size: 12px;
		font-weight: bold;
		padding: 4px;
		text-align: left;
		color: #333;
	}
	
.rsHomeTable p {
		margin: 0 0 0 5px;
	}
	
/* ----- Main Area Layout ----- */
	#rsHomeMain-LEFT {
	width: 278px;
	float: left;
	text-align: left;
	vertical-align: top;
	margin: 2px 5px;
	}
	
	#LEFT-HeadersHome {
	background-image: url(../images/Home-Header.png);
	margin-left: -21px;
	margin-bottom: -4px;
	padding: 5px 0px 0px 15px;
	width: 293px;
	height: 38px;
	background-repeat: no-repeat;
	color: #fff;
	vertical-align: middle;
	position: absolute;
	}
	
	#LEFT-HeadersHome2 {
	background-image: url(../images/Home-Header.png);
	margin-left: -16px;
	margin-bottom: -7px;
	padding: 5px 0px 0px 15px;
	width: 293px;
	height: 38px;
	background-repeat: no-repeat;
	color: #fff;
	vertical-align: middle;
	position: relative;
	}
	
	#LEFT-LinksHome {
	background-color: #ededed;
	margin-left: -5px;
	margin-top: 32px;
	width: 257px;
	padding-top: 5px;
	-webkit-box-shadow: 1px 1px 3px #666;
	box-shadow: 1px 1px 3px #666;
	height: 100%;
	}
	
	ul#LEFT-LinksHome1 {
			padding:0px;
			list-style-type: none;
			background-color: #ededed;
		}
		
		ul#LEFT-LinksHome1 li {
			margin: 0 15px 0 10px;
			padding: 7px 0 7px 5px;
			list-style-type: none;
			width: 230px !important;
			font-size: 11px;
			background-color: #ededed;
			border-bottom: 1px solid #CCC;
			border-collapse: collapse;
			display: block;
		}
		
		ul#LEFT-LinksHome1 li a:hover {
			margin: -7px -18px -7px -15px;
			padding: 7px 13px 7px 15px;
			list-style-type: none;
			background-color: #666;
			display: block;
			font-size: 11px;
		}
		
		#expand100 {
			height: 100%
		}
		
		
	/* Main area */

	
		
/* ----- Main Area Layout - END ----- */

/* ----- Main Area Elements ----- */


	#rsHomeMain-LINKS {
			width: 180px;
			background-image: url(../images/pc11-navBG-gray.png);
			background-repeat: no-repeat;
			margin-bottom: 10px;
			/* IE 6 fix (content pushing out width) */
			overflow: hidden;
		}
		
	#rsHomeMain-LEFT h3 {
			font-size: 14px;
			color: #FFF;
			margin: 3px 0 10px 8px;
			padding-bottom: 10px;
		}

	#rsHomeMain-LEFT ul {
	list-style-type: none;
	margin: 0 0 10px 0px;
	padding: 0;
	display: block;
	}

	#rsHomeMain-LEFT li {
		margin: 4px 0 0 5px;
	}
	
	/* Styling links in both side columns */

	#rsHomeMain-LEFT a {
		text-decoration: none;
		color: #333;
		display: block;
		}
		
	#rsHomeMain-LEFT a:hover {
		text-decoration: none;
		color: #CCC;
		}

		
	#rsHomeMain-SPACER {
			clear: both;
			height: 8px;
		}

/* ----- Main Area Elements End ----- */

/* ----- Gates Page ----- */

.GatesPT {
	font-size: 14px;
	width: 100%;
}

.GatesHead {
	font-family: 'Signika', sans-serif;
	font-size: 24px;
	border-bottom: 1px solid #999;
	color: #cc0000;
	margin-bottom: 5px;
		}
.GatesCatalogs {
	padding-top: 10px;
	padding-right: 25px;
	float: left;
	min-width: 400px;
}

.GatesGuides {
	padding-top: 10px;
	float: left;
}
.GatesVideo {
	width: 100%;
	padding-bottom: 40px;
}

.GatesCats {
	width: 100%;
}

.GatesCats ul {
	padding-left: 0;
}

.GatesCats li {
	list-style: none;
	display: inline-block;
	width: 225px;
	text-align: center;
	vertical-align: top;
	padding: 10px;
}

.GatesCatsName {
	padding-top: 5px;
}


/* ----- Bandsaw Guide Page ----- */
#BandsawList {
	font-size: 14px;
}

#BandsawList a {
	padding: 10px 12px 10px 0;
}

.BandsawTable {
	width: 100%;
	font-size: 14px;
}
/* ----- FAQ Styles ----- */

#Faq_links {
	text-align: left;
	position:relative;
}
#Faq_links2 {
	margin-top:425px;
}

#Faq_links h2
		{
			color: #39F;
			font-size: 18px;
		}


#Faq_links li {
			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif;
			text-decoration: none;
			text-align: Left;
			list-style: square;
			color: #39F;
			padding-bottom: 5px;
		}
		
#faqLeftTop {
	position:absolute;
	float: left;
	/*width:400px;*/
}

#faqRightTop {
	position:absolute;
	margin-left:425px;
	float: left;
}

		
#Faq_links dt {
			color: #000;
			font-size: 18px;
			font-weight:bold;
			margin-left: 10px;
		}

#Faq_links dd {
			font-size: 16px;
			margin-left: 10px;
		}
		
		
#Faq_links a:link, #Faq_links a:visited
		{	
			text-decoration: none;
			color: #1F449C;
		}
		
#Faq_links a:hover
		{
			color: #39F;
			text-decoration: underline;
		}
		
#Shipping li
		{
			color: #630;
			padding: 2px;
		}
		
#Direct_Ships li
		{
			color: #630;
			padding-bottom: 15px;
		}


@media screen and (max-width:800px){
#faqLeftTop {
	position:relative;
	float: none;
	/*width:400px;*/
}

#faqRightTop {
	position:relative;
	margin-left:0;
	float: left;
}
	#Faq_links2 {
	margin-top:5px;
}
 }
/* ----- FAQ Styles End ----- */

/* ----- Contact Forms Styles ----- */
/* ===================
    START: HVAC/R FORM
   =================== */
   
   .hvacFormHeader h1 {
	   font-family: 'Signika', sans-serif;
	   font-size: 28px;
	   color: #777;
	   border-bottom:1px solid #777;
	   margin-bottom:0px;
	   padding-bottom:0px;
   }
   
   #rsForm {
	   font-family: 'Signika', sans-serif;
   }
   
   .rsForm h1 {
	   font-size:28px;
	   margin: 0 0 20px 0;
	   padding: 30px 0px 2px 0px;
	   border-bottom: 1px solid #bdbdbd;
	   width:100%
   }
	  
	.rsForm legend {
	   font-family: 'Signika', sans-serif;
	   color: #777;
	   font-weight:bold;
	   width: 100%;
	   border:1px solid #bdbdbd;
	   border-bottom:none;
	   margin:0px 0px 34px -1px;
	   padding: 5px 15px 0px 15px;
	   border-radius: 5px 5px 0px 0px;
	   background-color:#ededed;
   } 
   
   .rsForm fieldset {
	   border-radius: 5px;
	   border: 1px solid #bdbdbd;
	   margin: 10px 0px 25px 0px;
	   width:100%;
	   background-color:#ededed;
   }
   
	   
   #hvacForm {
	   font-family: 'Signika', sans-serif;
   }
   

   .hvacForm legend {
	   font-family: 'Signika', sans-serif;
	   color: #777;
	   font-weight:bold;
	   width: auto;
	   border:1px solid #bdbdbd;
	   border-bottom:none;
	   margin:0px 0px 34px -1px;
	   padding: 5px 15px 0px 15px;
	   border-radius: 5px 5px 0px 0px;
	   background-color:#ededed;
   }
   
   .hvacForm fieldset {
	   border-radius: 0px 5px 5px 5px;
	   border: 1px solid #bdbdbd;
	   margin: 10px 0 25px 0;
	   width:905px;
	   background-color:#ededed;
   }
   
   #rsFormSection {
	   margin: -20px auto 0px auto;
	   color: #666;
	   padding: 0px 25px 10px 25px;
	   display: inline-block;
	   font-size:16px;
	   font-family: 'Signika', sans-serif;
   }
   
   #rsFormName {
	   position:relative;
	   float:left;
	   width:250px;
	   padding-right:15px;
   }
   
   #rsFormCompanyName {
	   position:relative;
	   float:left;
	   width:350px;
	   padding-right:15px;
   }
   #rsFormLong {
	   position:relative;
	   float:left;
	   width:500px;
	   padding-right:15px;
   }
   
   #rsFormAddress {
	   position:relative;
	   float:left;
	   width:425px;
	   padding-right:15px;
   }
   
   #rsFormCity {
	   position:relative;
	   float:left;
	   width:300px;
	   padding-right:15px;
   }
   
   #rsFormState {
	   position:relative;
	   float:left;
	   width:175px;
	   padding-right:15px;
   }
   
   #rsFormZip {
	   position:relative;
	   float:left;
	   width:125px;
	   padding-right:15px;
   }
   #rsFormBusiness {
	   position:relative;
	   float:left;
	   width:400px;
	   padding-right:15px;
   }
   
   #rsFormContract {
	   position:relative;
	   float:left;
	   width:200px;
	   padding-right:15px;
   }
   
   #rsFormSubject {
	   position: relative;
	   float:left;
	   width: 100%;
	   padding-right:15px;
   }
   
   #hvacFormAdditional {
	   position:relative;
	   float: left;
	   width: 900px;
	   margin: -35px auto 0px auto;
	   padding: 0px 25px 25px 25px;
   }
   
   #rsFormAdditional {
	   position:relative;
	   float: left;
	   width: 900px;
   }
	

@media screen and (max-width:990px){
	#rsFormSection {
		width: 100%;
	}
	#rsFormName {
	   float: none;
	   width: 100%;
   }
   
   #rsFormCompanyName {
	   float: none;
	   width: 100%;
   }
   #rsFormLong {
	   float: none;
	   width: 100%;
   }
   
   #rsFormAddress {
	   float: none;
	   width: 100%;
   }
   
   #rsFormCity {
	   float: none;
	   width: 100%;
   }
   
   #rsFormState {
	   float: none;
	   width: 100%;
   }
   
   #rsFormZip {
	   float: none;
	   width: 100%;
   }
   #rsFormBusiness {
	   float: none;
	   width: 100%;
   }
   
   #rsFormContract {
	   float: none;
	   width: 100%;
   }
   
   #rsFormSubject {
	   float: none;
	   width: 100%;
   }
   
   #hvacFormAdditional {
	   float: none;
	   width: 100%;
   }
   
   #rsFormAdditional {
	   float: none;
	   width: 100%;
   }	
	
}