/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 20 January 2021 16:06:59
*/


/* BEC2050 Specific styles - Deep-Dive 2016 & 2017 specific at the bottom  */
/*
body {
    color: #666;
    font-family:  'Tahoma',Geneva,sans-serif;
    font-size: 76%;
    line-height: 1.3em;
    background-color: #F8F8F8;
}*/
/*
#wrapper, #footer-bottom, #footer-links ul, #meta-links ul {
    margin: 0 auto;
    overflow:hidden;
    width: 100%;
}
#id109522 #wrapper{
  overflow:visible!important;
}
*/


/*Added this as the scenario pages are not yet ready for mobile resposive display. Force min width of 1440px on devices for these pages*/
/*This shouldn't affect mobile header or footer*/
/*They have been converted from the old website. TODO: Bootstrap them up!*/
main.page {
    overflow:scroll!important;
    min-width:1440px!important;
}

/*This controls the infographic on the BEC2050 Energy Scenarios Page, so it has a fixed width regardless of container size*/
#new_content_container_143044 .grid-content  {
    /*min-width:1085px!important;*/
    min-width:940px!important;
    max-width:940px!important;
}
#new_content_container_143044 #infographic li img {
    margin-left: 6px!important;
}

/*This has been added so that the images from the old site with grey backgrounds don't look odd: TODO: make images with transparent background*/
.NZEnergySection {
    background-color:#F8F8F8!important;
}

h1 {
  color: #0575ad;
  text-transform: uppercase;
  font-size: 2.5em;
}

h2 {
  color: #0575ad;
  text-transform: uppercase;
  text-align: center;
}

h3 {
  clear: left;
  color: #0575ad!important;
  font-weight: normal;
  font-style: normal;
  margin-top: 20px;
  text-transform: uppercase;
}

h3 a{
  color: #0575ad!important;
}

h4 {
  color: #0575ad;
  font-weight: bold;
  margin-top: 20px;
}

h5 {
  color: #0575ad;
  font-weight: bold;
}

.grid-content {
padding: 0px 20px;
}

.header {
    padding:0px;
}

/*
p{
  font-size:1.0em!important;
}
p a  {
  color: #0575ad;
  font-weight: bold;
}

ul a  {
  color: #0575ad;
}
ul.arrow-bullets li {
   list-style-type: none;
   background: url("/__data/assets/image/0003/59151/blue-arrow.png") no-repeat scroll 0px center transparent;
   margin-left: -15px;
   padding-left: 20px;
}

ul li ul li{
   font-size: 1em;
}

table {
   background: none;
   border: 0;
   margin-left: 0px;
}

table td {
   padding-left: 0px;
   vertical-align: top;
}

#content a:hover {
  text-decoration: none;    
  color: #4b5a52;
}

#one-col {
 width: 927px;
}

#left-col td a  {
  color: #0575ad;
}

#left-col a  {
  color: #0575ad;
}
*/
/* Navigation Bar */
/*
#nav-primary {
  background: url("/__data/assets/image/0007/59146/nav-bg.png") no-repeat scroll 0 0;
}
#nav-pri-list li#n-3155 ul {
  left: -8.2em;
}

#nav-pri-list li.sfHover a {
  color: #FFFFFF;
}

#nav-pri-list li a:hover {
  background: #0575ad; 
  color: #515151;
}

#nav-pri-list li.current a {
  color: #515151;
}

#nav-primary ul.sf-menu li ul {
  background: #0575AD;

}
#nav-primary ul.sf-menu li li {
  float:none;   
  display:        block;    
  background:     #0575AD;
}

#nav-primary ul.sf-menu li li a, 
#nav-primary ul.sf-menu li li a, 
#nav-primary ul.sf-menu li.sfHover li a {
  margin: 0;
  color: #fff; 
  padding: 5px 8px 6px 17px;
  background: #0575AD;  
}

#nav-primary ul.sf-menu li li.sfHover > a,
#nav-primary ul.sf-menu li li a:hover,
#nav-primary ul.sf-menu li.sfHover li.sfHover > a,
#nav-primary ul.sf-menu li.sfHover li.sfHover li a:hover {
   color: #4b5a52;  
}

#nav-pri-list > li:first-child a:hover {
   background: url("/__data/assets/image/0008/59147/nav-bar-first.gif") no-repeat 0 0 !important;
 
}
.sfHover {
  background: #0575AD;
}
*/
/* End Navigation Bar */



#header img {    
  margin-top: 0.5em;    
}
.report-thumbnail {
    clear: left;   
    float: right;
    margin: 0px 0 1em 1.5em;
    border: 1px solid #E5E5E5; 
    box-shadow: 5px 5px 5px #E5E5E5;
    -moz-box-shadow: 5px 5px 5px #E5E5E5;
    -webkit-box-shadow: 5px 5px 5px #E5E5E5;
}

/* Videos*/

#introducing-bec2050{
   background: transparent url("../img/introduction.jpg") no-repeat scroll 0 0;
   display: inline;
   margin: 0 10px;
   padding: 0;
   float:left;
    
}

#video-intro {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    position:relative;
    z-index:0;
}
#video-intro h2{
   color: #0575ad;
   text-align: center;
   text-transform: none;
   width: 290px;
   font-size: 1em;
   margin: -20px 0 20px!important;
   padding:0!important;
}

.videos {
   display: inline;
   margin: 0 10px;
   padding: 0;
   float:left;
   width:31%;
}
.videos h1{
    margin-top:0;
    
}
.wistia_embed{
  margin-bottom:30px;
}
.wistia_popover_overlay{
  background-color:rgba(4, 76, 112, 0.9)!important;
}
/* Hexagons Diagram */

#BEC{
    display: block;
    height: 270px;
    margin: 0;
    padding: 0;
   /* position: relative;*/
}

#kayak-hexagon{
    background:url("http://www.bec.org.nz/__data/assets/image/0005/109760/kayak-scenario.jpg") no-repeat scroll left top;
    height: 170px;
    left: 0;
    position: absolute;
    top:-150px;
    width: 170px;
}
#waka-hexagon {
    background: url("http://www.bec.org.nz/__data/assets/image/0006/109761/waka-scenario.jpg") no-repeat scroll left top;
    height: 170px;
    position: absolute;
    right: 0;
    top:-150px;
    width: 170px;
}
#chart {
    left: 0;
    position: relative;
    top: 0;
    z-index:0;
}
#infographic{
  text-align:center;
  margin:auto;
  padding-bottom:100px;
  background:url("http://www.bec.org.nz/__data/assets/image/0010/109792/diagram.jpg") no-repeat scroll left top;
  width:727px;
  height:486px;
}
#infographic li{
   list-style-type: none; 
}
#solar img{
  margin: auto;
  position: absolute;
  text-align: center;
  transition:all 0.2s ease-in-out;
  left:24px;
  top:368px;
  width: 160px;
}
#solar img:hover{
   width:170px;
   left:16px;
   top:364px;
}

#geothermal img{
   margin: auto;
   position: absolute;
   text-align: center;
   transition:all 0.2s ease-in-out;
   left:-35px;
   top:226px;
   width: 160px;
}
#geothermal img:hover{
   width:170px;
   left:-43px;
   top:222px;
}
#electricy-generation img{
   margin: auto;
   position: absolute;
   text-align: center;
   transition:all 0.2s ease-in-out;
   left:8px;
   top:94px;
   width: 160px;
}
#electricy-generation img:hover{
   left:0px;
   top:90px;
   width: 170px;
}
#lng img{
   margin: auto;
   position: absolute;
   text-align: center;
   transition:all 0.2s ease-in-out;
   left:125px;
   top:-40px;
   width: 160px;
}
#lng img:hover{
   left:115px;
   top:-50px;
   width: 170px;
}
#carbon img{
   margin: auto;
   position: absolute;
   text-align: center;
   transition:all 0.2s ease-in-out;
   left:280px;
   top:-98px;
   width: 160px;
}
#carbon img:hover{
   left:275px;
   top:-108px;
   width: 170px;
}
#oil img{
   margin: auto;
   position: absolute;
   text-align: center;
   transition:all 0.2s ease-in-out;
   left:440px;
   top:-117px;
   width: 160px;
}
#oil img:hover{
   left:439px;
   top:-126px;
   width: 170px;
}
#vehicles img{
   margin: auto;
   position: absolute;
   text-align: center;
   transition:all 0.2s ease-in-out;
   left:605px;
   top:-40px;
   width: 160px;
}
#vehicles img:hover{
   left:604px;
   top:-49px;
   width: 170px;
} 
#electricity-supply img{
   margin: auto;
   position: absolute;
   text-align: center;
   transition:all 0.2s ease-in-out;
   left:755px;
   top:75px;
   width: 160px;
}
#electricity-supply img:hover{
   left:755px;
   top:67px;
   width: 170px;
} 
#efficiency img{
   margin: auto;
   position: absolute;
   text-align: center;
   transition:all 0.2s ease-in-out;
   left:805px;
   top:197px;
   width: 160px;
}
#efficiency img:hover{
   left:802px;
   top:192px;
   width: 170px;
} 
#proportion img{
   margin: auto;
   position: absolute;
   text-align: center;
   transition:all 0.2s ease-in-out;
   left:735px;
   top:365px;
   width: 160px;
}
#proportion img:hover{
   top:362px;
   width: 170px;
} 
/* Hexagons End*/

/* Link Buttons*/
.links{
  position:relative;
  bottom:0;
  height: 50px;
  margin:30px auto;
  text-align:center;
}

.link-button {
    background: transparent;
    border: 3px solid #144783;
    border-radius: 0.125rem;
    color: #144783;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: 400;
    margin: 0 30px;
    padding: 0.5em 1em!important;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
}
.link-button:hover{
    background-color: #144783;
    color:#ffffff!important;
    border-color: transparent;
}
.link-button--primary {
    border: 3px solid #ffffff;
    color: white;
    margin-top: 10px;
    padding: 0.5em 1.5em !important;
}
.link-button--primary:hover{
    background-color: #144783;
    color:#ffffff;
}
/* Link Buttons End*/

#trilemma{
 display: block;
margin: 0px 0 20px;
padding: 0 0 20px;
float: left;
border-bottom: 1px solid #d0d0d0;
width:100%;
text-align:center;
}

#trilemma img{
    margin:0px auto;
}

/* Modal Charts */

.inline-chart h3 {
    color: white;
    display: block;
    font-style: normal;
    text-align: center;
    width: 100%;
}

.inline-chart img {
    left: 0 !important;
    margin: auto !important;
    position: relative !important;
    text-align: center !important;
    top: 0 !important;
    transition: all 0.2s ease-in-out 0s !important;
    width: auto !important;
}
.inline-chart img:hover{
    margin: auto;
    position: relative;
    text-align: center;
    transition: all 0.2s ease-in-out;
    left: 0px;
    top: 0;
    width: auto;  
}


/* Graphs */
.close-graph {
    color: #fff;
    display: block;
    float: right;
    font-size: 2em;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translateX(480px) translateY(-350px);
}

.energy-graph{
   position:relative; 
   width:750px; 
   height:420px;
   margin:5em 2em 2em; 
   padding: 0;
   background:white;
   border-left: 2px solid gray; 
   border-bottom: 2px solid gray; 
   list-style: none;
   font:12px Tahoma,Geneva,sans-serif;
}   
.energy-graph ul{
   margin:0; 
   padding:0; 
   list-style:none;
}   
.energy-graph li{
    position: absolute; 
    bottom: 0; 
    width: 150px; 
    z-index: 2;
    margin: 0; 
    padding: 0;
    text-align: center; 
    list-style: none;
}  
.energy-graph li.qtr{
    height:420px; 
    padding-top:5px;
    border-right: 1px solid #C4C4C4; 
    color:#aaa;
}  
    
.energy-graph li.bar{
    width: 60px; 
    border: 1px solid; 
    border-bottom: none; 
    color: #fff;
}
.energy-graph li.bar p{
   margin: 5px 0 0; 
   padding: 0;
   color: #ffffff !important;
}
.energy-graph li.kayak{
    left: 13px; 
    background: #144783;
}
.energy-graph li.waka{
    left: 77px; 
    background: #f18421;
}
.energy-graph #ticks {
    width:750px; 
    height:420px; 
    z-index: 1;
}
.energy-graph #ticks .tick {
    position: relative; 
    border-bottom: 1px solid #BBB; 
    width:750px;
}
.energy-graph #ticks .tick p {
    position: absolute; 
    left: 100%; 
    top: -0.67em; 
    margin: 0 0 0 1.0em;
    font-size:0.8rem;
}
.energy-graph #q1 {left: 10;}
.energy-graph #q2 {left: 150px;}
.energy-graph #q3 {left: 300px;}
.energy-graph #q4 {left: 450px;}
.energy-graph #q5 {left: 600px; border-right: none;}   

#title {
   display: block;
    margin: 0 2%;
    padding: 0;
    text-align: center;
    width: 96%;
}
#kayak{
    color: #144783;
    float: left;
    line-height: 1;
    margin: 0 10px!important;
}
#kayak h5{
   float: right;
   line-height: 1.6;
   margin-left: 10px;
}
#waka{
    color: #f18421;
    float:left;
    line-height: 1;
    margin: 0 10px!important;
}
#waka h5{
  color: #f18421;
  float: right;
   line-height: 1.6;
   margin-left: 10px;
}

/* Modaldata */
.trigger{
    cursor:pointer;  
}

.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 320px;
    max-width:700px;
    height: auto;
    text-align: center;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.show {
    visibility: visible;
}

.overlay {
    position: fixed;
    width: 100%!important;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    background: rgba(0,0,0,0.8);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    cursor: auto;
}

.show ~ .overlay {
    opacity: 1;
    visibility: visible;
}

/* Content styles */
.content {
    color: #fff;
    background: #056CA0;
    position: relative;
    border-radius: 3px;
    margin: 0 auto;
    cursor: auto;

     h3 {
        color:#262626;
        margin: 0;
        padding: 0.4em;
        text-align: center;
        font-size: 2.4em;
        font-weight: 300;
        background:#ffffff;
        border-radius: 3px 3px 0 0;
        width: 100%;
       }
    
    
    div {
      padding: 15px 40px 30px;
      margin: 0;
      font-weight: 300;
      font-size: 1.15em;
        
        h5{
          color:#ffffff; 
            text-align: center;
            font-size: 0.8em;
        }
        
        p {
          margin: 0;
          padding: 10px 0 20px;
        }
        
               
    }//div
    
    button {
       display: block;
       margin: 0 auto;
       font-size: 1.0em;
    }
    
}//content


/* Effect */
.effect .content {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.show.effect .content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}


@-webkit-keyframes slit {
    50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
    100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@-moz-keyframes slit {
    50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;}
    100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@keyframes slit {
    50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
    100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}


/*Modals End*/

#banner{
  background:url("http://www.bec.org.nz/__data/assets/image/0009/110214/energy-banner.jpg") no-repeat scroll 0 0;
  height: 560px;
  position: relative;
  top: -15px;
  background-color:#fff;
  background-position: center; 
}

#banner p{
  color: #f18421;
  /*font-size: 1.2em;*/
  line-height: 1;
  margin: 0;
  padding: 0;
}
.header h2, #intro h2, #scenarios h2, #kayak-waka h2, #kayak-scenarios h2, #waka-scenarios h2, #electricity-renewables > h2, #bec-wec > h2, #bec2050-glance h2, #present-day-context h2, #leverage-effect h2, #transport h2, #industrial-heat h2, #key-messages h2, #potential h2{
    /*font-size: 40px;*/
    text-align: left !important;
    text-transform: none;
}
#intro h3, #storyline h3, #electicity-renewables > h3, #bec-wec > h3, #electricity-renewables > h3, #bec-wec > h3, #present-day-context h3, #industrial-heat h3, #potential h3{
  color: #444;
  font-weight: lighter;
  margin-bottom:20px;
  margin-top:0;
  padding:0;
  text-align:left!important;
  text-transform: none;
}

#electricity-renewables {
    display: block;
    float: left;
}
#waka-scenarios{
   display: block;
   float: left;
   margin:20px 0;
}
#waka-scenarios h2{
   color:#f18421;
}
#intro h4, #scenarios h4, #kayak-scenarios h4, #waka-scenarios h4{
   color: #000;
   font-weight: bold;
   margin-top: 10px;
   font-size:1em;
   margin:20px 0px 30px;
   display:block;
}
.intro-list{
  list-style-type:none;
  margin: 0 0 1em;
  -webkit-padding-start:0px;
}

.renewable-list{
  list-style-type:none;
  margin: 0 0 1em;
}
.intro-list li{
  color:#0575AD;
  font-size:22px;
}
.intro-list span{
  color:#292827;
  font-size:22px;
  margin-left:10px;
}
.renewable-list li {
  color: #0575ad;
  font-size: 20px;
  line-height: 1;
  margin-left: 14px;
  text-indent: -12px;
}

.renewable-list span {
    color: #292827;
    display: block;
    font-size: 13px;
    left: 20px;
    max-width: 400px;
    position: relative;
    text-indent: 0;
    top: -20px;
}


.kayak-scenario-graph, .waka-scenario-graph{
    display: block;
    float: left;
    position: relative;
    width: 24.5%;
    height:180px;
    text-align: center;
}
.kayak-scenario-graph.kayak img{
  float:left!important;
  margin-top: 30px;
}
.kayak-scenario-graph.population > h3, .kayak-scenario-graph.gdp-2050 > h3, .kayak-scenario-graph.carbon-2050 h3,
.waka-scenario-graph.population > h3, .waka-scenario-graph.gdp-2050 > h3, .waka-scenario-graph.carbon-2050 h3{
    color: #407d2f;
    font-size: 1.3em;
    text-transform: none;
}
.kayak-scenario-graph.gdp-2050 > h3, .waka-scenario-graph.gdp-2050 > h3{color:#23408f;}
.kayak-scenario-graph.carbon-2050 h3, .waka-scenario-graph.carbon-2050 h3{color:#d2232a;}

.kayak-scenario-graph.population img, #kayak-scenarios div.kayak-scenario-graph.gdp-2050 img, #kayak-scenarios div.kayak-scenario-graph.carbon-2050 img,
.waka-scenario-graph.population img, #waka-scenarios div.waka-scenario-graph.gdp-2050 img, #waka-scenarios div.waka-scenario-graph.carbon-2050 img{
  width:80%;
  margin:0 10%!important;
  position:relative;
  top:10px;
  transition:all 0.2s ease-in-out;
}
#kayak-waka {
    display: block;
    float: left;
    margin:0;
    padding: 0;
    position: relative;
}

