/* CSS Document */

 /**
 *  TGB 2011 main stylesheet
 *  Author: M.Trunov
 *  Date: 08/03/2011
 *
 */
 
 
 /** RESET */
 
 /* HTML5 display-role reset for older browsers */
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

* {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}
/** GLOBAL */  
  
 /*
  main body copy color: #00453f;
 */
html,body{
  width: 100%;
  height: 100%;
}
 
body {
  font: 0.625em Arial, Helvetica, sans-serif;
}

ul {list-style: none;}
ol{padding: 0 0 0 26px;}

/** TYPOGRAPHY COLORS */
a{
  color: #393;
  text-decoration: none;
}
a:hover{text-decoration: underline;}
a.arrow-link{
  padding: 0 10px 0 0;
  background: url("../Images/Backgrounds/arrow-green.gif") right center no-repeat;
}

#page-background {
  width: 100%;
   /*  min-height: 100%; */    /* this and the following is to keep div always the height of the page - seems to work in FF, IE7+, Webkit */
  position:relative;
  /* background: url(../Images/Backgrounds/london-eye-bg.jpg) 50% 0 fixed no-repeat; */
    background-position: 50% 0;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
#tgb-background-image{
  position: fixed;
  min-width: 1800px;
  min-height: 900px;
  height: 100%;
  bottom: 0;
  left: 0;
  left: -900px;
  margin-left: 50%;  /* leave this for js to set -MT */
}
.header-text-hide {
  text-indent: -99999px;
}
/** BRANDING SECTION */

  #page-wrapper {
  width: 860px;
  margin: 0 auto;
  padding-bottom:80px;
}
#tgb-branding {
  overflow: hidden;
  width: 100%;
  height: 123px;
  padding:0 0 27px 0;
}
#tgb-branding #tgb-flag {
  float: left;
  width: 240px;
  height: 102px;
  background: url(../Images/Branding/tgb-flag-left.png) 0 0 no-repeat;
}
#tgb-branding #tgb-flag a {
  display: block;
  width: 240px;
  height: 102px;
}
#tgb-branding #edf-olympics {
  float: right;
  padding-left: 25px;
  background: url(../Images/Branding/edf-olympics-bg.png) 0 0 no-repeat;
}
  #edf-olympics #olympics-logo {
    float: left;
    margin: 0 25px 0 0;
    padding: 10px 0 0;
    width: 100px;
    height: 113px;
    /* background: url(../Images/Branding/edf-olympics-logo-clear.png) 0 0 no-repeat;
     text-indent:-9999px; */
  }
  #edf-olympics #edf-energy-logo {
    float: left;
    padding: 10px 0 0;
    width: 100px;
    height: 113px;
    /* background: url(../Images/Branding/edf-energy-logo-clear.png) 0 0 no-repeat;
    text-indent: -9999px; */
  }
/** MAIN NAVIGATION*/
  
#main-nav {
  width: 864px;
  margin: 0 -4px 0 -2px;
  height: 35px;
  padding:0 0 25px 0;
}
  #main-nav ul{
    width: 864px;
    height: 35px;
  }
  #main-nav ul li {
    float: left;
    display: inline;
  }
    #main-nav ul li a {
      display: block;
      width: 149px;
      padding: 0 10px;
      height: 35px;
      line-height: 35px;
      color: #FFF;
      font-size: 1.4em;
      font-weight:bold;
      text-decoration: none;
      background: url(../Images/Buttons/main-nav-btn.png) 0 0 no-repeat;
  }
#main-nav ul li a:hover,
#main-nav ul li.current a {
  background: url(../Images/Buttons/main-nav-btn.png) 0 -35px no-repeat;
}
#main-nav ul li a.last {
  background: url(../Images/Buttons/main-nav-join-btn.png) 0 0 no-repeat;
  margin-left: 19px;
}
  #main-nav ul li a.last:hover,
  #main-nav ul li.current a.last {
    background: url(../Images/Buttons/main-nav-join-btn.png) 0 -35px no-repeat;
  }
/** Secondary NAVIGATION*/
#secondary-nav{
  float: right;
  width: 776px;
}
#secondary-nav ul {
  float:right;
  padding-right:20px;
  height: 44px;
}
  #secondary-nav ul li {
    float:left;
  }
  #secondary-nav ul li a {
    filter:alpha(opacity=90); /* This one you need for IE */
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    display: block;
    background:#FFF;
    height: 41px;
    width: 79px;
    margin-right:3px;
    padding: 3px 3px 0;
    border: 1px solid #FFF;
    color: #00453f;
    font-size:1.3em;
    font-weight:bold;
    text-decoration:none;
    zoom:1 /* add it in IE specific stylesheet */
  }
    #secondary-nav ul li a:hover,
    #secondary-nav ul li.current a {
      filter:alpha(opacity=100); /* This one you need for IE */
      -moz-opacity:1;
      -khtml-opacity: 1;
      opacity: 1;
    }
  /* Back link */
  .back-link-box{
    float: left;
    background: url(../Images/Buttons/back-btn-bg.png) 0 0 no-repeat;
    margin: 19px 0 0 8px;
  }
    .back-link-box a{
      font-size: 1.3em;
      font-weight: bold;
      text-decoration: none;
      padding: 5px 0 0 17px;
      color: #FFF;
      display: block;
      width: 42px;
      height: 20px;
      background: url(../Images/Buttons/arrow-white-left.gif) 9px 10px no-repeat;
    }
  
  
/** MAIN PAGE CONTENT */
#page-main {
  width: 100%;
  margin: 0;
  clear:both;
}
#page-main .page-content {
  padding: 20px 0 20px 0;
  background: #FFF;
  position: relative;
  width: 860px;
  float: left;
  z-index: 1000;
  overflow:hidden;
}
  #page-content-loader{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #fff url(../Images/Icons/ajax-loader-tgb.gif) 50% 50% no-repeat;
  }
  
  #page-main .page-content.narrow-content {
    width:580px;
    background:#FFF;
    overflow:hidden;
    margin:0 auto;
    padding:20px 20px 20px 0;
    float: none;
  }
    #page-main .page-content.narrow-content .content-padding {
      padding:10px 0 20px 20px;
      overflow:hidden;
    }
    
  .page-content .content-full-width{
    width: 840px;
    padding: 0 20px 0 0;
    float: left;
  }
    .content-full-width .content-padding{
      padding: 20px 0 20px 20px;
    }
  
