/* imports */
@import url(../Scripts/greybox/gb_styles.css);

/* standard shell template */
html, body 
{
	margin:0;
	padding:0;
	border:0;
}

body
{		
	font-family: Verdana;
	font-size: 80%;
	background: #000 url(../Images/SiteBackground.jpg) repeat-y top center;
	text-align: center;	
	line-height: 18px;
	color: #567199;
}

.clear{
	clear:both;		
}

/* redefine */
form 
{
	padding: 0px;
	border: 0px;	
}

.standardformfield 
{
	font-family: Verdana;
	font-size: 100%;
	color: #302C2D;
}

a 
{
	color: #61451B;
	text-decoration: underline;
}

a:hover 
{
	text-decoration: none;	
}

/* construct */
#wrapper 
{
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position: relative;	
	width: 860px;	
}
	
	/* Navigation */
	#wrapper #navigation 
	{
		width: 860px;
		height: 62px;		
		float: left;	
	}
	
		#wrapper #navigation ul 
		{
			margin: 10px 0px 0px 0px;
			padding: 0px;
		}
		
			#wrapper #navigation ul li 
			{
				display: inline;
				list-style-type: none;				
			}
			
				#wrapper #navigation ul li a 
				{
					display: block;
					float: left;
					height: 42px;					
				}
				
					/* Image Replacements */
					#wrapper #navigation ul li.home a 
					{
						width: 84px;
						background: url(../Images/shellGraphics_03.gif) no-repeat top left;
					}
					
					#wrapper #navigation ul li.ourproducts a 
					{
						width: 128px;
						background: url(../Images/shellGraphics_04.gif) no-repeat top left;
					}
					
					#wrapper #navigation ul li.news a 
					{
						width: 71px;
						background: url(../Images/shellGraphics_05.gif) no-repeat top left;
					}
					
					#wrapper #navigation ul li.aboutus a 
					{
						width: 98px;
						background: url(../Images/shellGraphics_06.gif) no-repeat top left;
					}
					
					#wrapper #navigation ul li.contactus a 
					{
						width: 107px;
						background: url(../Images/shellGraphics_07.gif) no-repeat top left;
					}
					
					#wrapper #navigation ul li.telno 
					{
						margin-left: 224px;
						width: 121px;
						height: 42px;
						float: left;
						background: url(../Images/shellGraphics_09.gif) no-repeat top left;
					}
				
				#wrapper #navigation ul li a:hover 
				{
					background-position: bottom left;	
				}
				
				#wrapper #navigation ul li a span, #wrapper #navigation ul li.telno span
				{
					display: none;
				}
				
	/* Header */
	#wrapper #header 
	{
		width: 860px;
		float: left;
		border-top: solid 1px #5D4422;
		border-bottom: solid 1px #5D4422;
		height: 169px;
	}
	
		#wrapper #header h1 
		{
			margin: 0px;
			padding: 0px;
			float: left;
		}
		
			#wrapper #header h1 a 
			{
				display: block;
				width: 170px;
				height: 169px;
				background: url(../Images/shellGraphics_13.gif) no-repeat top left;
			}
				
				#wrapper #header h1 a span 
				{
					display: none;
				}
				
		#wrapper #header #altphoto 
		{
			width: 690px;
			height: 169px;
			float: left;
		}
		
	/* Content */
	#wrapper #contentarea 
	{
		width: 810px;
		float: left;
		background: #FFF;
		padding: 25px;
	}	
	
		#wrapper #contentarea #homecolone 
		{
			width: 416px;
			float: left;
		}
		
			#wrapper #contentarea #homecolone #homewelcome 
			{
				width: 395px;
				float: left;
				background: url(../Images/shellGraphics_18.jpg) repeat-y top left;
				padding: 8px 13px 8px 8px;
				height: 278px;
				position: relative;				
			}
			
				#wrapper #contentarea #homecolone #homewelcome #homewelcomeoverlap 
				{
					position: absolute;
					top: -20px;
					left: 332px;										
				}
			
				#wrapper #contentarea #homecolone #homewelcome h2 
				{
					margin: 0px;
					padding: 0px;
					width: 153px;
					height: 20px;
					background: url(../Images/Header_Welcome.gif) no-repeat top left;
				}
				
					#wrapper #contentarea #homecolone #homewelcome h2 span 
					{
						display: none;
					}
			
			#wrapper #contentarea #homecolone #homelatestnews 
			{
				margin-top: 27px;
				width: 400px;
				float: left;
				background: url(../Images/shellGraphics_18.jpg) repeat-y top left;
				padding: 8px;
				height: 228px;
				position: relative;
			}
			
				#wrapper #contentarea #homecolone #homelatestnews #homenewsoverlap 
				{
					position: absolute;
					top: 152px;
					left: 326px;
				}
			
				#wrapper #contentarea #homecolone #homelatestnews h2 
				{
					margin: 0px;
					padding: 0px;
					width: 153px;
					height: 20px;
					background: url(../Images/Header_LatestNews.gif) no-repeat top left;
				}
				
					#wrapper #contentarea #homecolone #homelatestnews h2 span 
					{
						display: none;
					}
		
		#wrapper #contentarea #homecoltwo 
		{
			margin-left: 30px;
			width: 364px;
			float: left;
		}
		
			#wrapper #contentarea #homecoltwo #homeproducts 
			{
				width: 364px;
				float: left;				
			}
			
				#wrapper #contentarea #homecoltwo #homeproducts h2 
				{
					margin: 0px;
					padding: 0px;
					width: 364px;
					float: left;
					height: 51px;
					background: url(../Images/shellGraphics_20.gif) no-repeat top left;
				}
				
					#wrapper #contentarea #homecoltwo #homeproducts h2 span
					{
						display: none;
					}
					
				#wrapper #contentarea #homecoltwo #homeproducts ul 
				{
					margin: 0px;
					padding: 0px;
				}
				
					#wrapper #contentarea #homecoltwo #homeproducts ul li 
					{
						display: inline;
						list-style-type: none;
					}
					
						#wrapper #contentarea #homecoltwo #homeproducts ul li a 
						{
							display: block;
							float: left;
							width: 364px;
						}
						
							/* Image Replacements */
							#wrapper #contentarea #homecoltwo #homeproducts ul li.nutproducts a 
							{
								height: 70px;
								background: url(../Images/shellGraphics_23.jpg) no-repeat top left;
							}
							
							#wrapper #contentarea #homecoltwo #homeproducts ul li.pressing a 
							{
								height: 72px;
								background: url(../Images/shellGraphics_24.jpg) no-repeat top left;
							}
							
							#wrapper #contentarea #homecoltwo #homeproducts ul li.boltproducts a 
							{
								height: 70px;
								background: url(../Images/shellGraphics_25.jpg) no-repeat top left;
							}
							
							#wrapper #contentarea #homecoltwo #homeproducts ul li.screwproducts a 
							{
								height: 72px;
								background: url(../Images/shellGraphics_26.jpg) no-repeat top left;
							}
							
							#wrapper #contentarea #homecoltwo #homeproducts ul li.otherproducts a 
							{
								height: 68px;
								background: url(../Images/shellGraphics_27.jpg) no-repeat top left;
							}
						
								#wrapper #contentarea #homecoltwo #homeproducts ul li a:hover 
								{
									background-position: bottom left;
								}
							
								#wrapper #contentarea #homecoltwo #homeproducts ul li a span 
								{
									display: none;
								}
								
			#wrapper #contentarea #homecoltwo #homecertifications 
			{
				width: 364px;
				float: left;
				margin-top: 27px;
			}
			
				#wrapper #contentarea #homecoltwo #homecertifications h2 
				{
					margin: 0px;
					padding: 0px;
					width: 364px;
					height: 51px;
					float: left;
					background: url(../Images/AccredHeader.gif) no-repeat top left;
				}
			
				#wrapper #contentarea #homecoltwo #homecertifications .accredlogo 
				{
					float: left;
					margin-top: 10px;
				}
			
			/* Page Content */
			#wrapper #contentarea h2 
			{
				margin: 0px;
				padding: 0px;
				width: 153px;
				height: 20px;
			}
			
				#wrapper #contentarea h2.ourproducts 
				{
					background: url(../Images/Header_OurProducts.gif) no-repeat top left;
				}
				
					#wrapper #contentarea h2.ourproducts_nutproducts 
					{
						background: url(../Images/DBImages/Products/Headers/1.gif) no-repeat top left;
					}
					
					#wrapper #contentarea h2.ourproducts_pressing 
					{
						background: url(../Images/DBImages/Products/Headers/2.gif) no-repeat top left;
					}
					
					#wrapper #contentarea h2.ourproducts_boltproducts 
					{
						background: url(../Images/DBImages/Products/Headers/3.gif) no-repeat top left;
					}
					
					#wrapper #contentarea h2.ourproducts_screwproducts 
					{
						background: url(../Images/DBImages/Products/Headers/4.gif) no-repeat top left;
					}
					
					#wrapper #contentarea h2.ourproducts_otherproducts 
					{
						background: url(../Images/DBImages/Products/Headers/5.gif) no-repeat top left;
					}
					
				
				#wrapper #contentarea h2.news 
				{
					background: url(../Images/Header_LatestNews.gif) no-repeat top left;
				}
				
				#wrapper #contentarea h2.aboutus 
				{
					background: url(../Images/Header_AboutUs.gif) no-repeat top left;
				}
				
				#wrapper #contentarea h2.contactus 
				{
					background: url(../Images/Header_ContactUs.gif) no-repeat top left;
				}
				
				#wrapper #contentarea h2.sitemap 
				{
					background: url(../Images/Header_SiteMap.gif) no-repeat top left;
				}
				
				#wrapper #contentarea h2.accessibility 
				{
					background: url(../Images/Header_SiteMap.gif) no-repeat top left;
				}
				
				#wrapper #contentarea h2.privacypolicy 
				{
					background: url(../Images/Header_PrivacyPolicy.gif) no-repeat top left;
				}
			
					#wrapper #contentarea h2 span 
					{
						display: none;
					}
					
			#wrapper #contentarea #aboutusimage
			{
				margin: 0px 0px 10px 10px;
				float: right;
				border: solid 1px #353F66;
			}
			
				#wrapper #contentarea #aboutusimage a 
				{
					width: 350px;
					display: block;
					background: #353F66;
					text-align: center;
					font-size: 80%;
					color: #FFF;
					text-decoration: none;
				}
			
			#wrapper #contentarea #newsimage 
			{
				margin: 0px 0px 10px 10px;
				float: right;
				border: solid 1px #353F66;
			}
			
				#wrapper #contentarea #newsimage a 
				{
					display: block;
					background: #353F66;
					width: 225px;
					text-align: center;					
					font-size: 80%;
					color: #FFF;
					text-decoration: none;
				}				
			
			/* Products Landing Page */
			#wrapper #contentarea #productlanding 
			{
				width: 364px;
				float: left;				
			}
			
				#wrapper #contentarea #productlanding h2 
				{
					margin: 0px;
					padding: 0px;
					width: 364px;
					float: left;
					height: 51px;
					background: url(../Images/shellGraphics_20.gif) no-repeat top left;
				}
				
					#wrapper #contentarea #productlanding h2 span
					{
						display: none;
					}
					
				#wrapper #contentarea #productlanding ul 
				{
					margin: 0px;
					padding: 0px;
				}
				
					#wrapper #contentarea #productlanding ul li 
					{
						display: inline;
						list-style-type: none;
					}
					
						#wrapper #contentarea #productlanding ul li a 
						{
							display: block;
							float: left;
							width: 364px;
						}
						
							/* Image Replacements */
							#wrapper #contentarea #productlanding ul li.nutproducts a 
							{
								height: 70px;
								background: url(../Images/shellGraphics_23.jpg) no-repeat top left;
							}
							
							#wrapper #contentarea #productlanding ul li.pressing a 
							{
								height: 72px;
								background: url(../Images/shellGraphics_24.jpg) no-repeat top left;
							}
							
							#wrapper #contentarea #productlanding ul li.boltproducts a 
							{
								height: 70px;
								background: url(../Images/shellGraphics_25.jpg) no-repeat top left;
							}
							
							#wrapper #contentarea #productlanding ul li.screwproducts a 
							{
								height: 72px;
								background: url(../Images/shellGraphics_26.jpg) no-repeat top left;
							}
							
							#wrapper #contentarea #productlanding ul li.otherproducts a 
							{
								height: 68px;
								background: url(../Images/shellGraphics_27.jpg) no-repeat top left;
							}
						
								#wrapper #contentarea #productlanding ul li a:hover 
								{
									background-position: bottom left;
								}
							
								#wrapper #contentarea #productlanding ul li a span 
								{
									display: none;
								}
								
			/* Products View Page (AJAX) */
			#wrapper #contentarea #productslist 
			{
				width: 468px;
				float: left;
			}
			
				#wrapper #contentarea #productslist .productheader 
				{
					width: 466px;	
					height: 80px;				
					cursor: pointer;
					border: solid 1px #7F6A48;
				}
				
					#wrapper #contentarea #productslist .productheader .productheaderinfo 
					{
						margin: 6px;
						height: 69px;
						width: 454px;
						background: url(../Images/ProductHeaderBackground.jpg) repeat-y top right;
					}
					
						#wrapper #contentarea #productslist .productheader .productheaderinfo img 
						{
							float: left;
						}
					
						#wrapper #contentarea #productslist .productheader .productheaderinfo a 
						{
							text-decoration: none;	
							float: left;
						}
							
							#wrapper #contentarea #productslist .productheader .productheaderinfo a span 
							{
								margin: 0px 0px 0px 20px;
								line-height: 69px;
							}
				
				#wrapper #contentarea #productslist .productbody
				{
					width: 468px;
					margin: 5px 0px 5px 0px;
				}
				
					#wrapper #contentarea #productslist .productbody .productbodyborder 
					{
						border: solid 1px #A5967E;						
						width: 466px;		
					}
				
						#wrapper #contentarea #productslist .productbody .productbodyborder .productbodyinfo 
						{							
							width: 443px;
							margin: 6px;
							padding: 6px;
							background: url(../Images/ProductBodyBackground.jpg) repeat-y top right;						
						}					
						
							#wrapper #contentarea #productslist .productbody .productbodyborder .productbodyinfo .suppimage 
							{
								display: block;
								background: #353F66;
								text-align: center;
								margin: 0px 0px 10px 10px;
								width: 138px;
								float: right;
								font-size: 80%;
								color: #FFF;
								text-decoration: none;
							}
	
	/* Footer */
	#wrapper #footer 
	{
		width: 810px;
		float: left;
		padding: 0px 25px 25px 25px;
		color: #61451B;
	}
		
		#wrapper #footer ul 
		{
			margin: 0px;
			padding: 0px;			
		}
		
			#wrapper #footer ul li 
			{
				list-style-type: none;
				display: inline;	
				padding-right: 15px;
			}
			
				#wrapper #footer ul li.designby 
				{
					margin-left: 403px;	
					padding-right: 0px;
				}