/*Kayak waka buttons*/

#icons{
    display: block;
    float: left;
    position: relative;
    top: 380px;
}

#kayak-energy-sufficiency{position:absolute; right: 121px; top: 119px; z-index:2;}
#kayak-carbon-intensity{position:absolute; right: 211px; top: 65px; z-index:2;}
#kayak-energy-intensity{position:absolute; right: 321px; top:97px; z-index:2;} 

#waka-energy-sufficiency{position: absolute; right: 121px; top: 398px; z-index:2;}
#waka-carbon-intensity{position: absolute; right: 211px; top: 453px; z-index:2;}
#waka-energy-intensity{position: absolute; right: 321px; top: 420px; z-index:2;}

img.scenario-icon{
  position: relative;
  height: 52px;
  width: 65px;
  right:0;
  transition:all 0.2s ease-in-out;
}
img.scenario-icon:hover{
  height: 57px;
  width: 70px;
  right:-3px;
}




#kayak-trilemma, #waka-trilemma{
  float:left;
  position:relative;
  display:block;
  margin:0;
  padding;0;
} 
#kayak-trilemma h4, #waka-trilemma h4{
   font-weight:normal!important;
   line-height:2;
}
#renewables-in-energy{
   position: absolute;
   right: 200px;
   top: 20px;
}
#renewables-in-energy-info{
    display: block;
    left: 250px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 180px;
    z-index:10;
}
#waka-trilemma h4{
   color: #f38222;
    position: relative;
    top: 40px;
    z-index: 9;
}
#transport-energy {
   display: block;
   margin: 0;
   padding: 0;
   position: relative;
}
#transformative-change {
    left: 260px;
    position: absolute;
    top: -10px;
    z-index:9;
}




#waka-footer > img {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: -1;
}
h1.news-page {
  color: #0575ad;
  text-transform: none;
}
#hp-news-info {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  padding: 1.5em;    
  background:#fff;
  float: left;
}
#hp-news-info h2{
  color:#0575ad;
  font-size: 2em;   
  padding-top: 0px;  
}
#hp-news-info h3 a {
  color: #292929;
  font-weight: normal;
  text-transform: none;
}
.feature-link {
   background: url("/__data/assets/image/0003/59151/blue-arrow.png") no-repeat scroll right 4px transparent;
   list-style-type:none;
   padding-left: 25px;
   padding-right: 15px;
   float: right !important;
   font-style: normal;
   font-weight: bold;
}
.feature-link a {
   float: right !important;
}

#content p.featurelink a:hover {
   color: #4b5a52;
}

#content p.featurelink {
   float: right;
}

p.date{
  font-weight:bold;
  font-style: italic;
  margin-bottom: 5px;
  color: #4b5a52;
  margin-left: 25px;
}
p.pdf{
   background:url("/__data/assets/image/0008/50975/pdf_small.gif") no-repeat scroll 0 0;
   padding-left: 25px;
   line-height: 18px;
}
p.doc{
   background:url("/__data/assets/image/0005/51179/doc_small.gif") no-repeat scroll 0 0;
   padding-left: 25px;
   line-height: 18px;
}
p.zip{
   background:url("/__data/assets/image/0009/51210/zip_small.gif") no-repeat scroll 0 0;
   padding-left: 25px;
   line-height: 18px;
}
p.ppt{
   background:url("/__data/assets/image/0011/51959/ppt_small.gif") no-repeat scroll 0 0;
   padding-left: 25px;
   line-height: 18px;
}
#hp-news-info h3 a:hover {
  color: #0575ad;
}

#hp-news-info ul {
  width: 238px;
  margin-left: 0;
  list-style: none;
}

#hp-news-info ul li {
  padding: 0 0 10px 0;
}

#hp-flash {
  background:transparent url("/__data/assets/image/0015/3723/bg-flash.gif") no-repeat;     
  margin-bottom: 15px;
  width: 277px;
  height: 134px;
  float: left;
}

#sponsor-box {
  background:transparent url("/__data/assets/image/0015/3723/bg-flash.gif") no-repeat;     
  margin-bottom: 5px;
  width: 257px;
  height: 134px;
  float: left;
  padding: 5px 10px 0;
}
#sponsors {
  float:left;
  width:200px;
  margin-left: 28px;
  margin-bottom: 0;
  overflow: hidden;
  height: 100px;
  position:relative;
}
#prevSponsor, #nextSponsor {
  float: left;
  height: 100px;
  width: 28px;
  display: block;
  position:relative;
}
#prevSponsor img, #nextSponsor img {
  top: 40px;
  position: absolute;
} 
#nextSponsor img {
  right: 0;
}
#nextSponsor {
  float: right;
}
#sponsorTitle {
    float:left;
    clear:both;
    margin-top:5px;
    text-align: right;
    width: 257px;
}

#chamber-docs {
  background:transparent url("/__data/assets/image/0010/3322/bg-chamber-docs.jpg") no-repeat;     
  margin-top: 1em;
  width: 277px;
  height: 164px;
  float: left;
}
#enquiry {
  border: 1px solid #e5e5e5;        
  padding: 1.8em;    
  background:#f0f0f0;    
  margin-bottom: 15px;
  float: right;
  width: 231px;
  height: 280px;
}

#enquiry h2{
  margin-bottom: 0.4em;
  font-size: 2em;   
  color: #222222;
  padding-top: 0px;
}

#enquiry p.enquiry-location {
  margin-bottom: 15px;
}

#enquiry img {    
  padding-bottom:1em;
}

#enquiry span.enquiry-findus{
  color: #000000;
  font-style: italic;
  display: block;
}

#enquiry a.enquiry-emailus {
  font-weight: bold;
  text-decoration: underline;
}

.latest-news {
  border-bottom: 1px solid #E5E5E5;   
}

.latest-news a {
   background: url("/__data/assets/image/0003/59151/blue-arrow.png") no-repeat scroll 0px 4px transparent;
   display: block;
   color: #555555;
   font-size: 1.1em;
   padding-left: 25px; 
}

.latest-news-last {
  border-bottom: 0px solid #E5E5E5;  
}

.latest-news-last h3 {
  color: #292929;
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  margin-top: 0px;   
}

.latest-news-last a {
   background: url("/__data/assets/image/0003/59151/blue-arrow.png") no-repeat scroll 0px 4px transparent;
   display: block;
   color: #555555;
   font-size: 1.1em;
   padding-left: 25px; 
}

/*************  Right Column *********************************************/

#id39730 ul.menu-list li {
  line-height: 1.6em;
  border: 1px solid #E5E5E5;
  margin-bottom: 5px;
}

.join-wecc-button {
  background:url("/__data/assets/image/0004/3496/button-join-wecc.gif") no-repeat scroll 0 0 transparent;
  display:block;
  padding: 12px 0 11px 64px;
  font-size: 1.2em;
  font-style: italic;
  font-weight: bold;
  color: #ffffff;
}

.join-wecc-button:hover {

}
.enquiry-button {
  background:url("/__data/assets/image/0017/59201/button-enquiry.gif") no-repeat scroll 0 0 transparent;
  color: #FFFFFF;
  padding: 3px 11px;
  font-weight: bold;
  font-style: normal;
  font-size: 12px;
  line-height: 2em;
  clear: left;
  float: left;
}

a.enquiry-button {
  background: url("/__data/assets/image/0017/59201/button-enquiry.gif") no-repeat 0 0;
  color: #FFFFFF !important;
  font-weight: bold;
  font-style: normal;
  font-size: 12px;
  padding: 3px 20px 5px 35px;
  float: left;
  width: 77px;
  text-decoration: none;
  font-family:'Tahoma',Geneva,sans-serif;
  margin: 10px 0 10px;

}

a.enquiry-button:hover {
  color: #4b5a52 !important;

}

/*Local Support Page*/
.item-readmore a {
  background: url("/__data/assets/image/0018/5184/icon-feature-wecc-whitebg.gif") no-repeat scroll left center transparent;
  padding: 3px 0 3px 25px;
  font-weight: bold;
  font-style: italic;
}
ul#ls-listing {
  margin: 0;
  list-style: none;
  padding: 0;
  width: 615px;
}

ul#ls-listing li {
  margin-bottom: 5px;
  border-bottom: 1px solid #dcdcdc;
  padding: 15px 0;
}

ul#ls-listing li img {
  margin: 3px 15px 3px 50px;
}

ul#ls-listing h3 {
  font-weight: bold;
}

ul#ls-listing li.first {
  padding-top: 15px;
  border-top: 1px solid #dcdcdc;
}

ul#ls-listing h2 {
  font-size: 1.4em;
  margin-top: 0;
}
ul#ls-listing li .itemthumb {
  float:right;
}

p.item-readmore {
  margin-top: 0;
  padding: 0;
}

p.item-desc {
  margin-bottom: 10px;
  padding: 0;
  font-size: 1em;
}
p.intro {
  font-size: 1.2em;
  font-style: italic;
  padding: 0;
  font-weight: bold;
}

/* International Support Page */

ul#is-listing {
  margin: 0;
  list-style: none;
  padding: 0;
  width: 615px;
}

ul#is-listing h3 {
  font-weight: bold;
}

ul#is-listing li {
  margin-bottom: 5px;
  border-bottom: 1px solid #dcdcdc;
  padding: 15px 0;
}

ul#is-listing li img {
  margin: 0 15px 0 50px;
}

ul#is-listing h2 {
  font-size: 1.4em;
  margin-top: 0;
}

ul#is-listing li .itemthumb {
  float:right;
}

#id3143 p.is-intro {
  width: 570px;
  font-size: 1.2em;
  font-style: italic;
  padding: 0;
  font-weight: bold;
}

ul#is-listing li.first {
  padding-top: 15px;
  border-top: 1px solid #dcdcdc;
}

/* News Listing */

#showlist {
   height: 17px;
   margin-bottom: 10px;
   width: 99%;
   clear: both;
}

span.results-page-numbers {
   color: #6C7173;
   margin-right: 0px;
}

span.ep-pagecontrol {
   float: right;
}

.results-number-member {     
  font-weight: bold;
  float: right;
  margin-top: -30px;
}

#root_node_selection {
   float: left;
   margin-top: 3px;
}


#sort-bar {
   background: url("/__data/assets/image/0009/14967/sortbar.gif") no-repeat 0 0;
   padding: 11px 10px;
   margin-bottom: 20px;
   min-height: 30px;
   width: 96%;
}

#sort-bar p {
   margin: 8px 5px;
   float: left;
   font-weight: bold;
}

.sort-dropdown {
   float: left;
   margin-right: 10px;
}

.sort-dropdown select#root_node_selection {
  width: 150px !important;
  margin-top: 5px;
}

#sort-bar select {
   margin-top: 5px;
   float: left;
}

#np-list ul {
   margin: 0 0 15px;
   list-style: none;
}

#np-list ul li p.published .date {
  color: #4b5a52;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

#np-list ul li p.published .region {
  color: #0575ad;
  font-weight: normal;
}

#np-list ul li .rat-read-more {
  clear: both;
}

#np-list ul li .np-iteminfo {
  margin-left: 5px;
  float: left;
  width: 620px;
  border-bottom: 0px solid #E5E5E5;
}

#np-list ul li .np-iteminfo-img {
  margin-left: 5px;
  float: left;
  width: 450px;
  border-bottom: 0px solid #E5E5E5;
}

#left-col .np-listname {
   display: block;
   margin-bottom: 0px;
   font-size: 16px;
   text-decoration: none;
   font-weight: bold;
   color: #0575ad;
}

.np-listitem {
   clear: left;
   overflow: hidden;
   margin-bottom: 15px;
   display: block;
   border-bottom: 1px solid #E5E5E5;
   padding: 0 0 10px;
   width: 617px;
}

.np-itemwrap {
   width: 617px;
}

.date {
   color: #4b5a52;

}

.np-listitemnum {
   float: left;
   font-size: 17px;
   color: #243034;
   font-weight: bold;
}

.np-iteminfo img {
   float: right;
   margin: 0 0 10px 45px;
   border: 1px solid #D4D4D4;
   background: #FFFFFF;
}

.np-iteminfo-img img {
   float: right;
   margin: 0 0 10px 45px;
   border: 1px solid #D4D4D4;
   background: #FFFFFF;
}

.np-iteminfo {
   margin-left: 0px;
}

p.published {
   margin-bottom: 3px;

}

#sort-bar input {
   margin-left: 15px;
   background: url("/__data/assets/image/0011/59294/filter-button-blue.gif") no-repeat 0 0;
   border: 0;
   padding: 3px 7px 3px 7px;
   color: #FFFFFF;
   float: right;
   font-weight: bold;
   font-style: normal;
   font-family: 'Tahoma',Geneva,sans-serif;
   font-size: 13px;
   margin-top: 4px;
}

#sort-bar input:hover {
   background: url("/__data/assets/image/0011/59294/filter-button-blue.gif") no-repeat 0 -25px;
   cursor: pointer;
   color: #4b5a52;
}

/*News and Info page*/
#np-list ul {
  margin-left: 0;
  list-style: none;
  padding-left: 0;
}

#np-list ul li {
  
}

#np-list ul li h3 a {
  text-decoration: none;
}

#np-list ul li span.np-listitemnum {
  float: left;
  color: #000000;
  padding-top: 3px;
  font-size: 1.1em;
  clear: left;
}

#np-list ul li .np-iteminfo {
  margin-left: 0px;
  float: left;
  width: 617px;
}

#np-list ul li p {
  padding: 0;
  margin-top: 2px;
  font-size: 1em;
}

#np-list ul li p.published {
  margin: 10px 0 5px;
  font-size: 0.95em;
  width: 617px;
}

#np-list ul li p.np-listitemdesc {
  color: #333333;
  font-weight: normal;
}

.regbutton {
  background: url("/__data/assets/image/0017/59201/button-enquiry.gif") no-repeat 0 0;
  color: #FFFFFF;
  float: left;
  padding: 7px 15px 9px 22px;
  font-weight: bold;
  width: 95px;
}

#left-col a.regbutton {
  color: #FFFFFF;
}

#left-col a:hover.regbutton {
  color: #4b5a52;
}
span.ep-eventdate {
  color: #4b5a52;
  font-size: 0.95em;
}
span.ep-upcomingvenue {
  color: #4b5a52;
  border-left: 1px solid #4b5a52;
  font-size: 0.95em;

}
ul.ep-listing li h3 {
  font-size: 1.3em;
  font-weight: bold;
  font-style: normal !important;
  font-size: 16px;
  padding-bottom: 5px;
  text-transform: none;
  margin-top: 0px;
}

#hp-eventslisting h2 {
   font-size: 2em;
   margin-top: 10px;
}
ul.ep-listing li a.ep-event-item {
  font-size: 1em;
  font-style: normal;
}
ul.ep-listing li {
  border-bottom: 1px solid #E5E5E5;
  padding: 0 0 15px;
  margin-bottom: 15px;
  width: 620px;
}
ul.ep-listing li img {
  float: right;
  margin: 10px 10px 0 30px !important;
  border: 1px solid #E5E5E5 !important;
}
ul.ep-listing li p {
  margin: 0 0 5px;
  width: 445px;
  font-size: 1em;
}
ul.ep-listing li a.ep-learnmore {
  font-weight: bold;
  border-right: 0px solid #efb513;
  padding-right: 3px;
}
ul.ep-listing li a.ep-register {
  color: #efb513;
  font-weight: bold;
  text-decoration: underline;
  padding-left: 0.4em;
}

.hp-event-item {
   color: #497C93;
}

.hp-upcomingevents h3 {
  font-size: 1.2em;
  font-weight: bold;
  font-style: italic;
   padding-top: 0px;
}

#hp-eventslisting {
   float: left;
   margin-bottom: 20px;
   width: 608px;
}


.ep-eventbody {
  border-bottom: 1px solid #E5E5E5;
}

.joinbutton {
  background: url("/__data/assets/image/0020/11954/joinbutton.gif") no-repeat 0 0;
  padding: 11px 15px;
  font-weight: bold;
  color: #FFFFFF;
  float: right;
}

#id3151 .button-left-side {
  background: url("/__data/assets/image/0020/5834/bg-button-left.gif") no-repeat scroll left 1px;
}

span.region {
  color: #0575ad;
}
/* Invoice payment */

#invoice-form {
  margin-top: 1em;
}
#invoice-form p {
  margin: 0 0 20px 0;
}
#invoice-form div {
  overflow: hidden;
  margin: 0 0 0.5em 0;
}
#invoice-form #payment {
  margin-bottom: 1em;
}
#invoice-form #payment div {
  overflow: visible;
}
#invoice-form #payment div label {
  width: 14em;
}
#invoice-form #payment div#processing-errors {
  margin-bottom: 0;
}
#invoice-form label {
  display: block;
  width: 10.5em;
  float: left;
}
span.required {
  color: red;
}