#not-found-section {
  width:300px;
  margin:20px auto 0 auto;
  background:#FFF;
  padding:20px 0 4px 0;
}
#not-found-section h2 {
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #00453F;
    font-size: 1.6em;
    font-weight: bold;
    padding: 3px 5px 3px 20px;
}
#not-found-section p {
    color: #333333;
    font-size: 1.1em;
    padding: 0 0 5px;
}
#not-found-section .content-padding {
    overflow: hidden;
    padding: 10px 20px 20px 20px;
}
.page-content .column-wide {
  width: 560px;
  overflow:hidden;
}
  .page-content .column-wide .content-padding {
    padding:20px 0 20px 20px;
  }
  .page-content .column-wide .content-wide-module{
    width: 560px;
  }
.page-content .column-narrow {
  width: 280px;
}
  .page-content .column-narrow .content-padding {
    padding:20px 20px 20px 0;
    overflow:hidden;
  }

.page-content h2 {
  border-bottom:1px solid #CCC;
  border-top:1px solid #CCC;
  padding:3px 5px 3px 20px;
  color:#00453f;
  font-size:1.6em;
  font-weight:bold;
}
.page-content h2.noborder {
  border:none;
}
.page-content h2 span.print a {
  font-size:0.7em;
  color:#339933;
  text-decoration:none;
  float:right;
  line-height:20px;
  padding:0 8px 0 0;
    background: url(../Images/Backgrounds/arrow-green.gif) no-repeat right center;
}
.page-content h2 span.share a {
  font-size:0.7em;
  color:#339933;
  text-decoration:none;
  float:right;
  line-height:20px;
  padding:0 10px 0 0;
  background: url(../Images/Backgrounds/arrow-down.gif) no-repeat right center;
}
.page-content h2 span {
  float:right;
  color:#CCC;
  font-weight:normal;
  padding:0 5px;
  line-height:18px;
}
.page-content h2 span.small {
  float:none;
  color:#00453F;
  font-weight:bold;
  font-size:0.7em;
  padding:0 5px;
  line-height:18px;
}
.page-content .column-narrow h2 {
  padding:3px 5px 3px 0px;
}
.page-content p {
  color:#333333;
  font-size:1.1em;
  padding:0 0 5px 0;
}
.page-content ul{
  padding: 0 0 6px 4px;
  font-size: 1.1em;
}
  .page-content ul li{
    padding: 0 0 0 7px;
    background: url(../Images/Buttons/tgb-bullet-primary.gif) 0 6px no-repeat;
  }
    .page-content ul li ul{font-size: 1em; padding: 0;}
    .page-content ul li ul li{
      padding: 0 0 0 5px;
      background: url(../Images/Buttons/tgb-bullet-secondary.gif) 0 7px no-repeat;
    }
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6{      /* can't see all of these being used, but just in case */
  font-weight:bold;
  color:#00453f;
  padding: 3px 0 6px;
}

.page-content h3{font-size: 1.4em;}
.page-content h4{font-size: 1.2em;}
.page-content h6, .page-content h5{font-size: 1.1em;}

.page-content h3.secondary-header{
  color: #00453F;
  font-size: 1.4em;
  padding: 2px 0;
}

#page-main .page-content p span.bold {
  font-weight:bold;
  color:#00453f;
}

.page-content p.intro {
  padding:20px 10px 20px 20px;
}

/* Content modules specific */
.page-content .column-wide .content-module-one{padding-top: 0px;}
  .content-module-one img{
    float: left;
    margin: 0 20px 20px 0;
  }
  .content-module-one img.right{
    float: right;
    margin: 0 0 20px 20px;
  }
.content-module-two{}
  .content-module-two img{
    float: left;
    margin: 0 20px 20px 0;
  }
.content-module-three{}
  .content-module-three img{
    float: right;
    margin: 0 0 20px 20px;
  }

.left-content-module{
  float: left;
}

  .page-content .double-width-col {
    border-right:1px solid #CCC;
    width:249px;
    margin:20px 0;
    float:left;
    padding:0 10px 0 20px;
  }
  .page-content .double-width-col.noborder {
    border:none;
  }
  .page-content .double-width-col-cs {
    border-right:1px solid #CCC;
    width:249px;
    float:left;
    padding:0 10px 0 20px;
  }
  ul#nav li {
  font-size:1.1em;
  font-weight:bold;
  color:#339933;
  border-top:1px solid #CCC;
  padding:5px 0;
  background:none;
}
  ul#nav li.btm {
    border-bottom:1px solid #CCC;
  }
  ul#nav li a {
    background:url(../Images/Backgrounds/arrow-green.gif) center right no-repeat;
    padding:0 10px 0 5px;
    color:#339933;
    text-decoration:none;
  }
  ul#nav li ul li {
    font-weight:normal;
    margin:5px 0 0 10px;
    padding:5px 0 0 0;
    background:none;
  }
  
  ul#tertiary-nav{
    padding: 0px;
    border-bottom: 1px solid #dbdbdb;
  }
    ul#tertiary-nav li {
      font-size:1.1em;
      font-weight:bold;
      color:#339933;
      border-top:1px solid #dbdbdb;
      padding:5px 0 5px 0;
      background:none;
    }
      ul#tertiary-nav li a {
        background:url(../Images/Backgrounds/arrow-green.gif) center right no-repeat;
        padding:0 10px 0 0;
        color:#339933;
        text-decoration:none;
      }
        ul#tertiary-nav li ul li {
          font-weight:normal;
          margin:5px 0 0;
          padding:5px 0 0 10px;
          border-top:1px solid #ececec;
          background:none;
        }
.button {
  float: right;
  cursor:pointer;
}
  .button span {
    /* CSS 3*/ border-radius: 0.4em;
    /* Webkit */ -webkit-border-radius: 0.4em;
    /* Moz */ -moz-border-radius: 0.4em;
    border: 0.1em solid #eeeeee;
    display: block;
    text-align: center;
  }
    .button span span {
      /* CSS 3*/ border-radius: 0.3em;
      /* Webkit */ -webkit-border-radius: 0.3em;
      /* Moz */ -moz-border-radius: 0.3em;
      border: 0.1em solid #cbcbcb;
      display: block;
    }
      .button span span span {
        /* CSS 3*/ border-radius: 0.2em;
        /* Webkit */ -webkit-border-radius: 0.2em;
        /* Moz */ -moz-border-radius: 0.2em;
        background: #61ad67;
        border: 0.1em solid #61ad67;
        display: block;
        padding-right: 7px;
        position: inherit;
      }  
    .button span span span a {
      color:#FFF;
      font-size:1.1em;
      display: block;
      height: 20px;
      line-height: 20px;
      font-weight:bold;
      text-decoration:none;
      background:url(../Images/Buttons/arrow-white.gif) right 7px  no-repeat;
      padding: 0px 9px 0px 7px;
    }
    
