﻿/* Selectable Styles */
H1, .Heading1		
{
	color: #1C1E1C; 
	text-transform: uppercase; 
	padding: 0; 
	margin: 0; 
	font-size:3.5em;
	/*float: left;*/
	width: auto;
}

H2, .Heading2		
{   
	color: #000000; 
	padding: 0; 
	margin: 0; 
	font-size:1.833em;
	width: auto;
} 

H3, .Heading3		
{   
	color: #000000; 
	font-weight: bold;
	font-family: Arial;
	padding: 0; 
	margin: 0;  
	font-size:1.5em;
	width: auto;
}

H4, .Heading4
{
	color: #000000; 
	font-weight: bold;
	font-family: Arial;
	padding: 0; 
	margin: 0;  
	font-size:1.167em;
	width: auto;
}

P, .Normal			{padding-top: 0; margin-top: 0px;}

.styledLink
{
	color: #FFF301;
	font-weight: bold;
	background-color: #000000;
	float: left;
	padding: 10px;
}

.importantInfo
{
	padding: 10px 0px 10px 10px;
	border-top: dashed 1px #AEAEAE;
	border-bottom: dashed 1px #AEAEAE;
	float: left;
	margin-top: 10px;
	font-size: 1.5em;
	width: 495px;
}




/*Search Custom Pager*/
.pagination
{
	float: left;
	width: 100%;
	padding: 0 0 0 0;
}
.pagination { padding:1em 0em 0.5em 0;}
.pagination ul li {float:right; font-weight:normal; }
.pagination ul{padding:0 0 0 0;list-style-type:none; }
.pagination ul.navigation { margin-left:0; }
.pagination ul.navigation li span {float:left; }
.pagination ul.navigation li.current { font-weight:bold; }
.pagination ul.navigation.inline li {float:left; }
/*MAIN STYLESHEET FOR HSE CONSUMER SITE*/

/*Sections:*/
/*****	GLOBAL				*****/
/*****	HOME				*****/
/*****	CONTENT (Standard)	*****/

/*****	sIFR CSS 			*****/

/* GLOBAL */

body
{
	background-color: #040F0D;
	font-family: helvetica,sans-serif;
	font-size: 0.75em;
	margin-top: 0;
	text-align: center;
	padding: 2px;
}

a:link,
a:active,
a:visited
{
	color: #000000;
	text-decoration: underline;
}

a:hover
{
	background-color: #FEF700;
	text-decoration: underline;
}

h1.normal
{
	color: #1C1E1C; 
	text-transform: uppercase; 
	padding: 0; 
	margin: 0; 
	font-size:3.5em;
	/*float: left;*/
	width: 490px;
	line-height: 35px;
}

h1
{
	color: #1C1E1C; 
	text-transform: uppercase; 
	padding: 0; 
	margin: 0; 
	font-size:3.5em;
	/*float: left;*/
	width: 490px;
	line-height: 35px;
}

h1.Heading1
{
	color: #1C1E1C; 
	text-transform: uppercase; 
	padding: 0; 
	margin: 0; 
	font-size:3.5em;
	/*float: left;*/
	width: auto;
	line-height: 1px;
}

h2.normal
{
	color: #000000; 
	padding: 0; 
	margin: 0; 
	font-size:1.833em;
	width: auto;
}

h2.Heading2
{
	color: #000000; 
	padding: 0; 
	margin: 0; 
	font-size:1.833em;
	width: auto;
}

h2.installers
{
	margin: 0 0 5px 0px;
	color: #000000;
	font-size: 1.167em;
	text-transform: uppercase;
	font-weight: bold;
	width: 135px;
	float: left;
	width: 205px;
	padding-top: 10px;
}

h3.normal
{
	color: #000000; 
	font-weight: bold;
	font-family: Arial;
	padding: 0; 
	margin: 0;  
	font-size:1.5em;
	width: auto;
}

h3.Heading3
{
	color: #000000; 
	font-weight: bold;
	font-family: Arial;
	padding: 0; 
	margin: 0;  
	font-size:1.5em;
	width: auto;
}

h4.normal
{
	color: #000000; 
	font-weight: bold;
	font-family: Arial;
	padding: 0; 
	margin: 0;  
	font-size:1.167em;
	width: auto;
}

h4.Heading4
{
	color: #000000; 
	font-weight: bold;
	font-family: Arial;
	padding: 0; 
	margin: 0;  
	font-size:1.167em;
	width: auto;
}


h2.featurePanelHeader
{
	margin: 0;
	padding: 8px 0 0 0;
	font-weight: normal;
	color: #000000;
	font-size:1.5em;
}

h2.rightPnlImg
{
	margin: 0;
	padding: 8px 0 0 15px;
	font-weight: normal;
	color: #BFC9C2;
	font-size: 1.667em;
	text-transform: uppercase;
	font-weight: bold;
	width: 135px;
}

h2.hubRightPnlBlack
{
	margin: 0;
	padding: 8px 0 0 15px;
	font-weight: normal;
	color: #DFE1E0;
	font-size: 1.667em;
	text-transform: uppercase;
	font-weight: bold;
	width: auto;
}

h2.hubRightPnlGrey
{
	margin: 0;
	padding: 8px 0 0 15px;
	font-weight: normal;
	color: #000000;
	font-size: 1.667em;
	text-transform: uppercase;
	font-weight: bold;
	width: auto;
}

h2.homeBlack
{
	margin: 3px 0 3px 0px;
	padding-bottom: 0;
	color: #000000;
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: bold;
	width: 135px;
	float: left;
	width: 275px;
	padding-top: 2px;
}

h2.asset
{
	margin: 5px 0 5px 10px;
	color: #000000;
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: bold;
	width: 135px;
	float: left;
	width: 180px;
	padding: 0;
}

* html h2.asset
{
	margin: 5px 0 5px 5px;
	color: #000000;
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: bold;
	width: 135px;
	float: left;
	width: 180px;
	padding: 0;
}

#skipToNav 
{
	position:absolute;
	left:-999em;
}

blockquote
{
	margin: 0;
	padding: 40px 0px 10px 10px;
	background: transparent url(images/development/quote.gif) no-repeat 5px 5px;
	border-top: dashed 1px #AEAEAE;
	border-bottom: dashed 1px #AEAEAE;
	font-size: 1.5em;
	float: left;
	margin-bottom: 20px;
}

p.importantInfo
{
	padding: 10px 0px 10px 0px;
	border-top: dashed 1px #AEAEAE;
	border-bottom: dashed 1px #AEAEAE;
	float: left;
	margin-top: 10px;
	font-size: 1.5em;
}

* html p.importantInfo
{
	padding: 10px 0px 10px 0px;
	border-top: dashed 1px #AEAEAE;
	border-bottom: dashed 1px #AEAEAE;
	float: left;
	margin-top: 10px;
	font-size: 1.5em;
	width: 500px;
}

div#page
{
	width: 960px;
	margin: 0;
	padding: 0;
	margin: 0 auto;
	text-align: left;
}

div#headerWrapper
{
	width: 960px;
	margin: 0;
	padding: 0;
	margin: 0 auto;
	text-align: left;
}

div#header
{
	position:absolute;
	top:0;
	float: left;
	width: 900px;
	height: 150px;
	background-color: #040F0D;
	margin-left:30px;
	margin-top: 13px;
	margin-bottom: 18px;
	min-width:900px;
}

* html div#header
{
	margin-left:60px;
}

div#actionOne
{
	float: left;
	width: 245px;
	background-color: #FFFFFF;
	padding-bottom: 2px;
}

div#actionTwo
{
	float: left;
	width: 250px;
	height: 40px;
	margin-left: 230px;
}

