/* 
GlenFlex Stylesheet  - Website
-----------------
*/

/* 
Structural Styles
----------------- 
*/
body {
	background-color: #000000;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #4E4C4B;		
	margin: 0;
	padding: 0;
}

iframe {
	border: 0;
	margin: 0; 
}

form {
	margin: 0;
	padding: 0;
}

table,img {
	border: 0;
}

#siteWrapper {
	margin: auto;	
	width: 996px;
	border: 2px solid #FDFBFB;	
}

	#siteHeader {
		height: 85px;
		background-image: url("../images/background_header.jpg");
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #C7C5C5;
	}
	
		#headerLogo {
			float: left;
			padding-left: 7px;
			padding-top: 12px;
		}
		
		#headerLinks {
			float: right;
			padding-right: 14px;
			padding-top: 8px;
			color: #FFFFFF;
		}
	
			#headerLinks a {
				color: #C7C5C5;
				text-decoration: none;
			}
			
			#headerLinks a:hover, #headerLinks a:active {
				color: #FFFFFF;
				text-decoration: underline;
			}
			
	#siteNavigation {
			height: 28px;
			border-top: 1px solid #B5B5B5;
			border-bottom: 1px solid #FFFFFF;
			background-color: #242323;
	}
		
		#navigationBar {
			float: left;
			width: 798px;
			height: 28px;
		}
		
		#searchBar {
			float: right;
			width: 198px;
			height: 28px;
			text-align: right;
		}
		
			#searchTable {
				height: 28px;
				text-align: right;
				padding-right: 10px;
			}
			
				#searchTableTextbox {
					padding-right: 3px;
				}
				
	
					input.txtSearch {
						border: 1px solid #040404;
						background-image: url("../images/background_txtinput.gif");
						width: 147px;
						color: #040404;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 9px;		
						padding: 4px 2px 2px 4px;			
					}
					
					
				#searchTableSubmit	{
					width: 20px;
				}

	#siteFooter {		
		clear: both;
		height: 31px;
		border-top: 1px solid #FFFFFF;
		background-image: url("../images/background_footer.jpg");
		color: #8D8D8D;
	}
	
		#footerPadding {
			padding: 9px 0 0 10px;
		}	
		
		#footerPadding p {
		    margin-top: 0;
		}
		
		#footerPadding a {
	        color: #8D8D8D;
	        text-decoration: underline;

        }

        #footerPadding a:hover, a:active {
	        color: #FFFFFF;
	        text-decoration: underline;
        }
	
	/* Home Page Classes */
	#siteContentWrapperHome {
		clear: both;
		background-color: #C2C2C2;
		float: left;
	}
		#siteContentHomeFlash {
			float: left;
			border-right: 1px solid #FFFFFF;
			width: 687px;
			height: 324px;
		}

		#siteContentHome {				
			clear: both;
			float: left;
			width: 966px;
			padding: 15px;
			border-top: 1px solid #FFFFFF;
			background-image: url("../images/background_homepage.gif");
			background-repeat: repeat-x;	
			font-size: 11px;				
		}
		
			#siteContentHomeBorders {
				float: left;
				background-image: url("../images/background_homeborders.gif");
				background-repeat: repeat-y;		
				min-height:	200px;
				height: auto !important;
				height: 200px;
			}
	
				#home1Block {
					float: left;
					width: 461px;
					padding: 5px 15px 5px 5px;
				}
				
					#home1Block p {
						margin-top: 0;
						line-height: 17px;
					}
					
					#lblWelcome, #lblFindProducts, #lblWinnersCircle {
						padding-bottom: 12px;
					}
					
					#imgWinnersCircle {
						padding-bottom: 10px;
					}
					
					#lblShowGenFlex {
						padding-top: 15px;
						padding-bottom: 12px;
					}
					
					#lblTopDownloads {
						clear: both;
						padding-top: 7px;
						border-top: 1px solid #817F7F;
						padding-bottom: 12px;
					}
	
				#home3Block {
					float: left;
					border-right: 1px solid #000000;
					border-left: 1px solid #000000;
					width: 227px;
					padding: 0 10px 0 10px;
				}
				
					#home3Block p {
						margin: 0;
						line-height: 14px;
					}
	
					#findProducts {
						border-top: 0;
						width: 227px;
						font-size: 11px;
						font-family: Arial, Helvetica, sans-serif;
					}
	
						.findDistributor {
							background-color: #EBAA7B;
							border-right: 1px solid #E37222;
							border-bottom: 1px solid #E37222;
							border-left: 1px solid #E37222;
						}
						
						.findContractor {
							background-color: #CACACA;
							border-right: 1px solid #6D6D6D;
							border-bottom: 1px solid #6D6D6D;
							border-left: 1px solid #6D6D6D;
						}					
					
							#findProductsNameTop {
								padding-top: 6px;
								padding-left: 6px;
								width: 41px;
							}
							
							#findProductsInputTop {
								padding-top: 5px;
								width: 178px;
							}
							
							#findProductsNameMiddle {
								padding-top: 3px;
								padding-left: 6px;
								width: 41px;
							}
							
							#findProductsInputMiddle {
								padding-top: 3px;
								width: 178px;
							}
							
							#findProductsNameBottom {
								padding-top: 3px;
								padding-left: 6px;
								width: 41px;
								padding-bottom: 5px;
							}
							
							#findProductsInputBottom {
								padding-top: 3px;
								width: 109px;
								padding-bottom: 5px;
							}
							
							#findProductsSubmitBottom {
								padding-top: 3px;
								width: 64px;
								padding-left: 5px;
								padding-bottom: 5px;
							}
							
								.txtLookupName, .txtLookupState {
									border: 1px solid #694D38;
									background-image: url("../images/background_txtinput.gif");
									width: 166px;
									color: #694D38;
									font-family: Arial, Helvetica, sans-serif;
									font-size: 9px;		
									padding: 4px 2px 2px 4px;	
								}
								
								.txtLookupZip {
									border: 1px solid #694D38;
									background-image: url("../images/background_txtinput.gif");
									width: 107px;
									color: #694D38;
									font-family: Arial, Helvetica, sans-serif;
									font-size: 9px;		
									padding: 4px 2px 2px 4px;	
								}		
					
				#home4Block {
					float: left;
					width: 221px;
					padding: 0 0 0 15px;
				}
				
					#home4Block p {
						margin: 0;
						line-height: 14px;
					}		
		
						#home4Block ul {
							margin: 0;
							padding: 0;
							list-style: none;
							color: #4E4C4B;
						}			
					
							#home4Block ul li {
								background-image: url("../images/ul_arrow.gif"); /* bullet img */
								background-position: left 3px; /* Position bullet */
								background-repeat: no-repeat;
								line-height: 13px;
								padding-left: 12px; /* Add padding so text doesn't cover bullet img */
							}
							
								#home4Block ul li a {
									color: #4E4C4B;
									font-weight: bold;
									text-decoration: none;
								}
					
								#home4Block ul li a:hover, #home4Block ul li a:active {
									color: #4E4C4B;
									font-weight: bold;
									text-decoration: underline;
								}				
		
		.leftArrowButtonClass {
			padding-top: 10px;
			padding-bottom: 10px;
			line-height: 15px;
			text-align: left;
			font-family: Arial, Helvetica, sans-serif;
			display: table-cell;
		    vertical-align: middle;
			float: right;			
		}
		
		.leftArrowButtonSideClass {
			padding-top: 10px;
			line-height: 15px;
			text-align: left;
			font-family: Arial, Helvetica, sans-serif;
			display: table-cell;
		    vertical-align: middle;
			float: right;	
			width: 76px;		
		}
		
			.btnArrow {
				padding-right: 5px;
				vertical-align: middle;
				display: block;
				float: left;
			}
		
			.leftArrowButtonClass a, .leftArrowButtonSideClass a {				
				color: #2D2C2C;
				font-weight: bold;
				font-size: 11px;
				text-decoration: none;
			}
			
			.leftArrowButtonClass a:hover, .leftArrowButtonClass a:active, .leftArrowButtonSideClass a:hover, .leftArrowButtonSideClass a:active {				
				color: #2D2C2C;
				font-weight: bold;
				font-size: 11px;
				text-decoration: underline;
			}	
	
	/* interior page styles */
	#siteContentWrapperInterior {
		float: left;
		clear: both;
	    min-height: 350px;
	    height: auto !important;
	    height: 350px;
		background-color: #E1DEDE;
		background-image: url("../images/background_interior.gif");
		background-repeat: repeat-y;
		width: 996px;
		
	}
	
		#mainColumn {
			float: left;
			clear: both;
			width: 741px;
			background-color: #E1DEDE;
		}
		
		#mainColumn:after {
		   content: " ";
		   display: block;
		   height: 0;
		   clear: both;
		   visibility: hidden;
		}

		
			#mainColumnProductPadding {
				padding: 26px 26px 26px 26px;				
				float: left;
			}


			#mainColumnProductPaddingVideo {
				padding: 26px 26px 26px 26px;				
				float: left;
			}	
		
				#productLeftColumn {
					float: left;
					margin-right: 26px;
					width: 393px;
				}
								
					#productLeftColumn p, #productLeftColumn h1 {
						margin-top: 0;
					}
					
					#otherLinks {
						border-top: 1px solid #817E7E;
						padding-top: 15px;
					}
					
						#lblOtherLinks {
							padding-bottom: 15px;
						}
			
				#productRightColumn {
					float: left;
					width: 270px;
				}
				
					#productDetailImage {
						position: relative;
						float: left;
						border: 1px solid #969595;
					}
					
						#productDetailImageZoom {
							position: absolute;
							bottom: 0;
							left: 0;
						}
						
					#lblProductVideos {
						clear: both;
						padding-top: 20px;
						padding-bottom: 7px;
					}
			
				#productLandingHeader {
					float: left;
					height: 157px;
					background-color: #FFFFFF;					
					border-bottom: 1px solid #A2A0A0;
				}
				
				#otherLinks ul {
						margin: 0;
						padding: 0;
						list-style: none;
						color: #4E4C4B;
					}			
				
						#otherLinks ul li {
							background-image: url("../images/ul_arrow.gif"); /* bullet img */
							background-position: left 3px; /* Position bullet */
							background-repeat: no-repeat;
							line-height: 13px;
							padding-left: 12px; /* Add padding so text doesn't cover bullet img */
						}
						
							#otherLinks ul li a {
								color: #9A4A1A;
								font-weight: bold;
								text-decoration: none;
							}
				
							#otherLinks ul li a:hover, #otherLinks ul li a:active {
								color: #942505;
								font-weight: bold;
								text-decoration: underline;
							}	
				
				
			
			#mainColumnContentPadding {
				padding: 26px 26px 15px 26px;				
				border-top: 1px solid #A2A0A0;
				float: left;
				width: 689px;
			}
			
				#mainColumnContentPadding p, #mainColumnContentPadding h1 {
					margin-top: 0;
				}
			
				#contentHeader {					
					border-right: 1px solid #FFFFFF;
					border-bottom: 1px solid #FFFFFF;
					background-color: #E37222;
					
				}
				
				#productLandingHeader {
					height: 157px;
					border-bottom: 1px solid #A2A0A0;
					background-color: #FFFFFF;
				}
			
				#lblGoToProduct {
					padding-bottom:10px;
				}			
				
				#bottomFeatures {
					/*position: absolute;					
					bottom: 0; */
					clear: both;
					float: left;
					margin-top: 26px;
					clear: both;				
					border-top: 1px solid #817E7E;
					font-size: 11px;
					width: 689px;
					padding-top: 15px;
				}
				
					#bottomFeaturesBorder {
						float: left;
						background-image: url("../images/background_bottomfeatures.gif");
						background-repeat: repeat-y;		
						min-height:	100px;
						height: auto !important;
						height: 100px;
					}
				
					#bottomFeatures p {
						margin: 0;
						line-height: 14px;
					}
					
					#bottomFeatures ul {
						margin: 0;
						padding: 0;
						list-style: none;
						color: #4E4C4B;
					}			
				
						#mainColumnContentPadding #bottomFeatures ul li {
							background-image: url("../images/ul_arrow.gif"); /* bullet img */
							background-position: left 3px; /* Position bullet */
							background-repeat: no-repeat;
							line-height: 13px;
							padding-left: 12px; /* Add padding so text doesn't cover bullet img */
						}
						
							#bottomFeatures ul li a {
								color: #9A4A1A;
								font-weight: bold;
								text-decoration: none;
							}
				
							#bottomFeatures ul li a:hover, #bottomFeatures ul li a:active {
								color: #942505;
								font-weight: bold;
								text-decoration: underline;
							}
							
					#interior1Block {
						float: left;
						width: 203px;
						padding-right: 15px;
					}			
					
						#lblFindAccessories {
							padding-bottom: 15px;
						}
						
					#interior2Block {
						float: left;
						width: 221px;
						padding-right: 15px;
						padding-left: 15px;
						border-right: 1px solid #000000;
						border-left: 1px solid #000000;
					}
					
						#lblWinnersCircleInterior {
							padding-bottom: 15px;
						}
					
					#interior3Block {
						float: left;
						width: 203px;
						padding-left: 15px;
					}
					
						#lblNeedMoreHelp {
							padding-bottom: 12px;
						}
		
		#rightColumn {
			float: left;
			width: 255px;
			font-size: 11px;
			background-color: #969595;
		}	
		
			#helpfulDocumentsPadding, #technicalDocumentsPadding {
				float: left;
				padding: 15px;
				width: 225px;
				border-bottom: 1px solid #FFFFFF;
			}
			
				#lblTechnicalDocuments {
					padding-bottom: 7px;
				}
	
				#lblHelpfulDocuments {
					padding-bottom: 4px;
				}
				
				#ulHelpfulDocuments li.noBorder {
				    border: 0;
				    padding-bottom: 0;
				} 
				
				#ulHelpfulDocuments, #ulTechnicalDocuments {
					margin: 0;
					padding: 0;
					list-style: none;
					color: #FFFFFF;
				}
				
					#ulHelpfulDocuments li, #ulTechnicalDocuments li {
						background-image: url("../images/icon_document.gif"); /* bullet img */
						background-position: left 8px; /* Position bullet */
						background-repeat: no-repeat;
						padding-left: 25px; /* Add padding so text doesn't cover bullet img */
						padding-bottom: 8px;
						padding-top: 8px;
						border-top: 1px solid #595452;

					} 				
					
				#findProductsModule {
					float: left;
					
					padding: 15px 13px 15px 15px;
					clear: both;
					width: 227px;
				}
				
					#lblFindProductsInterior {
						padding-bottom: 15px;
					}
				
				#helpfulVideos {
					float: left;
					border-bottom: 1px solid #FFFFFF;
					padding: 15px;
					clear: both;
					width: 225px;
				}			
				
					#lblHelpfulVideos {
						padding-bottom: 4px;
					}	
				
				#ulHelpfulVideos {
					margin: 0;
					padding: 0;
					list-style: none;
					color: #FFFFFF;
				}
				
				#ulHelpfulVideos li.noBorder {
				    border: 0;
				    padding-bottom: 0;
				} 
				
				#ulProductVideos {
					margin: 0;
					padding: 0;
					list-style: none;
					color: #7A7878;
				}
				
				
				
					#ulHelpfulVideos li, #ulProductVideos li {
						background-image: url("../images/icon_video.gif"); /* bullet img */
						background-position: left 8px; /* Position bullet */
						background-repeat: no-repeat;
						padding-left: 27px; /* Add padding so text doesn't cover bullet img */
						padding-bottom: 8px;
						padding-top: 8px;
						border-top: 1px solid #595452;
					} 				
					
						#ulHelpfulDocuments li a, #ulTechnicalDocuments li a, #ulHelpfulVideos li a {
							color: #FCFCFC;
							text-decoration: none;
						}
						
						#ulHelpfulDocuments li a:hover, #ulHelpfulDocuments li a:active, #ulTechnicalDocuments li a:hover, #ulTechnicalDocuments li a:active, #ulHelpfulVideos li a:hover, #ulHelpfulVideos li a:active {
							color: #E3E3E5;
							text-decoration: underline;
						}
						
						#ulProductVideos li a {
							color: #7A7878;
							text-decoration: none;
						}
						
						#ulProductVideos li a:hover, #ulProductVideos li a:active {
							color: #4E4C4B;
							text-decoration: underline;
						}
				
				#ulProductVideos li.noBorder {
				    border: 0;
				    padding-bottom: 0;
				} 
				
				#ulTechnicalDocuments li.noBorder {
				    border: 0;
				    padding-bottom: 0;
				} 	
		
	