.button2 {
  background:#fc6a2e none repeat 0 0;
  /* CSS 3*/ border-radius: 2px;
    /* Webkit */ -webkit-border-radius: 2px;
  /* Moz */ -moz-border-radius: 2px;
  -moz-box-shadow:0 0 1px #dedddb;
  -webkit-box-shadow:0 0 1px #dedddb;
  box-shadow:0 0 1px #dedddb;
  padding:3px 9px 3px 3px;
  clear:both;
  margin:15px 0 0 0;
}
.button2 a {
    background: url(../Images/Buttons/arrow-btn-white-green.gif) no-repeat right 7px;
    color: #FFFFFF;
    display: block;
    font-size: 1.6em;
    font-weight: bold;
    height: 20px;
    line-height: 22px;
    padding:0 40px 0 8px;
    text-decoration: none;
}

.btn-1 {
	display: block;
	color: #000;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
	padding: 8px 10px;
	border-radius: 2px;
	zoom: 1;
	background-color: #dfaa30; /* fallback colour */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eac878), to(#dfaa30));
	background-image: -webkit-linear-gradient(top, #eac878, #dfaa30);
	background-image:    -moz-linear-gradient(top, #eac878, #dfaa30);
	background-image:     -ms-linear-gradient(top, #eac878, #dfaa30);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eac878', endColorstr='#dfaa30')"; /* for IE8+ */
}

.btn-1:hover {
	text-decoration: none;
}

/** Case studies module */
.top-case-studies{
  float: left;
  padding-bottom: 20px;
}

.top-case-studies-header{
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  float: left;
  height: 25px;
  width: 840px;
}
  .case-study-image{
    width: 258px;
    height: 100px;
    background: url(../Images/Backgrounds/carousel-article-placeholder.jpg) 0 0 no-repeat;
  }
  .top-case-studies-header h2{
    border: none;
    float: left;
    width: 255px;
  }
  .top-case-study-item{
    height: 26em;
    overflow: hidden;
  }
  .cs-summary-small-top{
    height: 11em;
    overflow: hidden;
  }
  
/** FOOTER STYLES */        
#tgb-flag-bottom{
  position: fixed;
  z-index: 1000;
  bottom: 0px;
  right: 0px;
  height: 102px;
  width: 280px;
  background: url(../Images/Branding/tgb-flag-bottom.png) 0 0 no-repeat;
}
#footer-outer {
  position: fixed;
  z-index: 10000;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background: url(../Images/Panels/footer-bg.png) 0 0 repeat;
}
  #footer-outer #footer-main {
    margin: 0 auto;
    width: 876px;
    height: 30px;
    color: #b8b8b8;
    font-size: 1.1em;
  }
    #footer-main ul {
      float: left;
      height: 30px;
    }
      #footer-main ul li {
        float: left;
        height: 30px;
        line-height: 30px;
      }
      #footer-main ul li a {
        padding: 0 8px;
        border-right: 1px solid #b8b8b8;
        color: #b8b8b8;
      }
      #footer-main ul li a.last {
        border: none;
      }
      
  #footer-main .social-links-footer{
    float: right;
    padding: 6px 0 0;
  }
    .facebook-link{
      float: right;
      padding: 0 0 0 5px;
      width: 90px;  /* for count box layout */
      height: 22px;
    }
  
#footer-outer #footer-main #socialBM {
    float:right;
    padding:4px 0 0 0;
  }
      
/** SLIDING PANELS */
.sliding-panels-box {
  height: 560px;
  position: relative;
}
  .sliding-panels-box.large-content {
    height: 46px;
  }
    .sliding-panels-box.large-content .panel.small:hover {  /* this doesn't seem to work in css alone */
      opacity: 1;
      filter:alpha(opacity=100);
    }
  /* js-enabled and js-disabled display of sliding panels on home page */
  body #HomeContentBox .panel .panel-small-inner{display: none;}
  body #HomeContentBox .panel .panel-medium-inner{display: block;}
  body.js #HomeContentBox .panel .panel-small-inner{display: block;}
  
.panel {
  color: #00453f;
}
  .small-panel-top {
    height: 45px;
  }
    .small-panel-top h2 {
      font-size: 1.4em;
    }
    .small-panel-top h2 a{
      display: block;
      height: 40px;
      padding: 5px 5px 0 5px;
      color: #00453f;
      text-decoration: none;
    }
    .small-panel-bottom {
      height: 55px;
    }
  
    .sliding-panels-box .panel {
      background: #FFF;
      border: 1px solid #FFF;
      /*position: absolute;*/
      overflow: hidden;
    }
      body .panel{
        height: 341px;
        width: 578px;
        margin-bottom: 20px;
      }
      
      body.js .panel{
        width: 100px;
        height: 100px;
        margin-bottom: 0px;
      }
      
      .panel-small-inner {
        height: 100%;
        width: 100%;
        overflow: hidden;
      }
    
.sliding-panels-box .panel.active,
.sliding-panels-box .panel:hover {
  
}