div#actionOne a:link,
div#actionOne a:active,
div#actionOne a:visited,
div#actionOne a:hover
{
	text-decoration: underline;
	color: #040F0D;
	padding-left: 5px;
	background-color: Transparent;
}

div#actionTwo a:link,
div#actionTwo a:active,
div#actionTwo a:visited,
div#actionTwo a:hover
{
	text-decoration: underline;
	color: #FFFFFF;
	background-color: Transparent;
}

div#actionOne img
{
	padding: 1px 0 2px 5px;
	height: 32px;
	width: 32px;
	float: left;
	display: block;
}

div#actionOne span.actionHead
{
	color: #5B5D5A;
	text-transform: uppercase;
	font-size: 1.167em;
	float: left;
	width: 195px;
	height: 20px;
	padding: 0 0 0 5px;
	margin: 0;
	font-weight: bold;
}

div#actionTwo span.actionHeadWhite
{
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 1.167em;
	float: left;
	width: 250px;
	padding: 1px 0 0 0;
	margin: 0;
	font-weight: bold;
}

div#logo
{
	float: right;
	width: 101px;
	margin-top: 28px;
}

div#logo a
{
	background-color: Transparent;
}


div#primaryNavHolder
{
	float: left;
	width: 790px;
}

div#primaryNav
{
	width: 540px;
	float: left;
	margin: 60px 0 0 0;
}

div#primaryNav ul
{
	width: 525px;
	height:30px;
	float: left;
	display: inline;
	margin: 0;
	padding-left: 0;
	padding-top: 0;
}

div#primaryNav ul li
{
	width: auto;
	float: left;
	display: inline;
	width: 67px;
	padding-right: 20px;
	font-size: 1.6em;
}

* html div#primaryNav ul li
{
	width: auto;
	float: left;
	display: inline;
	width: 67px;
	padding-right: 16px;
	font-size: 1.6em;	
}

div#primaryNav ul li.lastNode
{
	width: auto;
	float: left;
	display: inline;
	padding-right: 0px;
}


div#primaryNav ul li span a:link,
div#primaryNav ul li span a:active,
div#primaryNav ul li span a:visited
{
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bolder;
}

div#primaryNav ul li span a:hover
{
	text-decoration: underline;
	text-transform: uppercase;
	color: #FEF700;
	background-color: Transparent;
}

div#primaryNav ul li span.priNavSelected a
{
	text-decoration: underline;
	text-transform: uppercase;
	color: #FEF700;
	background-color: Transparent;
}

div#searchDivider 
{
	float: left;
	width:1px;
	border-left: 1px dotted #989A97;
	margin-top:64px;
	height: 21px;
	font-size:0.74em;
}

div#search
{
	float: left;
	width: 240px;
	padding-left: 5px;
	height: 21px;
	font-size:0.74em;
	margin-top:60px;
}

div#search label
{
	float:left;
	font-size: 2.2em;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bolder;
	padding:0;
	padding-left:10px;
	margin:0;
}

div#search input
{
	border: 0;
	float: left;
	width: 100px;
	margin-left:8px;
	margin-top:3px;
	height: 17px;
	padding: 2px;
}

div#search div#submit
{
	float: left;
	width: 23px;
}

div#search div#submit input
{
	border: 0;
	float: left;
	width: 23px;
	height: 21px;
	padding: 2.5px;
	background: transparent url(images/searchButtonImage.gif) no-repeat;
}

div#summaryWrapper
{
	float: left;
	background-color: #FFFFFF;
	width: 900px;
	margin-left: 30px;
}

div#siteSummary
{
	float: left;
	width: 900px;
	border-top: 1px dashed #000000;
	background-color: #FFFFFF;
	padding-bottom: 20px;
}

div#siteSummary a:link,
div#siteSummary a:active,
div#siteSummary a:visited
{
	color: #000000;
	text-decoration: none;
}

div#siteSummary a:hover
{
	text-decoration: underline;
}

div.siteSummaryColumn
{
	float: left;
	width: 160px;
	padding-top: 15px;
	padding-left: 20px;
}

div.siteSummaryColumn p
{
	margin: 0;
	padding: 0 0 3px 0;
}

div.siteSummaryColumn ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	padding-top: 10px;
}

div.siteSummaryColumn ul li
{
	padding-bottom: 7px;
}

span.summaryHead
{
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.167em;
	width: 160px;
}

span.summaryDivider
{
	width: 160px;
	border-bottom: dashed 1px #ADADAD;
	float: left;
	height: 1px;
	margin-bottom: 10px;
	margin-top: 5px;
}

* html span.summaryDivider
{
	width: 160px;
	border-top: dashed 1px #ADADAD;
	border-bottom: 0;
	float: left;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 0px;
}

p.strong
{
	font-weight: bold;
	font-size: 1.167em;
}

div#telephone
{
	float: left;
	width: 160px;
	margin-top: 10px;
}

div#footer
{
	float: left;
	width: 900px;
	margin-left: 30px;
	padding-top: 10px;
	padding-bottom: 40px;
}

div#footer ul
{
	float: left;
	width: 560px;
	margin: 3px 0 0 0;
	padding: 0;
}

div#footer ul li
{
	float: left;
	margin: 0;
	padding: 0 10px 0 10px;
	display: inline;
	width: auto;
}

div#footer ul li span
{
	float: left;
	width: auto;
	padding-left: 10px;
}

div#footer ul li.lastnode
{
	border-right: 0;
}

div.footerNav
{
	float: left;
	width: 550px;
	padding-top: 0px;
}

div#footer div.footerNav a:link,
div#footer div.footerNav a:active,
div#footer div.footerNav a:visited,
div#footer div.footerNav a:hover
{
	color: #FFFFFF;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	background-color: Transparent;
}

span.footerBrand
{
	width: 150px;
	float: left;
	color: #FEF700;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1em;
}

span.copyright
{
	float: right;
	color: #FFFFFF;
	padding-top: 0px;
}

span.footerSeparator
{
	color: #FFFFFF;
	float: left;
}

p#summaryContact a:link,
p#summaryContact a:active,
p#summaryContact a:visited,
p#summaryContact a:hover
{
	text-decoration: underline;
}

/* HOME */

div#homeContentArea
{
	float: left;
	width: 900px;
	background-color: #FFFFFF;
	margin-left: 30px;
	margin-top:172px;
	padding-bottom: 15px;
}

div#homeContentArea img
{
	display: block;
}

div#homeBanner
{
	padding: 15px 0 0 15px;
}

div.featurePanelHolder
{
	background-color: #ECEEE0;
	float: left;
	width: 575px;
	margin-left: 15px;
}

* html div.featurePanelHolder
{
	background-color: #ECEEE0;
	float: left;
	width: 575px;
	margin-left: 7px;
	padding-left: 0px;
}

div.featurePanelHolder div.featurePanelRow
{
	float: left;
	width: 575px;
}

div.featurePanelHolder div.featurePanelRow div.featurePanel
{
	float: left;
	width: 265px;
	background-color: #FFFFFF;
	margin: 15px 0 0 15px;
}

* html div.featurePanelHolder div.featurePanelRow div.featurePanel
{
	float: left;
	width: 265px;
	background-color: #FFFFFF;
	margin: 15px 0 0 8px;
	padding-right: 5px;
}

div.featurePanelHolder div.featurePanelRow div.featurePanel p
{
	float: left;
	width: 123px;
	padding: 5px 0 0 0;
	margin: 0;
}

div.featurePanelHolder div.featurePanelRow div.featurePanel img
{
	float: left;
	width: 110px;
	padding: 10px;
}

