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

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

body
{		
	font-family: "Lucida Sans Unicode","Lucida Grande";
	font-size: 70%;
	background: #000 url(../Images/Background.jpg) repeat-x top left;	
	text-align: center;	
	line-height: 18px;
	color: #6D6E70;
}

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

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

.standardformfield 
{
	font-family: "Lucida Sans Unicode","Lucida Grande";
	font-size: 100%;
	color: #424142;
}

a 
{
	color: #FF9024;
	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: 886px;	
}
	
	#wrapper #header 
	{
		width: 886px;
		float: left;
		position: relative;
		background: #FFF url(../Images/shellGraphics_04.jpg) repeat-x top left;	
		margin-top: 38px;	
	}
	
		#wrapper #header h1 
		{			
			float: left;
			margin: 0px;
			padding: 0px;
		}
		
			#wrapper #header h1 a 
			{
				width: 252px;
				height: 181px;
				float: left;
				background: url(../Images/shellGraphics_03.jpg) no-repeat top left;
				display: block;
			}
			
				#wrapper #header h1 span 
				{
					display: none;
				}
				
		#wrapper #header #flashanim 
		{
			width: 492px;
			height: 121px;
			float: left;
			background: url(../Images/shellGraphics_05.jpg) no-repeat top left;
		}
			
		#wrapper #header #pinaccess 
		{
			position: absolute;			
			color: #FFF;			
			font-size: 110%;
			left: 15px;
			top: -30px;
		}	
			
		#wrapper #header #advice 
		{
			position: absolute;			
			color: #FFF;
			text-transform: lowercase;
			font-size: 110%;
			left: 558px;
			top: -30px;
		}		
		
		#wrapper #header #opentimes 
		{
			width: 169px;
			height: 177px;
			float: left;
			position: absolute;
			background: url(../Images/CannockStore.jpg) no-repeat top left;
			top: -38px;
			left: 758px;
		}
		
			#wrapper #header #opentimes span 
			{
				display: none;
			}
			
		#wrapper #header #navigation 
		{
			position: absolute;
			top: 121px;
			left: 260px;
		}
		
			#wrapper #header #navigation ul 
			{
				margin: 0px;
				padding: 0px;
			}
			
				#wrapper #header #navigation ul li 
				{
					list-style-type: none;
					display: inline;
					position: relative;
					float: left;
				}
				
					/* Sub Navigation */					
					#wrapper #header #navigation ul li .subnav 
					{
						display: none;
						position: absolute;	
						margin-top: 26px;										
						width: 37px;									
					}	
					
						#wrapper #header #navigation ul li .subnav.snone 
						{
							left: -20px;
						}
						
						#wrapper #header #navigation ul li .subnav.sntwo 
						{
							left: -12px;
						}
						
						#wrapper #header #navigation ul li .subnav.snthree 
						{
							left: -22px;
						}
													
						#wrapper #header #navigation ul li .subnav li a
						{					
							width: 140px;							
							text-align: center;				
							background: #7EC72F;
							float: left;							
							height: 23px;
							line-height: 23px;
							color: #FFf;
							border-bottom: solid 1px;
							text-decoration: none;
						}
												
							#wrapper #header #navigation ul li .subnav li a:hover 
							{
								background: #92E336;
							}
						
						#wrapper #header #navigation ul li:hover ul, #wrapper #header #navigation ul li.over ul
						{ 
							display: block; 
						} 

					
					/* Main Navigation */
					#wrapper #header #navigation ul li a 
					{
						display: block;
						float: left;
						height: 26px;	
					}
					
						#wrapper #header #navigation ul li.home a 
						{
							background: url(../Images/shellGraphics_07.gif) no-repeat top left;
							width: 82px;
						}
						
						#wrapper #header #navigation ul li.aboutus a 
						{
							background: url(../Images/shellGraphics_08.gif) no-repeat top left;
							width: 102px;
						}
						
						#wrapper #header #navigation ul li.household a 
						{
							background: url(../Images/shellGraphics_09.gif) no-repeat top left;
							width: 116px;
						}
						
						#wrapper #header #navigation ul li.business a 
						{
							background: url(../Images/shellGraphics_10.gif) no-repeat top left;
							width: 97px;
						}
						
						#wrapper #header #navigation ul li.contactus a 
						{
							background: url(../Images/shellGraphics_11.gif) no-repeat top left;
							width: 115px;
						}
						
						#wrapper #header #navigation ul li a:hover 
						{
							background-position: bottom left;
						}
						
						#wrapper #header #navigation ul li a span 
						{
							display: none;
						}
						
	#wrapper #contentarea 
	{
		width: 886px;
		float: left;
		background: url(../Images/ContentBackground.gif) repeat-y top left;
	}
	
		#wrapper #contentarea #leftcol 
		{
			width: 233px;
			padding: 0px 0px 28px 19px;
			background: #F1F1F1;
			float: left;
		}
		
			#wrapper #contentarea #leftcol #howmuchspace 
			{
				width: 233px;
				height: 113px;
				float: left;
				background: url(../Images/shellGraphics_15.jpg) no-repeat top left;
			}
			
			#wrapper #contentarea #leftcol #needpackaging 
			{
				margin-top: 24px;
				float: left;
				width: 233px;
				height: 128px;
				background: url(../Images/shellGraphics_17.jpg) no-repeat top left;
			}
			
			#wrapper #contentarea #leftcol #findus 
			{
				margin-top: 11px;
				width: 233px;
				height: 131px;
				background: url(../Images/newShellGraphics_03.jpg) no-repeat top left;
				float: left;
			}
			
			#wrapper #contentarea #leftcol #vanhire 
			{
				margin-top: 11px;
				width: 233px;
				height: 114px;
				background: url(../Images/newShellGraphics_06.jpg) no-repeat top left;
				float: left;
			}
			
			#wrapper #contentarea #leftcol #lookingquote 
			{
				margin-top: 20px;
				width: 233px;
				height: 145px;
				background: url(../Images/shellGraphics_21.jpg) no-repeat top left;
				float: left;
			}
			
			#wrapper #contentarea #leftcol #selfinsurance 
			{
				margin-top: 22px;
				float: left;
				width: 233px;
				height: 145px;
				background: url(../Images/shellGraphics_23.jpg) no-repeat top left;
			}
			
				#wrapper #contentarea #leftcol #howmuchspace h3, #wrapper #contentarea #leftcol #needpackaging h3, #wrapper #contentarea #leftcol #findus h3, #wrapper #contentarea #leftcol #vanhire h3, #wrapper #contentarea #leftcol #lookingquote h3, #wrapper #contentarea #leftcol #selfinsurance h3 
				{
					margin: 0px;
					padding: 0px;
				}
			
				#wrapper #contentarea #leftcol #howmuchspace h3 span, #wrapper #contentarea #leftcol #needpackaging h3 span, #wrapper #contentarea #leftcol #findus h3 span, #wrapper #contentarea #leftcol #vanhire h3 span, #wrapper #contentarea #leftcol #lookingquote h3 span, #wrapper #contentarea #leftcol #selfinsurance h3 span 
				{
					display: none;
					height: 0px;
				}
				
				#wrapper #contentarea #leftcol #howmuchspace p, #wrapper #contentarea #leftcol #needpackaging p, #wrapper #contentarea #leftcol #findus p, #wrapper #contentarea #leftcol #vanhire p, #wrapper #contentarea #leftcol #lookingquote p, #wrapper #contentarea #leftcol #selfinsurance p 
				{
					margin: 0px;
					padding: 43px 31px 0px 15px;
				}
				
				#wrapper #contentarea #leftcol #howmuchspace p a, #wrapper #contentarea #leftcol #needpackaging p a, #wrapper #contentarea #leftcol #findus p a, #wrapper #contentarea #leftcol #lookingquote p a, #wrapper #contentarea #leftcol #selfinsurance p a 
				{
					padding-top: 4px;
					display: block;
				}
		
		#wrapper #contentarea #rightcol 
		{
			width: 593px;
			background: #FFF;
			float: left;
			padding: 9px 27px 27px 14px;
		}
		
			#wrapper #contentarea #rightcol h2 
			{
				color: #04479B;
				margin: 0px 0px 0px 10px;
				padding: 0px;
				font-size: 200%;
			}
			
				#wrapper #contentarea #rightcol h2.orange 
				{
					color: #F95D00;
				}
				
			#wrapper #contentarea #rightcol #contentrightpanel 
			{
				width: 267px;
				float: right;
				margin: 20px 0px 0px 0px;
			}
			
				#wrapper #contentarea #rightcol #contentrightpanel #contentrightpaneltext 
				{
					width: 219px;
					border-left: solid 1px #FF6402;
					margin-left: 29px;
					padding-left: 18px;
					color: #174A7C;					
				}
				
					#wrapper #contentarea #rightcol #contentrightpanel #contentrightpaneltext p 
					{
						margin: 9px 0px 0px 0px;
						padding: 0px;						
					}
					
						#wrapper #contentarea #rightcol #contentrightpanel #contentrightpaneltext p a 
						{
							padding-top: 5px;
							display: block;
						}
			
			#wrapper #contentarea #rightcol p 
			{
				margin: 18px 0px 0px 10px;
				padding: 0px;
			}
			
				#wrapper #contentarea #rightcol p strong 
				{
					color: #04479B;
				}
				
			#wrapper #contentarea #rightcol ul li, #wrapper #contentarea #rightcol ol li
			{
				margin-bottom: 10px;
			}
			
			#wrapper #contentarea #rightcol #footerstorage 
			{
				width: 593px;
				float: left;
				text-align: right;
				margin-top: 45px;
			}
			
			/* Hints & Tips Styles */
			#wrapper #contentarea #rightcol #hintsgraphic 
			{
				width: 472px;
				height: 327px;
				float: left;
				margin: 0px 0px 25px 39px;				
				background: url(../Images/HintsGraphic.jpg) no-repeat top left;
			}
			
				#wrapper #contentarea #rightcol #hintsgraphic ul 
				{
					margin: 94px 0px 0px 39px;
					padding: 0px;
					width: 238px;
				}
				
					#wrapper #contentarea #rightcol #hintsgraphic ul li 
					{
						list-style-type: none;
						display: inline;
					}
					
						#wrapper #contentarea #rightcol #hintsgraphic ul li a 
						{
							display: block;
							width: 238px;
							height: 38px;
							float: left;
						}
						
							#wrapper #contentarea #rightcol #hintsgraphic ul li.pdfone a 
							{
								background: url(../Images/HintsGraphicLinks_03.gif) no-repeat top left;
							}
							
							#wrapper #contentarea #rightcol #hintsgraphic ul li.pdftwo a 
							{
								background: url(../Images/HintsGraphicLinks_05.gif) no-repeat top left;
							}
							
							#wrapper #contentarea #rightcol #hintsgraphic ul li.pdfthree a 
							{
								background: url(../Images/HintsGraphicLinks_06.gif) no-repeat top left;
							}
							
							#wrapper #contentarea #rightcol #hintsgraphic ul li.pdffour a 
							{
								background: url(../Images/HintsGraphicLinks_07.gif) no-repeat top left;
							}
							
							#wrapper #contentarea #rightcol #hintsgraphic ul li.pdffive a 
							{
								background: url(../Images/HintsGraphicLinks_08.gif) no-repeat top left;
							}
						
							#wrapper #contentarea #rightcol #hintsgraphic ul li a:hover 
							{
								background-position: bottom left;
							}
						
							#wrapper #contentarea #rightcol #hintsgraphic ul li a span 
							{
								display: none;
							}
			
			/* Home Styles */	
			#wrapper #contentarea #rightcol #homesuppimage 
			{
				width: 179px;
				float: right;
				border-left: solid 1px #FF6402;
				margin: 24px 0px 0px 29px;
				padding-left: 18px;
			}
			
			#wrapper #contentarea #rightcol #homepanels 
			{
				width: 593px;
				float: left;
				margin-top: 15px;
			}
			
				#wrapper #contentarea #rightcol #homepanels #panelone 
				{
					width: 284px;
					height: 289px;
					float: left;
					background: url(../Images/homeGraphics_03.jpg) no-repeat top left;
				}
				
				#wrapper #contentarea #rightcol #homepanels #paneltwo 
				{
					width: 284px;
					height: 289px;
					float: left;
					margin-left: 25px;
					background: url(../Images/homeGraphics_05.jpg) no-repeat top left;
				}
				
					#wrapper #contentarea #rightcol #homepanels #panelone h3, #wrapper #contentarea #rightcol #homepanels #paneltwo h3 
					{
						margin: 0px;
						padding: 0px;
					}
					
					#wrapper #contentarea #rightcol #homepanels #panelone h3 span, #wrapper #contentarea #rightcol #homepanels #paneltwo h3 span
					{
						display: none;
					}
					
					#wrapper #contentarea #rightcol #homepanels #panelone p, #wrapper #contentarea #rightcol #homepanels #paneltwo p 
					{					
						margin: 0px;
						padding: 70px 31px 0px 15px;
					}
					
					#wrapper #contentarea #rightcol #homepanels #panelone a, #wrapper #contentarea #rightcol #homepanels #paneltwo a 
					{					
						margin: 15px 0px 0px 14px;
						display: block;
					}
					
					#wrapper #contentarea #rightcol #homepanels #panelone ul, #wrapper #contentarea #rightcol #homepanels #paneltwo ul 
					{
						margin: 10px 0px 0px 14px;
						padding: 0px;
					}
					
						#wrapper #contentarea #rightcol #homepanels #panelone ul li, #wrapper #contentarea #rightcol #homepanels #paneltwo ul li 
						{
							margin-bottom: 3px;
							list-style-type: none;
							color: #000;
						}
						
			#wrapper #contentarea #rightcol #homeserviced 
			{
				width: 593px;
				margin-top: 25px;
				float: left;
				background: url(../Images/homeGraphics_09.jpg) no-repeat top left;
				height: 145px;
			}
			
				#wrapper #contentarea #rightcol #homeserviced h3 
				{
					margin: 0px;
					padding: 0px;
				}
				
					#wrapper #contentarea #rightcol #homeserviced h3 span 
					{
						display: none;
					}
					
				#wrapper #contentarea #rightcol #homeserviced p 
				{
					margin: 44px 0px 0px 370px;
					padding: 18px 0px 0px 18px;
					font-size: 120%;
				}
				
			#wrapper #contentarea #rightcol #homespecials 
			{
				width: 593px;
				margin-top: 22px;
				height: 209px;
				background: url(../Images/homeGraphics_11.jpg) no-repeat top left;
				float: left;
			}
			
				#wrapper #contentarea #rightcol #homespecials h3 
				{
					margin: 0px;
					padding: 0px;
				}
				
					#wrapper #contentarea #rightcol #homespecials h3 span 
					{
						display: none;
					}
					
				#wrapper #contentarea #rightcol #homespecials p 
				{
					margin: 0px;
					padding: 43px 15px 0px 15px;
				} 
				
					#wrapper #contentarea #rightcol #homespecials p img 
					{
						float: right;
						margin: 0px 0px 10px 10px;						
						border: solid 1px #82CA38;
					}
					
			/* Serviced Office Styles */
			#wrapper #contentarea #rightcol .orangeline 
			{
				color: #FF6713;
				background: #FF6713;
				height: 1px;
				overflow: hidden;
				float: left;
				margin: 25px 0px 10px 10px;
				width: 583px;
			}
			
				*html #wrapper #contentarea #rightcol .orangeline  
				{
					margin-left: 5px;
				}
			
			#wrapper #contentarea #rightcol #servicedofficephotocont 
			{
				width: 583px;
				margin: 10px 0px 10px 10px;
				float: left;				
			}
			
				#wrapper #contentarea #rightcol #servicedofficephotocont img 
				{
					border: solid 1px #B0B0B0;
				}
				
				#wrapper #contentarea #rightcol #servicedofficephotocont .largeimage 
				{
					width: 291px;
					height: 219px;
					float: left;
				}
				
				#wrapper #contentarea #rightcol #servicedofficephotocont .smallimage 
				{
					width: 85px;
					height: 65px;
					float: left;
					margin: 0px 0px 12px 12px;
				}
				
				#wrapper #contentarea #rightcol #servicedofficephotocont .interestedrenting 
				{
					width: 280px;
					height: 65px;
					float: left;
					background: #FAEBD6;
					margin-left: 12px;
				}
				
					#wrapper #contentarea #rightcol #servicedofficephotocont .interestedrenting p 
					{
						margin: 0px;
						padding: 5px;
					}
					
			/* Storage Unit Size Styles */
			#wrapper #contentarea #rightcol #storagetable 
			{
				width: 573px;
				float: left;				
				margin: 20px 0px 0px 10px;
			}
			
				#wrapper #contentarea #rightcol #storagetable strong 
				{
					color: #174A7C;					
				}
				
				#wrapper #contentarea #rightcol #storagetable .colone 
				{
					width: 115px;
				}
				
				#wrapper #contentarea #rightcol #storagetable .coltwo 
				{
					width: 143px;
				}
				
				#wrapper #contentarea #rightcol #storagetable table tr td 
				{
					border-top: solid 1px #FFD1B9;
				}
				
					#wrapper #contentarea #rightcol #storagetable table tr td.noborder 
					{
						border: solid 0px;
					}
					
			/* Special Offers */
			#wrapper #contentarea #rightcol .specialitem 
			{
				width: 573px;
				float: left;				
				margin: 0px 0px 20px 10px;
				padding-bottom: 10px;
				border-bottom: solid 1px #FFD1B9;
			}
			
				#wrapper #contentarea #rightcol .specialitem img 
				{
					width: 102px;
					float: left;
				}
				
				#wrapper #contentarea #rightcol .specialitem p 
				{
					float: left;
					margin: 0px 0px 0px 20px;
					padding: 0px;
				}
					
					#wrapper #contentarea #rightcol .specialitem p strong 
					{
						font-size: 130%;
						color: #FF6600;
					}
					
			#wrapper #contentarea #rightcol .specialheader 
			{
				font-size: 120%;
				color: #FF7D1F;
			}
			
			/* Testimonials */
			#wrapper #contentarea #rightcol .testimonialitem 
			{
				width: 531px;
				float: left;	
				margin: 20px 0px 0px 32px;
				background: url(../Images/TestimonialItem.gif) no-repeat top left;								
			}
			
				*html #wrapper #contentarea #rightcol .testimonialitem 
				{
					margin-left: 20px;
				}
			
				#wrapper #contentarea #rightcol .testimonialitem p 
				{
					color: #FF6600;
					font-weight: bold;
					margin: 0px;
					padding: 30px 40px 0px 40px;
				}
				
					#wrapper #contentarea #rightcol .testimonialitem p .testname 
					{
						font-weight: normal;
						color: #1D3C90;
					}
					
			/* Estimator Page */
			#wrapper #contentarea #rightcol #flashestimator
			{
				width: 500px;
				float: left;
				margin: 10px 0px 10px 5px;
			}
			
			/* Packaging Material */
			#wrapper #contentarea #rightcol #packaginglistcont 
			{
				width: 583px;
				float: left;				
				margin: 0px 0px 20px 10px;				
			}
			
				*html #wrapper #contentarea #rightcol #packaginglistcont 
				{
					margin-left: 5px;
				}
			
				#wrapper #contentarea #rightcol #packaginglistcont .packagingcat 
				{
					width: 107px;
					float: left;
				}
				
					#wrapper #contentarea #rightcol #packaginglistcont .packagingcat.spacer 
					{
						margin-right: 11px;
					}
				
					#wrapper #contentarea #rightcol #packaginglistcont .packagingcat a 
					{
						display: block;
						text-align: center;
						text-decoration: none;
					}
				
						#wrapper #contentarea #rightcol #packaginglistcont .packagingcat a img 
						{
							border: solid 4px #FBBD80;
						}
						
						#wrapper #contentarea #rightcol #packaginglistcont .packagingcat a .numbitems 
						{
							color: #1D3C90;
						}
						
				#wrapper #contentarea #rightcol #packaginglistcont .productitem 
				{
					width: 583px;
					float: left;
					padding: 9px 0px 9px 0px;
					border-bottom: solid 1px #FFD1B9;
					color: #1D3C90;
				}
				            
					#wrapper #contentarea #rightcol #packaginglistcont .productitem strong, #wrapper #contentarea #rightcol #packaginglistcont .productitem .price 
					{
						color: #FF6600;
					}
				
					#wrapper #contentarea #rightcol #packaginglistcont .productitem img 
					{
						float: left;	
						margin-right: 11px;
						border: solid 4px #FBBD80;					
					}
	
	#wrapper #footer 
	{
		width: 848px;
		float: left;
		background: url(../Images/shellGraphics_25.gif) no-repeat top left;
		text-transform: lowercase;
		padding: 0px 19px 0px 19px;
	}
	
		#wrapper #footer ul 
		{
			margin: 20px 0px 0px 0px;
			padding: 0px;
		}
		
			#wrapper #footer ul li 
			{
				list-style-type: none;
				display: inline;
				color: #7E8B8B;
				padding-right: 10px;
			}
			
				#wrapper #footer ul li.spacer 
				{
					padding-left: 12px;
					background: url(../Images/FooterSpacer.gif) no-repeat left;
				}
			
				#wrapper #footer ul li.designby 
				{
					padding: 0px 0px 0px 379px;
				}
			
				#wrapper #footer ul li a 
				{
					color: #7E8B8B;
				}