#invoice-form div.multiple-buttons div.button {
  margin: 0 15px 0 0;
  float: left;
}
div.button input, div.button a {
  background: #f3b90e;
  padding: 7px;
  border: 0;
  cursor: pointer;
  margin-bottom: 1em;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  width: 73px;
  text-align: center;
  font-size: 12px;
}
div.button a {
  display: block;
  width: 58px;
}
#payment-progress {
  overflow: hidden;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
}
#payment-progress li {
  float: left;
  display: block;
  margin-right: 1em;
  padding: 5px 6px;
}
#payment-progress li.current {
  background: #f3b90e;
  color: #fff;
  font-weight: bold;
}
#payment-progress li.first {
  padding-left: 0;
}
#confirmation-intro {
  font-weight: bold;
}
#invoice-details {
  border: 0;
  margin-left: 0;
  background: transparent;
}
#invoice-details th {
  border-bottom: 0;
  font-weight: bold;
}
#invoice-details th, #invoice-details td {
  text-align: left;
  padding: 5px 15px 5px 0;
}
#invoice-form hr {
  border: 0;
  color: #ccc;
  background: #ccc;
  height: 1px;
  margin-bottom: 20px;
}
#payment-amount {
  font-size: 1.8em;
  margin-top: 15px;
}
#processing-errors ul li {
  color: red;
}
#payment-amount-in-table {
  padding-bottom: 0.25em;
  font-weight: bold;
}
#payment-amount-in-table span {
  width: 14em;
  float: left;
  display: block;
}
#card-security {
  position: relative;
}
#card-security-box {
/*  display: none; */
  position: absolute;
  top: 0;
  left: 400px;
}
#fancybox-content table {
  border: 0 !important;
}
#receipt table {
  border: 0;
  margin: 0 0 1em 0;
  background: transparent;
}
#receipt hr, #receipt br {
  display: none;
}

#receipt table td {
  padding: 0;
}
#receipt table tr td:first-child {
  min-width: 115px;
  padding-right: 1em;
}
#receipt table td ul {
  margin: 0 0 5px 0;
}
#receipt table td ul li {
  list-style-type: none;
  margin-bottom: 0;
}
#receipt table.ecom_header_table td {
  padding: 0.25em 1em 0.25em 0;
}
#invoice-form #receipt table.sq_ecomTable {
  display: none;
}

.hp-happening h2 {
  width:75%;
  color: #0575ad;    
}
#right-sub-menu h2, #right-sub-menu h2 a, .read-more, #id3645 h3 {
  color: #0575ad;
  padding-top: 0px;
  padding-bottom: 10px;
  text-transform: normal;

}
#right-sub-menu h3 {
  color: #0575ad;
  padding-top: 0px;
  padding-bottom: 10px;
  text-transform: normal !important;
  font-size: 1.2em;
  margin-top: 0px;
  font-weight: bold;

}

.read-more {    
  background: url("/__data/assets/image/0003/59151/blue-arrow.png") no-repeat right 9px;
  padding: 5px 10px 0 18px;
  color: #0575ad;
  font-weight: bold;
  font-style: ;
  font-size: 12px;
}

.viewall {
   color: #0575ad;
   float: right;
   background: url("/__data/assets/image/0003/59151/blue-arrow.png") no-repeat left 4px;
   margin-top: 12px;
   padding-left: 12px;
   font-weight: bold;
}

#id3645 table {
  margin-left: 0;
}
hr {
  border: 1px solid #E5E5E5;
}

/* Contact Page */
#id39843 .contact-form label {
  display:block;
  float:left;
  margin-right:0.5em;
  width:77px;
}

#id39843 .contact-form ul {
  display:block;
  float:left;
  margin-right:0.5em;
  clear: left;
}

#meta-links ul.wecc li.wecc a {
  color: #0575ad;
}

.submit {
   margin: 0px;
}

.submit input {
   background: url("/__data/assets/image/0020/59150/bg-submit-button-blue.gif") no-repeat 0 0;
   width: 77px;
   font-size: 12px;
   font-style: normal;
   padding: 4px 0 4px 3px;
}

.submit input:hover {
   background: url("/__data/assets/image/0020/59150/bg-submit-button-blue.gif") no-repeat 0 0;
   color: #515151;
}

/* End Contact Page */

/* Join Page */
#id59190 .contact-form label {
  display:block;
  float:left;
  margin-right:0.5em;
  width:120px;
}

#id59190 .contact-form ul li {
  display:block;
  float:left;
  margin-right:0.5em;
  clear:left;
}

p.form-question {
  font-weight: normal;
  font-style: normal;
  font-size: 1.15em;
  color: #4b5a52;
}

p.form-highlight {
  font-weight: normal;
  font-style: italic;
  color: #4b5a52;
}

td.form-highlight {
  font-weight: normal;
  font-style: italic;
  color: #4b5a52;
}


/* End Join Page */

/* Keep Informed */

#sign-up-right {
   float: left;
   padding: 20px;
   width:238px;
   height:310px;
   margin-bottom: 10px;
   background: url("/__data/assets/image/0005/15899/keepinformed.gif") no-repeat 0 0;
}

#sign-up-right h2 {
   color: #0575ad;
   padding-top: 0px;
}

.cs-sign-up .result p {
   padding: 0;
   margin: 5px 0;
   font-weight: normal;
}

.cs-sign-up .result {
   display: none;
}

.cs-sign-up ul, .cs-sign-up li {
   margin: 0;
   padding: 0;
   margin-bottom: 2px;
   list-style: none;
}

.cs-sign-up li {
   margin: 7px 0;
}

.cs-sign-up label {
   display: none;
}

.cs-sign-up .cs-policy label {
   display: inline;
   font-weight: normal;
   color:#555555;
}

.cs-sign-up input, .cs-sign-up select {
   border: 1px solid #DBDBDB;
   width: 215px;
   padding: 5px;
   font-size: 1.1em;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
}

.cs-sign-up input {
   color: #747474;
}

.cs-sign-up .cs-policy input {
   float: left;
   width: auto;
   border: none;
}

.cs-sign-up select {
   width: 227px;
   color: #747474;
   padding: 5px 5px 5px 2px;
}

.cs-sign-up input.label {
   color: #777;
}

.cs-sign-up span.required {
   color: #0575ad;
   font-weight: bold;
   font-size: 24px;
   display: block;
   float: right;

}
.cs-sign-up .cs-explain {
   padding-right: 13px;
}

.cs-sign-up .cs-explain, .cs-sign-up .cs-explain span.required {
   font-size: 11px;
   text-align: right;
}

.cs-sign-up .cs-explain span.required {
   float: none;
   display: inline;
}

.cs-sign-up .cs-policy {
   padding-top: 5px;
}

.cs-sign-up .cs-policy label {
   position: relative;
   top: 2px;
   left: 5px;
}

.cs-sign-up .cs-policy label a {
   text-decoration: underline;
}

.cs-sign-up .cs-policy label a:hover {
   text-decoration: none;
}

.cs-sign-up .cs-submit {
   background: url("/__data/assets/image/0017/59201/button-enquiry.gif") no-repeat scroll 0 0 transparent;
   width: 130px;
   height: 30px;
   overflow: hidden;
   margin-top: 15px;
   border: none;
   font-weight: bold;
   font-style: normal;
   color: #FFFFFF;
   font-size: 12px;
   font-family: 'Tahoma',Geneva,sans-serif;
}

.cs-sign-up .cs-submit:hover {
   background: url("/__data/assets/image/0017/59201/button-enquiry.gif") no-repeat scroll 0 0 transparent;
   cursor: pointer;
   color: #4b5a52;
}

#campaignsuitewrapper .cs-submit {
   background: url("/__data/assets/image/0016/15109/submit_button.gif") no-repeat 0 0;
   float: right;
   margin-top: 10px;
   width: 117px;
   height: 26px;
   padding: 5px 25px 7px;
}

.cs-sign-up .loading {
   display: none;
   width: 145px;
   height: 29px;
   background: url("/__data/assets/image/0016/15109/submit_button.gif") no-repeat 0 0;;
   -moz-opacity: 0.70;
   filter:alpha(opacity=70);
   opacity: 0.70;
   margin-top: 12px;
}

.cs-sign-up .loading div {
   display: block;
   float: right;
   margin-top: 9px;
   width: 16px;
   height: 11px;
   background: url("/__data/assets/image/0015/15126/loading.gif") no-repeat 0 0;
}

.cs-sign-up.footer span.required {
   padding-top: 0;
}

.cs-sign-up.footer .cs-explain, .cs-sign-up.footer .cs-policy {
   color: #FFF;
}

/* End Keep Informed */

p.intro {
  font-weight: normal;
  font-size: 1.2em;
  font-style: italic;
  color: #818181;

}

/* Resources & Tools */
#rat-listing ul {
   list-style: none;
   margin: 0;
}

#rat-listing li {
   border: 1px solid #E9E9E9;
   background: #FFFFFF;
   padding: 15px;
   float: left;
   width: 580px;
}

#rat-listing h3 {
   margin-top: 0px;
   margin-bottom: 10px;
   cursor: pointer;
   padding-top: 0px;
   width: 390px;
   text-transform: none;
}

#rtp-listing {
   list-style: none;
   margin: 0;
}

#rtp-listing h3 {
   padding: 0;
   color: #0575ad;
   text-transform: none;
   margin-top: 0px;
}

#rtp-listing p {
   font-size: 1em;
}

#rtp-listing li {
   border-bottom: 1px solid #E5E5E5;
   padding: 0 0 10px;
   margin-bottom: 15px;
   width: 620px;
   overflow: hidden;
}

#rtp-listing li img {
   float: right;
   background: #FFFFFF;
   margin: 0 0 10px 45px;
   border: 1px solid #E5E5E5;
}

#rtp-listing li a.ep-event-item {
   color: #0575ad;
   font-style: normal;
}

#rtp-listing li a.ep-event-item:hover {
   color: #6C7173;
}

.rat-itemtitle {
   color: #497C93;
}

.rat-read-more {
   background: url("/__data/assets/image/0003/59151/blue-arrow.png") no-repeat scroll 0px center transparent;
   float: left;
   margin-top: 0px;
   padding-left: 15px;
   color: #1F99C7;
   font-weight: bold;
}

#rat-listing p {
   width: 390px;
   font-size: 1em;
}

.rat-itemthumb {
   float: right;
   margin: 15px 0 0 30px;
}

.rat-reportthumb {
   float: right;
   margin: 5px 10px 5px 20px;
   border: 1px solid #E5E5E5;
   box-shadow: 5px 5px 5px #888888;
}

#rat-resourcelisting {
   margin-top: 15px;
}

#rat-resourcelisting ul {
   margin: 0 0 15px 0;
   list-style: none;
}

#rat-resourcelisting li {
   width: 99%;
   border-bottom: 1px solid #E5E5E5;
   padding: 0 0 10px;
   margin: 0 0 15px;
   min-height: 85px;
}

#rat-resourcelisting img {
   float: right;
   background: #FFFFFF;
   margin: 0 0 20px 45px;
   border: 1px solid #D4D4D4;
}

#rat-resourcelisting .rat-restitle {
   display: block;
   font-size: 15px;
   color: #1F99C7;
   margin-bottom: 10px;
   font-weight: bold;
}

#rat-resourcelisting .rat-learnmore img {
   border: none;
   padding: 0;
   margin: 0 3px 0 0;
   float: none;
   background: none;
}

/* End Resources & Tools */

.learn-more {
   background: url("/__data/assets/image/0003/59151/blue-arrow.png") no-repeat scroll right 4px transparent;
   float: left;
   margin-top: 0px;
   padding: 0 16px 4px 0;
   color: #0575ad;
   font-weight: bold;
}

/* Breadcrumbs */

#breadcrumbs {
   list-style: none;
   margin: 0px 0px 0px 0px;
   float: left;
}

#breadcrumbs a {
   font-weight: normal;
   color: #0575ad;

}

#breadcrumbs li {
   float: left;
}

.breadcrumb-link {
   background:  url("/__data/assets/image/0003/59151/blue-arrow.png") no-repeat left 3px;
   padding-left: 15px;
   margin-left: 10px;
}

/* End Breadcrumbs */

#image-group {
   float: left;
   padding: 0px;
   width: 620px;
}

#image-group img {
   float: left;
   margin-left: 0px;
}

/* Sponsors Box Right Column */

#event-sponsors {
   float: left;
   background: #FFFFFF;
   border-left: 1px solid #E5E5E5;
   border-right: 1px solid #E5E5E5;
   padding: 15px;
   width: 245px;
}

#event-sponsors h2 {
   color: #0575ad;
}

#event-sponsors h3 {
   color: #0575ad;
   font-style: normal;
   font-size: 11px;
   margin-top: -10px;
   padding-bottom: 10px;
}

.sponsor-group {
   clear: left;
   overflow: hidden;
   margin-bottom: 10px;
   border-top: 1px solid #E5E5E5;
   padding-top: 10px;
}

.sponsor-group-last {
   clear: left;
   overflow: hidden;
   margin-bottom: 10px;
}
.sponsor-group ul {
   list-style: none;
   margin-left: 0;
}
#event-sponsors img {
   float: left;
}
#event-sponsors img.eeca {
   margin-bottom: 5px;
}
#event-sponsors img.pwc {
   margin-left: 20px;
   margin-bottom: 5px;
}
#event-sponsors img.z_ener {
   margin-left: 25px;
   margin-bottom: 5px;
}
#event-sponsors img.bec {
   margin-bottom: 5px;
}
#event-sponsors img.beca {
   margin-left: 20px;
   margin-bottom: 20px;
   margin-top: 10px;
}
#event-sponsors img.bp {
   margin-bottom: 5px;
   margin-top: 10px;
}
#event-sponsors img.chevro {
   margin-left: 25px;
   margin-bottom: 5px;
   margin-top: 15px;
}
#event-sponsors img.contac {
   margin-left: 25px;
   margin-bottom: 20px;
   margin-top: 20px;
}
#event-sponsors img.crl_en {
   margin-bottom: 5px;
   margin-top: 20px;
   margin-left: 15px;
}
#event-sponsors img.fonter {
   margin-left: 25px;
   margin-bottom: 5px;
   margin-top: 25px;
}
#event-sponsors img.gns_sc {
   margin-left: 25px;
   margin-bottom: 5px;
   margin-top: 15px;
}
#event-sponsors img.mbie {
   margin-bottom: 20px;
   margin-top: 30px;
}
#event-sponsors img.meridi {
   margin-left: 15px;
   margin-bottom: 20px;
   margin-top: 10px;
}
#event-sponsors img.mfe {
   margin-bottom: 20px;
   margin-top: -5px;
}
#event-sponsors img.mighty {
   margin-left: 10px;
   margin-bottom: 30px;
}
#event-sponsors img.nz_ste {

}
#event-sponsors img.nzog {
   margin-left: 25px;
   margin-bottom: 20px;
   margin-top: 10px;
}
#event-sponsors img.sapere {
   margin-left: 20px;
   margin-top: 20px;
}
#event-sponsors img.siemen {
   margin-left: 25px;
   margin-bottom: 20px;
   margin-top: 20px;
}
#event-sponsors img.strate {
   margin-bottom: 20px;
   margin-top: 10px;
   margin-left: 20px;
}
#event-sponsors img.todd_e {
   margin-left: 25px;
   margin-bottom: 20px;
   margin-top: -5px;
}
#event-sponsors img.transp {
   margin-top: -20px;
   margin-left: 25px;
}

/* End Sponsors Box Right Column */

/* Hover Feature boxes */

#feature-box {
   float: left;
   margin-bottom: 4px;
}

#feature-box h2 {
   margin: 0 0 10px 0;
   color: #71070B;
}

#feature-box ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

#feature-box li {
   float: left;
}

#feature-box li a{
   height: 120px;
   width: 284px;
   padding: 7px;
   float: left;
   position: relative;
}

#feature-box li a:hover > span.feature-box-title {
   color: #FFFFFF;
   top: 48px;
}

#feature-box li a:hover > span.feature-box-desc {
   color: #4b5a52;
   display: block;
}

span.feature-box-title {
   color: #FFFFFF;
   display: block;
   font-weight: bold;
   text-align: center;
   background: url('/__data/assets/image/0007/59146/nav-bg.png') repeat -7px 0;
   padding: 7px 0 6px;
   position: absolute;
   width: 283px;
   top: 97px;
}

span.feature-box-desc {
   color: #4b5a52;
   display: none;
   position: absolute;
   padding: 5px 5px 0;
   top: 76px;
   left: 7px;
   background: url('/__data/assets/image/0005/39425/semitransparency-white.png') repeat 0 0;
   width: 273px;
   height: 43px;
   line-height: 13px;
   font-size: 11px;
   font-weight: bold;
}

#feature-box-one-left {
   background: url("/__data/assets/image/0018/23472/hp-feature-3.png") no-repeat scroll 0 0 transparent;
   margin: 0 20px 0 0;
}

#feature-box-one-right {
   background: url('/__data/assets/image/0018/23472/hp-feature-3.png') no-repeat 0 0;
}

span.feature-box-thumbnail {
   display: block;
   position: absolute;
   width: 283px;
   float: center;
   top: 7px;
   height: 117px;
   padding-left: 0px;
}

/* End Hover Feature boxes */

/* Membership Contact */

#membership-contact {
   float: left;
   margin-bottom: 12px;

}

#membership-contact img {
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
}

#membership-contact ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

#membership-contact li {
   float: left;
}

#membership-contact li a{
   height: 20px;
   width: 138px;
   padding: 7px;
   float: left;
   position: relative;
   text-decoration: none;
}

span.membership-contact-details {
   display: block;
   font-weight: bold;
   text-align: left;
   padding: 7px 30px 6px;
   position: absolute;
   width: 138px;
   top: 0px;
   text-decoration: none;
}

#membership-contact-phone {
   background: url("/__data/assets/image/0003/38640/telephone.png") no-repeat scroll 0 0 transparent;
   margin: 0 4.5px 0 0;
}

#membership-contact-email {
   background: url('/__data/assets/image/0006/38643/email.png') no-repeat 0 0;
   margin: 0 4.5px 0 0;
}

#membership-contact-web {
   background: url('/__data/assets/image/0007/38644/Information.png') no-repeat 0 0;
   margin: 0 4.5px 0 0;
}

span.membership-contact-webdetails {
   display: block;
   font-weight: bold;
   text-align: left;
   padding: 7px 30px 6px;
   position: absolute;
   width: 238px;
   top: 0px;
   text-decoration: none;
}

/* End Membership Contact */

/* Join BEC */
#join-rc {
   float: left;
   padding: 00px;
   width:277px;
   height:264px;
   margin-bottom: 10px;
   background: url("/__data/assets/image/0005/59207/postit.gif") no-repeat 0 0;
}

#join-rc h2 {
   color: #C62F1A;
   font-size: 3.5em;
   text-align: center;
   margin-top: 60px;
   margin-left: -20px;
}
/* End Join BEC */