div.featurePanelHolder div.featurePanelRow div.featurePanel a:link,
div.featurePanelHolder div.featurePanelRow div.featurePanel a:active,
div.featurePanelHolder div.featurePanelRow div.featurePanel a:visited,
div.featurePanelHolder div.featurePanelRow div.featurePanel a:hover
{
	color: #000000;
}

div.featurePanelHolder div.featurePanelRowOne
{
	float: left;
	width: 265px;
}

div.featurePanelHolder div.featurePanelRowOne div.featurePanel
{
	float: left;
	width: 265px;
	background-color: #FFFFFF;
	margin: 15px 0 0 15px;
}

* html div.featurePanelHolder div.featurePanelRowOne div.featurePanel
{
	float: left;
	width: 265px;
	background-color: #FFFFFF;
	margin: 15px 0 0 8px;
	padding-right: 5px;
}

div.featurePanelHolder div.featurePanelRowOne div.featurePanel p
{
	float: left;
	width: 123px;
	padding: 5px 0 0 0;
	margin: 0;
}

div.featurePanelHolder div.featurePanelRowOne div.featurePanel img
{
	float: left;
	width: 110px;
	padding: 10px;
}

div.featurePanelHolder div.featurePanelRowOne div.featurePanel a:link,
div.featurePanelHolder div.featurePanelRowOne div.featurePanel a:active,
div.featurePanelHolder div.featurePanelRowOne div.featurePanel a:visited,
div.featurePanelHolder div.featurePanelRowOne div.featurePanel a:hover
{
	color: #000000;
}


div.hubFeaturePanelHolder div.featurePanelRowOne
{
	float: left;
	width: 265px;
}

div.hubFeaturePanelHolder div.featurePanelRowOne div.featurePanel
{
	float: left;
	width: 265px;
	background-color: #FFFFFF;
	margin: 15px 0 0 15px;
}

* html div.hubFeaturePanelHolder div.featurePanelRowOne div.featurePanel
{
	float: left;
	width: 265px;
	background-color: #FFFFFF;
	margin: 15px 0 0 8px;
	padding-right: 5px;
}

div.hubFeaturePanelHolder div.featurePanelRowOne div.featurePanel p
{
	float: left;
	width: 123px;
	padding: 5px 0 0 0;
	margin: 0;
}

div.hubFeaturePanelHolder div.featurePanelRowOne div.featurePanel img
{
	float: left;
	width: 110px;
	padding: 10px;
}

div.hubFeaturePanelHolder div.featurePanelRowOne div.featurePanel a:link,
div.hubFeaturePanelHolder div.featurePanelRowOne div.featurePanel a:active,
div.hubFeaturePanelHolder div.featurePanelRowOne div.featurePanel a:visited,
div.hubFeaturePanelHolder div.featurePanelRowOne div.featurePanel a:hover
{
	color: #000000;
}

div#homeRightPanels
{
	float: left;
	width: 280px;
	padding-left: 15px;
}

div.rightPanelBgImage
{
	float: left;
	width: 280px;
	height: 128px;
	margin-top: 15px;
	background: transparent url(images/development/homeRightPanelMonox.jpg) no-repeat;
}

div.rightPanelBgImage p
{
	float: left;
	width: 200px;
	margin: 0;
	padding: 0 0 0 15px;
}

div.rightPanelBgImage a:link,
div.rightPanelBgImage a:active,
div.rightPanelBgImage a:visited,
div.rightPanelBgImage a:hover
{
	color: #FEF700;
	background-color: Transparent;
}

div.homePromoArea
{
	float: left;
	width: 575px;
	background-color: #ECEEE0;
}

div.homePromoArea img
{
	float: left;
}

div.homePromoArea a:link,
div.homePromoArea a:active,
div.homePromoArea a:visited,
div.homePromoArea a:hover
{
	color: #000000;
}

div.homePromoArea div p
{
	float: left;
	width: 220px;
	margin-top: 10px;
}

div.homePromoArea h2
{
	padding-top: 30px;
}

di.#homePromoArea div img
{
	float: left;
	width: 325px;
}



/* CONTENT (Standard) */

div#stdContentArea
{
	float: left; 
	width: 900px;
	background-color: #FFFFFF;
	margin-top: 172px;
	margin-left: 30px;
	padding-bottom: 15px;
}

* html div#stdContentArea
{
	float: left;
	width: 900px;
	background-color: #FFFFFF;
	padding-left: 0px;
	margin-left: 30px;
	padding-bottom: 15px;
	padding-right: 0;
}

div#stdContentArea div#secondaryNav
{
	float: left;
	width: 165px; 
	background-color: #EFF1E3;
	margin-top: 32px;
	padding-bottom: 15px;
	margin-left:-900px;
}

* html div#stdContentArea div#secondaryNav
{
	margin-top: 32px;
	padding-bottom: 15px;
	margin-left:-900px;
}

div#stdContentArea div.secondaryNav
{
	float: left;
	width: 165px;
	background-color: #EFF1E3;
	margin-top: 30px;
	padding-bottom: 15px;
}


div#stdContentArea div#secondaryNav ul
{
	float: left;
	width: 165px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	border-bottom: solid 1px #000000;
}

div#stdContentArea div.secondaryNav ul
{
	float: left;
	width: 165px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	border-bottom: solid 1px #000000;
}

div#stdContentArea div#secondaryNav ul li
{
	padding: 8px 0 8px 23px;
	border-top: dashed 1px #D3D3D3;
	background-color: #FFFFFF;
	float: left;
	width: 142px;
}

div#stdContentArea div.secondaryNav ul li
{
	padding: 8px 0 8px 23px;
	border-top: dashed 1px #D3D3D3;
	background-color: #FFFFFF;
	float: left;
	width: 142px;
}

div#stdContentArea div#secondaryNav ul li.Nav2Active
{
	background-color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 0px;
	float: left;
	width: 165px;
	padding: 0 0 0 0;
}

div#stdContentArea div.secondaryNav ul li.Nav2Active
{
	background-color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 0px;
	float: left;
	width: 165px;
	padding: 0 0 0 0;
}


div#stdContentArea div#secondaryNav ul li.Nav2Active a
{
	background-color: #FFF700;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 23px;
	float: left;
	width: 142px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: dashed 1px #D3D3D3;
}

div#stdContentArea div.secondaryNav ul li.Nav2Active a
{
	background-color: #FFF700;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 23px;
	float: left;
	width: 142px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: dashed 1px #D3D3D3;
	text-decoration: none;
}

div#stdContentArea div#secondaryNav ul li ul
{
	padding: 0;
	margin: 0;
	border: 0;
	width: 120px;
	background-color: #FFFFFF;
	float: left;
}

div#stdContentArea div#secondaryNav ul li ul li.Nav3Active
{
	padding: 0;
	margin: 0;
	border: 0;
	width: 142px;
	background-color: #FFFFFF;
	float: left;
	border: 0;
	text-transform: none;
}

div#stdContentArea div#secondaryNav ul li ul li.Nav3Active a
{
	padding: 0;
	margin: 0;
	border: 0;
	width: 132px;
	background-color: #FFF700;
	float: left;
	border: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 33px;
	text-transform: none;
	font-weight: normal;
}

div#stdContentArea div#secondaryNav ul li ul li.Normal a
{
	padding: 0;
	margin: 0;
	border: 0;
	width: 132px;
	background-color: #FFFFFF;
	float: left;
	border: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 33px;
	text-transform: none;
	font-weight: normal;
}

div#stdContentArea div.secondaryNav ul li.Normal a
{
	padding: 0;
	margin: 0;
	border: 0;
	width: 132px;
	background-color: #FFFFFF;
	float: left;
	border: 0;
	text-transform: none;
	font-weight: normal;
	text-decoration: none;
}