.panel-medium-inner {
  height: 339px;
  width: 578px;
  position: relative;
}
  .panel-medium-inner .medium-panel-top {
    height: 258px;
    padding: 20px 0;
    background: #FFF;
  }
  /* medium panel standard */
    .medium-standard .medium-panel-top .medium-panel-copy {
      float: left;
      width: 290px;
      padding: 0;
      height: 270px;
      background: #FFF;
    }
      .medium-standard .medium-panel-top .medium-panel-copy h3 {
        font-size: 2.1em;
        border-top: 1px solid #b8b8b8;
        border-bottom: 1px solid #b8b8b8;
        padding-left: 18px;
        margin: 0 0 8px;
      }
      .medium-standard .medium-panel-top .medium-panel-copy p {
        font-size: 1.1em;
        padding-left: 18px;
        padding-right: 10px
      }
    .medium-standard .medium-panel-top .medium-panel-image {
      float: right;
      width: 260px;
      padding: 0 18px 0 5px;
    }
      .medium-standard .medium-panel-top .medium-panel-image img {
        width: 260px;
        height: 260px;
      }
    .panel-medium-inner.medium-standard .medium-panel-bottom {
      height: 40px;
      border-top: 1px solid #b8b8b8;
    }
  /* medium panel with background */
  .medium-background .medium-panel-top {   
    height: 258px;
    padding: 20px 0;
    background-position: 0px 0px;
    background-repeat: no-repeat;
  }
    .medium-background .medium-panel-top .medium-panel-copy {
      float: right;
      width: 282px;
      padding: 14px 0 0 18px;
      height: 222px;
      opacity: 0.95;
      filter:alpha(opacity=95);
    }
    .medium-background .medium-panel-top .medium-panel-copy.Green {
      background: #003300;
      color: #FFF;
    }
    .medium-background .medium-panel-top .medium-panel-copy.White {
      background: #FFF;
    }
      .medium-background .medium-panel-top .medium-panel-copy h3 {
        font-size: 1.7em;
        line-height: 1.4;
        border-top: 1px solid #426b43;
        border-bottom: 1px solid #426b43;
        margin: 0 0 8px;
      }
      .medium-background .medium-panel-top .medium-panel-copy p {
        font-size: 1.2em;
        padding: 0 17px 0 0;
      }
    .panel-medium-inner .medium-panel-bottom {
      height: 41px;
    }
      .panel-medium-inner .medium-panel-bottom p {
        padding: 10px 17px 0 0;
        height: 20px;
      }
        .panel-medium-inner .medium-panel-bottom p a {
          line-height: 20px;
          height: 20px;
          float: right;
          color: #00453f;
          font-size: 1.4em;
          font-weight: bold;
          padding: 0 14px 0 0;
          text-decoration: none;
          background: url(../Images/Buttons/right-arrow-green.gif) right 0 no-repeat;
        }
    
    .panel-medium-inner .page-link {
      position: absolute;
      bottom: 0px;
      right: 18px;
    }
  .medium-video .medium-panel-top{
    padding: 0;
    height: 298px;
  }
    .medium-video .medium-panel-top .video-player-box p{
      padding: 30px 0 0;
      text-align: center;
      font-size: 1.2em;
    }

/* sitemap */
#sitemap{
  padding: 0 ;
}

#sitemap ul{      /* first level list */
  padding: 0;
}
  #sitemap ul li{
    background: none;
    padding: 3px 0;
  }
    #sitemap ul li a{
      font-weight: bold;
      font-size: 12px;
    }
  #sitemap ul li ul{
    padding: 0 0 0 6px;
  }
    #sitemap ul li ul li{      /* second level list */
      background: url("../Images/Buttons/tgb-bullet-primary.gif") 0 6px no-repeat;
      padding: 1px 0 1px 7px;
    }
      #sitemap ul li ul li a{
        color: #333;
        font-size: 11px;
      }
      
      #sitemap ul li ul li ul li{      /* second level list */
        background: url("../Images/Buttons/tgb-bullet-secondary.gif") 0 6px no-repeat;
        padding: 1px 0 1px 7px;
      }
        #sitemap ul li ul li ul li a{
          color: #333;
          font-size: 11px;
          font-weight: normal;
        }
  
  
  