/* Right Column Advert boxes */
#rh-advert {
   float: left;
   margin-bottom: 0px;
   background: url("/__data/assets/image/0015/21831/rhc-bg.png") no-repeat 0 0;
}

#rh-advert h2 {
   margin: 0 0 10px 0;
   color: #FFFFFF;
}

#rh-advert ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

#rh-advert li {
   float: left;
}

#rh-advert li a {
   height: 126px;
   width: 264px;
   padding: 7px;
   float: left;
   position: relative;
   margin-bottom: 5px;
}

#rh-advert li a:hover span.rh-advert-scroll-bar {
   color: #FFFFFF;
   top: 59px;
}

#rh-advert li a:hover span.rh-advert-desc {
   color: #4b5a52;
   display: block;
}

span.rh-advert-title {
   color: #FFFFFF;
   display: block;
   font-weight: normal;
   text-align: left;
   padding: 7px 7px 6px;
   position: absolute;
   width: 250px;
   font-size: 1.6em;
}

span.rh-advert-title-chch {
   color: #FFFFFF;
   display: block;
   font-weight: bold;
   text-align: left;
   padding: 7px 7px 6px;
   position: absolute;
   width: 255px;
   font-size: 1.5em;
}

span.rh-advert-scroll-bar {
   color: #FFFFFF;
   display: block;
   font-weight: bold;
   text-align: left;
   background: url('/__data/assets/image/0007/59245/blue-hover-bar.png') repeat 0 0;
   padding: 7px 7px 6px;
   position: absolute;
   width: 250px;
   top: 106px;
}

span.rh-advert-desc {
   color: #4B5A52;
   display: none;
   position: absolute;
   padding: 5px 5px 0;
   top: 86px;
   left: 7px;
   background: url('/__data/assets/image/0005/39425/semitransparency-white.png') repeat 0 0;
   width: 254px;
   height: 43px;
   line-height: 13px;
   font-size: 11px;
   font-weight: bold;
}

span.showtitle {
   display: block;
}

span.showdesc {
   top: 45px;
}

span.rh-advert-thumbnail {
   display: block;
   position: absolute;
   width: 264px;
   top: 7px;
   height: 117px;
}

#recruitment-rc {
   float: left;
   padding: 00px;
   width:277px;
   height:288px;
   margin-bottom: 10px;
   background: url("/__data/assets/image/0004/42169/Looking-for-Staff.jpg") no-repeat 0 0;
}

/* End Right Column Advert boxes */

#left-col img {
  border: 0px;
  clear: right;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
  max-width:100%;
}

#left-col .hp-feature img {
  border: 0;
  clear: none;
  float: none;
  margin: 0;
  padding: 0;
}

#left-col .rat-itemthumb img {
  border: 0;
  float: none;
  margin: 0;
  padding: 0;
  clear: right;

}

#left-col .np-iteminfo img {
   float: right;
   clear: none;
   margin: 0 0 10px 45px;
   border: 1px solid #E5E5E5;
   background: #FFFFFF;

}

#left-col .survey-sponsors img {
  border: 0;
  clear: none;
  float: none;
  margin: 0;
  padding: 0;
}

#left-col .collapse span.right-image img {
   float: right;
   clear: none;
   margin: 0 0 0px 0px;
   border: 0px solid #E5E5E5;
   background: #FFFFFF;

}
/* Advice Line banner */

#adviceLine-banner {
  background: url("/__data/assets/image/0005/38498/bar-advice-line.png") no-repeat scroll 0 0 transparent;    
  width: 540px;
  padding: 0px 50px;
  float: left;
  margin-bottom: 10px;
  margin-top: 10px;
}

#adviceLine-banner h2 {
  color: #ffffff;    
  font-size:2em; 
  margin-top:-5px; 
}

/* End Advice Line banner */

#sub-menu {
  float: left;
  padding: 1.3em 1.3em 0.4em;
  background: #FFFFFF;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  width: 243px;
}

#sub-menu h2 {
  color: #0575ad;
  padding-bottom: 0px;
  padding-top: 0px;
}

#content ul.menu-list li a:hover {
  color: #0575ad;
  background:url("/__data/assets/image/0003/59151/blue-arrow.png") no-repeat 8px center;
}
#content ul.sub-menu-list li a:hover {
  color: #0575ad !important;
}
ul.menu-list li.current ul.sub-menu-list li a {
  background: none;
  padding-bottom:0.6em;    
}

/*News and Info page*/

span.results-page-numbers a {
  text-decoration: none;
  color: #0575ad;
}


/* Events Page */

.sort-bar input {
  float: right;
  background: url("/__data/assets/image/0012/41106/filter-button-yellow.gif") no-repeat 0 0;
  padding: 2.5px 6px 3px 6px;
  color: #FFFFFF;
  border: none;
  margin-top: 0px;
  font-weight: bold;
}

.sort-bar input:hover {
  background: url("/__data/assets/image/0012/41106/filter-button-yellow.gif") no-repeat 0 -25px;
  cursor: pointer;
}

.sort-bar p {
  float: left;
  color: #292929;
  font-weight: bold;
  margin-right: 5px;
  margin-top: 5px;
}
.sort-bar p.show-me {
  float: none;
}

.sort-bar fieldset {
  float: left;
  margin: -5px 5px 0;
}

.sort-bar select {
  float: left;
  margin: 8px 10px;
}

/* End Events Page */

/* Tables */

#id3645 table {
  margin: 0;
  border: 0;
  background-color: transparent;
}

#id3645 div.table-wrap {
  width: 254px;
  border: 0px;
  background-color: transparent;
  margin-left: -8px;
}

#id3645 table ul {
  list-style: none;
  margin-left: 0;
}

/* End Tables */

/* Homepage Small Feature boxes */

#hp-category-box {
   float: left;
   margin-top: 8px;
}

#hp-category-box h2 {
   margin: 0 0 10px 0;
   color: #71070B;
}

#hp-category-box img {
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
}

#hp-category-box ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

#hp-category-box li {
   float: left;
}

#hp-category-box li a{
   height: 132px;
   width: 138px;
   padding: 7px;
   float: left;
   position: relative;
   text-decoration: none;
}

#hp-category-box li a:hover > span.category-box-desc {
   color: #292929;
   display: block;
}

span.category-box-title {
   color: #FFFFFF;
   display: block;
   font-weight: bold;
   text-align: center;
   background: url('/__data/assets/image/0007/59245/blue-hover-bar.png') repeat 0 0;
   padding: 7px 0 6px;
   position: absolute;
   width: 138px;
   top: 110px;
   text-decoration: none;

}

#hp-category-box li a:hover > span.category-box-title {
   color: #FFFFFF;
   top: 7px;
}


span.category-box-desc {
   color: #000000;
   display: none;
   position: absolute;
   padding: 10px 10px 10px 10px;
   top: 35px;
   left: 7px;
   background: url('/__data/assets/image/0019/43066/semitransparency-white.png') repeat 0 0;
   width: 118px;
   height: 83px;
   line-height: 13px;
   font-size: 11px;
   font-weight: bold;
}

span.showtitle {
   display: block;
}

span.showdesc {
   top: 45px;
}

.category-box-one-left {
   background: url("/__data/assets/image/0004/38389/hp-small-feature-box.png") no-repeat scroll 0 0 transparent;
   margin: 0 4.5px 0 0;
}

.category-box-one-right {
   background: url('/__data/assets/image/0004/38389/hp-small-feature-box.png') no-repeat 0 0;
}

span.category-box-thumbnail {
   display: block;
   position: absolute;
   width: 138px;
   float: center;
   top: 7px;
   height: 104px;
}


/* End Homepage Small Feature boxes */

/* About Us */

#ap-main-body {
   margin-bottom: 40px;
}

#ap-ourpeople {
   border-bottom: 1px solid #DCDCDC;
   width: 100%;
   padding-bottom: 25px;
   margin-bottom: 15px;
}

#ap-ournetwork {
   float: left;
   margin-bottom: 35px;
}

#ap-ourpeople img {
   float: right;
   margin: 5px 0 0 0px;
}

#ap-ournetwork img {
   float: right;
   margin: 15px 12px 10px 20px;
   border: 1px solid #D4D4D4;
}

#ap-ourpeople h2 {
   margin-bottom: 0.7em;
   font-style: italic;
}

#ap-ournetwork h2 {
   margin-bottom: 0.6em;
   font-style: italic;
}

#ap-ourpeople p {
   width: 70%;

}

#ap-ourpeople h5 {
   width: 70%;
}


#article-photo img {
   float: right;
   margin: 15px 12px 10px 20px;
   border: 1px solid #D4D4D4;
}

#article-photo h5 {
   float: right;
   margin: 15px 12px 10px 20px;
   width: 70%;
}

.blurb {
   color: #0575ad;
   font-size: 16px;
   font-style: italic;
}

.blurb span {
   font-weight: bold;
}

.bold {
   font-weight: bold;
}
.ap-read-more {
   background: url("/__data/assets/image/0019/12781/ul-bluebullet-greybg.gif") no-repeat left 4px;
   display: block;
   margin-top: 10px;
   padding-left: 10px;
   color: #2CA9CD;
   font-weight: bold;
}

.ap-image {
   margin: 0 0 15px 15px;
   float: right;
}

/* End About Us */


#businessnzfamily ul {
   width: 930px;
}
#hp-featuremodule {
   background: #FFFFFF;
   border-left: 1px solid #E5E5E5;
   border-right: 1px solid #E5E5E5;
   float: left;
   padding: 22px;
   width: 576px;
}

#hp-featuremodule h2 {
   margin-bottom: 15px;
}

#hp-featuremodule h3 {
   margin-top: 0px;
}
#hp-featuremodule p.featurelink {
   background: url("/__data/assets/image/0003/59151/blue-arrow.png") no-repeat scroll right 4px transparent;
   font-weight: bold;
   float: left;
   padding-right: 15px;
}
#hp-featuremodule img {
   float: right;
   padding: 3px;
   border: 0px solid #E5E5E5;
   background: #FFFFFF;
   margin-left: 15px;
   margin-bottom: 10px;
}
#about-sponsors {
   background: #FFFFFF;
   border-left: 1px solid #E5E5E5;
   border-right: 1px solid #E5E5E5;
   float: left;
   padding: 22px;
   width: 576px;
}

#about-sponsors h2 {
   font-style: italic;
   margin-bottom: 15px;
}

#about-sponsors h3 {
   padding-top: 0px;
}

#about-sponsors ul {
   list-style: none;
}

#about-sponsors img {
   float: left;
   padding: 3px;
   border: 0px solid #E5E5E5;
   background: #FFFFFF;
   margin-left: 0px;
   margin-bottom: 10px;
}

#about-sponsors img.ucol {
   margin-left: 120px;
   margin-bottom: 40px;
}

#about-sponsors img.port_t {
   margin-left: 70px;
}

#about-sponsors img.z_ener {
   margin-left: -10px;
   margin-top: 10px;
   margin-bottom: 40px;
}

#about-sponsors img.ford {
   margin-left: 55px;
   margin-top: 15px;
}

#about-sponsors img.vodafo {
   margin-left: 55px;
   margin-top: 15px;
}

#about-sponsors img.office {
   margin-left: 55px;
   margin-top: 25px;
}

#about-sponsors img.ricoh {
   margin-left: 40px;
   margin-top: 10px;
}

#about-sponsors img.harvey {
   margin-left: 50px;
   margin-top: 10px;
}

#about-sponsors img.leadin {
   margin-left: 50px;
}

#about-sponsors img.stella {
   margin-left: 40px;
   margin-top: 5px;
}

#about-sponsors img.classi {
   margin-left: 85px;
   margin-top: 5px;
}

#about-sponsors img.wangan {
   margin-left: 85px;
   margin-top: 10px;
}

/* FORM BUTTON */

input[name=form_email_43086_errors], input[name=form_email_53008_errors],
input[name=form_email_83388_errors] {
    color: #0575ad;
}
input[name=form_email_43086_submit], input[name=form_email_53008_submit],
input[name=form_email_83388_submit] {
    background:transparent url("/__data/assets/image/0020/59150/bg-submit-button-blue.gif") no-repeat;
    width: 77px;
    height:25px;    
    margin-left:0.5em;        
    border: 0;
    font-weight: bold;
    font-size: 1em;
    color: #fff;
    padding-bottom:4px;
    margin-bottom:1em;
}
input[name=form_email_43086_submit]:hover, input[name=form_email_53008_submit]:hover,
input[name=form_email_83388_submit]:hover  {
    background-position: 0px -26px;
}
input[name=form_email_43086_reset], input[name=form_email_83388_reset] {
    background:transparent url("/__data/assets/image/0012/1362/bg-form-reset.gif") no-repeat;
    width: 77px;
    height:25px;    
    margin-left:0.5em;        
    border: 0;
    font-weight: bold;
    font-size: 1em;
    color: #fff;
    padding-bottom:4px;
    margin-top: 1em;
    margin-right: 5px;
}
input[name=form_email_43086_reset]:hover, input[name=form_email_53008_reset]:hover,
input[name=form_email_83388_reset]:hover {
    background-position: 0px -26px;
}
input[name=form_email_43086_previous_page], input[name=form_email_53008_previous_page] {
    background:transparent url("/__data/assets/image/0012/1362/bg-form-reset.gif") no-repeat;
    width: 77px;
    height:25px;    
    margin-left:0.5em;        
    border: 0;
    font-weight: bold;
    font-size: 1em;
    color: #fff;
    padding-bottom:4px;
    margin-top: 1em;
    margin-bottom: 1em;
}
input[name=form_email_43086_previous_page]:hover, input[name=form_email_53008_previous_page]:hover {
    background-position: 0px -26px;
}
input[name=form_email_43086_submit], input[name=sq_commit_button] {
    background:transparent url("/__data/assets/image/0003/53391/bg-submit-button-green.gif") no-repeat;
    width: 77px;
    height:25px;            
    border: 0;
    font-weight: bold;
    font-size: 1em;
    color: #fff;
    padding-bottom:4px;
    margin-bottom: 1em;
}
input[name=form_email_43086_submit]:hover, input[name=sq_commit_button]:hover {
    background-position: 0px -26px;
    color: #6C7173;
}
input[name=form_email_43086_reset], input[name=sq_commit_button] {
    background:transparent url("/__data/assets/image/0012/1362/bg-form-reset.gif") no-repeat;
    width: 77px;
    height:25px;            
    border: 0;
    font-weight: bold;
    font-size: 1em;
    color: #fff;
    padding-bottom:4px;
    margin-right: 5px;
}
input[name=form_email_43086_reset]:hover, input[name=sq_commit_button]:hover {
    background-position: 0px -26px;
    color: #0575ad;

}
input[name=form_email_43086_errors], input[name=sq_commit_button] {
    color: #0575ad;
}
input[name=form_email_43086_errors], {
    color: #0575ad;

}

/* END FORM BUTTON */

/* Partners Box Left Column */

#partner-sponsors {
   float: left;
   background: #FFFFFF;
   border-left: 1px solid #E5E5E5;
   border-right: 1px solid #E5E5E5;
   padding: 15px;
   width: 245px;
}

#partner-sponsors h2 {
   color: #0575ad;
}

#partner-sponsors h3 {
   color: #0575ad;
   font-style: normal;
   font-size: 11px;
   margin-top: -10px;
   padding-bottom: 10px;
}

.partner-group {
   clear: left;
   overflow: hidden;
   margin-bottom: 10px;
   border-bottom: 1px solid #E5E5E5;
   padding-top: 0px;
}

.partner-group-last {
   clear: left;
   overflow: hidden;
   margin-bottom: 10px;
   border-bottom: 0px solid #E5E5E5;
}

.partner-group ul {
   list-style: none;
   margin-left: 0;

}

.partner-group h3 {
   margin-top: 0px;
   padding-top: 0px;
}

#partner-sponsors img {
   float: left;
}

/* End Partners Box Left Column */

.ep-eventheader {
  font-weight: bold;
  color: #0575ad;
}

/* Site Search */
/*
#sitesearchbutton {
   background: url("/__data/assets/image/0020/59150/bg-submit-button-blue.gif") no-repeat scroll 0 0 transparent;
   border: 0;
   padding: 4px 15px 5px 12px;
   margin-top: -5px;
   color: #FFFFFF;
   margin-left: 12px ;
   font-weight: bold;
   font-style: normal;
   font-family: 'Tahoma',Geneva,sans-serif;
   font-size: 12px;
}

#sitesearchbutton:hover {
   color: #6C7173;
   cursor: pointer;
}

#site-search-button {
 background:transparent url("/__data/assets/image/0010/59149/button-site-search.gif") no-repeat 1px 0;
 float: right;
 border: 0;
 font-weight: bold;
 font-size: .9em;
 color: #fff;    
 padding: 10px 9px;
}

#site-search-button:hover {
   color: #515151;
   cursor: pointer;
}

.search-list-info h3 {
   text-transform: none;
   margin-top: 0px;
}

.search-list-info .read-more {
   margin-left: 0px;
   padding-left: 0px;
}

#queries_sitesearch_query {
  width: 410px;
}
*/
/* End Site Search */

/* Log in/out Form */
/*
#right-loginout-form {
   background-color: #e9e9ea;
   border-left: 1px solid #d4d4d4;
   border-right: 1px solid #d4d4d4;
   padding: 10px 1.5em 15px 1.5em;
}
.right-loginout-form-top {
   background: url("/__data/assets/image/0013/93010/right-loginout-formt-top.gif") no-repeat scroll 0 0 transparent;
   clear: left;
   font-size: 0;
   height: 4px;
   width: 277px;
}
.right-loginout-form-bottom {
   background: url("/__data/assets/image/0014/93011/right-loginout-formt-bottom.gif") no-repeat scroll 0 0 transparent;
   clear: left;
   font-size: 0;
   height: 4px;
   margin-bottom: 10px;
   width: 277px;
}
.right-loginout-form h4 {
   margin: 0px;
}
#right-loginout-form > form [class^="fa fa-"]{
   font-size: 2em;
   color: #0575ad;
   float: left;
   margin-top:-4px;
   padding-right:5px;
}
#log_in_out_button {
   background: url("/__data/assets/image/0020/59150/bg-submit-button-blue.gif") no-repeat scroll 0 0 transparent;
   border: 0;
   padding: 5px 12px 4px;
   margin: 10px 75px 0;
   color: #FFFFFF;
   font-weight: bold;
   font-style: normal;
   font-family: Tahoma,Geneva,sans-serif;
   font-size: 12px;
   text-transform: uppercase;
}

#log_in_out_button:hover {
   color: #6C7173;
   cursor: pointer;
}*/
/* End Log in/out Form */

