/*
		Generic Styles
	*/

	*
	{
		margin: 0px;
		padding: 0px;
		left: 0px;
	}
				
	.alt
	{
		text-indent: -9999px;
	}
	
	body 
	{
		font-family: verdana;
		font-size: 10px;
	}
	
	img
	{
		border: 0;
	}
	
	a
	{
		text-decoration: underline;
		color: #6f6f6f;
	}

	a:hover
	{
		text-decoration: underline;
	}

	select
	{
		color: #949384;
	}
	
	textarea, input
	{
		padding:2px;
		font-family:Verdana;
		font-size:1.1em;
	}
	
	h2
	{
		font-size: 1.3em;
		font-weight: bold;
		color: Black;
		margin-bottom: 12px;
	}
	
	h3
	{
		font-size: 1.1em;
		font-weight: bold;
		color: Black;
		margin-bottom: 12px;
	}
	
	p 
	{
		color: #6f6f6f;
		font-size: 1em;
		mmargin-bottom: 12px;
		padding-bottom: 12px;
	}

	#pageContent p, #pageContentHome p
	{
		font-size: 1.1em;		
	}

	ul
	{
		margin-bottom: 12px;
	}

	ul li
	{
		color: #6f6f6f;
		font-size: 1em;
		margin-left:16px;
	}

	.whiteText
	{
		color: White;	
	}

	#topNav ul
	{
		margin-bottom: 0px;
	}
	
	#topNav ul li
	{
		margin-left: 0px;
		padding-top: 0px;
		margin-bottom: 0px;
		height: 20px;
	}
			
	#greenLinks
	{
		height: 84px;	
		width: 770px;
	}
	
	#greenLinks ul
	{
		list-style: none;
		padding: 0px;
		height: 84px;
		margin-bottom: 0px;
	}	
	
	#greenLinks ul li
	{
		margin-left: 0px;
		padding-top: 0px;
		margin-bottom: 0px;
		float: left;
		height: 84px;
	}		
	
	#pageOuter
	{
		margin: 0 auto;
		width: 770px;
	}
	
	#pageInner
	{
	
	}
	
	/*
		Styles for Page Top
	*/

	#illustration
	{
		width: 770px;
		height: 195px;
		background-image: url('/res/images/flashplaceholder.jpg');
		background-repeat: no-repeat;
	}
	
	#topBanner
	{
		width: 770px;
		height: 130px;
	}
	
	#topBannerWhitco
	{
		background-image: url('/res/images/logo.jpg');
		background-repeat: no-repeat;
		width: 256px;
		height: 106px;					
		float: left;
		margin-top: 20px;
		cursor: pointer;
	}
	
	#topBannerSuppliers
	{
		margin-top: 16px;
		float: right;
	}
	
	#topBannerSuppliers ul
	{
		list-style: none;
	}
	
	#topBannerSuppliers ul li
	{
		float: left;
		margin:0px;
		/*padding:4px 0 0;*/
	}
	
	#topBannerSuppliers ul #gasRegisterLogo
	{
		padding:0;
	}
	
	#topBannerHeaderText
	{
		background-image: url('/res/images/headertext.jpg');
		background-repeat: no-repeat;	
		width: 478px;
		height: 57px;	
		float: right;		
		cursor: pointer;
	}
			
	#topNav
	{
		height: 27px;
		width: 770px;	
	}
		
	/*
		Styles for page
	*/

	#contentOuter
	{
		width: 770px;
		text-align: left;
		overflow: hidden;
	}
	
	#pageFooter p
	{
		font-weight: normal;
		color: #91928a;
		padding-bottom: 4px;
		padding-top: 8px;
		margin-top: 0px;
	}
	
	#pageFooter a
	{
		font-weight: normal;
		color: #8e8b03;
		padding-bottom: 4px;
		padding-top: 0px;
		margin-top: 0px;
		text-decoration: underline;
	}

	/*
		Home Page stuff
	*/

	#pageOuter #pageInner #contentOuterHome #greenLinks ul li a#howcanwehelpyou:hover, #pageOuter #pageInner #contentOuterHome #greenLinks ul li a#howcanwehelpyou:hover div
	{
		width: 257px;
		height:	84px;
		background-image: url('/res/images/howcanwehelpyou_rollover.jpg');
		background-repeat: no-repeat;
	}
	
	#pageOuter #pageInner #contentOuterHome #greenLinks ul li a#howcanwehelpyou div
	{
		width: 257px;
		height:	84px;
		background-image: url('/res/images/howcanwehelpyou.jpg');
		background-repeat: no-repeat;
	}

	#pageOuter #pageInner #contentOuterHome #greenLinks ul li a#whatourclientssay:hover, #pageOuter #pageInner #contentOuterHome #greenLinks ul li a#whatourclientssay:hover div
	{
		width: 257px;
		height:	84px;
		background-image: url('/res/images/whatourclientssay_rollover.jpg');
		background-repeat: no-repeat;
	}

	#pageOuter #pageInner #contentOuterHome #greenLinks ul li a#whatourclientssay div
	{
		width: 257px;		
		height:	84px;
		background-image: url('/res/images/whatourclientssay.jpg');
		background-repeat: no-repeat;
	}

	#pageOuter #pageInner #contentOuterHome #greenLinks ul li a#kitchenstories:hover, #pageOuter #pageInner #contentOuterHome #greenLinks ul li a#kitchenstories:hover div
	{
		width: 256px;
		height:	84px;
		background-image: url('/res/images/kitchenstories_rollover.jpg');
		background-repeat: no-repeat;
	}
			
	#pageOuter #pageInner #contentOuterHome #greenLinks ul li a#kitchenstories div
	{
		width: 256px;
		height:	84px;
		background-image: url('/res/images/kitchenstories.jpg');
		background-repeat: no-repeat;
	}

	#contentOuterHome
	{
		width: 770px;
	}
	
	#contentInnerHome
	{
		float: left;
		width: 514px;
	}
		
	#pageContentHome
	{
		width: 478px;
		hheight: 276px;
		height: 186px;
		margin: 12px;		
	}
	
	#pageContentLowerLeftCaptionHome
	{
		width: 257px;	
		height: 26px;
		float: left;
		background-image: url('/res/images/latestnews.jpg');
		background-repeat: no-repeat;	
		background-color: #8d8d8d;
	}

	#pageContentLowerRightCaptionHome
	{
		width: 256px;	
		height: 26px;
		float: right;
		background-image: url('/res/images/hotbags.jpg');
		background-repeat: no-repeat;	
		background-color: #8d8d8d;
		border-right: solid 1px White;
	}

	#pageContentLowerLeftHome
	{
		width: 256px;	
		height: 277px;
		float: left;
		background-color: #8d8d8d;
		border-right: solid 1px White;
		background-image: url('/res/images/greycorner.jpg');
		background-repeat: no-repeat;	
		background-position: bottom left;
	}
	
	#pageContentLowerLeftHomeInner
	{
		width: 232px;	
		height: 253px;
		margin-left: 12px;	
		margin-top: 12px;	
	}

	#pageContentLowerLeftHomeInner p, #pageContentLowerLeftHomeInner a
	{
		color: White;
	}

	#pageContentLowerRightHome
	{
		width: 256px;	
		height: 210px;
		float: right;
		background-color: #8d8d8d;
		border-right: solid 1px White;
	}

	#pageContentLowerRightHomeInner
	{
		width: 232px;	
		height: 186px;	
		margin-left: 12px;
		margin-top: 12px;			
	}
	
	#pageContentLowerRightHotbagsHome
	{
		background-image: url('/res/images/hotbag.jpg');
		background-repeat: no-repeat;			
		height: 67px;
		width: 257px;
		cursor: pointer;
		float:right;
	}
	
	div.caseStudy
	{
		width: 200px;
		height: 36px;
	}
	
	div.caseStudyPDF
	{
		background-image: url('/res/images/pdf.jpg');
		background-repeat: no-repeat;
		background-position: 0px 2px;	
		width: 24px;
		height: 18px;
		float: left;	
		cursor: pointer;
	}
	
	div.caseStudyText
	{				
		ccolor: White;			
		color: #6f6f6f;
		width: 175px;
		height: 18px;
		float: right;
	}
	
	#topFlash
	{
		height:	195px;
		width: 770px;		
	}
	
	/*
		Styles for side panel (HOME)
	*/
			
	#contentInnerSideHome
	{
		width: 256px;	
		float: right;
		background-color: #e4e4e4;
		hheight: 603px;
		height: 513px;
	}
	
	#contentInnerSideCaseStudies
	{
		background-image: url('/res/images/casestudies.jpg');
		background-repeat: no-repeat;			
		height: 27px;
		width: 256px;
	}
	
	#contentInnerSideContent
	{
		width: 256px;
		height: 486px;
	}

	#contentInnerSideContentInner
	{
		width: 232px;
		height: 390px;
		margin-left: 12px;
		margin-top: 12px;	
	}
		
	#contentInnerSideSuppliers
	{
		bbackground-image: url('/res/images/suppliers.jpg');
		bbackground-repeat: no-repeat;
		bbackground-position: 0px 0px;
		/*cursor: pointer;*/
		width: 232px;
		height: 51px;
		margin-left: 12px;
		margin-top: 12px;		
	}

	/*
		Two column equal height styles
	*/
	
	.container
	{
		margin:auto; 
		width:770px;
		background-color: White; 
	}

	.rightConLeftCol
	{
		float:right;
		width: 180px; 
		background-color: White;
	}
	
	.leftConRightCol
	{
		float:left; 
		width:590px; 
		background-color:#e4e4e4;
	}
	
	.colLeft
	{
		z-index:1;
		position: relative;
		left:-590px; 
		width:180px; 
		background-color:#e4e4e4;
		min-height: 350px;
		height: auto !important;
		height: 150px;
	}
	
	.colRight
	{
		z-index:2;
		position: relative;
		left:180px;
		width:590px; 
		background-color: White;
	}
	
	.brclear 
	{
		clear: both; font-size: 1px; margin: 0px; line-height: 0; height: 0px;
	}
	
	.brspace 
	{
		font-size: 1px; margin: 0px; line-height: 0; height: 0px;
	}

	/* IE mac hack */
	* html>body .colRight{
		display:inline-block;
		overflow: auto;
	}

	* html>body .colLeft{
	    overflow: auto;
	}

	#pageBottom
	{
		height: 10px;
		width: 770px;
		background-color: White;
	}
	
	#pageBottomLeft
	{
		height:10px;
		width: 180px;
		background-color: #e4e4e4;
	}
	
	#pageBottomLeft img
	{
		/*margin-bottom: -3px;	*/
		display:block;
	}
	
	/*
		Non-Home Page
	*/
		
	#pageContent
	{
		margin-left: 16px;		
		margin-right: 16px;		
		margin-top: 11px;
		mmargin-bottom: 80px;	
		padding-bottom: 80px;
		bbackground-color: White;
	}	

	/*
		Secondary Navigation
	*/
	
	#secondaryNavigation
	{
	}
	
	#secondaryNavigation dl dd
	{
		text-decoration: none;		
		left: 10px;
		padding-bottom:8px;
	}

	#secondaryNavigation dl dd a:hover
	{
		background-image: url(/res/images/whitearrow.jpg);
		background-repeat: no-repeat;
		background-position: 0px 3px;
		text-decoration: underline;
		padding-left: 10px;		
		display:block;
	}

	#secondaryNavigation dl dd a
	{
		padding-left: 10px;
		text-decoration: none;	
		font-size: 1.1em;
		display:block;
		ffont-size: 1.2em;
	}
	
	#secondaryNavigation .activelink
	{
		color:#17a93d;
	}

	/*
		Footer
	*/
		
	#copyright
	{
		clear: both;
		height: 80px;
		width: 746px;
		background-color: #17a93d;
		padding: 12px;
		color: White;		
		border-top: solid 1px white;
	}

	#copyrightLeft
	{
		float: left;	
	}
	
	#copyrightRight
	{
		float: right;
	}
	
	#copyright a
	{
		text-decoration: none;
		color: White;
	}

	#copyright a:hover
	{
		text-decoration: underline;
		color: White;
	}
	
	/*
		Styles for Navigation
	*/
		
	#pageOuter #pageInner #pageTop #topNav ul
	{
		list-style: none;
		padding: 0px;
		height: 27px;
	}

	#pageOuter #pageInner #pageTop #topNav ul li 
	{
		float: left;
		height: 27px;
	}
	
	#pageOuter #pageInner #pageTop #topNav ul li a
	{
		cursor:pointer;
	}
	
	#pageOuter #pageInner #pageTop #topNav div.navspacer
	{
		height: 27px;
		width: 1px;
		background-image: url('/res/images/nav/navspacer.jpg');
		background-repeat: no-repeat;
	}

	#pageOuter #pageInner #pageTop #topNav div.navblank
	{
		height: 27px;
		width: 82px;
		background-image: url('/res/images/nav/navblank.gif');
		background-repeat: no-repeat;
	}

	/*
		Nav Home
	*/

	#pageOuter #pageInner #pageTop #topNav ul li a#home:hover div, #pageOuter #pageInner #pageTop #topNav ul li a#home:hover
	{
		background-image: url(/res/images/nav/home_on.gif);
		background-repeat: no-repeat;
		width:59px;
		height:27px;
	}

	#pageOuter #pageInner #pageTop #topNav ul li a#home div
	{
		background-image: url(/res/images/nav/home.gif);
		background-repeat: no-repeat;
		width:59px;
		height:27px;
	}

	#pageOuter #pageInner #pageTop #topNav ul li a#home.active div
	{
		background-image: url(/res/images/nav/home_on.gif);
		background-repeat: no-repeat;
		width:59px;
		height:27px;
	}
	
	/*
		Nav About Us
	*/

	#pageOuter #pageInner #pageTop #topNav ul li a#aboutus:hover div, #pageOuter #pageInner #pageTop #topNav ul li a#aboutus:hover
	{
		background-image: url(/res/images/nav/aboutus_on.gif);
		background-repeat: no-repeat;
		width:76px;
		height:27px;
	}

	#pageOuter #pageInner #pageTop #topNav ul li a#aboutus div
	{
		background-image: url(/res/images/nav/aboutus.gif);
		background-repeat: no-repeat;
		width:76px;
		height:27px;
	}

	#pageOuter #pageInner #pageTop #topNav ul li a#aboutus.active div
	{
		background-image: url(/res/images/nav/aboutus_on.gif);
		background-repeat: no-repeat;
		width:76px;
		height:27px;
	}

	/*
		Nav our services
	*/

	#pageOuter #pageInner #pageTop #topNav ul li a#ourservices:hover div, #pageOuter #pageInner #pageTop #topNav ul li a#ourservices:hover
	{
		background-image: url(/res/images/nav/ourservices_on.gif);
		background-repeat: no-repeat;
		width:98px;
		height:27px;
	}

	#pageOuter #pageInner #pageTop #topNav ul li a#ourservices div
	{
		background-image: url(/res/images/nav/ourservices.gif);
		background-repeat: no-repeat;
		width:98px;
		height:27px;
	}

	#pageOuter #pageInner #pageTop #topNav ul li a#ourservices.active div
	{
		background-image: url(/res/images/nav/ourservices_on.gif);
		background-repeat: no-repeat;
		width:98px;
		height:27px;
	}
	
	/*
		Nav case studies
	*/

	#pageOuter #pageInner #pageTop #topNav ul li a#casestudies:hover div, #pageOuter #pageInner #pageTop #topNav ul li a#casestudies:hover
	{
		background-image: url(/res/images/nav/casestudies_on.gif);
		background-repeat: no-repeat;
		width:100px;
		height:27px;
	}

	#pageOuter #pageInner #pageTop #topNav ul li a#casestudies div
	{
		background-image: url(/res/images/nav/casestudies.gif);
		background-repeat: no-repeat;
		width:100px;
		height:27px;
	}

	#pageOuter #pageInner #pageTop #topNav ul li a#casestudies.active div
	{
		background-image: url(/res/images/nav/casestudies_on.gif);
		background-repeat: no-repeat;
		width:100px;
		height:27px;
	}
		
	/*
		Nav news and events
	*/

	#pageOuter #pageInner #pageTop #topNav ul li a#newsandevents:hover div, #pageOuter #pageInner #pageTop #topNav ul li a#newsandevents:hover
	{
		background-image: url(/res/images/nav/newsandevents_on.gif);
		background-repeat: no-repeat;
		width:111px;
		height:27px;
	}

	#pageOuter #pageInner #pageTop #topNav ul li a#newsandevents div
	{
		background-image: url(/res/images/nav/newsandevents.gif);
		background-repeat: no-repeat;
		width:111px;
		height:27px;
	}

	#pageOuter #pageInner #pageTop #topNav ul li a#newsandevents.active div
	{
		background-image: url(/res/images/nav/newsandevents_on.gif);
		background-repeat: no-repeat;
		width:111px;
		height:27px;
	}

	/*
		Nav contact us
	*/

	#pageOuter #pageInner #pageTop #topNav ul li a#contactus:hover div, #pageOuter #pageInner #pageTop #topNav ul li a#contactus:hover
	{
		background-image: url(/res/images/nav/contactus_on.gif);
		background-repeat: no-repeat;
		width:86px;
		height:27px;
	}

	#pageOuter #pageInner #pageTop #topNav ul li a#contactus div
	{
		background-image: url(/res/images/nav/contactus.gif);
		background-repeat: no-repeat;
		width:86px;
		height:27px;
	}

	#pageOuter #pageInner #pageTop #topNav ul li a#contactus.active div
	{
		background-image: url(/res/images/nav/contactus_on.gif);
		background-repeat: no-repeat;
		width:86px;
		height:27px;
	}

	/*
		Nav links
	*/

	#pageOuter #pageInner #pageTop #topNav ul li a#links:hover div, #pageOuter #pageInner #pageTop #topNav ul li a#links:hover
	{
		background-image: url(/res/images/nav/links_on.gif);
		background-repeat: no-repeat;
		width:151px;
		height:27px;
	}

	#pageOuter #pageInner #pageTop #topNav ul li a#links div
	{
		background-image: url(/res/images/nav/links.gif);
		background-repeat: no-repeat;
		width:151px;
		height:27px;
	}

	#pageOuter #pageInner #pageTop #topNav ul li a#links.active div
	{
		background-image: url(/res/images/nav/links_on.gif);
		background-repeat: no-repeat;
		width:151px;
		height:27px;
	}
	
	ul.partnerLogos
	{
		list-style:none;		
		overflow:hidden;
		width:574px;
		padding-top:10px;
		margin-right:-16px;
	}
	
	ul.partnerLogos li
	{
		display:inline;
		float:left;
		margin:0;		
	}
	
	#openProjects
	{
	}
	
	#openProjects dl
	{
		font-size:1.1em;
		color:#6F6F6F;
		overflow:hidden;
	}
	
	#openProjects dl dt
	{
		
		float:left;
		display:inline;
		width:300px;
		padding-bottom:6px;
		font-weight:bold;
	}
	
	#openProjects dl dd
	{
		float:left;
		display:inline;
		
	}
		
	/*
		Popup page
	*/
	
	#popupheader
	{
		background-image: url(/res/images/foxlogo.jpg);	
		background-repeat: no-repeat;
		width: 230px;
		height: 61px;
		margin-bottom: 10px;
		margin-top: 10px;
		margin-left: 20px;
		margin-right: 20px;
	}
	
	#popupcontent h3
	{
		font-family: verdana;
		font-size: 0.8em;
		color: #949384;				
		margin-left: 20px;
		font-weight: bold;
	}

	#popupcontent p
	{
		font-family: verdana;
		font-size: 0.8em;
		color: #949384;				
		margin-left: 20px;
		margin-right: 20px;
	}
	
	#popupcontent a
	{
		font-family: verdana;
		font-size: 0.8em;
		color: #949384;				
		margin-left: 20px;				
	}
	
	/*
		Styles for Content Management
	*/
		
	.insertedImage 
	{
		padding-left: 5px;
		padding-right: 5px;
	}

	.insertedImage 
	{
		padding: 4px;
		display: block;
	}

	.insertedImageFloatLeft 
	{
		float: left;
	}

	.insertedImageFloatRight 
	{
		float: right;
	}

	.insertedImageRight 
	{
		text-align: right;
	}

	.insertedImageLeft 
	{
		text-align: left;
	}

	.insertedImageCentre 
	{
		text-align: center;
	}