div#stdContentArea div#secondaryNav ul li ul li.Normal
{
	padding: 0;
	margin: 0;
	border: 0;
	width: 120px;
	background-color: #FFFFFF;
	float: left;
}

div#stdContentArea div#secondaryNav ul li a:link,
div#stdContentArea div#secondaryNav ul li a:active,
div#stdContentArea div#secondaryNav ul li a:visited
{
	text-decoration: none;
}

div#stdContentArea div#secondaryNav ul li a:hover
{
	text-decoration: underline;
}

span.sectionTitle
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.167em;
	background-color: #FFFFFF;
	border-top: solid 1px #000000;
	width: 153px;
	float: left;
	padding: 10px 0 10px 12px;
}

div#contentWrapper
{
	float: left;
	width: 490px; 
	margin-left: 180px; /* 15px + 165px (sec nav) */
	margin-top: 20px;
}

div#contentWrapperForm
{
	float: left;
	width: 490px;
	margin-left: 15px;
	margin-top: 0px;
}

div#contentWrapperForm.widecontent
{
	width:655px;
}

* html div#contentWrapperForm
{
	float: left;
	width: 490px;
	margin-left:10px;
	margin-top: 0px;
}

* html div#contentWrapperForm.widecontent
{
	width:615px;
	clear: both;
}

div#contentWrapper ul
{
	width: auto;
	clear: both;
}

* html div#contentWrapper
{
	float: left;
	width: 490px;
	margin-left: 90px;
	margin-top: 20px;
}

* html div#contentWrapperForm
{
	float: left;
	width: 490px;
	margin-left: 10px;
	margin-top: 0px;
}

* html div#contentWrapper.widecontent
{
	float: left;
	width: 615px;
	margin-left: 8px;
	margin-top: 0px;
}

div#formWrapper
{
	float: left;
	width: 870px;
	margin-left: 15px;
	margin-top: 20px;
}

* html div#formWrapper
{
	float: left;
	width: 870px;
	margin-left: 8px;
	margin-top: 20px;
}


div#contentRightCol
{
	float: left; 
	width: 220px;
	margin-left: 10px;
	margin-top: 32px;
}

div#contentRightColForm
{
	float: right;
	width: 220px;
	margin-left: 10px;
	margin-top: 0px;
}

*html div#contentRightCol
{
	float: left;
	width: 220px;
	margin-left: 10px;
	margin-top: 32px;
}

*html div#contentRightColForm
{
	float: right;
	width: 220px;
	margin-left: 00px;
	margin-top: 0px;
}


div#Template_Template_contentAssetBox
{
	float: left;
	width: 205px;
	background-color: #EFF1E3;
	margin-top: 15px;
	padding-bottom: 5px;
}

div#Template_Template_contentAssetBox p
{
	width: 170px;
	padding-left: 5px;
	margin-left: 5px;
}

div#Template_Template_contentAssetBox ul
{
	clear: both;
	margin-left: 25px;
	padding-left: 0px;
	float: none;
	display: block;
	padding-top: 0;
	margin-top: 0;
}

div#Template_Template_contentAssetBox a:link,
div#Template_Template_contentAssetBox a:active,
div#Template_Template_contentAssetBox a:visited,
div#Template_Template_contentAssetBox a:active
{
	background: transparent url(images/development/rightLinkArrow.gif) no-repeat 2px 3px;
	padding-left: 10px;
	float: left;
	width: 170px;
	font-weight: bold;
	margin-left: 10px;
}

div#Template_contentAssetBox p
{
	margin-left: 10px;
	padding-left: 0;
}

div#Template_contentAssetBox
{
	float: left;
	width: 205px;
	background-color: #EFF1E3;
	margin-top: 15px;
}

div#Template_contentAssetBox a:link,
div#Template_contentAssetBox a:active,
div#Template_contentAssetBox a:visited,
div#Template_contentAssetBox a:active
{
	background: transparent url(images/development/rightLinkArrow.gif) no-repeat 2px 3px;
	padding-left: 10px;
	float: left;
	width: 170px;
}

div#Template_contentAssetBox p
{
	margin-left: 10px;
	padding-left: 0;
}

div#whatsNext p
{
	float: right;
	width: 400px;
	padding: 0;
	margin: 0;
	margin-right: 80px;
	padding-bottom: 10px;
	padding-top: 5px;
}

* html div#whatsNext p
{
	float: right;
	width: 300px;
	padding: 0;
	margin: 0;
	margin-right: 90px;
	padding-bottom: 10px;
	padding-top: 5px;
}

div#whatsNext
{
	background-color: #EFF1E3;
	float: left;
	width: 490px;
	margin-top: 10px;
	padding-bottom: 5px;
}

* html div#whatsNext
{
	background-color: #EFF1E3;
	float: left;
	width: 480px;
	margin-top: 10px;
	padding-bottom: 5px;
}

div#toolsHolder
{
	float: right;
	width: 510px;
	margin-top: 10px;
	margin-right: 210px;
}

* html div#toolsHolder
{
	float: right;
	width: 490px;
	margin-top: 10px;
	margin-right: 110px;
}

div#pageTools
{
	float: right;
	width: 150px;
	margin-right: 20px;
}

* html div#pageTools
{
	float: right;
	width: 150px;
	margin-right: 5px;
}

div#toolEmail
{
	background: transparent url(images/development/mail.gif) no-repeat 2px 3px;
	width: 75px;
	height: 35px;
	float: left;
}

div#toolEmail a
{
	padding-top: 9px;
	padding-left: 10px;
	float: left;
	text-decoration: none;
	background-color: Transparent;
}

div#toolPrint
{
	background: transparent url(images/development/print.gif) no-repeat 2px 3px;
	width: 75px;
	height: 35px;
	float: left;
}

div#toolPrint a
{
	padding-top: 9px;
	padding-left: 10px;
	float: left;
	text-decoration: none;
	background-color: Transparent;
}

div#whatsNext div
{
	float: left;
	width: 490px;
}

div#whatsNext img
{
	padding-top: 12px;
	float: left;
	width: 22px;
	margin-left: 8px;
	display: inline;
}

div#whatsNext a:link,
div#whatsNext a:active,
div#whatsNext a:visited,
div#whatsNext a:hover
{
	font-size: 1.333em;
	padding: 0;
	margin: 0;
}

span.whatsNext
{
	width: auto;
	font-size: 1.5em;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	font-weight: bold;
	width: 470px;
	border-bottom: dashed 1px #D3D3D3;
}

/* HUB */

div#hubWrapper
{
	float: left;
	width: 870px;
	margin-left: 15px;
	margin-top: 15px;
	background-color: #D4D2C5;
	padding-bottom: 15px;
}

* html div#hubWrapper
{
	float: left;
	width: 870px;
	margin-left: 8px;
	margin-top: 15px;
	background-color: #D4D2C5;
	margin-bottom: 0px;
}

div#hubHeader
{
	margin: 15px;
	float: left;
	width: 855px;
	margin-bottom: 0;
}

div#hubHeader p
{
	margin-top: 0;
	padding-top: 0;
}

* html div#hubHeader
{
	margin: 0px;
	padding-left: 15px;
	float: left;
	width: 855px;
	padding-bottom: 15px;
}

div#hubRightPanels
{
	float: left;
	width: 280px;
	padding-left: 15px;
	margin-top: 15px;
}

* html div#hubRightPanels
{
	float: left;
	width: 280px;
	margin-left: 14px;
	padding-left: 0;
	margin-top: 15px;
}


div.hubFeaturePanelHolder
{
	background-color: #EFF1E3;
	float: left;
	width: 575px;
	margin-left: 15px;
	padding-bottom: 15px;
}