/* Contact Page */
#page-wrapper #contact-section {
  width:580px;
  background:#FFF;
  overflow:hidden;
  margin:0 auto;
  padding:20px 20px 20px 0;
}
  #page-main .tgb-form {
    padding: 0 0 20px;
    overflow: hidden;
  }
    #page-main .tgb-form h4{
      border-bottom:1px solid #CCC;
      border-top:1px solid #CCC;
      padding:3px 5px 3px 20px;
      color:#00453f;
      font-size:1.6em;
      font-weight:bold;
      line-height: 1.6em;
    }

  #page-main .tgb-form fieldset {
    padding: 20px 0 0 20px;
    position: relative;
  }
  .rowform { overflow:hidden; }
  .postcode {overflow:hidden;}
  .search {
    float: left;
    margin-left: 5px;
    width: 145px;
  }
  #page-main .tgb-form .contourField{
    overflow: hidden;
  }
  #page-main div.tgb-form label {
    font-weight:bold;
    color:#00453f;
    font-size:1.1em;
    /* line-height: 22px; */
    width:138px;
    float:left;
    padding: 4px 4px 0 0;
  }
    /* .net login control */
    
    #page-main div.tgb-form table label{
      line-height: 1.6em;
      padding: 0 6px 0 0;
    }
      #page-main div.tgb-form table label.checkbox{
        margin: 5px 0 0 0;
        width: auto;
      }
    #page-main div.tgb-form table input{
      margin: 0;
    }
      #page-main div.tgb-form table input.checkbox{
        margin: 5px 5px 0 150px;
        height: 14px;
        width: 14px;
      }
  .contourField.postcode .address-link{
    line-height: 2.4em;
  }
  
  #page-main .tgb-form fieldset select {
    color:#333333;
    font-size:1.1em;
    width:110px;
    border:1px solid #CCC;
    margin:0 6px 5px 0;
    padding:4px;
    float:left;
  }
    #page-main .tgb-form select option{
      line-height: 14px;
      float: left;
      width: 100%;
    }
  #page-main div.tgb-form input,
  #page-main div.tgb-form textarea {
    color:#333333;
    /* font-size:1.1em; */
    font: normal 1.1em arial;
    width:250px;
    border:1px solid #CCC;
    margin:0 6px 8px 0;
    padding:4px;
    float:left;
  }
  #page-main .tgb-form fieldset .postcode input {
    width:100px;
  }
  #page-main .tgb-form fieldset select#return {
    width:200px;
  }
  #page-main .tgb-form fieldset .checkboxlist{
    margin: 6px 0 0;
  }
    #page-main .tgb-form .contourField.checkbox div input,
    #page-main .tgb-form .contourField.checkboxlist div input{
      width: 14px;
      height: 14px;
      overflow: hidden;
      border: none;
      float: left;
      /* clear: left; */  /* display vertically as umbraco contour is crap */
      margin: 0 5px 0 0;
    }
    #page-main .tgb-form fieldset .contourField.checkboxlist div label{
      width: auto;
      line-height: 20px;
      padding: 0 10px 0 0;
    }
  #page-main .tgb-form .contourMessageOnSubmit{
    padding: 0 0 0 20px;
  }
  .tgb-form .terms{
    color:#CCC;
    padding:15px 0 0 0;
  }
  #page-main .tgb-form .error {
    border:1px solid #c00;
  }
  #page-main .tgb-form.contourErrorMessage,
  #page-main .tgb-form .contourError{
    background: #FBE3E4;
    color: #8a1f11;
  }
  #page-main .tgb-form input.contourError,
  #page-main .tgb-form select.contourError,
  #page-main .tgb-form textarea.contourError{
    background: #FFF;
    border-color: #C00;
  }
  #page-main .tgb-form .email.textfield span.contourError{
    float: left;
    width: 150px;
  }
  #page-main .tgb-form .contourNavigation,
  .form-controls .contourNavigation{
    background: url(../Images/Buttons/form-btn-left.jpg) 0 0 no-repeat;
    padding: 0 0 0 8px;
    height: 29px;
    float: left;
    margin: 0 0 0 20px;
  }
    #page-main .tgb-form .contourNavigation input,
    .form-controls .contourNavigation input,
    .form-controls .contourNavigation a{
      background: url(../Images/Buttons/form-btn-right.jpg) right top no-repeat;
      padding: 0 32px 0 0;
      margin-right: 0;
      height: 29px;
      color: #FFF;
      font: bold 1.6em arial;
      line-height: 1.6em;
      border: none;
      width: auto;
    }
    #page-main .competition .tgb-form input.contourSubmit {
      width: auto;
    }
    .form-controls .contourNavigation a{
      display: block;
      padding-top: 4px;
      padding-left: 4px;
      font-size: 1.3em;
    }
    .form-controls .contourNavigation a:hover{
      text-decoration: none;
    }
    #page-main .tgb-form td.contourNavigation input{
      width: 120px;
    }
  #page-main .tgb-form .contourValidationSummary{
    margin: 20px 0 0 20px;
    padding: 8px;
    background: #FBE3E4;
    color:#c00;
  }
    #page-main .tgb-form .contourValidationSummary ul{
      padding: 0;
    }
      #page-main .tgb-form .contourValidationSummary ul li{
        background: none;
      }
  /* heroes registration equipment validation */
  #page-main .tgb-form .keepContactError.contourValidationSummary{
    margin: 0 0 5px 0;
  }
    #page-main .tgb-form .keepContactError.contourValidationSummary p{
      color: #CC0000;
    }
  
  #page-main .tgb-form span.contourError {
    color:#c00;
    background: none;
    border:0 none;
    font-size:1.1em;
    /* line-height: 2.2em; */
    padding: 0 0 0 0;
  }
    
  .btn-width { width:400px;}
  
  /* specific from styles */
  #page-main .tgb-form .contourField a{
    font-size:1.1em;
  }

  #page-main .tgb-form .radiobuttonlist  input{
    width: 14px;
    height: 14px;
    clear: left;
  }
  
  #page-main .tgb-form .radiobuttonlist span.radiobuttonlist label{
    width: auto;
  }
  
  #page-main .tgb-form .locationsite select,
  #page-main .tgb-form .emp-department-wrapper select,
  #page-main .tgb-form .department select,
  #page-main .tgb-form .location select,
  #page-main .tgb-form .areyougoingtoaddasustainabilityobjectivetoyourteamsmidyearcfp select{
    width: 260px;
  }
  
  #page-main .tgb-form .numberofemployeesinteam select,
  #page-main .tgb-form .numberofteammemberswhoattendedthebriefing select,
  #page-main .tgb-form .numberofpermanentemployeeswhoattendedthebriefing select{
    width: 50px;
    padding: 4px 4px 4px 0;
  }
  
  #page-main .tgb-form .areyougoingtoaddasustainabilityobjectivetoyourteamsmidyearcfp span.contourError{
    width: 150px;
    float: left;
  }
  
  #page-main div.tgb-form fieldset select.action-item-select{
    width: 260px;
  }
    #page-main div.tgb-form fieldset input.action-text-other{}
    #page-main div.tgb-form fieldset select.action-text-number {width: 65px; padding: 4px 4px 4px 0;}
  
  #page-main .tgb-form .actionlistfieldtype{
    margin: 0 0 6px 0;
    padding: 4px 0 2px;
    background: #f6f6f6;
  }
  
  /* employee engagemnt form add action fields */
  .action-item-row {
    display: block;
    width: 410px;
    padding: 0 0 5px;
  }
    .action-list-field-heading{
      padding: 2px 0 0 1px;
      font-size: 1.1em;
    }
    .action-item-control {
      display: block;
      float: left;
    }
      .action-item-control.add-link{
        clear: left;
      }
      #page-main div.tgb-form .action-item-row input{
        margin-bottom: 2px;
      }
    
    .action-item-control.remove-link{
      float: right;
      padding: 0 4px 0 0;
      margin: 21px 0 0 0;
      height: 21px;
    }
      .add-link a,
      .remove-link a{
        font-size: 1.1em;
      }
        .add-link a.inactive{display: none;}
      
      .add-remove-link a{
        display: block;
        height: 21px;
        width: 21px;
        float: right;
        text-indent: -9999px;
        margin: 0 0 0 6px;
      }
      .action-item-row .add-remove-link a.inactive{
        background-position: 0 -21px;
      }
        .add-remove-link a.action-add-link{
          background: url(../Images/Buttons/add-link.jpg) 0 0 no-repeat;
        }
        .add-remove-link a.action-remove-link{
          background: url(../Images/Buttons/remove-link.jpg) 0 0 no-repeat;
        }
      
    .action-item-clear {
      clear: both;
      height: 0;
      overflow: hidden;
    }
    
  .page-content p.form-legal{
    font-size: 10px;
    color: #7D7D7D;
  }
  
  .emp-location-wrapper,
  .emp-department-wrapper{
    margin-bottom: 3px;
    width: 410px;
  }
    .emp-location-control,
    .emp-department-control{
      clear: left;
    }
      .emp-department-control div{
        font-size: 11px;    /* for labels above ddl in business unit section */
      }
    
/* What you can do*/
/* events lists */

.event-list-item{}
.event-list-item img,
.product-list-item img,
.casestudy-list-item img{
  padding: 0 20px 12px 0;
  float: left;
}

/* products */

.single-article{}
  .single-article img{
    float: left;
    padding: 0 18px 8px 0;
  }
  .single-article .single-article-details{
    float: left;
    width: 260px;
    padding: 0 0 12px 0;
  }
  .single-article.no-image .single-article-details{
    width: 560px;
    padding: 0 0 8px 0;
  }
  .single-article .case-study-video{
    width: 260px;
    height: 180px;
    padding: 0 20px 8px 0;
    float: left;
  }
  .article-content-link{
    padding: 12px 10px 8px 0;
  }
  .article-main-content{
    width: 540px;
    clear: left;
  }
  /* article legal note */
  .article-legal p{font-size: 10px; clear: left; margin: 12px 0 0;}
  
