/*-----------------------------------------------------------------------------
Flotech Screen Stylesheet
version:   2.0
date:      1/10/08
author:    Peter Koopman
email:    peter@bda.co.nz

website:   http://www.bda.co.nz

-----------------------------------------------------------------------------*/
/* Import other stylesheets
-----------------------------------------------------------------------------*/
@import url("reset.css");
@import url("webforms.css");

/* Typography
-----------------------------------------------------------------------------*/
h1{font-size: 2.2em; /* Equivalent to 22pt */}
h2{font-size: 2.0em; /* Equivalent to 20pt */}
h3{font-size: 1.8em; /* Equivalent to 18pt */}
h4{font-size: 1.6em; /* Equivalent to 18pt */}
h5{font-size: 1.4em; /* Equivalent to 14pt */}
p, q, cite{font-size: 1.2em; /* Equivalent to 12pt */}
ul, ol, dl{
	list-style: none;
	font-size: 1.2em; /* Equivalent to 12pt */
}
li, dd, dt{
	font-size: 1em; /* Equivalent to 12pt */	
}

/* Set up the document
-----------------------------------------------------------------------------*/
body{
	font: 62.5%/1.6  "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
	background:repeat-x top url(../Images/body-back.jpg) #B5D8FF;
	color: #000000;	
	text-align:center;
}
#wrapper, #wrapperHome{ 
	position:relative;
	z-index:5;
	width: 910px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
}
#wrapperHome{
	background:repeat-y center url(../Images/home-background.gif) #fff;
}
#wrapper{
	background:repeat-y center url(../Images/default-background.gif) #fff;
}
input{
	border:1px solid #999;
}
em{
	font-style:italic;	
}
p{
	font-size:12px;
	line-height:16px;
	margin:10px 7px 10px 0;
}
h1{
	font:bold 22px/1em Verdana, Arial, Helvetica, sans-serif;
	margin:15px 0 8px 0;
}
h2{
	font:normal 20px/1em Verdana, Arial, Helvetica, sans-serif;
	color:#2d2f92;
	margin:15px 0 5px 0;
}
h3{
	font:normal 18px/1em Verdana, Arial, Helvetica, sans-serif;
	color:#2d2f92;
	margin:14px 0 4px 0;
}
h4{
	font:normal 16px/1em Verdana, Arial, Helvetica, sans-serif;
	color:#2d2f92;
	margin:13px 0 3px 0;
}
h5{
	font:bold 12px/1em Verdana, Arial, Helvetica, sans-serif;
}
li{
	font-size:0.9em;
	line-height:16px;
	margin:0 0 .5em 2em;	
}
.languageLinks a{
	text-decoration:none;	
}

/* Global Classes - used in editor
-----------------------------------------------------------------------------*/
.caption{
	font-size:10px;
	line-height:13px;
	margin:0 7px 20px 0;	
}
.pageTitle{
	font:normal 27px/30px Verdana, Geneva, sans-serif;	
	color:#2d2f92;
	text-shadow: #666 2px 2px 3px;
	margin:0;
}



/* Header
-----------------------------------------------------------------------------*/
#branding{
	width:160px;
	height:180px;
	float:left;
	background-color: #6cf;
	position:relative;
}
#branding h1, #branding div.logo{
	background:no-repeat center top url(../Images/flotech-logo.gif);
	text-indent:-9999px;
	margin:35px 0 0 0;
	width:160px;
	height:40px;
}
#branding h1 a, #branding div.logo a{
	display:block;
	height:40px;	
}
#branding #de_flag{
	position:absolute;
	top:18px;
	left:32px;
}
#branding #se_flag{
	position:absolute;
	top:18px;
	left:12px;
}

