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

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

body
{		
	font-family: Arial;
	font-size: 70%;
	background: #FFF url(../Images/Background.jpg) repeat-x top left;	
	text-align: center;	
	line-height: 18px;
	color: #6B6B6B;
}

.clear{
	clear:both;
	overflow: hidden;
	display: none;
	height: 0px;			
}

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

.standardformfield 
{
	font-family: Tahoma;
	font-size: 100%;
	color: #424142;
}

a 
{
	color: #6B6B6B;
	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: 1001px;		
}
	
	#wrapper #header 
	{
		width: 1001px;
		float: left;
		position: relative;
		margin-left: 5px;
	}
	
		#wrapper #header ul 
		{
			position: absolute;
			margin: 0px;
			padding: 0px;
			border-top: solid 1px #C2C2C2;
			border-left: solid 1px #C2C2C2;
			top: -24px;
			left: 491px;
		}
		
			#wrapper #header ul li 
			{
				list-style-type: none;
				display: inline;
				float: left;
			}
			
				#wrapper #header ul li a 
				{
					display: block;
					height: 23px;
					float: left;
				}
				
					#wrapper #header ul li.home a 
					{
						background: url(../Images/shellGraphics_03.gif) no-repeat top left;
						width: 61px;
					}
					
					#wrapper #header ul li.aboutus a 
					{
						background: url(../Images/shellGraphics_04.gif) no-repeat top left;
						width: 70px;
					}
					
					#wrapper #header ul li.ourstorage a 
					{
						background: url(../Images/shellGraphics_05.gif) no-repeat top left;
						width: 142px;
					}
					
					#wrapper #header ul li.testimonials a 
					{
						background: url(../Images/shellGraphics_06.gif) no-repeat top left;
						width: 89px;
					}
					
					#wrapper #header ul li.news a 
					{
						background: url(../Images/shellGraphics_07.gif) no-repeat top left;
						width: 50px;
					}
					
					#wrapper #header ul li.contactus a 
					{
						background: url(../Images/shellGraphics_08.gif) no-repeat top left;
						width: 87px;
					}
					
						#wrapper #header ul li a:hover 
						{
							background-position: bottom left;
						}
						
						#wrapper #header ul li a span 
						{
							display: none;
						}
		
		#wrapper #header h1 
		{			
			margin: 0px;
			padding: 0px;
			float: left;
		}	
				
			#wrapper #header h1 a 
			{
				display: block;
				width: 991px;
				height: 95px;
				background: url(../Images/shellGraphics_11.gif) no-repeat top left;
			}
			
				#wrapper #header h1 a span 
				{
					display: none;
				}
	
	#wrapper #contentcontainer 
	{
		width: 1001px;
		float: left;
		background: url(../Images/ContentBackground.gif) repeat-y top left;	
	}
	
		*html #wrapper #contentcontainer 
		{
			margin-left: 3px;
		}
	
		#wrapper #contentcontainer #contenttext 
		{
			width: 975px;
			float: left;			
			background: url(../Images/shellGraphics_12.jpg) no-repeat top left;
			padding: 32px 14px 0px 12px;
			position: relative;					
		}
				
			/* Home Content */
			#wrapper #contentcontainer #contenttext #intropanel 
			{
				border: solid 1px #E5E5E5;
				width: 957px;
				background: #F1F1F1;
				float: left;
				padding: 9px;	
			}
			
				#wrapper #contentcontainer #contenttext #intropanel img 
				{
					float: right;
					margin-left: 10px;
				}
				
					#wrapper #contentcontainer #contenttext #intropanel #homeflash 
					{
						float: right;
						width: 626px;
						height: 226px;						
					}
			
				#wrapper #contentcontainer #contenttext #intropanel h2 
				{
					margin: 9px 0px 0px 6px;
					padding: 0px;
					font-size: 150%;
					color: #474747;
				}
				
				#wrapper #contentcontainer #contenttext #intropanel p 
				{
					margin: 0px;
					padding: 15px 0px 0px 6px;
				}
				
					#wrapper #contentcontainer #contenttext #intropanel p .redtextlink 
					{
						color: #F1031E;
					}
					
				/* Industrial Store Page */
				#wrapper #contentcontainer #contenttext #intropanel #indstorcolone 
				{
					width: 325px;
					float: left;					
				}
				
					#wrapper #contentcontainer #contenttext #intropanel #indstorcolone h2 
					{
						margin: 9px 0px 0px 6px;
						padding: 0px;
						font-size: 150%;
						color: #474747;
					}
					
					#wrapper #contentcontainer #contenttext #intropanel #indstorcolone p 
					{
						margin: 0px;
						padding: 15px 0px 0px 6px;
					}
						
						#wrapper #contentcontainer #contenttext #intropanel #indstorcolone p strong 
						{
							font-size: 120%;
						}
					
						#wrapper #contentcontainer #contenttext #intropanel #indstorcolone p img 
						{
							float: left;
						}
				
				#wrapper #contentcontainer #contenttext #intropanel #indstorcoltwo 
				{
					margin-left: 20px;
					width: 612px;
					float: left;								
				}
				
					#wrapper #contentcontainer #contenttext #intropanel #indstorcoltwo #thumbclick 
					{
						width: 612px;
						text-align: center;
						color: #F1374C;
						background: url(../Images/DownArrow.gif) no-repeat center;						
					}
					
					#wrapper #contentcontainer #contenttext #intropanel #indstorcoltwo .thumbnail 
					{
						margin: 15px 15px 0px 0px;
						float: left;
						width: 141px;
						height: 84px;
					}
					
						#wrapper #contentcontainer #contenttext #intropanel #indstorcoltwo .thumbnail a:hover 
						{
							opacity: .5;
							filter: alpha(opacity=50);
						}
						
						#wrapper #contentcontainer #contenttext #intropanel #indstorcoltwo .thumbnail.nopadding 
						{
							margin-right: 0px;
						}
			
			/* Page Panels */
			#wrapper #contentcontainer #contenttext #pagepanels 
			{
				width: 951px;
				float: left;
				border-top: solid 1px #F8CBD0;
				margin-top: 6px;
				padding: 19px 13px 0px 13px;				
			}
			
				#wrapper #contentcontainer #contenttext #pagepanels #bannerad 
				{
					float: left;
					width: 307px;
				}
				
				#wrapper #contentcontainer #contenttext #pagepanels #testimonials 
				{
					float: left;
					width: 279px;
					height: 192px;
					margin-left: 15px;
					background: url(../Images/homeGraphics_09.gif) no-repeat top left;
					padding: 18px 14px 14px 14px;
				}
				
					#wrapper #contentcontainer #contenttext #pagepanels #testimonials #testimonialimage 
					{
						width: 279px;
						float: left;
						margin-top: 6px;
						text-align: center;						
						height: 131px;
					}
					
						#wrapper #contentcontainer #contenttext #pagepanels #testimonials #testimonialimage img 
						{
							margin-top: 26px;
						}
				
				#wrapper #contentcontainer #contenttext #pagepanels #latestnews 
				{
					float: left;
					width: 279px;
					height: 192px;
					margin-left: 15px;
					background: url(../Images/homeGraphics_11.gif) no-repeat top left;
					padding: 18px 14px 14px 14px;
				}
				
					#wrapper #contentcontainer #contenttext #pagepanels #testimonials h3, #wrapper #contentcontainer #contenttext #pagepanels #latestnews h3 
					{
						font-size: 150%;
						color: #474747;
						margin: 0px;
						padding: 0px;
					}
					
					#wrapper #contentcontainer #contenttext #pagepanels #testimonials p, #wrapper #contentcontainer #contenttext #pagepanels #latestnews p 
					{
						margin: 6px 0px 0px 0px;
						padding: 0px;
					} 
					
				#wrapper #contentcontainer #contenttext #pagepanels #tonnecapacity 
				{
					width: 307px;
					margin-left: 15px;
					float: left;
				}
				
				#wrapper #contentcontainer #contenttext #pagepanels #easycontact 
				{
					width: 307px;
					margin-left: 15px;
					float: left;
				}
			
			/* Content Page */
			#wrapper #contentcontainer #contenttext #contactpanel 
			{
				width: 307px;
				float: left;
				border-top: solid 1px #F8CBD0;
				margin-top: 6px;
				padding: 19px 13px 0px 13px;				
			}	
			
				/* Contact Form */
				#wrapper #contentcontainer #contenttext #contactpanel #formheader 
				{
					width: 283px;
					height: 17px;
					float: left;
					background: url(../Images/contactFormGraphics_01.gif) no-repeat top left;
					color: #FFF;
					padding: 12px;
					font-size: 180%;					
				}
				
				#wrapper #contentcontainer #contenttext #contactpanel #formbody 
				{
					width: 281px;
					height: 154px;
					float: left;
					background: url(../Images/contactFormGraphics_02.gif) no-repeat top left;
					padding: 13px;
				}	
				
					#wrapper #contentcontainer #contenttext #contactpanel #formbody .formfield 
					{
						float: left;
						width: 281px;
						margin-bottom: 8px;
					}	
					
						#wrapper #contentcontainer #contenttext #contactpanel #formbody .formfield input, #wrapper #contentcontainer #contenttext #contactpanel #formbody .formfield select 
						{
							width: 208px;
							font-family: Arial;
							font-size: 100%;	
							color: #6B6B6B;
							height: 18px;							
							margin: 0px;	
							padding: 4px 0px 0px 0px;						
							float: left;
						}
						
						#wrapper #contentcontainer #contenttext #contactpanel #formbody .formfield select 
						{
							height: 26px;
							padding-bottom: 4px;
						}
						
						#wrapper #contentcontainer #contenttext #contactpanel #formbody .formfield .submitbutton 
						{
							width: 63px;
							height: 25px;
							margin: 0px 0px 0px 10px;
							padding: 0px;
						}
		
			#wrapper #contentcontainer #contenttext #contactmap 
			{
				position: absolute;				
				width: 631px;
				height: 483px;
				left: 348px;
				top: 40px;
				padding: 1px;
				background: #FFF;
			}	
			
			#wrapper #contentcontainer #contenttext #contacticon 
			{
				top: 40px;
				left: 307px;
				position: absolute;
				width: 32px;
			}	
			
			#wrapper #contentcontainer #contenttext #newsicon 
			{
				top: 42px;
				left: 627px;				
				position: absolute;
				width: 32px;
				height: 32px;
			}
			
			#wrapper #contentcontainer #contenttext #testimonialsicon 
			{
				top: 42px;
				left: 627px;				
				position: absolute;
				width: 32px;
				height: 32px;
			}
			
			#wrapper #contentcontainer #contenttext #emailpage 
			{				
				width: 369px;
				float: left;
				color: #909090;
				padding: 6px 0px 0px 13px;
				margin-top: 10px;
			}	
			
				#wrapper #contentcontainer #contenttext #emailpage a 
				{
					color: #909090;					
					background: url(../Images/EmailIcon.gif) no-repeat top left;					
					height: 23px;
					line-height: 23px;
					display: block;
					padding-left: 42px;
					width: 250px;
				}	
				
			
			#wrapper #contentcontainer #contenttext #fulltexlink 
			{				
				width: 460px;
				float: left;
				color: #909090;
				padding: 0px 0px 0px 13px;
				line-height: 39px;
				height: 39px;
				text-align: right;
				padding-right: 120px;
				background: url(../Images/FulltexLogo.gif) no-repeat right;	
				margin-top: 10px;			
			}
			
				#wrapper #contentcontainer #contenttext #fulltexlink a 
				{
					color: #909090;			
				}
				
			/* News List Page */
			#wrapper #contentcontainer #contenttext #intropanel #newslistcontainer 
			{
				width: 554px;
				float: left;	
				margin-left: 6px;			
			}	
			
				#wrapper #contentcontainer #contenttext #intropanel #newslistcontainer .newsitem 
				{
					width: 631px;
					float: left;
					margin-bottom: 11px;
					position: relative;	
				}
				
					#wrapper #contentcontainer #contenttext #intropanel #newslistcontainer .newsitem .newsitemtiny 
					{
						position: absolute;
						left: 532px;
						top: 9px;
						width: 90px;
						height: 68px;
						background: #CCFFCC;
					}
					
						#wrapper #contentcontainer #contenttext #intropanel #newslistcontainer .newsitem .newsitemtiny img 
						{
							padding: 0px;
							margin: 0px;
						}
				
					#wrapper #contentcontainer #contenttext #intropanel #newslistcontainer .newsitem a 
					{
						float: left;
						display: block;						
						width: 521px;
						background: #C4C5BF;
						padding: 10px 100px 10px 10px;
						height: 75px;
						color: #FFF;
						text-decoration: none;
					}
					
						#wrapper #contentcontainer #contenttext #intropanel #newslistcontainer .newsitem a .header 
						{
							font-size: 130%;
							font-weight: bold;
						}
						
						#wrapper #contentcontainer #contenttext #intropanel #newslistcontainer .newsitem a .artlink 
						{
							color: #FC001D;
							text-decoration: underline;
						}
						
							#wrapper #contentcontainer #contenttext #intropanel #newslistcontainer .newsitem a .artlink:hover 
							{
								text-decoration: none;
							}
										
			/* News View Page */
			#wrapper #contentcontainer #newscontrols 
			{
				width: 977px;
				background: #EA001B url(../Images/NewsControlsBG.jpg) no-repeat top left;
				height: 23px;
				line-height: 23px;
				float: left;
				margin-top: 6px;
			}
			
				#wrapper #contentcontainer #newscontrols #morearticles 
				{
					float: left;
					padding-left: 14px;					
					width: 644px;					
				}
				
					#wrapper #contentcontainer #newscontrols #morearticles a 
					{
						color: #FFF;
					}
				
				#wrapper #contentcontainer #newscontrols #forwardsbackwards 
				{
					float: left;					
					color: #FFF;					
					width: 309px;
				}
				
					#wrapper #contentcontainer #newscontrols #forwardsbackwards .newscontrolfb
					{
						float: left;
						width: 154px;
					}
					
						#wrapper #contentcontainer #newscontrols #forwardsbackwards .newscontrolfb.right 
						{
							text-align: right;
						}
				
					#wrapper #contentcontainer #newscontrols #forwardsbackwards a 
					{
						color: #FFF;
					}
					
				#wrapper #contentcontainer #contenttext #intropanel #newsimage 
				{
					float: right;
					margin: 0px 0px 10px 10px;
					width: 309px;
					height: 232px;
				}
				
					#wrapper #contentcontainer #contenttext #intropanel #newsimage img 
					{
						margin: 0px;
						padding: 0px;
					}
					
			/* Testimonials Page */
			#wrapper #contentcontainer #contenttext #intropanel #testimonialscontainer 
			{
				width: 554px;
				float: left;	
				margin-left: 6px;			
			}	
			
				#wrapper #contentcontainer #contenttext #intropanel #testimonialscontainer .testimonialitem 
				{
					width: 611px;
					float: left;
					margin-bottom: 11px;
					position: relative;	
					padding: 10px;
					background: #C4C5BF;
					color: #FFF;
				}
				
					#wrapper #contentcontainer #contenttext #intropanel #testimonialscontainer .testimonialitem.darkerbg 
					{
						background: #B9B9B9;
					}
					
					#wrapper #contentcontainer #contenttext #intropanel #testimonialscontainer .testimonialitem span 
					{
						font-size: 110%;
						font-weight: bold;
						color: #747474;
					}
		
		#wrapper #contentcontainer #contentfooter 
		{
			width: 1001px;
			float: left;
			height: 39px;
			background: url(../Images/shellGraphics_13.jpg) no-repeat top left;			
		}
	
	#wrapper #footer 
	{
		width: 953px;
		float: left;
		padding: 2px 24px 0px 24px;
	}
	
		#wrapper #footer ul 
		{
			margin: 0px;
			padding: 0px;
		}
			
			#wrapper #footer ul li 
			{
				list-style-type: none;
				display: inline;
				text-transform: lowercase;
				padding-right: 9px;
				color: #909090;
			}
				
				#wrapper #footer ul li a 
				{
					color: #909090;
				}
				
				#wrapper #footer ul li.spacer 
				{
					padding-left: 11px;
					background: url(../Images/FooterSpacer.gif) no-repeat top left;
				}
				
				#wrapper #footer ul li.designby 
				{
					padding: 0px 0px 0px 307px;								
				}
				
					#wrapper #footer ul li.designby a 
					{
						font-weight: bold;
					}