/*
	Global Stylesheet
	--------------------------
	Site: Hampden Engineering 
	URL: www.hampden.com
*/

/*
	Color Swatch
	--------------------------
	Red - d72626
	
*/

*{margin:0; padding:0; border:0;}
body{ background:#222; }

	/*General*/
	.clear{clear:both; display:block; height:0; visibility:hidden;}
	img{border:none;}
	.red{ color:red; }
	.invisible{ visibility: hidden; }

	/* Typography */
	h3{ color:#222; font:22pt "Helvetica Neue", Arial, sans-serif; border-bottom:1px dashed #ccc; padding:0 0 10px 0; margin:0 0 20px 0; }
	h5{ color:#222; font:12pt "Helvetica Neue", Arial, sans-serif; padding:15px 0 10px 0; margin:0 0 0 0; clear:both; }
		h3.bigtext { font-size:16pt; }
	/* Top Header Zone */
	#header-wrapper{ width:100%; height:93px; background:transparent url('img/bg-header.png') repeat-x; text-align:center;}
		#header{margin:0 auto; width:960px; text-align:left;}
	
			.logo-zone{ height:auto; clear:left; float:left; overflow:hidden;}
				h1#logo-link{height:43px; width:187px; margin:21px 12px 12px 12px; background: url("img/logo.png") no-repeat top left;}
					h1#logo-link a{text-indent:-9999px; display:block; height:100%; width:100%; text-decoration:none;}
	
		/* Navigation w/ Sprites */
		#main-nav{width:540px;  margin:24px 10px 0 0; float:left; clear:right; overflow:hidden; }

			#main-nav ul{margin:0; padding:4px 0 8px 0;}
				#main-nav ul li{display:inline; list-style:none; width:80px; height:38px; margin:0 15px 0 0;float:right; text-indent:-9999px;}
					#main-nav li a{background:url('img/main-nav-sprite.png') top left no-repeat; color:#FFF;text-decoration:none;display:block; height:100%;}

			#main-nav li.information {width:132px;}	
				#main-nav .information a{background-position:-272px 0px;}
				#main-nav .information a:hover{background-position:-272px -38px;}
				#main-nav .information a.here{background-position:-272px -76px;}

			#main-nav li.products {width:110px;}
				#main-nav .products a{background-position:-162px 0px;}
				#main-nav .products a:hover{background-position:-162px -38px;}
				#main-nav .products a.here{background-position:-162px -76px;}
				
			#main-nav li.about {width:84px;}	
				#main-nav .about a{background-position:-78px 0px;}
				#main-nav .about a:hover{background-position:-78px -38px;}
				#main-nav .about a.here {background-position:-78px -76px;}
				
			#main-nav li.home {width:78px;}	
				#main-nav .home a{background-position:0 0px;}
				#main-nav .home a:hover{background-position:0px -38px;}
				#main-nav .home a.here{background-position:0 -76px;}

		#search-block{ width:190px; margin:0px 5px 0 0; float:right; }
			#search-block p{ text-align:right; margin:0 0 9px 0; }
			#search-block a, #search-block a:visited{ color:#666; font:11px "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration:none; }
				#search-block a:hover{ color:#AD0505; }
				#search-block a.selected, #search-block a.selected:hover{ font-weight:bold; color:#AD0505; }
			
			#search-bar{ padding:8px 5px; background:#fff; border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow:hidden; -moz-box-shadow: 0px 1px 0px #ddd; -webkit-box-shadow: 0px 1px 0px #ddd; box-shadow: 0px 1px 0px #ddd;  }
				#search-bar input.input-text{ width:150px; outline:none; font:9pt "Helvetica Neue", Helvetica, Arial; position: relative; z-index: 2;  background:transparent;  }
				#search-bar input.input-submit{ float:right; margin:0 3px 0 0;}
			
			#big-search-bar{ padding:8px 5px; margin:0 0 25px 0; background:#fff; border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow:hidden; -moz-box-shadow: 0px 1px 0px #ddd; -webkit-box-shadow: 0px 1px 0px #ddd; box-shadow: 0px 1px 0px #ddd;  }
				#big-search-bar input.input-text{ width:870px; outline:none; font:14pt "Helvetica Neue", Helvetica, Arial; position: relative; z-index: 2;  background:transparent;  }
				#big-search-bar input.input-submit{ float:right; clear:right; margin:4px 3px 0 0;}
			
	/*Content Area*/
	#content-wrapper{ width:100%; padding:0 0 40px 0; background:#eaeaea url('img/bg-body.jpg') no-repeat top center; border-bottom:2px solid #fff; clear:both; text-align:center;}
		#content{margin:0 auto; width:960px; text-align:left;}
			
		#headline{ color:#fff; padding:40px 0 0 0; }
			#headline h2{  text-shadow:1px 1px #8b0e0e;  border-bottom:2px solid #ddd; margin:0; }
			#bars{ clear:both; display:block; margin:9px 0 0 0; }
			h2.bar1{ background:#ad0505; padding:15px 18px; font:100 30px "Helvetica Neue", Arial, sans-serif;  }
			h2.bar2{ background:#c12121; border-top:3px solid #a80a0a; padding:15px 18px; font:100 20.5pt "Helvetica Neue", Arial, sans-serif; }
			.headline-spacer{ margin:-25px 0 0 0; }
			
			/*Products Page Navigation*/
			#headline a{ color:#444; font:bold 9pt "Helvetica Neue", Arial, sans-serif; text-decoration: none; }
				#headline a.products-page{ color:#fff; background:#444 url('img/back-arrow.png') no-repeat 8px center; padding:8px 10px 8px 22px; }
					#headline a.products-page:hover{ background-color:#333; }
				#headline div.breadcrumbs{ height:26px; }
					#headline a.breadcrumb{ background:#ccc; padding:8px 10px 8px 10px; text-shadow:1px 1px #ccc; }
						#headline a.breadcrumb:hover{ background:#ddd; }
						
						#headline a.breadcrumb.sub{ background:#aaa; padding:8px 10px 8px 10px; text-shadow:1px 1px #bbb; }
							#headline a.breadcrumb.sub:hover{ background:#bbb; }
			.title-headline{ margin:3px 0 0 0; }
			#headline h2.title{ clear:both; background:#ad0505; padding:15px 18px; font:100 30px "Helvetica Neue", Arial, sans-serif; display:inline-block; min-width:566px; }
		
		/*Slides*/
		#slides{ clear:both; margin:30px 0 0 0; }
		
		.product-block{ width: 182px; height: 182px; float:left; overflow: hidden; position: relative; }
			.product-block a{ opacity:.7; }
				.product-block a:hover{ opacity:1; }	
			.product-block img{ position:absolute; top:0; left:0; border:0; }
			
		.product-info{ float:left; position:absolute; background:#C12121; height:200px; width:200px; display:none; }
			.product-info h4{ color:#fff; font:lighter 14pt "Helvetica Neue", Arial, sans-serif; margin:10px 10px 0 10px; }
			.product-info p{ color:#FF9F9F; font: 10pt "Helvetica Neue", Arial, sans-serif; margin:5px 10px 10px 10px; }
				.product-info p.product-label{ color:#FF9F9F; font: 10pt "Helvetica Neue", Arial, sans-serif; margin:5px 10px 10px 10px; }
				.product-info a{ color:#FFF; }
		/*End Slides*/		
						
		#below-fold{ clear:both; margin:35px 0 0 0; }
			#below-fold.frontpage{ margin:15px 0 0 0; }
		.wrapper{ padding:25px; }
		
		#one-column{ background:#fff; border:1px solid #ddd; }
			#left-column.unified, #right-column.unified{ background:transparent; border:none;}
				#right-column.unified{ width:350px; padding:30px 0 0 0; }
					#right-column.no-padding{ padding:0; }
					#right-column h5{ padding-top:0; }
				
		#left-column{ width:600px; background:#fff; border:1px solid #ddd; border-bottom:2px solid #ddd; float:left; clear:left; }
			#left-column p a, #left-column ul.contact-list a, #right-column p a, #right-column ul.contact-list a{ font-weight:bold; color:#555; border-bottom:1px solid #888; text-decoration: none; }
				#left-column p a:hover, #left-column ul.contact-list a:hover, #right-column p a:hover, #right-column ul.contact-list a:hover{ color:#222; border-bottom:1px solid #555; text-decoration: none; }
			#left-column.full{ width:100%; } 
			#left-spot p, #left-column p, #right-column p{ color:#444; font:9.5pt "Helvetica Neue", Arial, sans-serif; line-height:140%; }
				#left-column.unified p{ width:100%; }
					#left-column p.emphasis{ color:#444; font:12pt "Helvetica Neue", Arial, sans-serif; line-height:140%; }
					#left-column p.last-p{ padding:0 0 20px 0; border-bottom:1px solid #ddd; }
				#left-column p.left{ margin-right:20px; float:left; clear:right;  width:265px;  }
				#left-column p.right{ float:left; clear:right;  width:265px;  }
				#left-column p strong{ color:#d72626; text-transform: uppercase; font-weight:normal;}
				 .button-block{ clear:both; border-top:1px solid #ddd; margin:20px 0 0 0; padding: 34px 0 10px 0; text-align:right; }
					.button-block a, #left-column .button-block input{ padding:14px 16px 12px 16px; background:#d72626; color:#fff; border-bottom:2px solid #e3e3e3; letter-spacing: .1em; font:8.5pt Arial, sans-serif; text-transform: uppercase; text-shadow:1px 1px #8b0e0e; text-decoration:none; }
						 .button-block a:hover, #left-column .button-block input:hover{ background:#c12121; }
		
			ul.categories{ position:relative; }
				ul.categories h4{ position:relative; float:left; margin-left:-40px; width:30px; height:30px; color:#fff; background:url('img/red-circle.png') 30px center; font:12pt Georgia, Times New Roman, serif; line-height:32px;  }
				ul.categories h4 span{ padding:0 0 0 10px; }
				ul.categories li { background:#fff url('img/category.png') no-repeat 6px center; list-style:none; font:bold 10.5pt "Helvetica Neue", Arial, sans-serif; line-height:140%; border-bottom:1px solid #e5e5e5; }
					ul.categories li.first-item{ border-top:2px solid #e5e5e5; }
					ul.categories li.last-item{ border-bottom:2px solid #e5e5e5; }
					ul.categories li a, ul.categories li a:visited { display:block; text-decoration:none; color:#444; padding:15px 0 15px 25px;  }
						ul.categories li a:hover{ background:#eee url('img/category.png') no-repeat 6px center;  color:#000; }
				
					ul.sub li, ul.sub li a:hover{ background-image:url('img/subcategory.png'); }
					ul.view-product li, ul.view-product li a:hover{ background-image:url('img/view-product.png'); }
				
				ul.categories h4 + li{ border-top:1px solid #e5e5e5; }
			
			ul.options{ padding:0 0 0 15px;}
				ul.options li{ color:#666; font:9.5pt "Helvetica Neue", Arial, sans-serif; }
			
			ul.contact-list{ padding:0 0 0 0; list-style-type: none;}
				ul.contact-list em{ color:#888; }
				ul.contact-list li{ color:#666; padding:0 0 3px 25px; font:9.5pt "Helvetica Neue", Arial, sans-serif; }
				ul.contact-list li.mail{ background:url('img/mail-icon.png') no-repeat center left; }
				ul.contact-list li.email{ background:url('img/inbox-icon.png') no-repeat center left; }
				ul.contact-list li.phone{ background:url('img/phone-icon.png') no-repeat center left; }
				ul.contact-list li.bordered{ border-bottom:1px dashed #ccc; padding-bottom:8px; margin-bottom:8px; } 
				
			input.big-search{  }
		
		#right-column{ width:330px; background:#fff; border:1px solid #ddd; border-bottom:2px solid #ddd; float:right; clear:right;  }
		
		#right-spot, #middle-spot, #left-spot{ float:left; clear:right; width: 288px; margin:20px 0 0 0; }
			#middle-spot{ margin-right:20px; }
			#left-spot{ margin-right:23px; }
			.special-block img{ height:100px; overflow:hidden; width:288px; }
				.special-header{ background:#222; padding:20px 0; margin:0 0 10px 0; }
					.special-header h5 { margin:0 0 2px 0; padding:0 10px; }
					.special-header h5 a{ color:#fff; text-decoration:none }
						.special-header h5 a:hover{ color:#C12121; }
					.special-header span{ color:#666; margin:0; padding:0 10px; font: 8.5pt "Helvetica Neue", Arial, sans-serif; text-transform: lowercase; }
				.special-block p{ }
			
	/*Form*/
	form#inforequest .input-text { color:#666; border:1px solid #A5ACB5; padding:5px 3px; font:14pt "Lucida Grande", Verdana, Tahoma, sans-serif; width:300px; outline:none; }
	#inforequest label { color:#666; font:13pt "Helvetica Neue", Arial, sans-serif; padding-left:8px; float:left; line-height:36px;}
		#inforequest label.shorter { line-height:28px;}
	form#inforequest div{ clear:both; padding:5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; outline:none; background:#eee; text-align:right;}
		form#inforequest div.highlight{background: #FFF1AF }
	#inforequest select{ font:14pt "Lucida Grande", Verdana, Tahoma, sans-serif; color:#666; border:1px solid #A5ACB5; }
	#inforequest textarea{ color:#666; border:1px solid #A5ACB5; padding:5px 3px; font:14pt "Lucida Grande", Verdana, Tahoma, sans-serif; width:300px; outline:none; overflow-x: hidden; height:120px; }
	#inforequest .checkbox-field{ text-align:left; }
		#inforequest .checkbox-field label{ float:none; }
		#inforequest .checkbox-field input{ margin:0 6px; }
	form#inforequest div.button-block{ background:none; }
		form#inforequest h3 span{ color:#888; top:-5px; padding:0 0 0 6px; position:relative; font:9pt "Lucida Grande", Verdana, Tahoma, sans-serif; text-transform:uppercase; }
			form#inforequest h3 span a{ font-weight:bold; color:#555; border-bottom:1px solid #888; text-decoration: none;}
				form#inforequest h3 span a:hover{ color:#222; border-bottom:1px solid #555; text-decoration: none; }
	
	form .subject{ visibility: hidden; height:1px; overflow:hidden; }
	
	/*Spanish*/
	.spanish-item{clear:both; display:block; overflow:hidden; margin-bottom:15px; border-bottom: 1px dashed #CCC; padding:0 0 10px 0;}
			.spanish-item img{float:right; margin:5px 0px 5px 5px; clear:right;}
			.spanish-item ul{list-style:disc inside; font-family:10.5pt "Helvetica Neue", Arial, sans-serif; margin-bottom:15px}
				.spanish-item li{line-height:1.4em; font-size:12px; margin-left:25px;}
		
		#content ul.spanish-image{list-style: none outside; clear:both; margin:0; padding:0; font:10.5pt "Helvetica Neue", Arial, sans-serif;}
			#content ul.spanish-image li{display:inline; float:left; width:130px; height:280px; overflow:hidden; text-align:center; margin:0 5px 5px 0; padding:0;}
				ul.spanish-image li .tophalf{height:135px; width:120px; overflow: hidden; clear:both; text-align:center;}
				ul.spanish-image h4{display:block; clear:both; margin:0;}
				ul.spanish-image img{margin:0; padding:0;}
		
		#content ul.double{list-style:disc inside; margin:0; clear:both; padding:0px 5px 15px 0px; font-size:12px; clear:both;}
			#content ul.double li{width:265px;float:left; line-height:1.4em; margin-left:5px}
			#content ul.double li a{ color:#DB0000; text-decoration:none; }
				#content ul.double li a:hover{ color:#AD0505; text-decoration:underline; }
					
	/*Footer*/
	#footer-wrapper{ width:100%; height:50px; text-align:center;}
		#footer{margin:0 auto; width:960px; background: url("img/made-in-usa.png") no-repeat center left; padding:30px 0; text-align:right; color:#888; font:bold 9pt "Helvetica Neue", Arial, sans-serif;}
			#footer a, #footer a:visited{ color:#fff; text-decoration: none; }
				#footer a:hover{ color:#c12121;}