* html div.hubFeaturePanelHolder
{
	background-color: #EFF1E3;
	float: left;
	width: 575px;
	margin-left: 8px;
	padding-bottom: 15px;
}

div.hubFeaturePanelHolder div.featurePanelRow
{
	float: left;
	width: 575px;
}

div.hubFeaturePanelHolder div.featurePanelRow div.featurePanel
{
	float: left;
	width: 265px;
	background-color: #FFFFFF;
	margin: 15px 0 0 15px;
}

* html div.hubFeaturePanelHolder div.featurePanelRow div.featurePanel
{
	float: left;
	width: 265px;
	background-color: #FFFFFF;
	margin: 15px 0 0 8px;
}

div.hubFeaturePanelHolder div.featurePanelRow div.featurePanel p
{
	float: left;
	width: 123px;
	padding: 5px 0 0 0;
	margin: 0;
}

div.hubFeaturePanelHolder div.featurePanelRow div.featurePanel img
{
	float: left;
	width: 110px;
	padding: 10px;
}

div.hubFeaturePanelHolder div.featurePanelRow div.featurePanel a:link,
div.hubFeaturePanelHolder div.featurePanelRow div.featurePanel a:active,
div.hubFeaturePanelHolder div.featurePanelRow div.featurePanel a:visited,
div.hubFeaturePanelHolder div.featurePanelRow div.featurePanel a:hover
{
	color: #000000;
}

div.hubRightPanelGrey
{
	background-color: #EFF1E3;
	color: #000000;
	padding-bottom: 10px;
	border-bottom: dashed 1px #ACAEAB;
	float: left;
	width: 280px;
}

div.hubRightPanelGrey p
{
	margin: 15px;
	margin-top: 0;
	padding-top: 0;
}

div.hubRightPanelGrey a:link,
div.hubRightPanelGrey a:active,
div.hubRightPanelGrey a:visited,
div.hubRightPanelGrey a:hover
{
	text-decoration: underline;
	color: #000000;
	margin-left: 15px;
	background: transparent url(images/development/rightLinkArrow.gif) no-repeat 2px 3px;
	padding-left: 10px;
	font-weight: bold;
	float: left;
}

/* HUB ALTERNATIVE */

div#hubAltContentArea
{
	float: left;
	width: 900px;
	background-color: #FFFFFF;
	margin-top:172px;
	margin-left: 30px;
	padding-bottom: 15px;
}

div#hubAltWrapper
{
	float: left;
	width: 575px;
	margin-left: 15px;
	margin-top: 15px;
	background-color: #D4D2C5;
	padding-bottom: 10px;
	margin-bottom: 0;
}

* html div#hubAltWrapper
{
	float: left;
	width: 570px;
	margin-left: 8px;
	margin-top: 15px;
	background-color: #D4D2C5;
}

div#hubAltMainCont
{
	background-color: #FFFFFF;
	margin: 15px;
	margin-top: 0;
	float: left;
	width: 545px;
}

* html div#hubAltMainCont
{
	background-color: #FFFFFF;
	margin: 8px;
	margin-top: 0;
	float: left;
	width: 545px;
}

div#hubAltMainCont p
{
	margin: 15px;
}

* html div#hubAltMainCont p
{
	margin: 8px;
}

div#hubAltHeader
{
	margin: 15px;
	margin-right: 0;
	float: left;
	width: 545px;
}

* html div#hubAltHeader
{
	margin: 8px;
	margin-right: 0;
	float: left;
	width: 545px;
}


div#hubAltRightCol
{
	float: left;
	width: 295px;
	margin-top: 15px;
}

div#hubAltRightCol img
{
	float: left;
	display: block;
}

* html div#hubAltRightCol
{
	float: left;
	width: 280px;
	margin-top: 15px;
}

div#hubRightAltPanels
{
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	width: 280px;
}

* html div#hubRightAltPanels
{
	float: left;
	margin-top: 15px;
	margin-left: 8px;
	width: 280px;
}

div#hubRightPanelBlack
{
	background-color: #000000;
	color: #FFFFFF;
	padding-bottom: 10px;
	border-bottom: dashed 1px #ACAEAB;
	float: left;
	width: 280px;
	
}

div#hubRightPanelBlack p
{
	margin: 15px;
	margin-top: 0;
	padding-top: 0;
}

div#hubRightPanelBlack a:link,
div#hubRightPanelBlack a:active,
div#hubRightPanelBlack a:visited,
div#hubRightPanelBlack a:hover
{
	text-decoration: underline;
	color: #FFF301;
	margin-left: 15px;
	float: left;
	background-color:Black;
	
	
	
	
	
}

p.styledLink
{
	font-weight: bold;
	background-color: #000000;
	float: left;
	padding: 10px;
	width: auto;
}

* html p.styledLink
{
	font-weight: bold;
	background-color: #000000;
	float: left;
	padding: 10px;
	width: auto;
}

p.styledLink div
{
	border: none;
	width: auto;
}

* html p.styledLink div
{
	border: none;
	width: auto;
	float: none;
}

p.styledLink a:link,
p.styledLink a:active,
p.styledLink a:visited,
p.styledLink a:hover
{
	color: #FFF301;
	font-weight: bold;
	text-decoration: none;
	background-color: Transparent;
}

div#formWrapper div.Error
{
	float: left;
	width: 600px;
	padding-top: 10px;
}

/* SEND TO A FRIEND */


div#sendFormWrapper fieldset
{
	border: none;
}

div#sendFormWrapper fieldset legend
{
	display: none;
}

div#sendFormWrapper div.field
{
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	width: 600px;
}

div#sendFormWrapper div.indent p.styledLink
{
	width: 100px;
}

* html div#sendFormWrapper div.indent p.styledLink
{
	width: 80px;
}

div#formWrapper p.styledLink
{
	width: 80px;
}

div.indent
{
	float: left;
	width: 600px;
}

div#sendFormWrapper div.field div.question
{
	float: left;
	width: 200px;
}

div#sendFormWrapper div.field div.answer
{
	float: left;
	width: auto;
}

/* sIFR CSS */
/* NOTE: This used to be contained in a sepearte file but has been 
	moved here in order to function correctly with Immediacy*/
	
/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-active h1 {
  visibility: hidden;
  font-family: Verdana;
  padding: 0;
  margin: 0;
  color: #000000;
}

.sIFR-active span.priNav {
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1em;
}

.sIFR-active span.actionHead {
	font-size: 1.333em;
	font-weight: bold;
	width: 100px;
	float: left;
	line-height: 1em;
}

.sIFR-active span.actionHeadWhite {
	font-size: 1.333em;
	font-weight: bold;
	width: 100px;
	float: left;
	height: 20px;
}


/*----------------------Accordion styles --------------------*/
h2.accordion
{
	background-color: #000000;
	padding: 0;
	margin: 0;
	border-bottom: #FFFFFF 1px dashed;
	float: left;
	font-size: 1.5em;
}

h2.accordion input.buttonLink
{
	font-size:12px;
	font-weight:bold;
	margin-left:3px;
	text-align:left;
}

h2.accordion.selected
{
	background-color: #FEF200;
	padding: 0;
	margin: 0;
	border-bottom: #000000 1px dashed;
	color: #000000;
}

div.narrow
{
	width:220px;
	float: left;
}

div.wide
{
	width:280px;
}

div.ui-accordion
{
	background-color:#FEF200;
	color:#000000;
	text-align:left;
	
	
}

h2.accordion input.buttonLink 
{
	display:block;
    background-color:Transparent;
    background-repeat:no-repeat;
    border:none;
    width: 100%;
}

h2.accordion input.buttonLink:hover {
    cursor:pointer;
}