.article {
  overflow:hidden;
  padding:20px 0 20px 20px;
}
  .article img {
    padding: 0 18px 8px 0;
  }
  .article h2 {
    border:0 none;
    padding-left:0;
  }
ul#listLabel {padding:0 0 8px 0;}
ul#listLabel li {
  color:#00453F;
  text-decoration:none;
    padding: 0 0 3px 0;
  font-size:1.1em;
  font-weight:bold;
}
ul#article { margin:10px 0 0 0; }
ul#article li { padding: 0 0 5px 0; }
ul#article li a {
    background: url("../Images/Backgrounds/arrow-green.gif") no-repeat scroll right center transparent;
    color:#339933;
  text-decoration:none;
    padding: 0 8px 0 0;
  font-size:1.1em;
}
.btnArticle { display:table-row; }
.introPadding {
  padding:20px 20px 20px 20px;
}

/** TABBED MODULES */
.content-tabbed{
}
  .content-tabbed ul.tabs-links{
    height: 21px;
    padding: 0;
    font-size: 1em;
  }
    .content-tabbed ul.tabs-links li{
      margin: 0 2px 0 0;
      float: left;
      background: none;
      padding: 0;
    }
      .content-tabbed ul.tabs-links li a{
        display: block;
        height: 21px;
        line-height: 21px;
        padding: 0 6px;
        background: #dbdbdb;
        color: #00453f;
        text-decoration: none;
        font-size: 1.1em;
        font-weight: bold;
      }
      .content-tabbed ul.tabs-links li a.active,
      .content-tabbed ul.tabs-links li a:hover{
        background: #61ad67;
        color: #FFF;
      }
  
  #articles-widget-tabs .tabs-sections-container{
    /* height: 148px;
    overflow: auto; */
    border: none;
  }
    #articles-widget-tabs .tabs-sections-container .tabs-section{
      border: 1px solid #dbdbdb;
      border-bottom: none;
    }
      .tabs-sections-container .tabs-section p.list-item{
        padding: 6px 0 6px 10px;
        border-bottom: 1px solid #dbdbdb;
      }
        .tabs-sections-container .tabs-section p.list-item a{
          color: #393;
          padding: 0 10px 0 0;
          background: url("../Images/Backgrounds/arrow-green.gif") right center no-repeat;
          text-decoration: none;
        }
  
  .content-full-width .tabs-sections-container{
    height: 249px;
    border-top: 1px solid #61ad67;
  }
    .content-full-width .tabs-sections-container .tabs-section{
      border: none;
      position: relative;
      /* height: 249px; */
    }
    .content-full-width .tabs-sections-container .carousel-article{
      border-right:1px solid #CCC;
      width:258px;
      height: 210px;
      margin: 12px 20px 12px 0;
      float:left;
      padding:0 1px 0 0;
      background: url(../Images/Backgrounds/carousel-article-bottom.gif) -258px bottom no-repeat;
    }
    .content-full-width .tabs-sections-container .carousel-article.active{
      background-position: 0px bottom;
    }
      .carousel-article .carousel-article-image{
        width: 258px;
        height: 100px;
        background: url(../Images/Backgrounds/carousel-article-placeholder.jpg) 0 0 no-repeat;
      }
      .carousel-article .copy-area{
        padding: 0 6px 0 0;
      }
      .carousel-article .copy-area p{
        padding-bottom: 3px;
        line-height: 1.2em;
      }
  /* hide scroller controls when javascript disabled */
  body .scroller-controls{display: none;} body.js .scroller-controls{display: block;}
  
  .scroller-controls{
    background: #CCC;
    height: 15px;
    clear: both;
    width: 100%;
  }
    .scroller-controls .scroller-arrow{
      height: 15px;
      width: 14px;
      text-indent: -9999px;
      cursor: pointer;
    }
      .scroller-controls .scroller-arrow.left{
        background: url(../Images/Buttons/carousel-arrow-left.png) 0 0 no-repeat;
        border-right: 1px solid #fff;
      }
      .scroller-controls .scroller-arrow.right{
        background: url(../Images/Buttons/carousel-arrow-right.png) 0 0 no-repeat;
        border-left: 1px solid #fff;
      }
        .scroller-controls .scroller-arrow:hover{
          background-position: 0 -15px;
        }
      .scroller-controls .paging-container{
        float: left;
        width: 790px;
        height: 9px;
        padding: 3px 0;
        text-align: center;
      }
        .dots-container{
          margin: 0 auto;
        }
          .paging-dot{
            height: 9px;
            width: 9px;
            float:left;
            margin: 0 2px 0 0;
            background: url(../Images/Buttons/carousel-dot.png) 0 -9px no-repeat;
            text-indent: -9999px;
          }
          .paging-dot.active{
            background-position: 0px 0px;
          }
/* left column carousel modules */
  .content-wide-module .scroller-container{
    position: relative;
  }
  .content-wide-module .scroller-item{
    float: left;
  }
  .content-wide-module .scroller-panel{
    overflow: hidden;
  }
  /* existing and new carousel items - not images */
  .carousel .scroller-item{
    width: 258px;
    height: 210px;
    border-right: 1px solid #CCCCCC;
    padding: 0 1px 0 0;
    margin: 0px 20px 12px 0;
  }
  
  /* iamges carousel */
  .image-carousel .scroller-item{
    width: 120px;
    margin: 0 20px 20px 0;
  }
    .image-carousel .scroller-item .carousel-image-thumb{
      width: 120px;
      cursor: pointer;
    }
    
  .content-wide-module .scroller-controls .paging-container{
    float: left;
    width: 510px;
    height: 9px;
    padding: 3px 0;
    text-align: center;
  }

/** MODAL page overlay */

#page-overlay,
#lightbox-overlay{
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 10000;
  display: none;
  background: #195751;
}  

.page-modal-box{
  margin: 0 auto;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10010;
}
.page-modal-box .close-btn{
  background: #fff;
  position: absolute;
  top: -10px;
  right: -10px;
  cursor: pointer;
  z-index: 1000;
  height: 25px;
  width: 25px;
  text-indent: -9999px;
  background: url(../Images/Buttons/close-btn.png) 0 0 no-repeat;
}

/* modal boxes - specific */
#gallery-container,
#lightbox-container{
  padding: 10px 10px 26px;
  width: 980px;
  height: 620px;
  top: 60px;
  left: 50%;
  margin-left: -490px;
  display: none;
  background: #FFF url(../Images/Icons/ajax-loader-tgb.gif) 50% 50% no-repeat;
}

