/*
	--------------------------------------------------
	STRUCTURE STYLES
	--------------------------------------------------
	Client:	
	Author:	
	Date:	Month, Year
		
*/

/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */



/* ===================================================================================== STYLES FOR ALL PAGES */


/* ===== Main Wrapper For Site ===== */

#uber 
{
	position: relative;
	margin: auto auto;
	width: 950px;
}


/* ===== Header ===== */

#header 
{
	float: left;
	margin: 0px 0px 0px 0px;
	width: 950px;
	background:url(/images/structure/header-background.jpg) top left no-repeat;
}


/* ===== Search ===== */

#search {
	float: right;
	margin: 50px 15px 0 0;
	width: 112px;
	height: 18px;
	background: url(/images/structure/search-box.jpg) no-repeat;
}

	#search input {
		float:left;
	}
	
	#search .inputbox {
		position: relative;
		width: 89px;
		height: 15px;
		top: 2px;
		left: 3px;
		border: none;
		background: transparent;
		font-size: 11px;
		color: #FFF;
	}
	
	#search .gobutton {
		position: relative;
		width: 15px;
		height: 15px;
		top: 2px;
		left: 6px;
	}		
	

/* ===== Top Navigation ===== */

#topNav 
{
	float: right; 
	margin: 0px 0px 0px 0px;
	padding: 52px 8px 0px 0px;
	text-align: right;
}

.textSize
{
	display: none;
}

/* ===== Logo ===== */

#logo 
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 240px;
	height: 79px;
	overflow: hidden;
}


/* ===== Main Navigation ===== */

#mainNav 
{
	position: relative;
	clear: both;
	margin: 0px 0px 0px 0px;
	width: 950px;
	z-index: 1000;
}


/* ===== Main Content Container ===== */

#main 
{
	clear:both;
	position: relative;
	width: 950px;
	height: 204px;
}
#main p{
	font-size:1.2em;
	color:#969696;
}


/* ===== Footer ===== */

#footer 
{
	clear: both;
	margin: 5px 0px 0px 0px;
	padding: 22px 22px 0px 22px;
	width: 906px;
	height: 39px;
	background:url(/images/structure/footer-background.gif) top left no-repeat;
}
	
	#footerText 
	{
		float: left;
		width: 500px;
		line-height: 1;
		overflow: hidden;
		color:#818181;
		font-size:12px;
	}
		#footerText p
		{
			font-size:12px;
		}
		#footerText a
		{
			color:#818181;
			text-decoration:none;
			font-size:12px;
		}
		
		#footerText a:hover
		{
			text-decoration:underline;
		}
	
	#footerNav 
	{
		float: left;
		clear: both;
		margin: 0;
		padding: 5px 0 0 0;
		width: 500px;
		text-align: left;
		overflow: hidden;
	}
	
	#esol 
	{
		float: right;
		margin: 0px 0px 0px 0px;
	}
	


/* ===================================================================================== STYLES HOME PAGE */


/* ===== Banner ===== */

#homepageBannerContainer 
{
	float: left;
	margin: 0px 0px 0px 0px;
	width: 950px;
	height: 265px;
	overflow: hidden;
}
	
	#homepageBanner 
	{
		/*display: none;*/ /* Display none if using rotating banners */
	}


/* ===== Left Content ===== */

#contentLeft 
{
	position:absolute;
	top:5px;
	left:0px;
	margin: 0;
	padding: 0;
	width: 218px;
	height: 199px;
	background:url(/images/structure/home-warner-background.jpg) top left no-repeat;
}
	#leftHeader{
		float:left;
		width:218px;
		height:30px;
		font-size: 1%;
		overflow: hidden;
		text-indent: -9999px;
	}
	#leftHeader a{
		float: left;
		width:218px;
		height:30px;
		background: url(/images/structure/home-warner-button.jpg);
	}
	#leftHeader a:hover{
		background-position: 0px -30px;	
	}
	#leftBody{
		float:left;
		width:180px;
		height:131px;
		padding: 16px 16px 22px 22px;
		background:url(/images/structure/home-warner-body.jpg) top left no-repeat;
	}

/* ===== Center Content ===== */