/* Navigation
-----------------------------------------------------------------------------*/
/*Top Nav
Menu is created using the 'HTML Only' version of the Dynamic Menus
*/
#navMain{
	width:750px;
	height:20px;
	border-top:solid 15px #2d2f92;
	background-color:#0073BB;
	float:left;
}
#navMain ul{
	list-style: none;
}
#navMain li {
	float: left;
	position: relative;
	width:93px;
	font-size:12px;
	line-height:19px;
	margin:0;	
}
#navMain li a{
	width:93px;
	min-height:20px;
	display:block;
	color:#fff;
	background-color:#0073bb;
	text-decoration:none;
	text-align:center;
}
#navMain li li a{
	text-align:left;
	font-size:11px;
	padding-left:5px;
	width:94px;
}
#navMain li a:hover{
	background-color:#6cf;
	color:#2d2f92;
}
#navMain li ul {
	display: none;
	position: absolute; 
	top: 1em;
	left: 0;
	z-index:100;
}
#navMain li > ul {/*fix for Opera browsers*/
	top: auto;
	left: auto;
}
/*NB li.over is for IE browsers that don't apply the :hover pseudoclass.
Javascript for this workaround is in global.js*/
#navMain li:hover ul , #navMain li.over ul{ display: block; }

/*Left side Nav*/
#navSub{
	width:160px;
	background-color:#0573BB;
	margin-top:-60px;
	padding-bottom:10px;
	float:left;
	vertical-align:top;
}
#navSub #search input{
	margin:5px 0 0 5px;
	height:16px;
	width:114px;
	padding:2px;
}
#navSub #search img{
	margin:5px 0 -5px 0;
}
#navSub div h2{
	font:bold 10px/13px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	margin:0 0 0 .5em;
	padding-top:1.4em;
}
#navSub a{
	color:#fff;
	text-decoration:none;
	display:block;
}
#navSub li.qeLink a{
	display:inline-block;
}
#navSub a:hover{
	color:#ff0;
}
#navSub div ul li{
	list-style-type:none;
	font:10px/13px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	margin:0 0 0 1em;
}
#navSub span.subMenuIndent{
	margin-left:9px;
}
#navSub #forSaleAd a{
	display:block;
	margin:25px 5px 0 5px;
	border:solid 1px #fff;
	color:#fff;
	padding:5px;
}
#navSub #forSaleAd a:hover{
	color:#ff0;
	border-color:#ff0;
}

/* Content
-----------------------------------------------------------------------------*/
#homeContent, #content{
	width:500px;
	float:left;
	font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#111;
	padding:10px;
	background-color:#fff;
}
#content{
	width:730px;
}
#flashContent, #templateHeader, .imageSlider{
	width:750px;
	height:200px;
	float:left;
	background-color:#6cf;
}
table.tabledefault td{
	font-size:10px;
}
img.page {
	margin: 0px 0px 10px 10px;
	float: right;
}
img.pageLeft{
	margin: 0 10px 10px 0;
	float: left;
}


/*News Box
-----------------------------------------------------------------------------*/
#newsBox{
	width:180px;
	float:right;
	background-color:#999;
	color:#fff;
	padding:10px;
	font:normal 8px/14px Verdana, Arial, Helvetica, sans-serif;
}
#newsBox h5{
	margin:25px 0 15px;
	font-size:14px;
}
#newslettersList li{
	list-style:disc;
	margin-left:12px;
}
#newslettersList a{
	color:#fff;
	text-decoration:none;
	font:normal 11px/14px Verdana, Geneva, sans-serif;
	display:block;
	margin:0 0 3px 0;
}
#newslettersList a:hover{
	color:#0073BB;
}
#hotlineLink{
	margin:10px 0 0 0;	
	border:1px solid #C00;
	padding:3px;
}
#hotlineLink a{
	color:#c00;
	text-decoration:none;
	font-size:13px;	
	font-weight:bold;
}
#hotlineLink a:hover{
	text-decoration:underline;
}


/* Home Page
----------------------------------------------------------------------------*/
#homeContent{
	width:520px;	
}
#homeContent .homeSection{
	margin:15px 0;	
}
#homeContent .homeSection p{
	margin:3px 0 0 78px;	
}

#greenlaneHome a{
	width:266px;
	float:left;
}
#greenlaneHome img#lloydslogo{
	float:right;
}
#greenlaneHome p, #compressionHome p, #heatExchangeHome p, #afterCareHome p{
	clear:both;
	font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
	width:400px;
	margin:10px 0 10px 90px;
}
/*Contact Pages
------------------------------------------------------------------------------*/
.contactAddress{
	width:250px;
	float:left;	
}
.contactPic{
	width:480px;
	float:right;
	margin-top:-25px;
}
.contactMap{
	width:230px;
	padding:14px 0;
	text-align:center;
}
.contactMapRight{
	float:right;
	padding:0 20px 0 0;
}