.blog-bigimage
{
    position:relative;
}
  #gallery-container .areaNext,
  #gallery-container .areaPrev{
    height: 95%;
    width: 30%;
    position: absolute;
    top: 0px;
    padding: 0 10px;
    cursor: pointer;
    background: url(../Images/Backgrounds/x.gif) 0 0 repeat;
  }
  #gallery-container .areaNext:hover a,
  #gallery-container .areaPrev:hover a{
    background-position: 0px 0px;
  }
  
  #gallery-container .areaPrev{left: 0;}
  #gallery-container .areaNext{right: 0; text-align: right;}
    #gallery-container .areaPrev a,
    #gallery-container .areaNext a {
      float: left;
      margin: 280px 0 0;
      display: block;
      height: 29px;
      width: 68px;
      text-align: left;
      text-indent: -9999px;
    }
    #gallery-container .areaPrev a{
      background: url(../Images/Buttons/image-back-btn.png) 0 -29px no-repeat;
    }
    #gallery-container .areaNext a{
      float: right;
      background: url(../Images/Buttons/image-next-btn.png) 0 -29px no-repeat;
    }
    
    
  #gallery-container .carousel-gallery-item{
    position: relative;
  }
  
  #gallery-container  .carousel-image-link{
    position: absolute;
    right: 0;
    bottom: -18px;
  }
    #gallery-container  .carousel-image-link a{
      font-size: 1.4em;
      font-weight: bold;
    }

#legal-hero-terms{
  width: 540px;
  padding: 20px 20px 20px;
  background: #fff;
  top: 40px;
  left: 50%;
  margin-left: -290px;
}    
  #legal-hero-terms .popup-inner-fixed{
    margin: 12px 0 0;
    height: 320px;
    overflow: auto;
  }
    #legal-hero-terms .popup-inner-fixed p,
    #legal-hero-terms .popup-inner-fixed ol,
    #legal-hero-terms .popup-inner-fixed ul{
      font-size: 1.1em;
      margin: 0 0 4px;
    }
  #legal-hero-terms .popup-inner-fixed .form-controls{
    margin: 12px 0;
  }
/** UTILITY keep this last */

.hidden{display: none;}

body .js-only{display: none;}
body.js .js-only{display: block;} /* preferably apply to div's only */

body.js .js-hide{display:none;} /*temp*/

.clear-left {
  clear: left;
}
.left {
  float: left;
}
.right {
  float: right;
}

.clear{
  clear: both;
  height: 0px; /* effecting height in FF -- it's affecting height everywhere and doing it for a reason - check for the way it's used in the project */
  overflow: hidden;
}

.float-container{
  overflow: hidden;
  clear: both;
}

#page-background .marginRgt20 {margin:0 20px 0 0;} /* shouldn't set all margin properties if it's only margin-right */

#page-background .marginBtmNone{margin-bottom: 0px;}
#page-background .marginBtm20{margin-bottom: 0px;}
#page-background .marginBtm6{margin-bottom: 6px;}

.page-content .double-width-col-cs.marginBtm20 {margin:0 0 20px 0;}  /* might as well set margin on a .double-width-col-cs if this rule it that specific */
.marginLft138 {margin-left:138px;}

.paddingBtm20 {padding-bottom: 20px;}
#page-background .paddingRgt10{padding-right: 10px;}
#page-background .paddingBtm2 {padding-bottom: 2px;}
#page-background .paddingTop12{padding-top: 12px;}
#page-background .paddingTop0{padding-top: 0px;}
#page-background .paddingTop18{padding-top: 18px;}

/** MOBILE */

/* Footer */
@media only screen and (max-device-width: 480px) {
  #footer-outer {
    position: relative;
    float: left;
    min-width: 876px;
  }
  #tgb-flag-bottom{
    position: relative;
    float: right;
    display: none;
  }
}
@media only screen and (max-device-width: 800px) {
  #footer-outer {
    position: relative;
    float: left;
    min-width: 876px;
  }
  #tgb-flag-bottom{
    position: relative;
    float: right;
    display: none;
  }
}


/** end mobile */

/* accordian - Sri's stuff*/
.accordion {
  width: 540px;
  border-bottom: solid 1px #dbdbdb;
  margin:20px 0 20px 20px
}
.accordion h3 {
  background: #ffffff url(../Images/Backgrounds/arrow-square.gif) no-repeat right -51px;
  padding: 7px 15px;
  margin: 0;
  font-size: 1.2em;
  border: solid 1px #dbdbdb;
  border-bottom: none;
  cursor: pointer;
  color:#339933;
  font-weight:normal;
}
.accordion h3 span {
  font-weight:bold;
}
.accordion h3:hover {
  background-color: #ffffff;
}
.accordion h3.active {
  background-position: right 5px;
}
.accordion p {
  background: #ffffff;
  margin: 0;
  padding: 10px 15px 20px;
  border-left: solid 1px #dbdbdb;
  border-right: solid 1px #dbdbdb;
  border-top:1px solid #DBDBDB;
}

/* Heroes Profile Page */

.page-content #tabbed-nav
{
    float:left;
    border-bottom:1px solid #779d78;
    padding:0;
    margin:0 20px 0 20px;
    width:820px;
}

.page-content .content-full-width #tabbed-nav
{
    margin:0;
}

.page-content #hero.content-full-width
{
    padding:0;
    width:860px;
}

.hero-summary {
    padding: 16px 0 15px 20px;
}

.page-content #tabbed-nav li {
    float:left;
    background:none;
    padding:0 2px 0 0;
}

#tabbed-nav li a{
    background:#e1dde0;
    color:#333333;
    min-height:21px;
    line-height:21px;
    display:inline-block;
    padding:0 6px 0 6px;
}

#tabbed-nav li.current a{
    background:#6db678;
    color:#ffffff;
}

div.hero-list
{
    float:left;  
    padding:0;
    margin:0 5px 0 20px;
    padding:20px 0 12px 0;
    width:835px;
}

div.hero-list-item
{
    float:left;
    width:60px;
    padding:0 15px 10px 0;
}

div.hero-image
{
    float:left;
    padding:0 0 4px 0;
}

div.hero-text
{
    float:left;
    width:60px;
    padding:0;
    line-height:33px;  
}

div.hero-text a{
    color:#333333;
    padding-left:1px;
    font-size:1.2em;
    line-height:20px;
    display:block;
}

div.hero-text a.active
{
    font-weight:bold;
    color:#09535f;
}

div.about-me-module object,
div.about-me-module div.video{
  width:260px;
  height:145px;
}

div.about-me-module div.video
{
    padding-bottom:40px;
}

.page-content div.about-me-module h2
{
    margin-bottom:12px;
}