/* Footer */

.footer-2016 {
    background-color: #0e4385;
    border-top: 10px solid #f18321;
    display: block;
    height: 40px;
    width: 100%;
}
/*
#footer-links {
   background: #EAEAEB;
   height: 170px;
   border-top: 1px solid #DCDDE0;
   border-bottom: 0px solid #DCDDE0;
   margin-top: 0px;
}
#footer-links p {    
  margin: 1em auto 0;
  font-style: italics;
  color: #818181;
  font-size: 1em;
}

#footer-links ul {
   border-bottom: 1px solid #DCDDE0;
   height: 15px;
   list-style: none outside none;
   padding: 10px 0;
}

#footer-links li a {
   color: #0575ad;
   padding: 0 2px 0 6px;
}
#footer-links li {
   border-left: 2px solid #0575ad;
   font-size: 1em;
}

#footer-links a:hover {
  text-decoration: none;
  color:#4b5a52;
}

#wrapper-footer {
   background: none repeat scroll 0 0 #2f3c41;
   margin: 0 auto;
   height: 18px;
   padding: 12px;
}

.footer-col {
   float: left;
   border-right: 0px solid #717171;
   height: 292px;
   width: 265px;
   padding: 12px 31px 0;
}

.footer-col-first {
   float: left;
   border-right: 0px solid #717171;
   height: 292px;
   width: 265px;
   padding: 12px 0px 0;
   margin-right: 31px;
}

#wrapper-footer .first {
   padding-left: 0;
}

#wrapper-footer .last {
   padding-right: 0;
   border-right: 0;
}

.footer-col h4 {
   color: #1B4164;
   font-size: 1.1em;
   margin-bottom: 15px;
   font-weight: bold;
}

.footer-col-first h4 {
   color: #1B4164;
   font-size: 1.1em;
   margin-bottom: 15px;
   font-weight: bold;
   width: 265px;
}

.footer-col-first ul {
   border-bottom: 0px solid #DCDDE0;
   height: 15px;
   list-style: none outside none;
   padding: 10px 0;
}

#footer-bottom p {
   color: #FFFFFF;
   padding: 0;
   margin-bottom: 15px;
}

#footer-bottom h4 {
   color: #1B4164;
   font-size: 1.1em;
   margin-bottom: 15px;
   font-weight: bold;
   width: 265px;
}

#footer-bottom a {
   color: #818181;
}

#footer-links #partnership {
  list-style: none;
  border: 0;
  padding: 0;
}

#footer-links #partnership ul {
  float: left;
  border: 0;
  padding: 0;
  width: 265px;
}

#footer-links #partnership li {
  float: left;
  border: 0;
  padding: 0;
}

#footer-links #partnership li.middle {
  float: left;
  border: 0;
  padding: 0;
  margin-left: 60px;
}

#footer-links #partnership li a {
  padding: 0;
}

#footer-links #partnership h4 {
   color: #1B4164;
   font-size: 1.1em;
   margin-bottom: 15px;
   font-weight: bold;
   width: 265px;
   margin-top: 30px;
}

#footer-links #partnership h3 {
   color: #1B4164;
   font-size: 1em;
   margin-bottom: 0px;
   font-weight: bold;
   width: 265px;
   margin-top: 15px;
   font-style: normal;
}
*/
/* End Footer */

/* Search */
/*
#search {
   height: auto;
   width:260px;
   padding: 0;
   margin-bottom: 0px;
   margin-top: -15px;
}*/
/* End Search */

/* Category OTHER boxes */
#hp-category-box-four {
   float: left;
   margin-bottom: 15px;
}

#hp-category-box-four h2 {
   margin: 0 0 10px 0;
   color: #71070B;
}

#hp-category-box-four ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

#hp-category-box-four li {
   float: left;
}

#hp-category-box-four li a{
   height: 133px;
   width: 284px;
   padding: 7px;
   float: left;
   position: relative;
}

#hp-category-box-four li a:hover > span.category-box-four-title-left {
   color: #FFFFFF;
   top: 59px;
}

#hp-category-box-four li a:hover > span.category-box-four-title-right {
   color: #FFFFFF;
   top: 59px;
}

#hp-category-box-four li a:hover > span.category-box-four-title-topleft {
   color: #FFFFFF;
   top: 59px;
}

#hp-category-box-four li a:hover > span.category-box-four-title-topright {
   color: #FFFFFF;
   top: 59px;
}

#hp-category-box-four li a:hover > span.category-box-four-title-bottomleft {
   color: #FFFFFF;
   top: 59px;
}

#hp-category-box-four li a:hover > span.category-box-four-title-bottomright {
   color: #FFFFFF;
   top: 59px;
}

#hp-category-box-four li a:hover > span.category-box-four-desc {
   color: #555555;
   display: block;
}

span.category-box-four-title-left, span.category-box-four-title-right, span.category-box-four-title-topleft, span.category-box-four-title-topright, span.category-box-four-title-bottomleft, span.category-box-four-title-bottomright {
   color: #FFFFFF;
   display: block;
   font-weight: bold;
   text-align: center;
   padding: 7px 0 6px;
   position: absolute;
   width: 283px;
   top: 97px;
}

span.category-box-four-title-topleft {
   background: url('/__data/assets/image/0010/49708/hp-red-hover-bar.png') repeat 0 0;
}

span.category-box-four-title-topright {
   background: url('/__data/assets/image/0004/49711/hp-purple-hover-bar.png') repeat 0 0;
}

span.category-box-four-title-bottomleft {
   background: url('/__data/assets/image/0003/49710/hp-blue-hover-bar.png') repeat 0 0;
}

span.category-box-four-title-bottomright {
   background: url('/__data/assets/image/0011/49709/hp-green-hover-bar.png') repeat 0 0;
}

span.category-box-four-title-left {
   background: url('/__data/assets/image/0011/49709/hp-green-hover-bar.png') repeat 0 0;
}

span.category-box-four-title-right {
   background: url('/__data/assets/image/0011/49709/hp-green-hover-bar.png') repeat 0 0;
}

span.category-box-four-desc {
   color: #1B4164;
   display: none;
   position: absolute;
   padding: 5px 5px 0;
   top: 87px;
   left: 7px;
   background: url('/__data/assets/image/0019/43066/semitransparency-white.png') repeat 0 0;
   width: 273px;
   height: 33px;
   line-height: 13px;
   font-size: 11px;
   font-weight: bold;
}

span.showtitle {
   display: block;
}

span.showdesc {
   top: 45px;
}

#category-box-four-topleft {
   background: url('/__data/assets/image/0005/49703/red-box.png') no-repeat 0 0;
   margin: 0 20px 0 0;
}

#category-box-four-topright {
   background: url('/__data/assets/image/0008/49706/purple-box.png') no-repeat 0 0;
}

#category-box-four-bottomleft {
   background: url('/__data/assets/image/0007/49705/blue-box.png') no-repeat 0 0;
   margin: 0 20px 0 0;
}

#category-box-four-bottomright {
   background: url('/__data/assets/image/0006/49704/green-box.png') no-repeat 0 0;
}

#category-box-four-left {
   background: url('/__data/assets/image/0006/49704/green-box.png') no-repeat 0 0;
   margin: 0 20px 0 0;
}

#category-box-four-right {
   background: url('/__data/assets/image/0006/49704/green-box.png') no-repeat 0 0;
}

span.category-box-four-thumbnail {
   display: block;
   position: absolute;
   width: 283px;
   top: 8px;
   height: 117px;
}
/* End Category OTHER boxes */

/* Right Column */
#right-sub-menu {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  padding: 1.3em;    
  background:#fff;
  float: left;
  width: 243px;
}

#right-sub-menu h2 {
  font-size: 2em; 
  margin: 0;    
}

#hp-our-role h2 {
  font-size: 2.3em;
  margin-bottom:0.6em
} 

#sub-menu ul {
  width: 243px;
  list-style: none;
  margin-left: 0;
}

#sub-menu ul li {
  border: 1px solid #E5E5E5;
}

#sub-menu ul li a {
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  height: 15px;
  float: right;
}

#sub-menu ul li a span {
  float: left;
  padding: 9px;
  width: 135px;
}

#sub-menu ul li a span:hover {
  cursor: pointer;
}

#sub-menu ul li:hover {
  background: #EDEDED;
}
#sub-menu ul li a:hover {
  color: #6C7173;
}

#sub-menu ul li a img {
  float: right;
  margin: 1px 8px 0 0;
}

/* End Right Column */

/* Accordion list */
#accordion h3 {
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  padding: 9px;
  color: #333333;
  background: none;
  text-transform:uppercase;
}

#accordion h3:hover {
  cursor: pointer;
}

#accordion img {
  padding-right: 10px;
}

#accordion-left-col h3 {
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  padding: 9px;
  color: #333333;
  background: none;
  text-transform:uppercase;
}

#accordion-left-col h3:hover {
  cursor: pointer;
}

#accordion-left-col img {
  padding-right: 10px;
  float: left;
}

#accordion-left-col ul {
  list-style: none;
}

.contact-block-text {
  padding: 0 12px 15px;
  margin-bottom: 5px;
}

.contact-block-text p {
  border-left: 1px solid #E5E5E5;
  padding-left: 10px;
  margin-left: 20px;
}

.contact-block-text img {
  float: left;
  padding-right: 10px;
}


#accordion .contact-block-text p span {
  display: block;
}

#accordion .contact-block-text p span a {
  padding: 0;
  font-weight: normal;
  font-style: normal;
  height: auto;
}

#accordion span.address {
  margin-bottom: 5px;
}

#accordion span.email {
  margin-bottom: 5px;
}

#accordion span.website a {

}

.ep-registertext {
  float: left;
  margin-top: 15px;
  font-weight: bold;
  font-size: 13px;
}
/* End Accordion list */

/* Right Column list */

ul.menu-list {
  border: none;
  padding: 0;
  margin: 0;
  width: 243px;
  list-style: none;
}
ul.menu {
  border-top: 1px solid #E5E5E5;
  margin-bottom: 10px;
  padding: 0;
}

.policy ul {
  margin-bottom: -0.5em;
}

ul.menu-list li {
  line-height: 1.6em;
  border-bottom: 1px solid #E5E5E5;
  padding: 0;
  margin: 0;
}
ul.menu-list li.first {
  border-top: 1px solid #e5e5e5;    
}

ul.menu-list li:hover {      
  background:#ededed;
}
#id3131 ul.menu-list li:hover {      
  background:#fcf1d3;
  border: 1px solid #fde291;     
}

ul.menu-list li a {
  background:url("/__data/assets/image/0003/59151/blue-arrow.png") no-repeat 8px center;
  color: #555555;
  display:block;   
  font-size:1.1em;
  padding: 8px 0 8px 32px;
  font-style: normal;
  font-weight: normal;
}
ul.menu-list li a.current {
  background:url("/__data/assets/image/0003/59151/blue-arrow.png") no-repeat 8px center;
  color: #0575ad;
  font-weight: bold;
}

ul.sub-menu-list {
  border-top: 1px solid #e5e5e5;
  background: #fff;      
  width:215px;
  list-style-type: none;
  padding-bottom: 0px;  
  margin-left: 0px; 
  padding-left: 22px; 
  margin-bottom: 0px;
}
#content ul.sub-menu-list li {
  border-bottom: none;    
  padding-bottom:0.1em;   
}
ul.sub-menu-list li a {
  padding-left: 32px;
  color: #666; 
}
#content ul.sub-menu-list li a:hover {
  color: #C62F1A;
}
ul.menu-list li.current ul.sub-menu-list li a {
  background: none;
  padding-bottom:0.6em;    
}
#content ul.menu-list li.current {       
  background: #f1f1f1;
  padding-bottom: 0;     
}
ul.menu-list li.current a {    
  margin-bottom:1.5px;
  padding-bottom:0.5em;
}
ul.sub-menu-list li:hover {    
  background: #fff;    
}

/* End Right Column list */

/* Homepage Slideshow */

.hp-slideshow {
    clear:left;
    position:relative;
    width:617px;
    height:231px;    
    overflow:hidden;
    background:url("/__data/assets/image/0018/12915/featurebg.gif") no-repeat 0 0;   
    margin: 0 0 0px 0;
}

.hp-slideshow-one {
    background: url("/__data/assets/image/0007/49876/banner-slide-housing-2.jpg") no-repeat 0 0; 
    clear:left;
    position:relative;
    width:605px;
    height:219px;    
    overflow:hidden;
}
.hp-slideshow-two {
    background:url("/__data/assets/image/0006/49875/banner-slide-toursim-2.jpg") no-repeat 0 0; 
    clear:left;
    position:relative;
    width:605px;
    height:219px;    
    overflow:hidden;
}
.hp-slideshow-three {
    background:url("/__data/assets/image/0008/49877/banner-slide-agriculture-2.jpg") no-repeat 0 0; 
    clear:left;
    position:relative;
    width:605px;
    height:219px;    
    overflow:hidden;
} 

.hp-slideshow-controls {
    height:219px;
    position:absolute;
    right:309px;
    top: 62px;
    width:193px;
    z-index:4;  
}
#risks {
    float:left;    
    background:transparent url("") no-repeat left 0px;
    width:208px;
    height: 55px;
    cursor:pointer;
    height:73px;
    margin-left:-23px;
}
#risks h2{    
    padding: 18px 7px 0px 34px;
    cursor:pointer;
    margin-top:0.4em;
    color: #ffffff;
}
#risks:hover {
    color: #333333;
}
#opport {
    float:left;    
    width:200px;
    height: 55px;
    cursor:pointer;
    height:73px;
}
#opport h2{
    padding: 18px 7px 0 14px;
    color:#0575ad;
    cursor:pointer;
    margin-top:0.4em; 
}
#opport:hover {
    width: 185px;
    background: #EDEDED;
}
#vision {
    float:left;    
    width:200px;
    height: 55px;
    cursor:pointer;
    height:73px;
}
#vision h2{
    padding: 18px 7px 0 14px;
    color:#0575ad;
    cursor:pointer;
    margin-top:0.4em; 
}
#vision:hover {
    width: 185px;
    background: #EDEDED;
}


/* End Homepage Slideshow */

/* Homepage Tabs */

#hp-tabs {
  width: 345px;
  height: 300px;
  padding-right: 5px;
  padding-left: 5px;
  float: left;
  background: #ffffff;
  margin-left: 0px;
  border: 1px solid #E5E5E5;
  clear: both;
}

#hp-tabs h2 {
  width: 277px;
  margin: 6px 0px 15px 15px;
  color: #FFFFFF;
  font-weight: bold;

}

#hp-tabs p {
  width: 277px;
  padding-bottom: 10px;
  font-size: 1em;
}

#hp-tabs p.search {
  margin-top: 35px;
}

#hp-tabs p span.highlight {
  color: #0575ad;
  font-weight: bold;
}

#hp-tabs p span.pdf {
  background: url("/__data/assets/image/0009/117/icon-docs.gif") no-repeat scroll 0 0 transparent;;
  float: left;
}

#hp-tabs a {
  margin-right: 1px;
  float: left;
  font-weight: bold;
}

#hp-tabs a:hover {
  border-bottom: 0px solid #e9e9e9;
  color: #6C7173;
}

#hp-tabs a:current {
  border-bottom: 0px solid #e9e9e9;
  color: #0575ad;
}

#hp-tabs ul {
  list-style: none;
  float: left;
  clear: left;
  margin-left: 0px;
}

#hp-tabs ul a {
  margin-left: 5px;
  margin-right: 5px;
}
/* End Hompage Tabs */


/* Member Tabs */

#member-tabs {
  width: 610px;
  padding-right: 0px;
  padding-left: 0px;
  float: left;
  background: transparent;
  margin-left: 0px;
  border: 0px solid #E5E5E5;
  clear: both;
}

#member-tabs h2 {
  width: 300px;
  margin: 6px 0px 15px 15px;
  color: #FFFFFF;
  font-weight: bold;
  border: 1px solid #E5E5E5;
}

#member-tabs p {
  padding-bottom: 10px;
  font-size: 1em;

}

#member-tabs p.intro {
  font-style: italic;
  font-size: 1.2em;
  color: #818181;
  padding-top: 10px;
  clear: both;
}

#member-tabs p span.highlight {
  color: #0575ad;
  font-weight: bold;
}

#member-tabs p span.pdf {
  background: url("/__data/assets/image/0009/117/icon-docs.gif") no-repeat scroll 0 0 transparent;;
  float: left;
}

#member-tabs a {
  margin-right: 1px;
  font-weight: bold;
}

#member-tabs a:active {
  color: #FFFFFF;
}

#member-tabs a:hover {
  color: #4b5a52;
}

#member-tabs a:current {
  border-bottom: 1px solid #E5E5E5;
  color: #FFFFFF;
}

#member-tabs ul {
  list-style: none;
  float: left;
  clear: left;
  margin-left: 0px;
}

#member-tabs ul a {
  margin-left: 0px;
  margin-right: 0px;
}

#member-tabs-body {
  padding-right: 0px;
  padding-left: 0px;
  float: left;
  background: transparent;
  margin-left: 0px;
  border: 0px solid #E5E5E5;
  clear: both;
}

#member-tabs-body h3{
  color: #4b5a52 !important;
  font-weight: bold;
  font-size: 1.3em !important;
  text-transform: none !important;
  margin-left: 0px !important;
  padding-left: 0px !important;
}

#member-tabs-body ul li{
  font-size: 0.75em !important;
  margin-left: 0px !important;
  padding-left: 30px !important;
  background: url("/__data/assets/image/0003/59151/blue-arrow.png") no-repeat scroll 8px 4px transparent;
}

