/* remove the normal header border */
div.navigation { border-bottom: none; }

/* shrink the header height to allow for the border removal */
div.header {
    height: 137px;
    min-width: 800px;
}

/******************************************************
 *	recycling microsite styles
 ******************************************************/
.recycling-microsite a:link, .recycling-microsite a:visited { color: #78AB32; }

.recycling-microsite p { margin: 0 0 10px 0; padding: 0; }

div.main .recycling-microsite h1,
div.main .recycling-microsite h2,
div.main .recycling-microsite h3,
div.main .recycling-microsite h4,
div.main .recycling-microsite h5,
div.main .recycling-microsite h6 {
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: -2px;
  color: #78AB32;
  margin: 0;
  border: none;
}

div.main .recycling-microsite h1 { font-size: 300%; }

div.main .recycling-microsite h2 { font-size: 270%; }

div.main .recycling-microsite h3 { font-size: 250%; }

div.main .recycling-microsite h4 { font-size: 230%; }

div.main .recycling-microsite h5 { font-size: 210%; }

div.main .recycling-microsite h6 { font-size: 150%; letter-spacing: -1px; }

.recycling-microsite .header {
  position: relative;
  height: 111px;
  background: url(/nsc/images/recycling-microsite/bg-header.gif) no-repeat bottom left;
  min-width: 800px;
}

  .recycling-microsite .header h2 {
    position: absolute;
    left: 19px;
    top: 26px;
    margin: 0;
    text-indent: -9999px;
    width: 572px;
    height: 36px;
    background: url(/nsc/images/recycling-microsite/bg-recycling-revolution.gif) no-repeat;
  }
  
.recycling-microsite .header-inner {
  background: url(/nsc/images/recycling-microsite/bg-boy.png) bottom right no-repeat;
  width: 100%;
  height: 111px;
}
  
.recycling-microsite .wrapper {
  background: #86BF39;
  min-width: 800px;
}

.recycling-microsite .content-wrapper {
  margin: 0 5px 0 5px;
  background: #fff url(/nsc/images/recycling-microsite/bg-content.jpg) top right no-repeat;
}

.recycling-microsite .content {
  float: left;
  width: 100%;
  margin-right: -270px;
}

.recycling-microsite .inner { padding-right: 270px; }

.recycling-microsite .inner-more { padding: 15px 10px 60px 25px; line-height: 1.5; }

.recycling-microsite .recycling-navigation { 
  margin: 0;
  padding: 0; 
  width: 245px;
  float: right;
  font-size: 120%;
}

  .recycling-microsite .recycling-navigation ul {
    margin: 0;
    padding: 0;
    padding-bottom: 30px; 
    margin-top: 70px;
    list-style: none;
  }

    .recycling-microsite .recycling-navigation ul li a {
      display: block;
      padding: 10px 0;
      padding-left: 24px;
    }
  
  .recycling-microsite #postcode-check {
    background: url(/nsc/images/recycling-microsite/bg-postcode-check.jpg) top right no-repeat;
    padding: 25px 0 30px 24px;
    color: #78AB32;
  }

    .recycling-microsite #postcode-check h4 {
      margin: 0;
      padding: 0;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 170%;
      letter-spacing: -2px;
    }

    .recycling-microsite #postcode-check .address-check-inputs {
        padding: 0;
        margin: 0;
    }

    .recycling-microsite #postcode-check .address-check-box {
      width: 130px;
      padding: 6px;
      vertical-align: bottom;
    }

    .recycling-microsite #postcode-check .address-check-button {
      vertical-align: bottom;
    }
        
    .recycling-microsite .searchtype label { font-size: 80%; }
    
.recycling-microsite .footer {
  clear: both;
  margin: 0 -5px;
  border-top: 3px solid #86BF39;
  border-bottom: 3px solid #C6E29E;
  border-left: 5px solid #C6E29E;
  border-right: 5px solid #C6E29E;  
  background: #F6FAEC;  
  position: relative;
}

  .recycling-microsite .footer .recycle-logo {
    position: absolute;
    right: 10px;
    bottom: 5px;
  }
  
  .recycling-microsite .footer .terms { padding: 18px 0 20px 20px; }

.recycling-microsite .tabs {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 19px;
  width: 700px;
}

.recycling-microsite .tabs li {
  float: left;
  list-style: none;
  margin-right: 9px;
  text-indent: -9999px;
}

.recycling-microsite .tabs li a {
  display: block;
  height: 34px;
}

.recycling-microsite .tabs li#welcome-tab a {
  width: 118px;
  background-image: url(/nsc/images/recycling-microsite/bg-welcome-tab.gif);
}

.recycling-microsite .tabs li#welcome-tab a:hover { background-position: 0 68px; }

body.welcome .tabs li#welcome-tab a { background-position: 0 34px; }

.recycling-microsite .tabs li#why-tab a {
  width: 75px;
  background-image: url(/nsc/images/recycling-microsite/bg-why-tab.gif);
}

.recycling-microsite .tabs li#why-tab a:hover { background-position: 0 68px; }

body.why .tabs li#why-tab a { background-position: 0 34px; }

.recycling-microsite .tabs li#what-tab a {
  width: 81px;
  background-image: url(/nsc/images/recycling-microsite/bg-what-tab.gif);
}

.recycling-microsite .tabs li#what-tab a:hover { background-position: 0 68px; }

body.what .tabs li#what-tab a { background-position: 0 34px; }

.recycling-microsite .tabs li#when-tab a {
  width: 86px;
  background-image: url(/nsc/images/recycling-microsite/bg-when-tab.gif);
}

.recycling-microsite .tabs li#when-tab a:hover { background-position: 0 68px; }

body.when .tabs li#when-tab a { background-position: 0 34px; }

.recycling-microsite .tabs li#how-tab a {
  width: 75px;
  background-image: url(/nsc/images/recycling-microsite/bg-how-tab.gif);
}

.recycling-microsite .tabs li#how-tab a:hover { background-position: 0 68px; }

body.how .tabs li#how-tab a { background-position: 0 34px; }

/**** Contact tab styling ***/
.recycling-microsite .tabs li#contact-tab a 
{
  width: 104px;
  background-image: url(/nsc/images/recycling-microsite/bg-contact-tab.gif);
}

.recycling-microsite .tabs li#contact-tab a:hover 

{ 
	background-position: 0 68px; 
}

body.contact .tabs li#contact-tab a 

{
	background-position: 0 34px; 
}

/**** FAQ tab styling ***/

.recycling-microsite .tabs li#faq-tab a 

{
	width: 86px;
	background-image: url(/nsc/images/recycling-microsite/bg-faq2-tab.gif);
}

.recycling-microsite .tabs li#faq-tab a:hover 
{
	background-position: 0 68px; 
}

body.faqs .tabs li#faq-tab a 
{
	background-position: 0 34px; 
}