/*Photo Galleries
-----------------------------------------------------------------------------*/
.photogalleryItem{
	padding:8px 0;
	width:146px;
	height:103px;/*set h&w to stop page jumping around on load*/	
}
.galleryLogo{
	margin:20px 7px;	
}

/* Footer
-----------------------------------------------------------------------------*/
#pageInfo{
	position:relative;
	z-index:10;
	clear:both;
	height:13px;
	background-color:#0073BB;
}
#pageInfo span#copyright{
	float:left;
	font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}
#pageInfo span#footerLinks{
	float:right;
	font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}
#pageInfo a{
	color:#fff;
}
#pageInfo a:hover{
	color:#ff0;
}
#bottomLine{
	position:relative;
	z-index:0;
	height:13px;
	background-color:#0073BB;
	width:100%;
	margin-top:-13px;
}

/*News & Announcements Page (newsletter downloads)
--------------------------------------------------------------------------------*/
#newsLeftCol{
	width:250px;
	float:left;
	margin-top:10px;
}
#newsLeftCol p{
	margin:8px 0 35px 0;
}

/*News Pages*/
.newsItem{
	border-bottom:dashed 1px #999;	
	padding:5px 0 15px;
	display:table;
}
.newsItem h2.newsListHeadline{margin:5px 10px;}
.newsItem h2.newsListHeadline a{
	font:bold 17px/22px Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	color:#000;
	text-align:center;
}
.newsItem p.newsListHeadline a:hover{
	color:#999;	
}
.newsItem .newsListDate{
	font:bold 11px/13px Georgia, "Times New Roman", Times, serif;
}
.newsDetailDate{
	font:bold 14px/14px  Georgia, "Times New Roman", Times, serif !important;
	margin:10px 0 0 0;
}
h2.newsDetailHeadline{
	font:bold 20px/24px Georgia, "Times New Roman", Times, serif;
	margin-top:8px;
}
.newsContent p{
	margin:0 7px 7px 10px;	
}
.newsThumb, .newsContent{
	float:left;	
}
.newsThumb{
	display:table-cell;
	width:100px;
	vertical-align:top;
}
.newsContent{
	display:table-cell;
	width:630px;
	vertical-align:top;
}


/*Quality page (quality.htm)/Environment page (environment.htm)
---------------------------------------------------------------------------------*/
#isoCerts{
	width:340px;
	float:right;
}
#isoCerts div{
	float:left;
	width:160px;
	margin:5px 0 0 5px;
}
#isoCerts div p{
	text-align:center;
}
/*Projects List
--------------------------------------------------------------------------------*/
#projectsList table {
	margin:10px 0;
	border:1px solid #0073BB;
	padding-bottom:2px;
}
#projectsList table td{
	padding:1px 5px;
}

#projectsList table td.projectDetailName{
	width:200px;
	vertical-align:top;
}
#projectsList table td.projectDetail{
	width:400px;
	vertical-align:top;
}
#projectsList p.projectNote{
	font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
}
#projectsList table td.projectClientName{
	font-weight:bold;
}
/*Biogas Upgrading page
-------------------------------------------------------------------------------*/
img.biogasUpgradingPic{
	margin-top:3em;
	margin-bottom:3em;
}
.biogasUpgradingLink{
	margin-left:3em;
}
/*Contact pages
--------------------------------------------------------------------------------*/
.contactList{
	margin:10px 25px;	
}
/*Terms & Conditions page
--------------------------------------------------------------------------------*/
#tAndC h4{
	font:normal 12px/18px Verdana, Geneva, sans-serif;	
}

/*Site Map
---------------------------------------------------------------------------------*/
#siteMap li ul{
	text-indent:12px;
}
#siteMap li li ul{
	text-indent:24px;
}
#siteMap li, #siteMap li a{
	font:bold 14px/20px Verdana, Geneva, sans-serif;
	color:#555;
	text-decoration:none;	
}
#siteMap li a:hover{
	text-decoration:underline;
	color:#000;	
}

#siteMap li li li a{
	font:normal 12px/15px Verdana, Geneva, sans-serif;
}