.page-content div.about-me-module ul {
    padding:0;
}

.page-content div.about-me-module ul li {
    background:none;
    padding:0 0 6px 0;
}

.page-content div.about-me-module ul li a
{
    display:inline-block;
    min-height:21px;
    line-height:21px;
    padding-left:29px;
    color:#333333;
}

.page-content div.about-me-module p
{
    width:260px;
}

.page-content .column-narrow  div.about-me-module .content-padding
{
    padding:12px 0 12px 0;
}

.page-content div.about-me-module ul li.twitter a {
    background: #ffffff url(../Images/Icons/icon-twitter.gif) no-repeat 0 0;
}

.page-content div.about-me-module ul li.facebook a {
    background: #ffffff url(../Images/Icons/icon-facebook.gif) no-repeat 0 0;
}

.page-content div.about-me-module ul li.tumblr a {
    background: #ffffff url(../Images/Icons/icon-tumblr.gif) no-repeat 0 0;
}

.page-content div.about-me-module ul li.linkedin a {
    background: #ffffff url(../Images/Icons/icon-linkedin.gif) no-repeat 0 0;
}

.page-content div.about-me-module ul li.flickr a {
    background: #ffffff url(../Images/Icons/icon-flickr.gif) no-repeat 0 0;
}

.page-content div.about-me-module ul li.youtube a {
    background: #ffffff url(../Images/Icons/icon-youtube.gif) no-repeat 0 0;
}

.page-content div.about-me-module ul li.mygreenface a {
    background: #ffffff url(../Images/Icons/icon-mygreenface.gif) no-repeat 0 0;
}

.page-content div.about-me-module ul li.mywebsite a {
    background: #ffffff url(../Images/Icons/icon-mywebsite.gif) no-repeat 0 0;
}

div.heroes-wide{
    overflow:hidden;
    clear:both;
    padding:18px 0 10px 0;
    width:840px;
    background: url(../Images/Heroes/heroesIntroBackground.jpg) no-repeat center;
}

.content-full-width div.heroes-wide .content-padding
{
    padding:0 20px 0 0;
}

.content-full-width div.heroes-wide .content-padding p
{
    padding-left:20px;
}

div.heroes-wide div
{
    float:left;
}

div.heroes-wide div.video
{
    width:540px;
    padding:6px 0 26px 20px;
}

div.heroes-wide div.content
{
    width:280px;
    padding-top:6px;
}

div.heroes-wide h3
{
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #00453F;
    font-size: 1.6em;
    font-weight: bold;
    width:815px;
    padding: 3px 5px 3px 20px;
    margin:0 0 14px 0;
}

div.heroes-wide div.hero-list
{
    margin-right:0;
    width:840px;
}

div.heroes-wide div.hero-image
{
    float:left;
    width:120px;
    height:120px;
}

div.heroes-wide div.hero-list-item
{
    width:140px;
}

div.heroes-wide div.hero-text
{
    width:120px;
    text-align:center;
    padding:5px 0 0 0;
    height: 40px;
}

div.heroes-wide div.hero-text a{
    color:#00453f;
    padding-left:10px;
    font-size:1.6em;
    font-weight: bold;
    padding:0;
}

#fblike-container.page-content
{
    overflow:visible;
}

#fblike-container .column-wide
{
    overflow:visible;
}

#blog
{
    float:left;
    width:540px;
    padding:0 0 25px 20px;
}

.blog-empty
{
    padding-top:12px;
}

div.blog-item
{
    float:left;
    width:540px;
    padding:20px 0 10px 0;
    border-bottom:1px solid #dbdbdb;
}

div.blog-item h3
{
    font-size:1.1em;  
    padding:0 0 2px 0;
}

div.blog-item img
{
    float:left;
    padding-right:10px;
    padding-bottom:10px;
}

div.blog-content
{
    float:left;
    width:530px;
    /*width:430px;
    padding-left:10px;*/
}

.page-content div.blog-item p.date
{
    padding-bottom:6px;   
}

.blog-thumb
{
    cursor:pointer;
}

/*ul.see-more-link li a
{
    background: url(../Images/Icons/icon-blog-arrow.gif) no-repeat center right;
    padding-right:9px;
}

.page-content ul.see-more-link,
.page-content ul.see-more-link li
{
    float:left;
    padding:0;
    background:none;
}

.page-content ul.see-more-link
{
    padding-top:3px;
}*/

a.see-more-link
{
    float:left;
    display:inline-block;
    background: url(../Images/Icons/icon-blog-arrow.gif) no-repeat center right;
    padding-right:9px;
    margin-top:3px;
    font-size:1.1em;
}

.page-content .connect_comment_widget
{
    display:none;
}

div.blog-item-footer
{
    /*float:left;
    width: 430px;*/
}

.show-posts
{   
    float:right;
    margin-top:20px;
}

div.gallery-component
{
    clear:both;
}

/*Items added for TGB Heroe Image Map 14/09/2011 A.Bird*/
div.map-container{
  width: 820px;
  margin: 20px auto 0 auto;  
  height: 457px;
position:relative;
}

.map-container  img{
  margin: 0;
  position: absolute;
}
div.tooltip {
  display:none;
  position:absolute;
  float:left;
  left:20px;
  top:20px;
  background:#fff;
  padding: 0px 5px 0px 19px;
  line-height: 17px;
  background:url('../images/heroes/spot-hover.jpg') no-repeat #FFFFFF;
  background:url('../images/heroes/tip-left.png') no-repeat;
}

.tooltip span
{
  height:19px;
  display:block;
  padding:0 10px 0 2px;
  font-size: 11px;
  font-weight:bold;
  color:#11514C;
  background:url('../images/heroes/tip-right.png') right -1px no-repeat;
}

.map-intro {/*ie6 color fallback required*/
  width: 191px;
  background: url('../images/heroes/intro-pane.png') repeat;
  color: #FFFFFF;
  float: right;
  z-index: 2;
  position: relative;
  margin: 30px 0px 0px 0px;
  padding: 20px 20px 20px 20px;
  font-size: 11px;
}

.competition .summary-img {
  float: right;
  margin: -20px 0 0 20px;
}

/* Competition ended */
#HomeContentBox.comp-ended .champion-container {
	position: relative;
}
#HomeContentBox.comp-ended .champion-container img {
	position: absolute;
	top: 0;
}
#HomeContentBox.comp-ended .champion-container img.champion-ribbon {
	position: absolute;
	right: 18px;
	width: 100px;
	height: 100px;
}













/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */