@import url("header.css");
@import url("footer.css");
@import url("leftNav.css");
@import url("rightNav.css");
@import url("content.css");

/* jQuery Selectors for Accessibility */
.ui-helper-hidden-accessible
{
	position: absolute;
	left: -999em;
}
.flash-replaced .alt
{
	display: none;
}

body, html, #container {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #575757;
}
* {
	margin: 0;
}
html, body {
	height: 100%;
}
iframe {
	border:none;
}
.hiddenSkip {
	left:-2500px;
	position:absolute;
	width:1px;
}
ol li {
	margin-bottom:4px;
	font-size:108%;
}
#container {
	background:transparent url('../img/body.png') repeat;
}
#content {
	width: 980px;
	margin: 0 auto;
}

#content #col2 h1,
#content #col2 h2,
#content #col2 h3
{
	color: #81A54D;
	margin-bottom: 0px;
}

#content #col2 h2
{
	margin-top: 0px;
	margin-bottom: 3px;
}

.contentArea186 h2,
.contentArea186Small h2
{
	margin-top: 16px!important;
}

#content #col2 div.symbol h3
{
	margin-top: 0px;
}

#content #col2 div.symbol .icon
{
	float:left;
	width: 70px;
	margin-left: 10px;
	margin-top: 5px;
}

#content #col2 div.symbol .detail
{
	float:left;
	width: 440px;
}

dt {
	text-transform: uppercase;
	//background: transparent url('../img/bullet-green.png') no-repeat 0px;
	padding: 8px;
}
dd {
	padding-bottom: 10px;
}

#content #col2 a
{
	color: #81A54D;
}

#content #col2 div.breadcrumbs a
{
	color: #FFFFFF;
}


p,
ul li
{
	font-size: 93%;
	line-height: 123.1%;
}
ul li {
	list-style-image:url('../img/bullet-green.png');
	margin-bottom: 6px;
}
.contentArea580{
	margin: 0 5px 10px 0;
}
.contentArea580 .content{
	padding: 20px;
	width: 545px;
	background:transparent url('../img/content580Content-r-y.png') repeat-y;
}
.contentArea580 .footer {
	background:transparent url('../img/content580Footer.png') no-repeat;

	height:7px;
}
.contentArea748 {
	margin:0 5px 10px 0;
}

.contentArea748 .content{
	width: 746px;
	padding: 9px;
	background:transparent url('../img/content748Content-r-y.png') repeat-y;
}
.contentArea748 .footer {
	background:transparent url('../img/content748Footer.png') no-repeat;
	width:747px;
	height:7px;
}

/*Page Header*/
div.pageHeader {
	background:transparent url('../img/pageHeader.png') no-repeat left bottom;
	height:80px;
	width:573px;
	_width:566px;
	padding-top:5px;
	padding-left:10px;
}
div.pageHeader h1 {
	text-indent: -9999px;
	height:63px;
	width:580px;
	margin:0;
}
#content #col2 div.pageHeader.image h1 {
  text-indent: 0px;
  line-height: 1px;
  font-size: 1px;
  height: auto;
}
div.pageHeader.image {
  padding-left: 2px;
  width:588px;
  height: auto;
}
/* Start page titles */
body.about div.pageHeader h1 {
	background:transparent url('../img/aboutUsPageTitle.png') no-repeat;
}
body.carbonCalc div.pageHeader h1,
body.carbonCalcHome div.pageHeader h1,
body.carbonCalcSchool div.pageHeader h1 {
	background:transparent url('../img/carbonCalculatorPageTitle.png') no-repeat 0px -8px;
}

body.carbonCalcHome div.pageHeader,
body.carbonCalcSchool div.pageHeader {
	width: 738px;
	background-image:url('../img/pageHeaderLarge.png');
}

body.athome div.pageHeader h1 {
	background:transparent url('../img/atHomePageTitle.png') no-repeat 0px -3px;
}

body.atschool div.pageHeader h1 {
	background:transparent url('../img/atSchoolPageTitle.png') no-repeat 0px -3px;
}

body.atwork div.pageHeader h1 {
	background:transparent url('../img/atWorkPageTitle.png') no-repeat 0px -3px;
}