a.ui-accordion-header,
input.linkButton
{
	display: block;
	text-decoration: none;
	background-color: #000000;
	color: #FEF200;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	text-transform: uppercase;
}

a.ui-accordion-header invisible 
{
	display:none;
}

div.wide h2.accordion a.ui-accordion-header,
div.wide h2.accordion input.buttonLink 
{
	display: block;
	text-decoration: none;
	background-color: #000000;
	color: #FEF200;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	text-transform: uppercase;
	width: 270px;
}

div.wide h2.accordion.selected a.ui-accordion-header,
div.wide h2.accordion.selected input.buttonLink 
{
	display: block;
	text-decoration: none;
	background-color: #FEF200;
	color: #000000;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	text-transform: uppercase;
	width: 270px;
}

div.narrow h2.accordion a.ui-accordion-header,
div.narrow h2.accordion input.buttonLink 
{
	display: block;
	text-decoration: none;
	background-color: #000000;
	color: #FEF200;
	padding-left: 10px;
	text-transform: uppercase;
	width: 210px;
	text-align: left;
	float: left;
}

div.narrow h2.accordion.selected a.ui-accordion-header,
div.narrow h2.accordion.selected input.buttonLink 
{
	display: block;
	text-decoration: none;
	background-color: #FEF200;
	color: #000000;
	padding-left: 10px;
	text-transform: uppercase;
	width: 210px;
	text-align: left;
}

div.narrow h2.accordion input.buttonLink
{
	margin-left:0px;
	margin-top:10px;
	font-size:9px;
	width:210px;
}

div.wide h2.accordion input.buttonLink
{
	width:277px;
	padding-left:4px;
}

* html div.wide h2.accordion input.buttonLink
{
	padding-left:6px;
}

a.selected
{
	text-decoration:none;
	background-color:#F5ED26;
	color:#000000;
}

div.ui-accordion-contents.visible
{
	display:block;
	padding-bottom:10px;
	float: left;
}

div.ui-accordion-contents.invisible
{
	display:none;
	height:0px;
}

div.ui-accordion-contents
{
	padding-bottom:10px;
	float: left;
}

div#EmailCollect
{
	padding: 5px;
	float: left;
	background-color: #FEF200;
	color: #000000;
	text-align: left;
	width: 270px;
}

div#NarrowEmailCollect
{
	padding: 5px;
	float: left;
	background-color: #FEF200;
	color: #000000;
	text-align: left;
	width: 210px;
}

div.EmailCollectHead,
div#EmailCollect div.EmailCollectHead,
div#NarrowEmailCollect div.EmailCollectHead
{
	
	border-bottom-style: dashed;
	border-bottom-width: thin;
	border-bottom-color: #000000;
	margin-bottom: 5px;
}

div.EmailField
div#EmailCollect div.EmailField,
div#NarrowEmailCollect div.EmailField