#member-tabs-body ul li ul{
  margin-left: -5px !important;
  padding-left: 0px !important;

}

/* End Member Tabs */

/* Tabs List */

.ui-tabs {
  position: relative;
  padding: .2em;
  zoom: 1;
  width:622px;
}

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0em 0em 0;
  background: transparent;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  background: url("/__data/assets/image/0011/47567/nav-bg.png") no-repeat scroll 0 0 transparent;
  margin-bottom: 0;
  padding-bottom: 1px;
  border-top: 0px solid #0575ad;
  border-left: 0px solid #0575ad;
  border-right: 0px solid #0575ad;
  border-bottom: 1px solid #0575ad;
  border-radius:25px 25px 0 0;
  -moz-border-radius: 25px 25px 0 0;
  -webkit-border-radius: 25px 25px 0 0;

}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  color: #FFFFFF !important;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 2px;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  font-weight: normal;
  background: #EDEDED;
  border: 1px solid #E5E5E5;
  border-radius:25px 25px 0 0;
  -moz-border-radius: 25px 25px 0 0;
  -webkit-border-radius: 25px 25px 0 0;


}

.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li a:active {
  color: #FFFFFF;
}

.ui-tabs .ui-tabs-nav li a:hover {
  color: #4b5a52;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: text;
  color: #BFBFBF;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer;

}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 0em 0em;
  background: none;
  width: 622px;
}

.ui-tabs .ui-tabs-hide {
  display: none !important;
}

#tabs h3 {
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  background: transparent;
  padding: 9px 0 9px 35px;
  color: #333333;
}

#tabs h3:hover {
  cursor: pointer;
}

#tabs ul {
  list-style: none;
  float: left;
  clear: left;
  margin-left: -5px;
  margin-bottom: 10px;
  padding: 0;
  font-size:1.4em;
  border-bottom:0px solid #E5E5E5;
  width: 622px;
}

#tabs ul.header {
  border-bottom:1px solid #E5E5E5;
  width: 622px;
}

#tabs ul span.search-title {
  margin-left:0px;
}

#tabs ul span.search-title-first {
  margin-left:-15px;
}

#tabs ul span.search-title-last {
  margin-left:0px;
}

#tabs-search h3 {
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  background: transparent;
  padding: 9px 0 9px 35px;
  color: #333333;
}

#tabs-search h3:hover {
  cursor: pointer;
}

#tabs-search ul {
  list-style: none;
  float: left;
  clear: left;
  margin-left: 11px;
  padding: 0;
  width: 622px;
  font-size:1.1em;
  background: url("/__data/assets/image/0006/47913/site-search-tabs-bg.png") no-repeat 0 0;
}

#tabs-search ul span.search-title {
  margin-left:0px;
}

#tabs-search ul span.search-title-first {
  margin-left:-15px;
}

#tabs-search ul span.search-title-last {
  margin-left:0px;
}

#tabs-search table {
  border: 0px solid;
  margin-top: 40px;
}

#tabs-search table a {
  font-weight: normal;
}

#tabs ul.member-tabs {
  list-style: none;
  float: left;
  clear: both;
  margin-left: 0px;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 0;
  width: 622px;
  font-size:1em;
  background: transparent;
}

#tabs ul.member-tabs p {
  float: left;
}

#tabs ul.member-tabs p.region {
  float: left;
}

#tabs ul.member-tabs h3 {
  color: #4b5a52;
  font-weight: bold;
}


/* End Tabs list additonal */

span.right-image {
  margin-left: 15px;
  margin-bottom: 15px;
  float: right;
  border: 1px solid #D4D4D4;
  padding: 5px;
  background: #FFFFFF;
  box-shadow: 5px 5px 5px #E5E5E5;
  -moz-box-shadow: 5px 5px 5px #E5E5E5;
  -webkit-box-shadow: 5px 5px 5px #E5E5E5;
}
span.large-image {
  margin-left: 0px;
  margin-bottom: 15px;
  float: left;
  clear: both;
  border: 1px solid #E5E5E5;
  padding: 5px;
  background: #FFFFFF;
  box-shadow: 5px 5px 5px #E5E5E5;
  -moz-box-shadow: 5px 5px 5px #E5E5E5;
  -webkit-box-shadow: 5px 5px 5px #E5E5E5;
}

p span.photo-caption {
  margin-left: 15px;
  margin-bottom: 15px;
  float: right;
  clear: right;
  color: #0575ad;
  font-style: normal;
  font-weight: bold;
  width: 250px;
}

p span.photo-caption-122 {
  margin-left: 15px;
  margin-bottom: 15px;
  float: right;
  clear: right;
  color: #0575ad;
  font-style: normal;
  font-weight: bold;
  width: 122px;
}

/* Expand & Collapse List */

h3.expand {
  border-top: 1px solid #E5E5E5;
  margin: 0.75em 0 0;
  padding-top: 0.75em;
}

h3.expand a {
  background: url("/__data/assets/image/0007/86245/icon-down-up.png") no-repeat -24px 0px transparent;
  padding-left: 1.75em;
}

h3.expand a.open {
  background-position: 0 -23px;
}

h3.expand-last {
  padding-bottom: 15px;
}

h3.expand-last a.open {
  margin-bottom: -15px;
}

h4.expand {
  border-top: 1px solid #E5E5E5;
  margin: 0.75em 0 0;
  padding-top: 0.75em;
  clear: both;
}

h4.expand a {
  background: url("/__data/assets/image/0003/54939/icon-down-up-sml.png") no-repeat -24px 0px transparent;
  padding-left: 2em;
}

h4.expand a.open {
  background-position: 0 -28px;
}

h4.expand-last {
  padding-bottom: 15px;
}

h4.expand-last a.open {
  margin-bottom: -15px;
}

h4.expand a span {
  float: right;
  color: #0575ad;
  font-weight: normal;
}

h4.expand-empty {
  border-top: 1px solid #E5E5E5;
  margin: 0.75em 0 0;
  padding-top: 0.75em;
  padding-left: 2.3em;
  clear: both;
  font-weight: bold;
}

h4.expand-empty span {
  float: right;
  font-weight: normal;
}

.collapse {
  padding: 1.2em 0.5em 0.5em 2.8em;
}

p.expand {
  margin: 0.75em 0 0;
  padding-top: 0em;
}

p.expand a {
  background: url("/__data/assets/image/0003/54939/icon-down-up-sml.png") no-repeat -24px -3px transparent;
  padding-left: 2.5em;
}

p.expand a.open {
  background-position: 0 -31px;

}

.collapse ul li {
  background: url("/__data/assets/image/0003/59151/blue-arrow.png") no-repeat scroll 5px 4px transparent;
  font-size: 12px;
  list-style: none;
  padding-left: 20px;
}

.collapse span.right-image {
  float: right;
  clear: right;
}

/* End Expand & Collapse List */

/* Homepage Four Small Feature boxes */

#hp-smfeature-box {
   float: left;
   margin-top: 8px;
}

#hp-smfeature-box h2 {
   margin: 0 0 10px 0;
   color: #71070B;
}

#hp-smfeature-box img {
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
}

#hp-smfeature-box ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

#hp-smfeature-box li {
   float: left;
}

#hp-smfeature-box li a{
   height: 132px;
   width: 138px;
   padding: 7px;
   float: left;
   position: relative;
   text-decoration: none;
}

#hp-smfeature-box li a:hover > span.smfeature-box-desc {
   color: #4b5a52;
   display: block;
}

span.smfeature-box-title {
   color: #FFFFFF;
   display: block;
   font-weight: bold;
   text-align: center;
   background: url("/__data/assets/image/0007/59245/blue-hover-bar.png") repeat scroll 0 0px transparent;
   padding: 7px 0 6px;
   position: absolute;
   width: 138px;
   top: 110px;
   text-decoration: none;

}

#hp-smfeature-box li a:hover > span.smfeature-box-title {
   color: #FFFFFF;
   top: 7px;
}

span.smfeature-box-title-leadersreview {
   color: #FFFFFF;
   display: block;
   font-weight: bold;
   text-align: center;
   background: url("/__data/assets/image/0020/21728/lblue-hover-bar.png") repeat scroll 0 0 transparent;
   padding: 7px 0 6px;
   position: absolute;
   width: 138px;
   top: 110px;
   text-decoration: none;

}

#hp-smfeature-box li a:hover > span.smfeature-box-title-leadersreview {
   color: #FFFFFF;
   top: 110px;
}


span.smfeature-box-desc {
   color: #4b5a52;
   display: none;
   position: absolute;
   padding: 10px 10px 10px 10px;
   top: 35px;
   left: 7px;
   background: url("/__data/assets/image/0019/43066/semitransparency-white.png") repeat scroll 0 0 transparent;
   width: 118px;
   height: 83px;
   line-height: 13px;
   font-size: 11px;
   font-weight: bold;
}

span.showtitle {
   display: block;
}

span.showdesc {
   top: 45px;
}

#smfeature-box-one-left {
   background: url("/__data/assets/image/0004/38389/hp-small-feature-box.png") no-repeat scroll 0 0 transparent;
   margin: 0 3px 0 0;
}

#smfeature-box-one-right {
   background: url('/__data/assets/image/0004/38389/hp-small-feature-box.png') no-repeat 0 0;
}

span.smfeature-box-thumbnail {
   display: block;
   position: absolute;
   width: 138px;
   float: center;
   top: 7px;
   height: 104px;
}


/* End Homepage Four Small Feature boxes */



.survey-sponsors {
   border-bottom: 1px solid #E5E5E5;
   padding-bottom: 25px;
   margin-bottom: -25px;
}


/*#home-feature{
    width: 720px;
    height: 382px;
    position: relative;        
}
#home-feature .mask{
    width: 6px;
    height: 37px;
    position: absolute;
    background: url(/img/feature_crnr.png) 0 0 no-repeat;
    top: 0;
    left: -1px;    
    z-index: 50;        
}
#home-feature-links{
    position: absolute;
    bottom: 0;
    right: 0;
}
#photo{
    width: 720px;
    height: 304px;    
    padding: 1px 0 0 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}
.photo img{    
    position: absolute;
    left: 0;
    top: 0;
}*/
ul#links{    
    position: absolute;
    z-index: 10;
    top: 6px;
    right: 1px;
    
}

ul#links h5{    
    font-family:'Tahoma',Geneva,sans-serif;
    font-size: 12px;
    line-height: 1.2;
    color: #6C7173;
    float:none;
    font-weight:100;
    margin-top:0px;
    font-weight:bold;
}

ul#links h5 a{
    color: #6C7173;
}

ul#links h5 a:hover{
    color: #FFFFFF;
}


ul#links h5 a:active{
    color: #FFFFFF;
}

#links p{
    font-family: 'Tahoma',Geneva,sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #333333;
    float:none;
}

ul#links li{
    width: 211px;
    cursor: pointer;
    list-style: none;
    margin-bottom: 0px;
}
ul#links li a{    
    display: block;
    text-decoration: none;
    padding: 25px 15px 5px 35px;
    color: #414043;
}
ul#links li.active a{    
    color: #333;
}
ul#links li#top a{
    height: 43px;
    background: url(/__data/assets/image/0020/56450/slideshowbanner_top.png) 0 0 no-repeat;
}
ul#links li#top.active a, ul#links li#service a:hover{        
    background: url(/__data/assets/image/0020/56450/slideshowbanner_top.png) 0 -72px no-repeat;    
    color: #FFFFFF; 
}

ul#links li#middle a{    
    height: 43px;   
    background: url(/__data/assets/image/0004/56452/slideshowbanner_middle.png) 0 0 no-repeat;

}
ul#links li#middle.active a, ul#links li#jobs a:hover{    
    background: url(/__data/assets/image/0004/56452/slideshowbanner_middle.png) 0 -72px no-repeat;  
    color: #FFFFFF;   
}
ul#links li#bottom a{    
    height: 43px;
    background: url(/__data/assets/image/0004/56452/slideshowbanner_middle.png) 0 0 no-repeat;

}
ul#links li#bottom.active a, ul#links li#friend a:hover{        
    background: url(/__data/assets/image/0004/56452/slideshowbanner_middle.png) 0 -72px no-repeat;
    color: #FFFFFF;     
}

#slideshow-banners p{
    font-family: 'Tahoma',Geneva,sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #333333;
    float:none;
}
#slideshow-banners{
    width:265px;
    float:right;
    margin-right:8px;
    width:192px;
    height:73px;
    position:absolute;
    top:0px;
    right:11px;  
    text-decoration:none;  
    display:block;
}

#slideshow-banners a:hover{    
    background:url(/img/banners.png) -553px 0 no-repeat;

}
#slideshow-banners a.last{
    margin-right: 0px;

}
#services{
    width:230px;
    height:93px;
    padding:23px 0 0 30px;
    float:left;
}


#livejobs{
    width:230px;
    height:93px;
    padding:23px 0 0 30px;
    float:left;

}
#refer{
    width:230px;
    height:93px;
    padding:23px 0 0 30px;
    float:left;

}

#slideshow-banners h5{
    font-family: 'Tahoma',Geneva,sans-serif;
    font-size: 20px;
    line-height: 1.2;
    color: #414043;
    float:none;
    font-weight:100;
}
#slideshow-banners h5 a{
    color: #414043;
}*/


/* Upcoming Events Section on homepage */
ul.hp-upcomingevents {
  float: left;
  list-style: none;
  margin: 0;
}
span.hp-upcomingvenue {
  margin-left: 7px;
  padding-left: 7px;
  border-left: 1px solid #4b5a52;
  font-weight: bold; 
  color: #4b5a52;
}

.hp-upcomingevents h3 {
  font-size: 1.2em;
  font-weight: bold;
  font-style: normal;
  text-transform: none;
  padding-top: 0px;
  margin-top: 0px;
}

span.hp-eventdate {
  font-weight: bold;
  color: #4b5a52;
}

ul.hp-upcomingevents li {
  border-bottom: 1px solid #E5E5E5;
  padding: 0 0 10px;
  margin-bottom: 15px;
  width: 620px;
}
ul.hp-upcomingevents li img {
  float: right;
  clear: right;
  margin: 10px 10px 0 30px;
}
a.hp-learnmore {
  color: #efb513;
  font-weight: bold;
  padding-right: 0.5em;
}
a.hp-register {
  color: #efb513;
  font-weight: bold;
  text-decoration: underline;
  padding-left: 0.7em;
  border-left: 1px solid #efb513;
}
ul.hp-upcomingevents li p {
  margin: 0 0 5px;
  width: 445px;
  color: #4b5a52;
}

.eventdetail p {
  color: #555555;
}
.eventdetail p span {
  font-weight: bold;
}
p.hp-viewallevents {
  float: right;
  margin: 0 15px 0 0;
}

#left-col .hp-register, #left-col .ep-register {
   color: #0575ad;
   border-left: 1px solid #0575ad;
   font-weight: bold;
   padding-left: 0.7em;
}

/* End Upcoming Events Section on homepage */


/* Learning & Development Map */

#learnanddev {
   float: left;
   width: 238px;
   padding: 1.5em;
   border-left: 1px solid #E9E9E9;
   border-right: 1px solid #E9E9E9;
   background: #FFFFFF;
}

#learnanddev h2 {
   font-size: 1.6em;
   font-style: italic;
}

#learnanddev p {
   margin-bottom: 22px;
   font-size: 14px;
}

#learnanddev .read-more {
   font-style: normal;
   display: block;
   clear: both;
   background-position: 2px;
}

#learnanddevmap {
   margin-bottom: 10px;
   width: 223px;
   height: 286px;
   background: url("/__data/assets/image/0020/14951/background.gif") no-repeat 0 0;
   position: relative;
   z-index: 1;
}

#learnanddevmap img {
   position: absolute;
   top: 0;
   left: 0;
}

.upnorthhighlight {
   background: url("/__data/assets/image/0005/14954/upper-north.gif") no-repeat 111px 0;
}

.lownorthhighlight {
   background: url("/__data/assets/image/0003/14952/lower-north.gif") no-repeat 129px 88px;
}

.upsouthhighlight {
   background: url("/__data/assets/image/0006/14955/upper-south.gif") no-repeat 36px 127px;
}

.lowsouthhighlight {
   background: url("/__data/assets/image/0004/14953/lower-south.gif") no-repeat 6px bottom;
}

/* End Learning & Development Map */


/* Resources boxes */

#sbc-resource-box {
   float: left;
   margin-top: 8px;
}

#sbc-resource-box h2 {
   margin: 0 0 10px 0;
   color: #71070B;
}

#sbc-resource-box img {
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  border: 1px solid #E5E5E5;
  box-shadow: 5px 5px 5px #888888;
  display: block;
}

#sbc-resource-box ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

#sbc-resource-box li {
   float: left;
   height: 330px;
   width: 189px;
   padding: 5px;
   position: relative;
}

span.sbc-resource-box-title {
   color: #0575ad;
   display: block;
   font-weight: bold;
   text-align: left;
   padding: 7px 0 0px 10px;
   position: absolute;
   width: 170px;
   text-decoration: none;
   top: 205px;
}

span.sbc-resource-box-desc {
   color: #555555;
   position: absolute;
   padding: 10px 10px 10px 10px;
   font-size: 1em;
   width: 170px;
   top: 225px;
}

#sbc-resource-box-left {
   background: url("/__data/assets/image/0016/56500/sbc-resource-box.png") no-repeat scroll 0 0 transparent;
   margin: 0 7px 0 0;
}

#sbc-resource-box-right {
   background: url('/__data/assets/image/0016/56500/sbc-resource-box.png') no-repeat 0 0;
}

span.sbc-resource-box-thumbnail {
   display: block;
   position: absolute;
   top: 15px;
   margin-left: auto;
   margin-right: auto;
   width: 155px;
}

span.sbc-guide-link {
   color: #0575ad;
   display: block;
   font-weight: bold;
   text-align: left;
   padding: 7px 0 0px 10px;
   position: absolute;
   width: 140px;
   top: 300px;
   text-decoration: none;

}