#contentCenter 
{
	padding: 0;
	width: 506px;
	height: 199px;
	position: absolute;
	top:5px;
	left:222px;
}
	#powderSpray{
		float:left;	
	}
	#techHeader{
		width:368px;
		height:30px;
	}
	#techBody{
		width:326px;
		height:169px;
		padding:16px 21px 0px 21px; 
		background:url(/images/structure/home-powder-spray-body.jpg) top left no-repeat;
	}
	    #techBody p
	    {
	        line-height:1.3em;
	    }
	#processHeader
	{
	    width:138px;
	    height:30px;
	}
	#techMenu{
		
		float:right;
		width:138px;
		height:207px;
		color:#8D8D8D;
		overflow:hidden;
		background:url(/images/structure/home-tech-menu-background.jpg) top left no-repeat;	
	}
		#techMenu ul{
			margin:0px;
			list-style-type:none;	
		}
		#techMenu li{
			padding-bottom:8px;	
			line-height:1.2em;
		}
		#techMenu h2{
			color:#8D8D8D;
			font-size:11px;
			line-height:11px;
			text-decoration:none;
			padding-top:0px;
			padding-bottom:5px;
		}
		#techMenu a{
			color:#8D8D8D;
			font-size:12px;
			text-decoration:none;
			padding-top:0px;
		}
		#techMenu a:hover{
			background:url(/images/structure/technology-arrow.gif) no-repeat;
			color:#fff;
		}
		
		#techMenu a.title
		{
			text-transform: uppercase;
		}
		#techMenuBody
		{
		    width:120px;
		    padding:12px 0px 0px 18px;
		}

/* ===== Right Content ===== */
		
#contentRight 
{
	position:absolute;
	top: 5px;
	left: 732px;
	width: 218px;
	padding: 0px 0 0px 0px;
}

	#faqHeader{
		float:left;
		width:218px;
		height:30px;
		font-size: 1%;
		overflow: hidden;
		text-indent: -9999px;
	}
		#faqHeader a{
			float: left;
			width:218px;
			height:30px;
			background: url(/images/structure/home-faq-button.jpg);
		}
		#faqHeader a:hover{
			background-position: 0px -30px;
		}
		
	#faqBody{
		float:left;
		width:180px;
		height:116px;
		overflow:hidden;
		padding: 12px 16px 0px 22px;
		background:url(/images/structure/home-faq-body.jpg) top left no-repeat;
	}
		#faqBody ul{
			margin:0px;
			list-style-type:none;	
		}
		#faqBody li{
			margin-bottom:5px;
			padding: 0 18px 1px 0;
			line-height: 1.1em;
			background: url(/images/structure/faq-arrow.gif) right center no-repeat;
		}
		#faqBody a{
			font-size:12px;
			/*line-height:9px;*/
			text-decoration: none;
			color:#8D8D8D
		}
		#faqBody a:hover{
			color:#fff;
		}
		
		#faqBody .more a{
			text-decoration: underline;
		}
		
		#faqBody .more a:hover{
			text-decoration: none;
		}
		
	/* ---- contact us button ---- */
	#contactButton{
		float:left;
		width:218px;
		height:37px;
		font-size: 1%;
		overflow: hidden;
		padding-top: 4px;
		text-indent: -9999px;
	}
		#contactButton a{
			float: left;
			width:218px;
			height:37px;
			background: url(/images/structure/home-contact-button.jpg);
		}
		#contactButton a:hover{
			background-position: 0px -37px;	
		}



/* ===================================================================================== STYLES FOR CONTENT PAGES */


/* ===== Actions and Breadcrumbs ===== */

#actionsContainer 
{
	position: relative;
	float: left;
}
	
	#breadcrumbs 
	{
		position:absolute;
		top:45px;
		left:45px;
		width: 490px;
		overflow: hidden;
		font-size: 1.2em;
		color: #3A3A3A;
	}
	
	#actions 
	{
		position: absolute;
		top:45px;
		left:410px;
		padding: 0px 0px 0px 0px;
		text-align: right;
		width:300px;
		height:20px;
	}	

		#actions form 
		{
			display: inline;
		}


/* ===== Interior Layout ===== */

#mainInt 
{
	background: #000 url(/images/structure/contentInt-background.gif) top left repeat-y;
	width:950px;
}

#contentLeftInt{
	width:218px;
	float:left;
	min-height:272px;
	height:auto !important;
	height:272px;
	/*overflow:hidden;*/
	background:url(/images/structure/subNav-background.gif) top left no-repeat;
}

#contentRightInt{
	position:relative;
	width:728px;
	float:right;
	background: url(/images/structure/colours/interior-header-bar-01.jpg) top left no-repeat;
}

#contentInt 
{
	/*padding: 78px 45px 0px 45px;*/
	padding: 76px 45px 0px 45px;
	clear: both;
}

#contentIntColumnLeft{
	float: left;
	width: 390px;
	overflow: hidden;
}