/* General Site Styles */

h1 {
	font-size: 24px;
	font-weight: normal;
	color: #000000;
}

h2 {
	font-size: 22px;
	font-weight: normal;
	color: #000000;
}

h3 {
	font-size: 20px;
	font-weight: normal;
	color: #000000;
}

.contentText {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #4E4C4B;
}

.subHeading {
	font-size: 14px;
	font-weight: bold;
}

a {
	color: #9A4A1A;
	text-decoration: underline;

}

a:hover, a:active {
	color: #942505;
	text-decoration: underline;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

table.tableGrid {
	width: 100%;
	margin-bottom: 15px;
}

table.tableGrid th {
	text-align: left;
	background-color: #35BE2E; 
	background-image: url("../images/background_tableheader.gif");
	background-color: #323131;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #8C8C8C;
}

table.tableGrid tr.alternatingRow {
	background-color: #E1D9D4;	
}

table.tableGrid td {
	border-bottom: 1px solid #969595;
}

table.tableGrid tr.noBorder td{
    border: 0;
}

table.tableGrid td.tableAlignmentRight, table.tableGrid th.tableAlignmentRight {
	text-align: right;
}

table.tableGrid td.tableAlignmentCenter, table.tableGrid th.tableAlignmentCenter {
	text-align: center;
}

table.tableGrid td.datasheetitem {
    padding-left: 20px;
}

table.tableGrid td.datasheetsubheading { background-color: #eeeeee;  }
table.tableGrid td.datasheetsubheading h4 {
    margin: 0;
    padding: 0;
	font-size: 12px;
	line-height: 12px;
}

table.formGrid {
	width: 100%;
}

table.formGrid th {
	text-align: left;
	background-color: #35BE2E; 
	background-image: url("../images/background_tableheader.gif");
	background-color: #323131;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #8C8C8C;
}

table.formGrid input, table.formGrid select {
	border: 1px solid #040404;
	background-image: url("../images/background_txtinput.gif");
	width: 250px;
	color: #040404;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;		
	padding: 4px 2px 2px 4px;	
	overflow: auto;
}

table.formGrid textarea {
	border: 1px solid #040404;
	background-image: url("../images/background_txtinput.gif");
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	width: 250px;
	color: #040404;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;		
	padding: 4px 2px 2px 4px;	
	overflow: auto;
	height: 100px;
}

table.formGrid input.submit, input.submit {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	background-color: #323131;
	background-image: url("../images/background_tableheader.gif");
	padding: 2px 0 2px 0;
	width: 75px;
	text-align: center;
	vertical-align: middle;
	border: 0;
}

table.formGrid input.noBorder {
	border: 0;
}

.requiredFlag {
	font-family: Arial, Helvetica, sans-serif;
	color: #F28812;
	font-weight: bold;
	font-size: 18px;
}

.requiredFlagLarge {
	font-family: Arial, Helvetica, sans-serif;
	color: #F28812;
	font-weight: bold;
	font-size: 18px;
}

div.hr {
  clear: both;
  height: 1px;
  border-bottom: 1px solid #8C8C8C;
}

div.hr hr {
  display: none;
}

#mainColumnContentPadding ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#mainColumnContentPadding ul li {
		background-image: url("../images/bullet.gif"); /* bullet img */
		background-position: left 3px; /* Position bullet */
		background-repeat: no-repeat;
		padding-left: 12px; /* Add padding so text doesn't cover bullet img */
	}

/*
Styles for Maps
---------------
*/

.mapPositioning {
    padding: 20px 0 20px 50px;    
}

#techMapLayout {
    background-image: url("../images/tech_map.gif");
    width: 588px;
}