body.centres div.pageHeader {
	width: 738px;
	background-image:url('../img/pageHeaderLarge.png');
}

body.centres div.pageHeader h1 {
	background:transparent url('../img/centresPageTitle.png') no-repeat 0px -8px;
}

body.contact div.pageHeader h1 {
	background:transparent url('../img/contactUsPageTitle.png') no-repeat 0px 0px;
}

body.funZone div.pageHeader h1 {
	background:transparent url('../img/funZonePageTitle.png') no-repeat 0px 0px;
}

body.links  div.pageHeader h1 {
	background:transparent url('../img/linksPageTitle.png') no-repeat 0px 0px;
}

body.privacy  div.pageHeader h1 {
	background:transparent url('../img/privacyPageTitle.png') no-repeat 0px -8px;
}

body.tips  div.pageHeader h1 {
	background:transparent url('../img/tipsPageTitle.png') no-repeat 0px -3px;
}

body.what div.pageHeader h1 {
	background:transparent url('../img/whatPageTitle.png') no-repeat 0px -7px;
}

body.facts div.pageHeader h1 {
	background:transparent url('../img/factsPageTitle.png') no-repeat 0px -3px;
}

body.faq div.pageHeader h1 {
	background:transparent url('../img/faqPageTitle.png') no-repeat 0px -5px;
}

body.media div.pageHeader h1 {
	background:transparent url('../img/mediaPageTitle.png') no-repeat 0px -5px;
}

body.privacy div.pageHeader h1 {
	background:transparent url('../img/privacyPolicyPageTitle.png') no-repeat 0px -5px;
}

body.sitemap div.pageHeader h1 {
	background:transparent url('../img/sitemapPageTitle.png') no-repeat 0px -0px;
}

body.search div.pageHeader h1 {
	background:transparent url('../img/searchResultsPageTitle.png') no-repeat 0px -5px;
}

body.press div.pageHeader h1 {
	background:transparent url('../img/pressPageTitle.png') no-repeat 0px -5px;
}

body.recyclingWeek div.pageHeader h1 {
	background:transparent url('../img/recyclingWeekPageTitle.png') no-repeat 0px -2px;
}

/* End page titles */
.contentArea186, .contentArea186Small {
	float: left;
	z-index:1;
	margin: 0 10px 10px 0;
	position:relative;
	width:186px;
}
.contentArea186 .content,.contentArea186Small .content {
	padding: 9px;
	padding-top: 5px;
	width: 167px;
	background:transparent url('../img/content186-r-x.png') repeat-y;
}
.contentArea186 .header,.contentArea186Small .header {
	background:transparent url('../img/content186Header.png') no-repeat;
	height:5px;
}
.contentArea186 .footer,.contentArea186Small .footer {
	background:transparent url('../img/content186Footer.png') no-repeat;
	height:3px;
	width:100%;
	text-align:center;
	position:absolute;
	bottom:-1px;
}
.contentArea186 *{
	z-index:inherit;
}
.contentArea382{
	float: left;
	z-index:1;
	margin: 0 5px 5px 0;
	position:relative;
	width:382px;
}
.contentArea382 .content {
	padding: 9px;
	padding-left:20px;
	width: 353px;
	background:transparent url('../img/content382-r-y.png') repeat-y;
}
.contentArea382 .header {
	background:transparent url('../img/content382Header.png') no-repeat;
	height:6px;
}
.graphicsHeader{
  padding: 24px 0px 0px 10px;
  position: relative; top: -30px;
  background-repeat: no-repeat;
  background-image: url('/assets/img/paperTitle2.png');
  height: 60px;
  background-position: -5px 0pt;
  left: -10px;
  margin-bottom: -50px;
}
.contentArea382 .footer {
	background:transparent url('../img/content382Footer.png') no-repeat;
	height:5px;
	width:100%;
	text-align:center;
	position:absolute;
	bottom:-1px;
}
.contentArea186SmallContainer {
	float: left;
	width:186px
}
.contentArea186Small {
	margin: 0 5px 4px 0;
}
#content #col1, #content #col2, #content #col3 {
	float: left;
}

