﻿/*
Top nav - Tabs
*/

ul#environmentTabs {margin:0; padding:0; border:0; float:left; list-style:none;border-bottom:solid 2px #dfe0e2;width:927px;}
ul#environmentTabs li {float:left;margin:0 10px 0 0;padding:0;}                    
ul#environmentTabs li a {padding:7px 25px;text-decoration:none;display:block;background:#dfe0e2;text-align:center;width:100px;}                    
ul#environmentTabs li a:hover {text-decoration:none; color:white; background:#666666;}
ul#environmentTabs li a.selected{background-color:#FFF;border:2px solid #dfe0e2;border-bottom:1px solid #fff;color:#000;margin-bottom:-6px;height:18px;} 
/*
Main content
*/ 
                    
#tabEnviroWrapper {width:883px; border:solid 2px #dfe0e2; padding:20px;border-top:none 0px;}    
.paragraphPadding {padding-right:20px;}       
.paragraphPaddingLeft {padding-left:20px;}    
          
#tabEnviroWrapper .column3{margin:10px 0px 0px !important;}
#tabEnviroWrapper .column2{margin:10px 5px 0px !important;width:424px;}
/*
Overview page
*/ 
ul#overviewHover{margin:40px 0 0 40px;}
ul#overviewHover li {float:left;position:relative;}
ul#overviewHover li a{display:block;position:relative;height:420px;width:200px;}
ul#overviewHover li a span.img {bottom:0;position:absolute;text-align:center;width:180px;cursor:pointer;}

ul#overviewHover li a:hover,ul#overviewHover li a span.tabOn{font-size:101%;}

ul#overviewHover li a span.tab{display:none;}
ul#overviewHover li a span.tabOn{display:block; position:relative; top:-30px;left:-30px;}
ul#overviewHover li a:hover span.tab{width:200px;display:block;background:url(/images/environment/pointer.png) no-repeat bottom;position:absolute;}

ul#overviewHover li a:hover span.tabAirblade,ul#overviewHover li a:hover span.tabHandheld,ul#overviewHover li a span.tabOn{background:url(/images/environment/pointer2.png) no-repeat bottom;}

ul#overviewHover li a:hover span.tabCylinder{top:-30px;left:-80px;}
ul#overviewHover li a:hover span.tabUpright{top:-30px;left:-30px;}
ul#overviewHover li a:hover span.tabAirblade,span.tabAirblade{top:-30px;left:-30px;}
ul#overviewHover li a:hover span.tabHandheld{top:150px;left:5px;}
ul#overviewHover li a:hover span.tab span,ul#overviewHover li a span.tabOn span{display:block;padding:5px;background-color:#41ad49;color:White;}

h2.newsTop {margin-top:0px !important;}

ul.timeline{margin:40px 0 0 20px; width:370px; float:left;}
ul.timeline a {text-decoration:underline; display:inline;}
ul.timeline
{
    /*
    list-style:url(/images/environment/circle.png);margin:0px;padding:10px;margin-top:-20px;
    */    
margin-top:20px;
    margin-left:10px;
}
ul.timeline li
{
    line-height:120%;
    display:list-item;
     margin-left:30px;
     padding-left:0px;
     margin-top:-20px;
    
/*
    list-style:url(/images/environment/circle.png);margin:0px;padding:0px;margin-top:-20px;
*/
}
ul.timeline li.line
    {
    background:url(/images/environment/circleGreenLine.png) no-repeat;
    }
ul.timeline li.noLine
{
    background:url(/images/environment/circle.png) no-repeat !important;
}
    
    ul.timeline li div{border-left:0px solid #41ad49;margin-left:5px;padding-left:30px;padding-bottom:20px;}
    ul.timeline li div.noTLBorder{border-left:0px none;}
    ul.timeline li span{margin-top:20px;display:block;}
    
div#recyclone {float:left;position:relative; width:503px;}  
div#recyclone img.vacRec {margin:65px 0 0 87px;}
div#recyclone img.DDM {margin:76px 0 0 175px;}   
div#recCopy {width:108px; position:absolute; top:122px; left:150px; font-size:0.9em;} 
div#DDMCopy {width:108px; position:absolute; top:650px; left:322px; font-size:0.9em;}

/*
Our technology
*/ 
div.envTechDC30 {background:url(/images/environment/DC30_DC16.jpg) no-repeat bottom; height:440px;} 
div.envTechDC30 p.dc30main {width:123px;font-size:0.9em; margin:30px 0 0 50px;}
div.envTechDC26 {background:url(/images/environment/dc22_dc26.jpg) no-repeat bottom; height:440px;}
div.envTechDC26 p.dc26main {margin:47px 0 0 0;}
div.envTechDC26 p.dc26small {width:88px;font-size:0.9em; margin:55px 0 0 18px;}
div.envFilter {background:url(/images/environment/lifetime_filter.jpg) no-repeat left center; height:228px; width:458px;}
div.envFilter p {margin:155px 0 0 20px;}
div.envDDM {background:url(/images/environment/ddmv1v2.jpg) no-repeat top left; height:440px;} 
div.envDDM p {width:110px;margin:150px 0 0 345px; font-size:0.9em;}
p.am01 {margin:85px 0 0 0;}
 
/*
Recycling
*/  
div.envGrey {background-color:#e6e7e8; width:165px; padding:0 10px 0 10px;float:left; margin:70px 0 0 45px;}
img.recycle {float:left;margin:67px 0 0 0;}

/*
Our Buildings
*/ 
div.envBuilding {float:left;width:185px;}
img.cans {float:left; margin:25px 0 0 65px;}
div.nature {float:left;width:200px; margin:10px 20px 0 0;overflow:hidden;}
div.natureLast { margin:10px 0px 0 0;}
div.quooker {background:url(/images/environment/quooker.jpg) no-repeat top right; height:330px; width:410px;}
div.quooker p {margin:45px 0 0 335px;}
img.envOffice {margin:23px 20px 0 0;}

/*
Operations
*/
div.boat {background:url(/images/environment/boat1.jpg) no-repeat top right; height:405px; width:410px;} 
div.envBoat1 {width:350px; margin:102px 0 0 58px; font-size:0.9em;}
div.envBoat2 {width:350px; margin:142px 0 0 58px; font-size:0.9em;}
div.box { width:161px; float:left; margin:100px 0 0 0;}
img.boxIng {float:left;margin:0 0 0 20px;}
h1.envOperations {width:434px;}