{
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

div.EmailError
div#EmailCollect div.EmailError,
div#NarrowEmailCollect div.EmailError
{
	font-size: x-small;
	color: #FF0000;
}







.findbutton
{
	background-color: #000000;
	color: #ffff00;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	margin-top:15px;
	clear:both;
	display:block;
}

span.intro
{
	display:inline-block;
	clear:right;
}

.validator
{
	clear:both;
	display:block;
}

div.wide .otheroptions
{
	display:block;
	float: left;
	width: 270px;
	padding-top: 12px;
	padding-bottom: 12px;
}

div.narrow .otheroptions
{
	display:block;
	float: left;
	width: 210px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.visible
{
	display:block;
	visibility:visible;
}

.invisible
{
	display:none !important;
	visibility:hidden;
	height:0px;
}

div.findbusinesscontainer select
{
	float: left;
	width: 80px;
}

div.narrow div.findbusinesscontainer select
{
	float: left;
	width: 130px;
}

div.findbusinesscontainer
{
	float: left;
	padding-left: 10px;
}

div.checkengineercontainer
{
	float: left;
	padding-left: 10px;
}

div.checkbusinesscontainer
{
	float: left;
	padding-left: 10px;
}

div.wide div.inputs
{
	float: left;
	width: 270px;
}

div.narrow div.inputs
{
	float: left;
	width: 210px;
}

div.findbusinesscontainer div.inputs input
{
	float: left;
	width: 142px;
	clear:left;
}

div.findbusinesscontainer div.inputs label
{
	float: left;
	margin-top:3px;
}

div.findbusinesscontainer div.inputs label.distance
{
	width:40px;
}

div.narrow div.findbusinesscontainer div.inputs label.distance
{
	padding-left:0px;
	padding-right:0px;
	width:40px;
	clear:left;
}

div.findbusinesscontainer div.inputs label.postcode
{
	padding-right:6px;
	margin-bottom:5px;
}

div.narrow div.findbusinesscontainer div.inputs label.postcode
{
	padding-left:0px;
	padding-right:0px;
	padding-top:6px;
	width:40px;
	clear:left;
}

div.narrow div.findbusinesscontainer div.inputs input
{
	float: left;
	width: 140px;
}

div.findbusinesscontainer span.postcode
{
	float: left;
	width: 20px;
	padding-left: 5px;
	padding-top: 5px;
}

div.narrow div.findbusinesscontainer span.postcode
{
	float: left;
	width: 20px;
	padding-left: 5px;
	margin-top: 5px;
	clear: left;
}

div.wide span.intro
{
	float: left;
	width: 250px;
	padding-bottom: 10px;
	padding-top: 10px;
}

div.narrow span.intro
{
	float: left;
	width: 200px;
	padding-bottom: 10px;
	padding-top: 10px;
}

div.findbusinesscontainer p.styledLink
{
	float: left;
	width: 100px;
	margin-left: 0;
	padding: 3px;
	border: solid 1px #FFFFFF;
	margin-top: 5px;
}

div.findbusinesscontainer p.styledLink input
{
	border: 0;
	border-top: 0;
	color: #FEF200;
	background-color: transparent;
	width: 100px;
	padding:0;
	margin: 0;
}

div.checkengineercontainer p.styledLink
{
	float: left;
	width: 100px;
	margin-left: 0;
	padding: 3px;
	margin-top: 5px;
	border: solid 1px #FFFFFF;
}

div.checkengineercontainer p.styledLink input
{
	border: 0;
	color: #FEF200;
	background-color: Transparent;
	width: 100px;
}

div.checkengineercontainer label.engineerLabel
{
	float:left;
	width:100%;
	margin-bottom:5px;
}

div.checkbusinesscontainer p.styledLink
{
	float: left;
	width: 100px;
	margin-left: 0;
	padding: 3px;
	border: solid 1px #FFFFFF;
	margin-top: 5px;
}

div.checkbusinesscontainer label.registrationLabel
{
	float:left;
	width:100%;
	margin-bottom:5px;
}

div.checkbusinesscontainer p.styledLink input
{
	border: 0;
	color: #FEF200;
	background-color: Transparent;
	width: 100px;
}

div.FindBusiness
{
	float: left;
}


/*----------------------Accordion styles --------------------*/



/*---------- Back Link ----------*/
a.backLink 
{ 
    padding-left: 10px;  
    background: url(images/development/backLinkImage.gif) no-repeat 0 0.2em;
    float: left;
}


/*----------------------------Suspended engineers -----------------*/
div.latestSuspended
{
	float: left;
	padding-top: 10px;
}

div.buttonHolder
{
	float: left;
	padding: 0;
	padding-top: 18px;
	margin: 0;
	width: 270px;
}

div.narrow div.buttonHolder
{
	float: left;
	padding: 0;
	padding-top: 18px;
	margin: 0;
	width: 210px;
}


/*===== Home Main Feature Panel : Start ====================================================*/
h1.home 
{
  color: #FFFFFF; 
  text-transform: uppercase; padding: 0; margin: 0; float: left; font-size:2.333em; width: auto;
}

div.homeMainFeaturePanel
{
	position: relative;
	float: left;
	width: 870px;
	height: 350px;
	background: #000;
}


div.homeMainFeaturePanel div.backgroundImage
{
	position: absolute;
	top: 0;
	left: 0;
	width: 870px;
	height: 350px;
	background-repeat:no-repeat;
}


div#homeFlash
{
	position: absolute;
	top: 0;
	left: 0;
	width: 870px;
	height: 350px;
}

* html div#homeFlash
{
	position: absolute;
	top: 0;
	left: 0;
	width: 870px;
	height: 350px;
}

div.homeMainFpHolders
{
	/*
	float: left;
	width: 870px;
	*/	

	float: right;
	left: 510px;
	width: 360px;
	position: absolute;
	top: 0px;
	
}

* html div.homeMainFpHolders
{
/*
	float: left;
	width: 870px;
*/	

	left:510px;
	float: right;
	width: 360px;
	
}

/*LHS Panel*/
div.homeFpLeft
{
	float: left;
	width: 10px;
	background: transparent;
	margin-top: 175px;
	margin-left: 15px;
	padding-left: 0;
	padding-right: 0;
}

div.homeFpLeft p.styledLink
{
	border: solid 1px #FFFFFF;
}


div.homeFpLeft div {float:left;}
div.homeFpLeft img {margin: 5px;	float: left;}
div.homeFpLeft p {	float:left;}
div.homeFpLeft h1 {	width:10px;}

/*RHS Panel*/
div.homeFpRight
{
	float: right;
	width: 350px;
	background: transparent;
	margin-top: 15px;
	padding-left: 0;
	padding-right: 0;

}

div.homeFpRight div {float:right;}
div.homeFpRight img { margin: 5px;	float: left;}
div.homeFpRight p {	margin: 15px;	margin-top: 0;	width: 350px;}

.clearboth { clear:both; }
div#flashContainerFP{background:#000;}

div#flashContainer
{
	float: left;
	width: auto;
}

/*===== Home Main Feature Panel : End ====================================================*/

div.indent p.styledLink input
{
	border: 0;
	color: #FEF200;
	background-color: Transparent;
	width: 100px;
}

div.indent p.styledLink
{
	padding: 3px;
}

/* SEARCH */


div#searchCats
{
	float: left;
	width: 400px;
	padding-top: 10px;
}

div#searchCats ul
{
	float: left;
	display: inline;
	list-style-type :none;
	padding: 0;
	margin: 0;
}

div#searchCats ul li
{
	display: inline;
	padding: 0;
	margin: 0;
}

div.searchSelect p.styledLink input 
{
	background-color:transparent;
	border:0 none;
	color:#FEF200;
	margin:0;
	padding:0;
	width: 70px;
}

div.searchSelect p.styledLink
{
	padding: 3px;
	float: left;
	width: 70px;
	margin: 0;
	margin-left: 15px;
}

* html div.searchSelect p.styledLink
{
	width: 90px;
	height: 40px;
	margin: 0;
	margin-left: 15px;
	float: left;
}

* html div.searchSelect p.styledLink input
{
	/*height: 30px;
	width: 65px;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #000000;*/
}

div.searchSelect
{
	float: left;
	width: 850px;
	background-color: #EFF1E3;
	border-bottom: dashed 1px #AEAEAE;
	padding: 10px;
	padding-bottom: 0px;
}

div#selectHolder input
{
	width: 230px;
	float: left;
}

div#selectHolder label
{
	width: 10px;
	float: left;
	padding-left: 5px;
	padding-right: 8px;
	padding-top:3px;
	font-size: 1.167em;
}

div#selectHolder .firstLabel
{
	padding-left: 0px;
	width:16px;
}

div#selectHolder select
{
	width: 130px;
	height:22px;
	float: left;
}

div#selectHolder
{
	float: left;
	width: 420px;
	padding-top: 3px;
}

a.relOn
{
	background: transparent url(images/development/relBgOn.gif) no-repeat;
	width: 95px;
	height: 18px;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
	text-decoration: none;
	font-weight: bold;
}

a.relOff
{
	background: transparent url(images/development/relBgOff.gif) no-repeat;
	width: 95px;
	height: 18px;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
	text-decoration: none;
	font-weight: bold;
}

a.dateOff
{
	background: transparent url(images/development/dateBgOff.gif) no-repeat;
	width: 64px;
	height: 18px;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
	text-decoration: none;
	font-weight: bold;
}

a.dateOn
{
	background: transparent url(images/development/dateBgOn.gif) no-repeat;
	width: 64px;
	height: 18px;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
	text-decoration: none;
	font-weight: bold;
}

div.searchResultRow
{
	float: left;
	width: 850px;
	border-bottom: dashed 1px #E4E4E4;
	padding-bottom: 15px;
	padding-top: 15px;
}

p.title
{
	font-size: 1.167em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

div.updateRel
{
	float: left;
	width: 850px;
	color: #5D5D5D;
}

div.searchtop
{
	float: right;
	width: 200px;
}

div#formWrapper a
{
	float: left;
}

div#formWrapper p
{
	float: left;
	width: 850px;
}

p.searchReslink
{
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

p.searchReslink a
{
	text-decoration: none;
}

.bgButton
{
	background: transparent url(images/development/buttonBG.gif) no-repeat;
	border: 0;
	padding: 0;
	width: 90px;
	height: 27px;
	color: #F5ED26;
	padding-bottom: 3px;
	font-weight: bold;
}

/* SUSPENDED ENGINEERS */

div.suspRow
{
	float: left;
	width: 490px;
}

.suspendedEngineerProperties
{
	float: left;
	width: 490px;
	padding-bottom: 15px;
}

.suspendedEngineerProperties p
{
	padding:0;
	margin:0;
}

span.suspEngProp
{
	font-weight: bold;
	width: 135px;
	float: left;
}

div#thankYouwrapper
{
	float: left;
	width: 600px;
}

div#hubAltContentArea div#hubWrapper div#hubHeader p,
div#hubAltContentArea div#hubWrapper div#hubHeader h1,
div#hubAltContentArea div#hubWrapper div#hubHeader h2,
div#hubAltContentArea div#hubWrapper div#hubHeader h3
{
	width: 585px;
}

* html div#stdContentArea div#contentWrapper p.styledLink
{
	max-width: 200px;
	width: 150px;
}

* html div.homeMainFpHolders div.homeFpLeft p.styledLink
{
	max-width: 200px;
	width: 200px;
}


/*Hack to overcome default Immediacy spacing*/
.ImmControlAlign_Left
{
	margin-right: 7px;
	clear: both;
	float: left;
}

* html .ImmControlAlign_Left
{
	margin-right: 3px;
	clear: both;
	float: left;
}

/* FORM STYLING UPDATES */

div#formMainTextArea
{
	width: 870px;
	background-color: #EFF1E3;
	float: left;
	margin: 15px;
	margin-bottom: 0;
	border-bottom: 1px dashed #E4E4E4;
	padding-bottom: 15px;
}

* html div#formMainTextArea
{
	width: 855px;
	background-color: #EFF1E3;
	float: left;
	margin: 7px;
	margin-bottom: 0;
	border-bottom: 1px dashed #E4E4E4;
	padding-bottom: 15px;
	margin-top: 15px;
}

div#formTextWrapper
{
	width: 850px;
	float: left;
	margin: 15px;
	margin-bottom: 0;
}

* html div#formTextWrapper
{
	width: 830px;
	float: left;
	margin: 10px;
	margin-bottom: 0;
}

div#engButtonHolder
{
	float: left;
	margin-left: 40px;
	padding-bottom: 10px;
}

* html div#engButtonHolder
{
	float: left;
	margin-left: 13px;
	padding-bottom: 10px;
}

div.appliance span
{
	margin-left: 40px;
	padding-bottom: 10px;
	float: left;
}

/* -------------------------------
Styling for the 404 page not found 
---------------------------------*/

.similiarPageContainer ul 
{
	
}
﻿/* -----------------Lists----------------*/
div.homeNews ul.news
{
	list-style-type:none;
	padding-left: 0;
	margin-left: 0;
	float: left;
	width: 280px;
	margin-top: 0;
	padding-top: 0;
}

ul.news
{
	list-style-type:none;
	padding-left: 0;
	margin-left: 0;
	float: left;
	/*width: 485px;*/
	width:100%;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

div.homeNews ul.news li
{
	width: 100%;
	display: block;
	margin-top: 0px;
	padding-top: 10px;
	padding-left: 0;
	margin-left: 0;
	padding-bottom:10px;
}

ul.news li
{
	width: 100%;
	display: block;
	margin-top: 5px;
	padding-left: 0;
	margin-left: 0;
}

li.newsStoryContent
{
	width: 100%;
	display:block;
	clear:both;
}

span.newsSectionTitle
{
	background-color: #EFF1E3;
	border-top:1px solid #000000;
	float:left;
	font-size:1.167em;
	font-weight:bold;
	padding:10px 0 10px 12px;
	text-transform:uppercase;
	width:153px;
}


/*------------------News listing----------*/

ul.news h3.newsTitle
{
	margin-bottom:5px;
}

ul.news span.newsDate
{
	color:#565656;
	background-color:#ffffff;
	padding-bottom: 10px;
	float: left;
}

div.homeNews ul.news span.newsDate
{
	color:#565656;
	background-color:#ffffff;
	padding-bottom: 0;
	float: left;
}

ul.news span.newsDate span
{
	color: #000000;
	padding-left: 5px;
	margin-left: 5px;
	border-left: #000000 1px solid;
}

ul.news div.newsContent
{
	float: left;
	width: 485px;
}

ul.news div.newsContent img
{
	float: left;
	padding-right: 10px;
}

ul.news div.newsContent a.readMore
{
	display: block;
	clear: right;
	margin-top: 5px;
	font-weight: bold;
	float: left;
	width: 70px;
}

ul.news span.newsSeparator
{
	background-color: Transparent;
	border-top: none;
	margin-top:15px;
	margin-bottom:15px;
	width: 480px;
	float: none;
	height: 10px;
	float: left;
	padding: 0;
	background: transparent url(images/development/newsSep.gif) no-repeat;
}

* html ul.news span.newsSeparator
{
	background-color: Transparent;
	border-top: none;
	margin-top:15px;
	margin-bottom:15px;
	width: 480px;
	float: none;
	height: 10px;
	float: left;
	padding: 0;
	background: transparent url(images/development/newsSep.gif) no-repeat;
}
/*-------------Latest news listing ------------------*/

div.homeNews
{
	width:280px;
	float: left;
}

div.homeNews li.newsTopStoryContent
{
	width: 100%;
	display:block;
	clear:both;
	padding-bottom:5px;
	border-bottom: #ADADAD 1px dashed;
	float: left;
}

div.homeNews ul.news li.newsTopStoryContent
{
	width: 100%;
	display:block;
	clear:both;
	padding-bottom:5px;
	border-bottom: #ADADAD 1px dashed;
	float: left;
	padding-top: 0;
	margin-top: 0;
}

div.homeNews li.newsTopStoryContent div.newsTopStoryContent
{
	display:inline;
	width: 100%;
	float: left;
}

div.homeNews li.newsTopStoryContent p
{
	float: none;
	width: auto;
	margin-top: 0;
	padding-top: 0;
}

div.homeNews li.newsTopStoryContent div.newsDate
{
	display:block;
	clear:right;
}
div.homeNews li.newsTopStoryContent a
{
	float: left;
	width: 270px;
	font-weight: bold;
	font-size: 1.167em;
	padding-bottom: 5px;
}
div.homeNews span.newsTopStoryContent img
{
	float: left;
	padding-top: 4px;
	padding-right:4px;
	padding-bottom:4px;
}

div.homeNews li.newsStoryContent
{
	border-bottom: #ADADAD 1px dashed;
	padding-bottom:5px;
	display:block;
	float:left;
}

div.homeNews li.newsTopStoryContent h3
{
	margin-bottom:5px;
	margin-top:5px;
}

div.homeNews li.newsStoryContent h4
{
	margin-bottom:0px;
	margin-top:0px;
	display:block;
	float:left;
	margin-left:10px;
}

div.homeNews li.newsStoryContent span.newsDate
{
	display:block;
	float:left;
}
/*-----------------Lastest suspended engineers -------------*/
div.latestSuspended li.newsStoryContent h4 
{
	margin-left:0px;
}
div.latestSuspended li.newsStoryContent h4 a 
{
color:#AEAEAE;
}

div.latestSuspended
{
	float: left;
	width: 280px;
}

div.latestSuspended
{
	float: left;
	width: 280px;
}

div.latestSuspended ul
{
	list-style-type:none;
	padding-left: 0;
	margin-left: 0;
	float: left;
	width: 280px;
	margin-top: 0;
	padding-top: 0;
}
/*---------------- PAGER -----------------------*/
div.pager
{
	width:485px;
	padding:0;
	float: left;
	padding-top: 10px;
	border-top: dashed 1px #AEAEAE;
}

* html div.pager
{
	width:480px;
	padding:0;
	float: left;
	padding-top: 10px;
	border-top: dashed 1px #AEAEAE;
}

div.pager span 
{
	display:block;
	float:left;
	position:relative;
	left:240px;
}


div.pager span input
{ 
	float:left;
	padding:0;
	margin:0;
	border-right: #3d3d3d 1px solid;
	border-top: #3d3d3d 1px solid; 
	border-left: #3d3d3d 1px solid; 
	border-bottom: #3d3d3d 1px solid; 
	margin-left:2px;
	margin-right:2px;
}


div.pager .selected
{
	background-color:#000000;
	color:#ffff00;
}

.pagerbutton
{
	background-color: #ffffff;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	float:left;
}

.leftbutton
{
	
}

.rightbutton
{
	float:right;
}

/*-------SEARCH ------------*/

div.newsSearch
{
	padding-left:12px;	
}

div.newsSearch input
{
	float: left;
	margin-top: 10px;
}

* html div.newsSearch input
{
	float: left;
	margin-top: 10px;
	margin-left: 15px;
}

div.newsSearch p
{
	margin-top:5px;	
	margin-bottom:5px;
	float: left;
}

* html div.newsSearch p
{
	margin-top:5px;	
	margin-bottom:5px;
	float: left;
	margin-left: 8px;
}

.newsSearchButton
{
	background-color: #000000;
	color: #ffff00;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	margin-top:15px;
	clear:both;
	display:block;	
}

div#newsSearchBox
{
	float: left;
	width: 135px;
}

div#newsSearchBox input
{
	float: left;
	width: 135px;
}

div.newsText
{
	float: left;
	width: 314px;
	padding-left: 0px;
}

div.newsText p
{
	padding-top: 0;
	margin-top: 0;
	float: left;
	width: 314px;
}

div.latestSuspended ul.news li
{
	padding-top: 0;
	padding-bottom: 5px;
	margin-top: 0;
}

div.secondaryNav 
{
	float: left;
	margin-left:-900px;
}