#contentIntColumnLeftPowderCoating{
	float: left;
	width: 455px; !important
}

#contentIntColumnLeftPowderCoatingEveryday{
	float: left;
	width: 210px; !important
}

#contentIntColumnRightPowderCoatingEveryday{
	margin-right: 12px;
	float: right;
	width: 210px; !important
}

#contentIntColumnRight{
	padding: 0;
	margin: 0;
	float: right;
	width: 220px;
	
}

#printArea
{
	padding: 0px 0px 25px 0px;
}

#interiorBannerContainer{
	width:950px;
	height:163px;
	float: left;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}

#interiorContentFooter{
	background:url(/images/structure/interior-content-footer.gif) bottom left no-repeat;
	padding-bottom:5px;
	width:950px;
}

#ptcIntButton{
		float:left;
		width:195px;
		height:117px;
		font-size: 1%;
		overflow: hidden;
		padding-top: 4px;
		padding-bottom: 10px;
		text-indent: -9999px;
		padding-left:13px;
	}
		#ptcIntButton a{
			float: left;
			width:194px;
			height:117px;
			background: url(/images/structure/ptc.jpg) top center no-repeat;
		}
		

	#contactIntButton{
		float:left;
		width:195px;
		height:39px;
		font-size: 1%;
		overflow: hidden;
		padding-top: 4px;
		padding-bottom: 10px;
		text-indent: -9999px;
		padding-left:13px;
	}
		#contactIntButton a{
			float: left;
			width:194px;
			height:39px;
			background: url(/images/structure/contact-int-btn.gif) top left no-repeat;
		}
		#contactIntButton a:hover{
			background-position: 0px -39px;	
		}
		
	#faqIntButton{
		float:left;
		font-size: 13px;
		padding: 0px 0px 15px 22px;
	}
		#faqIntButton a{
			display: block;
			text-decoration: none;
			color: #C0C0C2;	
			cursor: pointer;
			
		}
		#faqIntButton a:hover{
			text-decoration:underline;
			color:#fff;
		}
		
	
		

/* ===== Tertiary Navigation ==== */

#tertiaryNav{
	width:193px;
	float:right;
	margin-bottom:25px;
	margin-left:20px;
	margin-right:-33px;
	display:inline;
	overflow:hidden;
}
		
		
/* ===== Quality Policy ===== */

#plaque{
	background: url(/images/pageImages/plaque-middle.jpg) repeat-y;
	margin: 30px 0 20px 0;
	width:638px;
	font-size: 1.2em;
}
    #plaque p
    {
        padding-bottom:0px;
    }
    #plaqueTop
    {
	    background: url(/images/pageImages/plaque-top.jpg) top left no-repeat;
	    padding:50px;
    }
    #plaqueBottom
    {
	    background: url(/images/pageImages/plaque-bottom.jpg) bottom left no-repeat;
    }
		
/* ===== Contact Form ===== */

.contactForm {
	background: url(/images/dotted_lr_form.gif) repeat-y;
	border-collapse: collapse;
	margin: 30px 0 0 0;
}

.contactForm td {
	padding: 3px 0;
}

.contactForm label {
	float: left;
	padding: 0 10px 0 0;
	width: 150px;
}

.inputbox {
	width: 250px;
	/*float: right;*/
}

.inputboxTall {
	width: 252px;
	height: 100px;
	/*float: right;*/
}

ul.buttons {
	display: inline;
}

ul.buttons li {
	display: inline;
	float: right;
}


/* -- This is a full width interior - used when there is no sub navigation on the page -- */

#contentInt_wide 
{
	float: left;
	padding: 10px 0 20px 10px;
	width: 780px;
	overflow: hidden;
	background-color: #fff; /* This hides mainInterior's bg image */
}


/* this contains the coloured nav bars at the top of the interior pages. The colour is modified by adding a section specific CSS file */
#colourNavBar{
	width:950px;
	height:18px;
	clear:both;
	background: url(/images/structure/colours/interior-colour-bar.jpg) top left no-repeat;
}

#faqs{
	list-style-type:none;	
	margin-left:0px;
}
	#faqs li{
		padding:0px;	
	}
/* ----- END OF TEMPLATE ----- */

/*
	Site Map
*/

#sitemap, #sitemap ul
{
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none; list-style-image: none;
}

	#sitemap ul
	{
		margin: 15px 0px 15px 25px;
	}
	
	#sitemap a.section, #sitemap a.section:active, #sitemap a.section:visited
	{
		font-size: 1.4em;
	}
	
	
#single-column-width
{
    width:375px;
}