span.sbc-guide-pdf {
   background:url("/__data/assets/image/0008/50975/pdf_small.gif") no-repeat scroll 0 4px;
   color: #0575ad;
   display: block;
   font-weight: bold;
   text-align: left;
   padding: 7px 0 0px 25px;
   position: absolute;
   width: 140px;
   top: 300px;
   text-decoration: none;
   margin-left: 10px;
}

span.sbc-guide-published {
   color: #9A9A9A;
   display: block;
   font-weight: bold;
   font-style: italic;
   text-align: right;
   padding: 2px 10px 0px 0px;
   position: relative;
   width: 30px;
   top: 300px;
   float: right;
}


/* End Resources boxes */

/* Gallery View boxes */

#gallery-view-wrapper {
   clear: none;
   float: left;
   margin-right: 5px;

}

#gallery-view-boxes {
   background: #FFFFFF;
   border-left: 1px solid #E5E5E5;
   border-right: 1px solid #E5E5E5;
   float: left;
   padding: 15px;
   width: 166.5px;
   clear: both;
   height: 320px;
}

#gallery-view-boxes h3 {
   font-style: normal;
   margin: 0px 0px 5px 0px;
   font-weight: bold;
   font-size: 1em;
}

#gallery-view-boxes img {
   float: none;
   padding: 0px;
   border: 1px solid #E5E5E5;
   box-shadow: 5px 5px 5px #888888;
   background: #FFFFFF;
   margin-left: 15px;
   margin-bottom: 10px;
}

span.pdf {
   background:url("/__data/assets/image/0008/50975/pdf_small.gif") no-repeat scroll 0 4px;
   color: #0575ad;
   display: block;
   font-weight: bold;
   text-align: left;
   padding: 5px 0 0px 25px;
   position: absolute;
   width: 140px;
   text-decoration: none;

}

span.date-published {
   color: #9A9A9A;
   display: block;
   font-weight: bold;
   font-style: italic;
   text-align: right;
   padding: 5px 10px 0px 0px;
   position: relative;
   width: 30px;
   float: right;

}

/* End Gallery View boxes */


/* Container rounded corner images */

.gallery-container-top {
  background:url("/__data/assets/image/0007/56599/bg-gallery-div-top.png") no-repeat; 
  float: left; 
  width: 199px;
  height: 4px;
  margin-top: 0px;
  clear: both;
}

.gallery-container-bottom {
  background:url("/__data/assets/image/0017/56600/bg-gallery-div-bottom.png") no-repeat;
  float: left; 
  width: 199px;
  height: 4px; 
  clear: both;
  margin-bottom: 10px;
}

/* End Container rounded corner images */

.footer-sponsors {
   margin-left: 13px;
}

/* Coin Slider slideshow */

.coin-slider {
   overflow: hidden;
   zoom: 1;
   position: relative;
   background:url(/__data/assets/image/0018/12915/featurebg.gif) 0 0 no-repeat;
   height:250px;
   width:617px;
   padding:6px 6px 0 6px;
    margin-bottom:10px;
}

.coin-slider a {
   text-decoration: none;
   outline: none;
   border: none;
}

.cs-buttons {
   font-size: 0px;
   padding: 10px;
   float: left;
   margin-top: 5px;

}

.cs-buttons a {
   margin-left: 5px;
   height: 10px;
   width: 10px;
   float: left;
   border: 1px solid #B8C4CF;
   color: #0575ad !important;
   text-indent: -1000px;
   border-radius: 50% 50% 50% 50%;
   background: -moz-linear-gradient(center top , #CCCCCC, #F3F3F3) repeat scroll 0 0 transparent;
}

.cs-active {
   color: #FFFFFF;
   background-color: #0575ad;
   border: 1px solid #4b5a52;
}

a.cs-active {
   color: #FFFFFF;
   background: -moz-linear-gradient(center top , #0575ad, #4b5a52) repeat scroll 0 0 transparent;
}

.cs-title {
   width: 585px;
   padding: 10px;
   color: #FFFFFF;
   background: url("/__data/assets/image/0011/47567/nav-bg.png") repeat scroll 0 -4px transparent;
}

.cs-prev, .cs-next {
   background-color: #4b5a52;
   color: #FFFFFF !important;
   padding: 0px 10px;
}

.cs-prev:hover, .cs-next:hover {
   color: #0575ad !important;
}

/* End Coin Slider slideshow */










/* Project Team Dashboard */

/* Homepage Boxes */
#hp-box {
   float: left;
}

#hp-box h2 {
   margin: 0 0 10px 0;
   color: #71070B;
}

#hp-box ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

#hp-box li {
   float: left;
   width: 200px;
   margin-right: 7.325px;
}

#hp-box li a{
   height: 149px;
   width: 186px;
   padding: 7px;
   float: left;
   position: relative;
   margin-right: 0;
   cursor: pointer;
}

span.hp-box-title-one {
   color: #FFFFFF;
   display: block;
   font-weight: bold;
   text-align: center;
   background: url('/__data/assets/image/0003/21765/hp-lblue-hover-bar.png') repeat 0 0;
   padding: 7px 0 6px;
   position: absolute;
   width: 186px;
   top: 135px;
}

span.hp-box-title-two {
   color: #FFFFFF;
   display: block;
   font-weight: bold;
   text-align: center;
   background: url('/__data/assets/image/0020/21764/hp-mblue-hover-bar.png') repeat 0 0;
   padding: 7px 0 6px;
   position: absolute;
   width: 186px;
   top: 135px;
}

span.hp-box-title-three {
   color: #FFFFFF;
   display: block;
   font-weight: bold;
   text-align: center;
   background: url('/__data/assets/image/0018/21762/hp-dblue-hover-bar.png') repeat 0 0;
   padding: 7px 0 6px;
   position: absolute;
   width: 186px;
   top: 135px;
}
span.showtitle {
   display: block;
}

span.showdesc {
   top: 45px;
}

#hp-box-one {
   background: url('/__data/assets/image/0006/21759/hp-lblue-box.png') no-repeat 0 0;
   margin: 0 20px 0 0;
}

#hp-box-two {
   background: url('/__data/assets/image/0016/21760/hp-mblue-box.png') no-repeat 0 0;
   margin: 0 20px 0 0;
}

#hp-box-three {
   background: url('/__data/assets/image/0017/21761/hp-dblue-box.png') no-repeat 0 0;

}

span.hp-box-thumbnail {
   display: block;
   position: absolute;
   width: 186px;
   top: 24px;
   height: 117px;
}


/* Homepage Box Listings */
#hp-box-listing {
   margin: 10px;
   list-style: none;
   padding: 0;
   height: 110px;
}

#hp-box-listing ul {
   list-style: none;
   margin: 0;
   padding: 0;
   width: 188px;
}

#hp-box-listing li {
   float: left;
   width: 245px;
   margin-bottom: 0;
   padding: 0;
}

#hp-box-listing li:hover > a {
   color: #1B4164;
   width: 188px;
}

#hp-box-listing a {
   border-bottom: 1px solid #E5E5E5;
   display: block;
   font-size: 0.95em;
   font-weight: bold;
   padding: 6px 6px;
   text-decoration: none;
   color: #292929;
   width: 188px;
}

.hp-box-listing-last a {
   border-bottom: 0px solid #E5E5E5;
   display: block;
   font-size: 13px;
   font-weight: bold;
   padding: 13px 13px;
   margin-bottom: 6px;
   text-decoration: none;
   color: #292929;
   width: 188px;
}

#hp-box-listing .hp-box-listing-one .hp-box-listing-last {
   padding: 13px;
}

#hp-box-listing li.hp-box-listing-two {
   float: left;
}

#hp-box-listing .hp-box-listing-one .hp-box-listing-two .hp-box-listing-three .hp-box-listing-last {
   margin-bottom: 6px;
   background: #F9F9F9;
   padding: 0;
   border-top: 1px solid #DDDDDD;
   border-bottom: 0px solid #DDDDDD;
}

#hp-box-listing li:hover {
   background: #EBEBEC;
   width: 188px;
}

#hp-box-listing a.last {
   border: 0;
}



#left-col .triple_boxes ul li a
{
    color:#FFF;
    font-size:.95em;
        display:block;
}

#left-col #triple1 ul li a:hover
{
    color:#1b4164;
}

#left-col #triple2 ul li a:hover, #left-col #triple3 ul li a:hover
{
    color:#00a0ce;
}
#left-col .triple_boxes li.li_last
{
    border: none;
    padding-bottom: 0px;
}

/* End Project Team Dashboard */

#left-col{
 width:927px!important;
}
#right-col {
 display: none!important;
}















/* BEC2050 - Deep Dive - September 2016 */





/* BEC2050 - 2016 body ids: */
#id118092, #id118206, #id118234, #id118269, #id118362, #id122690{
  background:white;
}

#id118092 p, #id118206 p, #id118234 p, #id118269 p, #id118362 p, #id122690 p{
  text-align: justify;
}

#id118092 img, #id118206 img, #id118234 img, #id118269 img, #id118362 img, #id122690 img{
  display:block;
  max-width:100%;
  padding:0!important;
}
#intro, #present-day-context, #difference-kayak-waka, #underlying-growth, #leverage-effect, #transport, #key-messages, #potential, #bec-sponsors, #energy-scenarios, #kayak-scenarios, #quote, #EconomyKayakWaka, #EnergyProductivity, #RenewablesInEnergy, #RenewablesInElectricity, #Insights, #KeyMessages, #EndBlock, .NZEnergySection {
    display: block;
    float: left;
    margin:0;
    padding:0px;
    width: 100%;
}
/*
#EconomyKayakWaka, #EnergyProductivity, #RenewablesInEnergy, #RenewablesInElectricity, #Insights, #KeyMessages {
    padding:0px 20px
}*/

#banner-2016{
  background-color:#26303C;
  border-bottom:1px solid;
  min-height: 400px;
  padding-top:1px;
  position: relative;
  top:0;
}
#banner-2016 h4{
  color: white;
  margin: 10px auto;
  width: 70%;
  font-size: 1.6em;
  font-weight: 300;
}

.video{
 width: 70%;
display: block;
    margin: 20px auto 0;
    padding: 0;
    position: relative;
    text-align: center;
}

/*
#quote {
    border-bottom: 1px solid;
    margin-bottom: 20px;
    padding-bottom: 20px;
}*/
#snapshots {
    display: block;
    float: left;
    width: 100%;
}

/* scenarios pg1 */
.kayak-img, .waka-img{
   left:15%;
   position: absolute;
   top: -65px;
   width: 70%;
}
.scenarios-2016{
    background-color: #0e4385;
    border-radius: 20px;
    display: block;
    float: left;
    margin: 80px 14px 20px 0;
    padding: 95px 10px 20px;
    position: relative;
    width: 48%;
    min-height: 230px;
}
.scenarios-2016 > h2 {
    color: white;
    /*font-size: 2.5em!important;*/
    font-weight: bold;
    text-align: center;
}
.scenarios-2016 h4, .scenarios-2016.waka h4{
  color:white!important;
  font-weight: normal!important;

}



.scenarios-2016.waka {
    background-color: #f18321;
    margin-left: 10px;
    margin-right: 0;
    min-height: 230px;
    padding-bottom: 20px;
    width: 48%;
}
.scenarios-2016.waka h3{
  color:#F68D22;
}

.trilemma-performance h3{
    text-align: center;
    font-weight: bold;
}
.trilemma-performance p{
    font-size: 16px;
    line-height: 1.2;
    color: #000;
}
.trilemma-performance img{
  max-width:100%;
}

/* scenarios pg2 */
#snapshots > .kayak, #snapshots > .waka {
    display: block;
    float: left;
    margin: 0 0 20px;
    width: 48%;
}
#snapshots > .kayak{
  margin-right:20px;
}

#snapshots h3 {
    color:#fff!important;
}

#snapshots > .kayak > h2, #snapshots > .waka > h2, #snapshots > h2, #at-a-glance h2 {
    font-size: 30px;
    text-align: left;
    text-transform: none;
}

#snapshots > .waka > h2{
  color:#F18321;
}

#snapshots > .kayak > .box, #snapshots > .waka > .box{
  color: white;
  display: inline;
  font-size: 17px;
  min-height: 170px;
}
#snapshots > .kayak > .box > div, #snapshots > .waka > .box > div{
    background-color: #0e4385;
    border-radius: 10px;
    height: 140px;
    padding:20px;
}
#snapshots > .waka > .box > div{
  background-color:#F18321;
}

#snapshots > .kayak > .box h3, #snapshots > .waka > .box h3{
    color: white;
    display: inline;
    font-size: 1.2em;
    font-weight: bold;
    margin-right: 5px;
    text-transform: none;
}
#energy_consumption > h2{
  text-align:left;
}
#kayak-consumption, #waka-consumption,
#kayak-population, #waka-population{
    display: block;
    margin: 0 7px 0 0;
    padding: 10px 0 0;
    position: relative;
    width: 48%;
    float: left;
}
#waka-consumption{
  margin:0 0 0 1%;
}

/* SVGs */
svg { max-height: 100%; }

.productivity div img, .energy-intensity div img{
    display: inline!important;
    height:auto;
    width:120px;
    vertical-align:top;
}
.proportion div img{
    display: inline!important;
    height:110px;
    width:110px;
}
.deep-dive-1 div.icon svg {
    display: inline;
    height: 45px;
    margin-top: 10px;
    width: 45px;
} 
#kayak-consumption > div > svg, #waka-consumption > div > svg,
#kayak-population > div > svg, #waka-population > div > svg{
    display: inline;
    height: 120px;
    margin:0;
    width: 120px;
}

#kayak-consumption > div > img, #waka-consumption > div > img,
#kayak-population > div > img, #waka-population > div > img{
    display: inline;
    height: 120px;
    margin:0;
    width: 120px;
}





#kayak-population div.net-effect img{
    display: inline;
    height:auto;
    margin: 20px 0 20px 20px;
    width: 411px;
}
.industrial div.graph svg{
   display: inline;
   height: 100px;
   margin: 0 40px 0 0;
   width: 300px;
}
.coal div.graph svg{
    display: inline;
    height: 100px;
    margin: 0 0 0 180px;
    width: 250px;
}
#renewables div.graph svg{
   display: inline; 
   margin:0 20px;
   width: 380px;
}
.transport div.graph img, #transport div.graph img, #homes-business div.graph img, #bec-wec > div.graph img{
  display: inline!important;
  height: auto;
  margin:0 20px;
  width: 400px;
}
#economic-structure div span svg, #technology div span svg, #resources-infrastructure div span svg{
    display: inline;
    height: 60px;
    margin-right: 10px;
    position: relative;
    top: 20px;
    width: 60px;
}
.waka-img svg, .kayak-img svg, #resources-infrastructure > div:nth-child(2) > div:nth-child(1) > svg:nth-child(1){
  display: inline;
}




#kayak-population div img, #waka-population div img{
    display: inline;
    height: auto;
    width: 150px;
}
.industrial div.graph img, .coal div.graph img, #carbon-prices > img{
    margin: 0 30px !important;
    width:380px;
}
#kayak-consumption > div > .figures, #kayak-population > div > .figures, 
#waka-consumption > div > .figures, #waka-population > div > .figures{
    top: 25px;
    display: inline-block;
    margin-left:20px;
    position: relative;
}
#kayak-consumption > div > .figures > h4, #kayak-population > div > .figures > h4, 
#waka-consumption > div > .figures > h4, #waka-population > div > .figures > h4{
    color: #444;
    font-size: 1.2em;
    margin: 10px 0;
}
#kayak-consumption > div > .figures > h4 > span, #kayak-population > div > .figures > h4 > span{
   color: #0575ad;
   font-size: 2em !important;
}
#waka-consumption > div > .figures > h4 > span, #waka-population > div > .figures > h4 > span{
   color:#F18321;
   font-size: 1.8em !important;
}
#kayak-population > div > .figures > h4 > span, #waka-population > div > .figures > h4 > span{
   font-size:2.6em !important;
}
#kayak-consumption > div > .figures > h4.outcomes, #waka-consumption > div > .figures > h4.outcomes{
    left: -130px;
    position: relative;
    top: 5px;
    width: 110%;
}
#kayak-consumption > p, #kayak-population, 
#waka-consumption > p, #waka-population > p{
   float:left;
   margin:0;
   padding-right: 20px;
}
#kayak-population {
    float: left;
}
#kayak-population, #waka-population > p{
 margin:0;
}
#waka-population > p {
    margin-bottom:35px;
}
#kayak-population > h4, #waka-population > h4, .graph > h4, .productivity > div > h4, .proportion > div > h4{
  color:#444;
  text-align: center;
}
.energy-intensity > div > h4{
  color:#444;
  margin:10px 0;
  text-align:left;
}
.net-effect > h4{
  font-size: 16px !important;
  left: 165px;
  margin-top: 80px;
  position: absolute;
}
.graph {
    margin: 20px 0 30px;
}
.graph > img {
    display: block;
    max-width: 100%;
    transition: all .1s ease-in-out;
    width: 100%;
}

#new_zealands_journey > div, #energy-efficiency > div, #homes-business > div, #renewables > div, #generation-increase > div, #economic-structure > div, #technology > div, #resources-infrastructure div, #bec-wec > div, #industrial-heat.half > div, #transport.half > div { 
    display:block;
    float: left;
    margin-right: 16.5px;
    width:48%;
}

 #industrial-heat > div, #transport > div {
    display:block;
    float: left;
    margin-right: 16.5px;
    width:100%;
}


#generation-increase-chart {
    width: auto !important;
}
#bec-wec {
   display: block;
   float: left;
   margin-top: -20px;
}
#links{
  border-top: 1px solid #0E4385;
  float: left;
  width: 100%;
}
#links > div {
    margin-bottom:60px;
    text-align: center;
    width: 33%;
    float:left;
}
#new_zealands_journey > div:last-child, #energy-efficiency > div:last-child, #transport > div:last-child, #homes-business > div:last-child, #industrial-heat > div:last-child, #renewables > div:last-child, #generation-increase > div:last-child, #technology > div:last-child, #bec-wec > div:last-child, #economic-structure > div:last-child {
    margin-left:3.5px;
}
#economic-structure div .graph{
  margin:50px 0 10px;
}