/* Radio Button CSS */
.ui-radio
{
	width:13px;
	height:13px;
	float:left;
	background:transparent url('../img/searchRadioBase.png') no-repeat!important;
}

span.ui-radio-state-checked,
span.ui-radio-state-checked-hover
{
	background:transparent url('../img/searchRadioChecked.png') no-repeat!important;
}

body.sitemap ul li,
body.what ul li {
	list-style-image:url('../img/bullet-brown.png');
}
ul.faq li,
ol.faq li {
	margin-bottom:15px;
}
.question {
	text-transform:capitalize;
	font-size:106%;
	margin-bottom:4px;
	font-weight: bold;
	font-size: 96%;
}
.answer{
	display:none;
}
.open {
	color:#6b7f4d;
	text-decoration:underline;
	cursor:pointer;
	font-size:85%;
}
.close{
	margin-top:5px;
	text-align:right;
	display:none;
	cursor: pointer;
	height: 20px;
}
.close img{
  float: right;
}

body.media div#photos {

}
body.media div#photos div.photo {
	float: left;
	width: 100px;
	height: 100px;
	overflow: hidden;
	background-position:center center;
	background-repeat:no-repeat;
	margin-right: 2px;
	margin-left: 3px;
	margin-bottom: 4px;
}

body.media div#photos div.photo:hover {
	border: 4px solid #FFF;
	height: 92px;
	width: 92px;
}

body.media div#pagination {
	margin: 0 auto;
	color: #FFF;
	width: 140px;
	text-align: center;
}

body.media div#pagination span.numbers span.number {
	text-decoration: underline;
	margin: 0 5px;
}

body.media div#pagination span.next,
body.media div#pagination span.prev,
body.media div#pagination span.numbers span.number {
	cursor: pointer;
}
body.media div#pagination span.numbers span.current {
	font-weight: bold;
}

.roundedCorner6 {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.roundedCorner6b {
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;

}

body.links #content #col2 h2,
body.links #content #col2 h3 {
	color: #989494;
}

.error{
  color: red;
}
.downloadImage{
  float: left;
  margin-right: 10px;
}
table.noBorder td{
  border: none;
}
table.pressReleases{
  width: 100%;
}
table.pressReleases td{
  border: none;
  width: 33%;
}
.grayLinks a{
  color:#575757;
  text-decoration:none;
}
li.notListItem{
  list-style: none url();
  margin-left: -20px;
}
#atff{
  display: none;
}
.spacer{
  font-size: 1px;
  height: 1px;
  line-height: 1px;
}
table.downloads {
  width: 99%;
}
table.downloads th, table.downloads td{
  border: 0px;
  width: 50%;
  padding: 2px 20px 8px 50px;
}

.downloadImage{
  padding-left: 4px;
}


.jcarousel-item-image {
  width: 144px;
  height: 96px;
  padding: 8px 0px 0px;
  text-align: center;
  display: block;
  margin: 0px 6px 0px 4px;
  background: transparent url('../img/image_frame.png') left top no-repeat;
}
.jcarousel-item-image img {
  max-height: 86px;
  max-width: 126px;
}
.jcarousel-item-title {
  padding-top: 3px;
}


/* jCarousel default */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
/*     width: 123px; */
    padding: 0px 3px;
    text-align: center;
/*     height: 111px; */
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
  float: right;
  background: transparent url('../img/arrow_right.png') left top no-repeat;
}

.jcarousel-arrows {
  width: 33px;
  height: 36px;
  z-index: 3;
  display: none;
  overflow: hidden;
  margin-top: 28px;
  text-indent: -1000px;
}

.jcarousel-prev {
  float: left;
  background: transparent url('../img/arrow_left.png') left top no-repeat;
}
.jcarousel-next-disabled {
  background-image: url('../img/arrow_right_fade.png');
}
.jcarousel-prev-disabled {
  background-image: url('../img/arrow_left_fade.png');
}

.press-item-info {
  margin-left: 65px;
}
table.fun-zone-table {
  margin: 0px 40px;
}
table.fun-zone-table td {
  border: 0px;
  padding: 0px;
}
#content #col2 .downloads a {
  text-decoration: none;
}