#territoryMapLayout {
    background-image: url("../images/territory_mapA.gif");
    width: 588px;
}

#techRepMapLayout {
    background-image: url("../images/tech_rep_map.gif");
    width: 588px;
}

/*
Video Styles
----------------------
*/

#siteContentWrapperInteriorVideo {	
	clear: both;
	background-color: #E1DEDE;
	width: 996px;	
	position: relative;
}

#siteContentWrapperInteriorVideo:after {
	content: ".";
    	display: block;
   	height: 0;
   	clear: both;
  	visibility: hidden;

}


#contentHeaderVideo {					
	border-bottom: 1px solid #FFFFFF;
	background-color: #E37222;	
}


/* 
Styles for Member Area
----------------------
*/

#memberLoginPadding 
{
    float: left;
	padding: 15px;
	width: 225px;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

ul.stylizedList {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #4E4C4B;
}			

	ul.stylizedList li {
		background-image: url("../images/ul_arrow.gif"); /* bullet img */
		background-position: left 3px; /* Position bullet */
		background-repeat: no-repeat;
		line-height: 13px;
		padding-left: 12px; /* Add padding so text doesn't cover bullet img */
	}
	
		ul.stylizedList li a {
			color: #4E4C4B;
			font-weight: bold;
			text-decoration: none;
		}

		ul.stylizedList li a:hover, ul.stylizedList li a:active {
			color: #4E4C4B;
			font-weight: bold;
			text-decoration: underline;
		}