#technology div .graph, #resources-infrastructure div .graph{
  margin:70px 0 10px;
}

#technology > div:last-child, #resources-infrastructure > div:last-child {
    margin-top: 90px;
   margin-left:2%;
}
.productivity {
    display: inline-block;
    margin:0;
    padding-bottom: 30px;
    width: 100%;
}
.productivity > div, .proportion > div{
    display: inline;
    margin-right:5%;
}
.energy-intensity > div {
    display: inline-block;
    float: left;
    margin: 10px 0;
    padding: 0;
    width: 33.3%;
}
.energy-intensity > div:nth-of-type(1){
    float: left;
    margin-right:1%;
    width:32%;
}
.proportion {
    display: block;
    float: left;
    margin:0 0 10px;
}
.proportion > div:nth-of-type(1){
  float:left;
  margin-right:0;
  width:20%;
}




.productivity > div > .figures, .proportion > div > .figures, .energy-intensity > div > .figures {
   display: inline-block;
   margin-left: 10px;
   max-width:160px;
   position: relative;
   /*top:-40px;*/
}
.productivity > div > .figures > h4, .proportion > div > .figures > h4, .energy-intensity > div > .figures > h4{
   color: #444;
   font-size:1.8em!important;
   line-height:1;
   margin:0;
}
.productivity > div:nth-of-type(2) div.figures h4, .proportion > div:nth-of-type(2) div.figures h4{
  color: #444;
}
.productivity > div:nth-of-type(3) div.figures h4, .proportion > div:nth-of-type(3) div.figures h4,{
   color:#0E4385;
}
.productivity > div:nth-of-type(4) div.figures h4, .proportion > div:nth-of-type(4) div.figures h4,{
   color:#F18321;
}
.productivity > div > .figures > h4 > span, .proportion > div > .figures > h4 > span{
    font-size: 1em;
}

.industrial .graph .fact{
    bottom: -25px;
    left: 90px;
    position: relative;
    width: 80px;
}
#renewables .graph .fact{
    bottom: -25px;
    left: 20px;
    position: relative;
    width: 180px;
}
.industrial .graph .fact h4, #renewables .graph .fact h4 {
    color: #444;
    font-size: 1.1em!important;
    position: absolute;
    text-align: left;
}
.industrial .graph > .fact > h4:last-of-type {
    left: 220px;
    width: 90px;
}
.coal .graph .fact {
    bottom: -15px;
    left: 0;
    position: relative;
    width: 170px;
}
.coal div.fact h4{
    color: #444;
    font-size: 1.3em !important;
    left: 0;
    position: relative;
    top:40px;
}

/* paragraph horizontal border */
.border {
    border-top: 1px solid #444;
    display: block;
    float: left;
    height: 1px;
    margin: 0 !important;
    width: 100% !important;
}
#electicity-renewables{
    display: block;
    float: left;
    width: 100%;
}
#electicity-renewables h1{
 margin:0;
}
#economic-structure div h4, #technology div h4, #resources-infrastructure div h4{
   bottom: 20px;
   position: relative;
}
#technology p.quote {
   color: #4b8aa3 !important;
   font-size: 1.5em !important;
}
.photos{
    display: block;
    width: 100%;
    margin-top: 20px;
    position: relative;
}
.photos div{
   display: inline-block;
}
.photos div .title{
  position:relative;
  top:-70px; 
}
.photos div .title h4{
   color: #444;
   font-weight: 200;
   font-size: 1.6em;
   margin: 0;
}
.photos img{
    max-width: 50%;
    display: inline-block;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    padding: 10px 0 10px 20px;
}




.icons {
    display: inline-block;
    height: 100px;
    overflow: hidden;
    pointer-events: none;
    width: 120px;
}


/* Modal */
.two-buttons {
    display: block;
    float: left;
    margin: 30px 0;
    text-align: center;
    width: 100%;
}
.graph.trigger {
    text-align: center;
}
.graph.trigger.full-width {
    display: inline;
}

.modalDialog {
    position: fixed;
    font-family: 'Tahoma',Geneva,sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}
.modalDialog:target{
    opacity:1!important;
    pointer-events: auto!important;
}
.modalDialog > div {
    background-color:white;
    border-radius:2px;
    margin: 10% auto;
    max-width:750px;
    padding: 20px 0;
    position: relative;
    width: 60%;
}
.modalDialog > div h3{
    text-align: center;
}
.modalDialog > div img {
    display: block;
    max-width: 100%;
}
.close-modal{
    color: #ffffff;
    font-size: 25px;
    font-weight: bold;
    position: absolute;
    right: -35px;
    text-align: center;
    text-decoration: none;
    top: -35px;
}
.close-modal:hover {
    cursor: pointer;
    text-decoration: none;
}

#page-footer {
    display: block;
    float: left;
    width: 100%;
}

/* ====== 2017 specific ===== */

/* -- start:Bec2050 at a glance -- */
#at-a-glance{
  height: 255px;
  margin-top:40px;
  width:100%;
}

#at-a-glance .first-graph{
  border-left: 1px solid #353535;
  display: inline-block;
  float: left;
  margin: 0;
  padding:0 0 10px;
  width:25%;
  text-align: center;
 }
#at-a-glance .first-graph h4{
  font-size: 1em;

  margin: 0 0 0px;
  /*max-width: 220px;*/
  position: relative;
  text-align: center;
  top: -20px;
}



#at-a-glance .first-graph img {
    margin:0px auto 30px auto;
    
}
.figures h4{
  font-family: 'Tahoma',Geneva,sans-serif;
  font-size: 1em !important;
  margin: 0 0 5px !important;
}
.figures h4.latter{
 color:#EB8C23;
} 
.figures h4 span{
  font-size: 14px;
  position: relative;
  top: 5px;
}

#at-a-glance .first-graph .trigger .link-button, #bec2050-glance .emissions .link-button{
  /*margin: 0 auto;*/
}
#at-a-glance .first-graph .trigger .link-button{
  padding: 0.3em 0.8em !important;
}

#bec2050-glance{
  display: block;
  float: left;
  margin: 20px 0 0;
  padding: 0;
}

.graph-indicator{
  display: block;
  float: left;
  width: 100%;
}
.graph-indicator .kayak, .graph-indicator .waka{
  display:inline;
  float:left;
  margin: 0 40px 0 0;
}
.graph-indicator .kayak {
    float: left;
}

.graph-indicator .kayak span, .graph-indicator .waka span{
  font-size: 30px;
  line-height: 0.6;
  position: relative;
  top:5px;
}

.graph-indicator .kayak h5,  .graph-indicator .waka h5{
  color:#26303C;
  display: inline;
  font-size: 1.2em;
  font-weight: 300;
  margin-left: 10px;
}
#bec2050-glance p{
  font-size: 1.2em;
  text-align:center;
}
#bec2050-glance .emissions h4, #present-day-context .figure-two h4, #present-day-context .figure-three h4, #difference-kayak-waka .figure-three h4, #difference-kayak-waka .figure-four h4, #underlying-growth .figure-five h4, #leverage-effect .figure-six h4, #transport .figure-seven h4{
  color:#26303C;
  font-size: 1.2em;
  margin: 0 0 10px;
  text-align: left;
}
#bec2050-glance .emissions{
  display:block;
  position:relative;
  width:100%;
}
#bec2050-glance .emissions .left{
  display: inline-block;
  float: left;
  min-height: 340px;
  position: relative;
  width: 48%;
}
#bec2050-glance .emissions .left .link-button{
  position: absolute;
  right: 0;
  margin: 0;
  top:30px;
}
#bec2050-glance .emissions p{
  text-align: left;
}
#bec2050-glance .emissions .right{
  display: inline-block;
  float:right;
  min-height: 340px;
  position: relative;
  top:25px;
  width: 48%;
}  
.bubble, .bubble-bottom, .bubble-top{
  background-color: #287288;
  border-radius: 10px;
  color: #ffffff;
  font-size: 1.1em;
  margin: 0;
  padding: 15px;
  position: relative;
}
.bubble::before, .bubble-bottom::before, .bubble-top::before {
  border-right-color: #287288 !important;
  border-width: 15px;
  border-style: solid;
  border-color: transparent;
  content: "";
  height: 0;
  left: -28px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  z-index: 1;
}
.bubble-bottom{
    margin: 0 0 0 55px;
    max-width: 360px;
    top: 30px;
}
.bubble-bottom::before {
  border-right-color:transparent!important;
  border-bottom-color: #287288 !important;
  left: 45%;
  position: absolute;
  top: -17%;
}
.bubble-top{
  margin: 0 0 20px 55px!important;
  max-width: 365px;
  position: relative;
  display: block;
}
.bubble-top::before{
  border-right-color: transparent !important;
  border-top-color: #287288 !important;
  left: 45%;
  position: absolute;
  top: 110%;
}
#bec2050-glance .emissions .quote{
  color: #0575ad;
  font-size: 1.8em;
  text-align: right;
  position: relative;
  top: 20px;
  width: 350px;
  float: right;
}
p.supporting-info{
  font-size: 0.85em !important;
  display: block;
  float: left;
  width: 100%;
  margin: 0 0 10px;
  max-width: 917px;
  padding: 0;
}
.supporting-info span{
  font-size: 0.75em;
  position: relative;
  bottom: 5px;
  margin-right: 2px;
}

/* start:difference present day context*/
 
#present-day-context .titles {
    display: block;
    float: left;
    list-style-type: none;
    width: 100%;
}
#present-day-context .titles li{
  display: inline-block;
  width:50%;
  text-align: center;
  font-size: 1.1em;
  color: #26303C;
  float: left;
  margin-bottom:0;
}
#present-day-context .titles li:last-child{
   width: 45%;
  margin-left: 3%;
}

#present-day-context .figure-two .left, #present-day-context .figure-three .left  {
  display: inline-block;
  float: left;
  position: relative;
  width: 575px;
}

#present-day-context .figure-two .right{
    display: inline-block;
    float: right;
    position: relative;
    width: 325px;
}
#present-day-context .figure-three .right {
    display: inline-block;
    float: right;
    position: relative;
    width: 325px;
}

#present-day-context .figure-two .right .bubble{
  top: 120px;
  max-width: 215px;
  margin-left: 20px;
}
#present-day-context .figure-two .right .bubble span{
  font-size: 0.5em;
  position: relative;
  bottom: 7px;
}
#present-day-context .figure-two .right .trigger {
    cursor: pointer;
    position: absolute;
    top: 103px;
    right: 35%;
}
#present-day-context .figure-three{
  display: block;
  float: left;
  margin:0;
}
#present-day-context .figure-three .left{
  display: inline-block;
float: left;
min-height: ;
position: relative;
width: 550px;
}
#present-day-context .figure-three .right {
    display: inline-block;
    float: right;
    min-height: ;
    position: relative;
    width: 350px;
}
#present-day-context .figure-three .right .bubble{
  top:80px;
  max-width: 192px;
  margin-left: 20px;
}
#present-day-context  .figure-three .right .graph-indicator {
    list-style-type: none;
    position: relative;
    top: 108px;
    left: -20px;
}
#present-day-context  .figure-three .right .graph-indicator li{
float: left;
width: 100%;
display: block;
font-weight: 300;
height:28px;
margin: 0;
padding: 0;
}
#present-day-context  .figure-three .right .graph-indicator li span{
  font-size: 35px;
}
#present-day-context  .figure-three .right .graph-indicator li h5{
  color:#353535;
  display: inline-block;
  font-size: 14px;
  font-weight:inherit; 
  position: relative;
  top: -7px;
  left: 5px;
}

/* start:difference kayak-waka*/

#difference-kayak-waka .figure-four{
  display: block;
  float: left;
  margin: 20px 0;
}
#difference-kayak-waka .figure-four .left{
  display: inline-block;
float: left;
position: relative;
width: 550px;
}
#difference-kayak-waka .figure-four .right {
    display: inline-block;
    float: right;
    margin-top: 45px;
    position: relative;
    width: 350px;
}
#difference-kayak-waka .figure-four .right .bubble{
  top:20px;
  max-width: 350px;
  margin-left: 0;
}


/* start:underlying growth*/

#underlying-growth .figure-five{
  display: block;
  float: left;
  margin: 20px 0;
  min-height: 580px;
}
#underlying-growth .figure-five .left{
  display: inline-block;
float: left;
position: relative;
width: 550px;
}
#underlying-growth .figure-five .right {
    display: inline-block;
    float: right;
    margin-top: 25px;
    position: relative;
    width: 400px;
}

#underlying-growth .right .quote{
  color: #0575ad;
  font-size: 1.5em;
  text-align: right;
  position: relative;
  top: 20px;
  width:352px;
  float: right;
  margin-bottom: 40px;
  padding-left: 48px;
}

/* start:leverage effect*/


#leverage-effect .figure-six, #leverage-effect .figure-six-a{
  display: block;
  float: left;
  margin: 20px 0;
  min-height:398px;
}
#leverage-effect .figure-six .left{
  display: inline-block;
  float: left;
  position: relative;
}
#leverage-effect .figure-six .left .quote{
  color: #0575ad;
  font-size: 1.4em; 
  text-align: left;
  position: relative;
  width: 330px;
  float: left;
  left: -30px;
  top: 10px;
}
#leverage-effect .figure-six .right {
  display: inline-block;
  float: left;
  position: relative;
  width: 550px;
}
#leverage-effect .figure-six-a .left {
  display: inline-block;
  float: left;
  position: relative;
  width: auto;
}

#leverage-effect .figure-six-a .right {
    display: inline-block;
    float: left;
    position: relative;
    width: 400px;
    margin-left: 20px;
}
#leverage-effect .figure-six-a .right .quote{
 color: #0575ad;
  font-size: 1.4em; 
  text-align: left;
  position: relative;
  float: right;
  top: 10px;
  text-align: right;
  max-width: 340px;
}

/* start:transport */

#transport .figure-seven{
  display: block;
  float: left;
  margin: 20px 0;
  width:100%;
}
#transport .figure-seven .left{
  display: inline-block;
  float: left;
  position: relative;
  width:235px;
}
#transport .figure-seven .left .quote{
color: #0575ad;
font-size: 1.4em;
position: relative;
float: left;
top: 10px;
text-align: left;
max-width: 240px;
}
#transport .figure-seven .middle{
  display: inline-block;
  float: left;
  width: 420px;
  margin: 0 0 0 25px;
  padding: 0;
}
#transport .figure-seven .right {
  display: inline-block;
  float: left;
  position: relative;
  margin-top:90px;
  width:240px;
}
#transport .reductions{
  display: block;
  float: left;
  width: 100%;
  margin: 20px 0 0;
  padding: 0;
}
#transport .reductions .left{
  width:48%;
}
#transport .reductions .left .trigger, #transport .reductions .right .trigger, #industrial-heat .opportunities .left .trigger{
  position: relative;
  margin: 20px 0;
}
#transport .reductions .left .trigger .link-button, #transport .reductions .right .trigger .link-button, #industrial-heat .opportunities .left .trigger .link-button{
  position: relative;
  left: 100px;
}
#transport .reductions .right{
  margin-top: 0;
  margin-left: 20px;
  width: 48%;
}
#transport .reductions .right span {
    font-size: 0.5em;
    position: relative;
    bottom: 5px;
    margin-right: 2px;
}

/* start:industrial heat */

#industrial-heat .opportunities{
  width: 100%;
}

#industrial-heat .opportunities .left, #intro .left {
    display: inline-block;
    float: left;
    position: relative;
    width: 48%;
}
#industrial-heat .opportunities .right, #intro .right {
    display: inline-block;
    float: left;
    position: relative;
    margin-left: 20px;
    width: 48%;
}

/* background images */
#intro .left{
   background:#ffffff url(https://www.businessnz.org.nz/__data/assets/image/0003/123627/waka-back.png) no-repeat center 32%;
}

#intro .right{
  background:#ffffff url(https://www.businessnz.org.nz/__data/assets/image/0004/123628/kaya-back.png) no-repeat center center;
}

/* start:key messages */

#key-messages .messages{
  background-color: #e3e7f0;
  display: block;
  float: left;
  padding: 20px 10px;
  border-radius: 10px;
  width: 98%;
  margin-bottom:20px;
}
#key-messages .messages .left {
    display: inline-block;
    float: left;
    position: relative;
    width: 48%;
}
#key-messages .messages .right {
    display: inline-block;
    float: left;
    position: relative;
    margin-left: 25px;
    width: 48%;
}
#key-messages .messages .left span{
  display: inline-block;
  float: left;
}
#key-messages .messages .left p, #key-messages .messages .right p{
  display: inline-block;
  margin-left: 18px;
  margin-top: -16px;
}
#key-messages .messages .left ul, #key-messages .messages .right ul{
  list-style-type: none;
}
#key-messages .messages .left ul li, #key-messages .messages .right ul li{
  margin-bottom: 5px;
  display: block;
  float: left;
}

<!-- Potential -->

#potential .investigation{
  width: 100%;
  margin-bottom: 40px;
}
#potential .investigation .left {
    display: inline-block;
    float: left;
    position: relative;
    width: 48%;
}
#potential .investigation .right {
    display: inline-block;
    float: left;
    position: relative;
    margin-left: 20px;
    width: 48%;
}

#potential .investigation h3{
  color: #0575ad !important;
  margin: 0 0 0.3em 0.5em;
display: inline-block;
line-height: 2.6;
}
#potential .investigation span.surfacefreight{
    width: 50px;
    height: 50px;
    display: inline-block;
    float: left;
    background-image: url(data:image/jpeg;base64,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);
}



#potential .investigation span.industry-specific{
    width: 50px;
    height: 50px;
    display: inline-block;
    float: left;
    background-image: url(data:image/jpeg;base64,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);
} 



#potential .investigation span.bioenergy{
    width: 50px;
    height: 50px;
    display: inline-block;
    float: left;
    background-image: url(data:image/jpeg;base64,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);
}



#potential .investigation span.aviation{
    width: 50px;
    height: 50px;
    display: inline-block;
    float: left;
    background-image: url(data:image/jpeg;base64,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);
}