/*-----------------------------------------------
// Basic Panels
//---------------------------------------------*/

/* ------ Temporary Jan 14 Campaign Panels ------ */

h2.panel1-heading { float: left; width: 226px; height: 47px; margin: 0; padding: 0; background: #bcbcbc url('/media/images/homepage/jan14/panel1-heading.jpg') no-repeat top left; text-indent: -99999px;overflow: hidden;}
h2.panel2-heading { float: left; width: 226px; height: 47px; margin: 0; padding: 0; background: #bcbcbc url('/media/images/homepage/jan14/panel2-heading.jpg') no-repeat top left; text-indent: -99999px;overflow: hidden;}
h2.panel3-heading { float: left; width: 226px; height: 47px; margin: 0; padding: 0; background: #bcbcbc url('/media/images/homepage/jan14/panel3-heading.jpg') no-repeat top left; text-indent: -99999px; overflow: hidden; }
h2.panel4-heading { float: left; width: 226px; height: 47px; margin: 0; padding: 0; background: #bcbcbc url('/media/images/homepage/jan14/panel4-heading.jpg') no-repeat top left; text-indent: -99999px; overflow: hidden; }

/*
.panel-march1-heading1 {
	float: left;
    width: 226px;
    height: 35px;
    margin: 0;
    padding: 0;
    background: #bcbcbc url('/media/images/homepage/march1/panel-head-planaABigger.jpg') no-repeat top left;
    text-indent: -99999px;
    overflow: hidden;
}
*/

.panel-march1-energy {
	float: left;
    width: 226px;
    height: 35px;
    margin: 0;
    padding: 0;
    background: #bcbcbc url('/media/images/homepage/march1/panel-head-energy.jpg') no-repeat top left;
    text-indent: -99999px;
    overflow: hidden;
}

.panel-march1-stuartrose {
	float: left;
    width: 226px;
    height: 35px;
    margin: 0;
    padding: 0;
    background: #bcbcbc url('/media/images/homepage/march1/panel-head-stuartrose.jpg') no-repeat top left;
    text-indent: -99999px;
    overflow: hidden;
}


.panel-march1-coffee {
	float: left;
    width: 226px;
    height: 35px;
    margin: 0;
    padding: 0;
    background: #bcbcbc url('/media/images/homepage/march1/panel-head-coffee.jpg') no-repeat top left;
    text-indent: -99999px;
    overflow: hidden;
}

.panel-march1-green-awards {
	float: left;
    width: 226px;
    height: 35px;
    margin: 0;
    padding: 0;
    background: #bcbcbc url('/media/images/homepage/march1/panel-head-green-award.jpg') no-repeat top left;
    text-indent: -99999px;
    overflow: hidden;
}

.panel-march1-macmillan {
	float: left;
    width: 226px;
    height: 35px;
    margin: 0;
    padding: 0;
    background: #bcbcbc url('/media/images/homepage/march1/panel-head-macmillan.jpg') no-repeat top left;
    text-indent: -99999px;
    overflow: hidden;
}

.panel-march1-recycle {
	float: left;
    width: 226px;
    height: 35px;
    margin: 0;
    padding: 0;
    background: #bcbcbc url('/media/images/homepage/march1/panel-head-recycle.jpg') no-repeat top left;
    text-indent: -99999px;
    overflow: hidden;
}

.panel-march1-heading2 {
	float: left;
    width: 226px;
    height: 35px;
    margin: 0;
    padding: 0;
    background: #bcbcbc url('/media/images/homepage/march1/panel-head-competition.jpg') no-repeat top left;
    text-indent: -99999px;
    overflow: hidden;
}

.panel-march1-heading3 {
	float: left;
    width: 226px;
    height: 35px;
    margin: 0;
    padding: 0;
    background: #bcbcbc url('/media/images/homepage/march1/panel-head-animalFriendly.jpg') no-repeat top left;
    text-indent: -99999px;
    overflow: hidden;
}

.panel-march1-heading-start {
	float: left;
    width: 226px;
    height: 35px;
    margin: 0;
    padding: 0;
    background: #bcbcbc url('/media/images/homepage/march1/panel-head-start.jpg') no-repeat top left;
    text-indent: -99999px;
    overflow: hidden;
}

.panel-march1-heading3 {
	float: left;
    width: 226px;
    height: 35px;
    margin: 0;
    padding: 0;
    background: #bcbcbc url('/media/images/homepage/march1/panel-head-fairtrade.jpg') no-repeat top left;
    text-indent: -99999px;
    overflow: hidden;
}

.panel-march1-heading4 {
	float: left;
    width: 226px;
    height: 35px;
    margin: 0;
    padding: 0;
    background: #bcbcbc url('/media/images/homepage/march1/panel-head-gadgets.jpg') no-repeat top left;
    text-indent: -99999px;
    overflow: hidden;
}

.panel-march1-heading8 {
	float: left;
    width: 226px;
    height: 35px;
    margin: 0;
    padding: 0;
    background: #bcbcbc url('/media/images/homepage/march1/panel-head-newsletter.jpg') no-repeat top left;
    text-indent: -99999px;
    overflow: hidden;
}

.panel-march1-plana-tv {
	float: left;
    width: 226px;
    height: 35px;
    margin: 0;
    padding: 0;
    background: #bcbcbc url('/media/images/homepage/march1/panel-head-plana-tv.jpg') no-repeat top left;
    text-indent: -99999px;
    overflow: hidden;
}

.panel-march1-heading5 {
	float: left;
    width: 226px;
    height: 35px;
    margin: 0;
    padding: 0;
    background: #bcbcbc url('/media/images/homepage/march1/panel-head-farmers.jpg') no-repeat top left;
    text-indent: -99999px;
    overflow: hidden;
}

.panel-march1-heading6 {
	float: left;
    width: 226px;
    height: 35px;
    margin: 0;
    padding: 0;
    background: #bcbcbc url('/media/images/homepage/march1/panel-head-youCanDo.jpg') no-repeat top left;
    text-indent: -99999px;
    overflow: hidden;
}

.panel-march1-heading7 {
	float: left;
    width: 226px;
    height: 35px;
    margin: 0;
    padding: 0;
    background: #bcbcbc url('/media/images/homepage/march1/panel-head-earthHour.jpg') no-repeat top left;
    text-indent: -99999px;
    overflow: hidden;
}

.panel-march1-heading9 {
	float: left;
    width: 226px;
    height: 35px;
    margin: 0;
    padding: 0;
    background: #bcbcbc url('/media/images/homepage/march1/panel-head-butterfly.jpg') no-repeat top left;
    text-indent: -99999px;
    overflow: hidden;
}

.panel-oxfam {
	float: left;
    width: 226px;
    height: 35px;
    margin: 0;
    padding: 0;
    background: #bcbcbc url('/media/images/homepage/march1/panel-head-oxfam.jpg') no-repeat top left;
    text-indent: -99999px;
    overflow: hidden;
}

.panel-rspca {
	float: left;
    width: 226px;
    height: 35px;
    margin: 0;
    padding: 0;
    background: #bcbcbc url('/media/images/homepage/march1/panel-head-rspca.jpg') no-repeat top left;
    text-indent: -99999px;
    overflow: hidden;
}

.panel-woolweek {
	float: left;
    width: 226px;
    height: 35px;
    margin: 0;
    padding: 0;
    background: #bcbcbc url('/media/images/homepage/march1/panel-head-woolweek.jpg') no-repeat top left;
    text-indent: -99999px;
    overflow: hidden;
}


.jan14-grey-footer {
	float: left;
    width: 226px;
    margin: 0 0 20px 0;
    padding: 0;
    background: #fbfbfb url('/site_assets/images/panels/jan14-grey-bottom.jpg') no-repeat bottom left;	
}

.jan14-grey-footer p {
	padding: 0 10px 0 10px;
	font-size: 0.75em;
}

.jan14-green-footer {
	float: left;
    width: 226px;
    margin: 0;
    padding: 0;
    background: #68b04a url('/site_assets/images/panels/jan14-green-bottom.jpg') no-repeat bottom left;	
}

.jan14-green-footer p {
	padding: 0 10px 0 10px;
	font-size: 0.75em;
	color: #FFF;
}

a.march1-button-enter-comp {
	float: left;
    display: inline;
    width: 118px;
    height: 19px;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    background: transparent url('/site_assets/images/panels/button-entercomp.jpg') no-repeat 0 0;
}

a.march1-button-watch-film {
	float: left;
    display: inline;
    width: 98px;
    height: 19px;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    background: transparent url('/site_assets/images/panels/button-march1-watch-film.jpg') no-repeat 0 0;
}

a.march1-button-competition {
	float: left;
    display: inline;
    width: 134px;
    height: 19px;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    background: transparent url('/site_assets/images/panels/button-march1-competition.jpg') no-repeat 0 0;
}

a.march1-button-greyCompetition {
	float: left;
    display: inline;
    width: 134px;
    height: 19px;
    margin: 10px 0 10px 10px;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    background: transparent url('/site_assets/images/panels/button-march1-greyCompetition.jpg') no-repeat 0 0;
}

a.button_grey_watch_video {
	float: left;
    display: inline;
    width: 134px;
    height: 19px;
    margin: 10px 0 10px 10px;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    background: transparent url('/site_assets/images/panels/button-march1-watchFilm.jpg') no-repeat 0 0;
}

a.button_green_watch_video {
	float: left;
    display: inline;
    width: 80px;
    height: 19px;
    margin: 10px 0 10px 10px;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    background: transparent url('/site_assets/images/panels/button_bfeature_green_watch.jpg') no-repeat 0 0;
}

a.march1-button-greenerliving {
	float: left;
    display: inline;
    width: 126px;
    height: 19px;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    background: transparent url('/site_assets/images/panels/button-march1-greenliving.jpg') no-repeat 0 0;
}

a.march1-button-recycle {
	float: left;
    display: inline;
    width: 139px;
    height: 19px;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    background: transparent url('/site_assets/images/panels/button-march1-recycle.jpg') no-repeat 0 0;
}

a.march1-button-signup {
	float: left;
    display: inline;
    width: 89px;
    height: 19px;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    background: transparent url('/site_assets/images/panels/button-march1-signUp.jpg') no-repeat 0 0;
}

a.button-savingsrewards {
	float: left;
    display: inline;
    width: 124px;
    height: 19px;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    background: transparent url('/site_assets/images/panels/button-home-savingsrewards.jpg') no-repeat 0 0;
}


a.button-howitworks {
	float: left;
    display: inline;
    width: 93px;
    height: 19px;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    background: transparent url('/site_assets/images/panels/button-march1-how-it-works.jpg') no-repeat 0 0;
}

a:hover.march1-button-watch-film,
a:hover.march1-button-competition,
a:hover.march1-button-greyCompetition,
a:hover.march1-button-greenerliving,
a:hover.march1-button-signup,
a:hover.button_grey_watch_video,
a:hover.march1-button-recycle,
a:hover.march1-button-enter-comp,
a:hover.button-savingsrewards,
a:hover.button-howitworks,
a:hover.button_green_watch_video {
	background-position: 0 -19px;	
}

a.jan14-button1 {
	float: left;
    display: inline;
    width: 197px;
    height: 19px;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    background: transparent url('/site_assets/images/panels/button-jan14-panel3.jpg') no-repeat 0 0;
}

a:hover.jan14-button1 {
	background-position: 0 -19px;	
}

a.jan14-button2 {
	float: left;
    display: inline;
    width: 145px;
    height: 19px;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    background: transparent url('/site_assets/images/panels/button-jan14-panel2.jpg') no-repeat 0 0;
}

a:hover.jan14-button2 {
	background-position: 0 -19px;	
}

a.jan14-button3 {
	float: left;
    display: inline;
    width: 128px;
    height: 19px;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    background: transparent url('/site_assets/images/panels/button-jan14-panel1.jpg') no-repeat 0 0;
}

a:hover.jan14-button3 {
	background-position: 0 -19px;	
}

a.jan14-button4 {
	float: left;
    display: inline;
    width: 97px;
    height: 19px;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    background: transparent url('/site_assets/images/panels/button4-jan14.jpg') no-repeat 0 0;
}

a.jan14-button4-onGreen {
	float: left;
    display: inline;
    width: 97px;
    height: 19px;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    background: transparent url('/site_assets/images/panels/button4-onGreen-jan14.jpg') no-repeat 0 0;
}

a.rspca-button {
	float: left;
    display: inline;
    width: 172px;
    height: 19px;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    background: transparent url('/site_assets/images/panels/button-rspca.png') no-repeat 0 0;
}

a:hover.jan14-button4,
a:hover.jan14-button4-onGreen {
	background-position: 0 -19px;	
}

/* ------ Central Column Grey Panel ------ */

.wide_grey_panel {
    float: left;
    width: 350px;
    margin: 6px 0 0 0;
    padding: 0 0 8px 0;
    position:relative;
    background: #f8f8f8 url('/site_assets/images/panels/basic_panel_grey_wide_bg.jpg') no-repeat 0 100%;
}

/*
.wide_grey_panel p{
    margin: 10px 0 0 10px !important;
}
*/

.wide_grey_panel .header {
    float: left;
    display: block;
    width: 350px;
    height: 9px;
    margin: 0;
    padding: 0;
    font-size: 0.01em;
    overflow: hidden;
    background: transparent url('/site_assets/images/panels/basic_panel_grey_wide_header.gif') no-repeat 0 0;
}

.wide_grey_panel img {
    float: left;
}

.wide_grey_panel img.pledge_icon {
    float: left;
    margin: 3px 7px 0 9px;
}

#center_column .wide_grey_panel p {
    float: left;
    width: 330px;
    margin: 0;
    padding: 0 10px;
}

#center_column .wide_grey_panel p a {
    color: #2d8714;
    text-decoration: none;
}
#center_column .wide_grey_panel p a:hover {
    text-decoration: underline;
}


.wide_grey_panel a.our_commitments {
    float: left;
    display: inline;
    width: 276px;
    height: 20px;
    margin: 10px 0 0 10px;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    background: transparent url('/site_assets/images/panels/button_green_on_grey_our_commitments.jpg') no-repeat 0 0;
}
.wide_grey_panel a:hover.our_commitments {
    background-position: 0 -20px;
}

#greyLarge_content,
#greenLarge_content {
    float: left;
    width: 530px;
    margin: 6px 0 10px 0;
    background: #e9e9e9 url('/site_assets/images/panels/greyLarge_panel_top.gif') no-repeat 0 0;
}
#greenLarge_content {
    padding: 7px 0 0 0;
    background: #1c9014 url('/site_assets/images/panels/greenLarge_panel_bg.jpg') no-repeat 0 0;
}

#greyLarge_content p,
#greenLarge_content p {
    float: left;
    width: 510px;
    padding: 5px 10px 0 10px;
}

#greenLarge_content p {
    color: #fff;
}

#greyLarge_content p.message,
#greenLarge_content p.message {
    padding: 5px 10px 0 10px;
    color: #000;
}

#greyLarge_content .footer,
#greenLarge_content .footer {
    float: left;
    width: 530px;
    height: 5px;
    margin: 0;
    padding: 0;
    font-size: 0.01em;
    overflow: hidden;
    background: transparent url('/site_assets/images/panels/greyLarge_panel_footer.gif') no-repeat 0 0;
}
#greenLarge_content .footer {
    margin: 10px 0 0 0;
    background: transparent url('/site_assets/images/panels/greenLarge_panel_footer.gif') no-repeat 0 0;
}

#greenLarge_content a {
    float: left;
    display: inline;
    width: 95px;
    height: 20px;
    margin: 10px 10px 0 10px;
    padding: 0;
    font-size: 0.01em;
    text-decoration: none;
    text-indent: -999999px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
}
#greenLarge_content a:hover {
    background-position: 0 -20px;
}

#greenLarge_content a.take_a_pledge {
    background-image: url('/site_assets/images/panels/button_green_on_green_take_a_pledge.jpg');
}


#greenLarge_content a.view_pledges_climate {
    width: 175px;
    background-image: url('/site_assets/images/panels/button_green_on_green_view_pledges_climate.jpg');
}
#greenLarge_content a.view_pledges_health {
    width: 129px;
    background-image: url('/site_assets/images/panels/button_green_on_green_view_pledges_health.jpg');
}
#greenLarge_content a.view_pledges_partner {
    width: 154px;
    background-image: url('/site_assets/images/panels/button_green_on_green_view_pledges_partner.jpg');
}
#greenLarge_content a.view_pledges_materials {
    width: 166px;
    background-image: url('/site_assets/images/panels/button_green_on_green_view_pledges_materials.jpg');
}
#greenLarge_content a.view_pledges_waste {
    width: 128px;
    background-image: url('/site_assets/images/panels/button_green_on_green_view_pledges_waste.jpg');
}


#greenLarge_content a.read_more_climate {
    width: 196px;
    background-image: url('/site_assets/images/panels/button_green_on_green_read_more_climate.jpg');
}
#greenLarge_content a.read_more_health {
    width: 149px;
    background-image: url('/site_assets/images/panels/button_green_on_green_read_more_health.jpg');
}
#greenLarge_content a.read_more_partner {
    width: 174px;
    background-image: url('/site_assets/images/panels/button_green_on_green_read_more_partner.jpg');
}
#greenLarge_content a.read_more_materials {
    width: 187px;
    background-image: url('/site_assets/images/panels/button_green_on_green_read_more_materials.jpg');
}
#greenLarge_content a.read_more_waste {
    width: 147px;
    background-image: url('/site_assets/images/panels/button_green_on_green_read_more_waste.jpg');
}

#greenLarge_content a.view_all_pledges {
    width: 107px;
    background-image: url('/site_assets/images/panels/button_green_on_green_view_all_pledges.jpg');
}

#greenLarge_content ul {
    float: left;
    width: 530px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#greenLarge_content li {
    float: left;
    display: inline;
    width: auto;
    margin: 0;
    padding: 0;
}

.wide_grey_panel h4 {
    float: left;
    display: inline;
    width: 330px;
    margin: 0 10px 0 10px;
    padding: 0 0 8px 0;
    font-size: 0.75em;
    font-weight: 700;
    background: transparent url('/site_assets/images/panels/basic_panel_grey_title_border.gif') repeat-x 0 100%;
}
.wide_grey_panel h4.hidden {
    display: none;
}
.wide_grey_panel h4.pledge_title {
    width: 250px;
    margin: 2px 10px 0 0;
    padding: 0;
    background: transparent;
}

.wide_grey_panel dl {
    float: left;
    width: 250px;
    margin: 0;
    padding: 0;
    font-size: 0.75em;
}

.wide_grey_panel dt {
    float: left;
    width: auto;
    margin: 0;
    padding: 2px 0 0 0;
}

.wide_grey_panel dd {
    float: left;
    width: 250px;
    margin: 0;
    padding: 0;
    text-indent: 0;
}

.wide_grey_panel dd.one_star,
.wide_grey_panel dd.two_stars,
.wide_grey_panel dd.three_stars {
    float: left;
    display: inline;
    width: 40px;
    height: 14px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 4px;
}
.wide_grey_panel dd.one_star {
    background-image: url('/site_assets/images/panels/pledges_difficulty_1_star.gif');
}
.wide_grey_panel dd.two_stars {
    background-image: url('/site_assets/images/panels/pledges_difficulty_2_stars.gif');
}
.wide_grey_panel dd.three_stars {
    background-image: url('/site_assets/images/panels/pledges_difficulty_3_stars.gif');
}

.wide_grey_panel ul {
    float: left;
    width: 330px;
    margin: 8px 0 0 2px;
    padding: 0 10px;
    list-style-type: none;
    font-size: 12px;
}

.wide_grey_panel li {
    float: left;
    width: 310px;
    margin: 0;
    padding: 0 0 5px 0;
}

.wide_grey_panel form {
    float: left;
    width: 330px;
    margin: -10px 0 0 0;
    padding: 0 0 6px 0;
}

.wide_grey_panel fieldset {
    float: left;
    width: 330px;
    margin: 10px 0 0 0;
    padding: 0;
    border: none;
}

.wide_grey_panel form h4 {
    float: left;
    display: inline;
    width: 327px;
    margin: 0 10px;
    padding: 0 0 8px 0;
    font-size: 0.75em;
    font-weight: 700;
    background: transparent url('/site_assets/images/panels/basic_panel_grey_title_border.gif') repeat-x 0 100%;
}

.wide_grey_panel form label {
    float: left;
    width: 250px;
    margin: 12px 0 0 6px;
    padding: 0;
    font-size: 0.688em;
}
.wide_grey_panel form label.hidden {
    display: none;
}

.wide_grey_panel input.radio {
    float: left;
    margin: 10px 0 0 10px;
}

.wide_grey_panel input.text {
    float: left;
    width: 132px;
    margin: 7px 0 0 10px;
    padding: 0 2px;
    font-size: 0.688em;
}

.wide_grey_panel input.update {
    float: left;
    width: 61px;
    height: 20px;
    margin: 8px 0 0 10px;
    padding: 19px 0 0 0;
    text-indent: -99999px;
    text-decoration: none;
    font-size: 0.01em;
    cursor: pointer;
    border: none;
    overflow: hidden;
    background: transparent url('/site_assets/images/panels/button_green_on_grey_update.jpg') no-repeat 0 0;
}
.wide_grey_panel input:hover.update {
    background-position: 0 -20px;
}

.wide_grey_panel a.take_pledge {
    float: left;
    display: inline;
    width: 85px;
    height: 20px;
    margin: 15px 0 0 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-decoration: none;
    text-indent: -99999px;
    background: transparent url('/site_assets/images/panels/button_green_on_grey_take_a_pledge.jpg') no-repeat 0 0;
}
.wide_grey_panel a:hover.take_pledge {
    background-position: 0 -20px;
}

/* ------ Central Column Green Panel ------ */

.wide_green_panel {
    float: left;
    width: 350px;
    margin: 6px 0 0 0;
    padding: 0 0 0 0;
    background: #1c9115 url('/site_assets/images/panels/basic_panel_green_wide_bg.jpg') no-repeat 0 0;
}

.wide_green_panel .footer {
    float: left;
    display: block;
    width: 350px;
    height: 3px;
    margin: 0;
    padding: 0;
    font-size: 0.01em;
    overflow: hidden;
    background: transparent url('/site_assets/images/panels/basic_panel_green_wide_footer.jpg') no-repeat 0 0;
}

.wide_green_panel h4 {
    float: left;
    display: inline;
    width: 330px;
    margin: 0 10px 2px 10px;
    padding: 10px 0 8px 0;
    color: #fff;
    font-weight: 700;
    font-size: 0.75em;
    background: transparent url('/site_assets/images/panels/basic_panel_green_wide_title_border.gif') repeat-x 0 100%;
}

.wide_green_panel h4 a {
    color: #fff;
    text-decoration: none;
}
.wide_green_panel h4 a:hover {
    text-decoration: underline;
}

#two_column p.white_text {
    color: #fff;
    padding: 8px 10px 0 10px;
    width: auto;
}

.remind_me {
	padding: 0;
	margin: 0;
	border: 0;
	text-transform: capitalize;
    text-indent:-999em;
	width: 89px;
	height: 19px;
	background: transparent url('/site_assets/images/panels/green-button-remind-me.gif') no-repeat 0 0;
	cursor: pointer;
}

.wide_green_panel img {
    float: left;
    margin: 0 0 0 5px;
}

.wide_green_panel a.read_more {
    float: right;
    display: inline;
    width: 80px;
    height: 20px;
    margin: 10px 10px 7px 0;
    padding: 0;
    font-size: 0.01em;
    text-decoration: none;
    text-indent: -999999px;
    background: transparent url('/site_assets/images/panels/button_green_read_more.jpg') no-repeat 0 0;
}
.wide_green_panel a:hover.read_more {
    background-position: 0 -20px;
}

/*-----------------------------------------------
// Homepage Panels
//---------------------------------------------*/

/* ------ Featured Item ------ */

#featured_item {
    float: left;
    display: inline;
    width: 360px;
    margin: 0;
    padding: 0 0 25px 0;
    color: #000;
    background-color: #f1f1f1;
}

#featured_item h3,
#featured_item h4 {
    float: left;
    width: 342px;
    margin: 0;
    padding: 10px 10px 0 10px;
    color: #2d9616;
    font-size: 1.2em;
    font-weight: 400;
}

#featured_item h3 a,
#featured_item h4 a {
    color: #2d9616;
    text-decoration: none;
}

#featured_item h3.medium{
	font-weight:bold;
	font-size: 0.9em;
}

.small{
	font-size: 0.85em;
}

#featured_item h3 a:hover,
#featured_item h4 a:hover,
#featured_item h3 a.hover,
#featured_item h4 a.hover {
    text-decoration: none;
    color: #237c10;
}

#featured_item p {
    float: left;
    width: 342px;
    margin: 0;
    padding: 8px 9px 0 9px;
    color: #333;
    font-size: 0.75em;
    line-height: 1.15em;
}

#featured_item a.button_watch_video,
#featured_item a.button_play_game {
    float: left;
    display: inline;
    width: 86px;
    height: 20px;
    margin: 10px 0 9px 9px;
    padding: 0;
    font-size: 0.01em;
    text-decoration: none;
    text-indent: -99999px;
    overflow: hidden;
    background: transparent url('/site_assets/images/panels/button_green_watch_video.gif') no-repeat 0 0;
}
#featured_item a.button_play_game {
    width: 98px;
    background: transparent url('/site_assets/images/panels/button_grey_on_green_play_game.jpg') no-repeat 0 0;
}

#featured_item a:hover.button_watch_video,
#featured_item a:hover.button_play_game {
    background-position: 0 -20px;
}

#featured_item a.button_read_more {
    float: left;
    display: inline;
    width: 80px;
    height: 20px;
    margin: 10px 0 9px 9px;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    background: transparent url('/site_assets/images/panels/button_greyOnGreen_read_more.gif') no-repeat 0 0;
}
#featured_item a:hover.button_read_more {
    background-position: 0 -20px;
}

#featured_item img {
    float: left;
    border: none;
}


/*-----------------------------------------------
// Panels relating to the About section
//---------------------------------------------*/

/* ------ Paragraph Inside Large Panel ------ */

#center_column p#the_plan_header {
    float: left;
    width: 260px;
    margin: 0;
    padding: 0;
}

/* ------ Definition List Inside Large Panel ------ */

dl#the_plan_header {
    float: left;
    width: 245px;
    margin: 10px 10px 0 5px;
    padding: 0;
    font-size: 0.75em;
    color: #fff;
}

dl#the_plan_header dt {
    float: left;
    width: 245px;
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: 700;
}

dl#the_plan_header dd {
    float: left;
    width: 245px;
    margin: 0;
    padding: 0;
    text-indent: 0;
}


/*-----------------------------------------------
// 'What We're Doing' panels
//---------------------------------------------*/

/* ------ Green Panel with Curved Image Bottom ------ */

.image_panel_wide_green {
    float: left;
    width: 350px;
    margin: 10px 0 0 0;
    padding: 0;
    background: #85bc00 url('/site_assets/images/panels/image_panel_wide_green_bg.jpg') no-repeat 0 0;
}

.top {
    margin: 1px 0 0 0;
}

.image_panel_wide_green h4 {
    float: left;
    display: inline;
    width: 330px;
    margin: 0 10px 0 10px;
    padding: 10px 0 0 0;
    color: #fff;
    font-weight: 700;
    font-size: 0.75em;
}

.image_panel_wide_green h4 a {
    color: #fff;
    text-decoration: none;
}
.image_panel_wide_green h4 a:hover {
    text-decoration: underline;
}

.image_panel_wide_green a.button_watch_video {
    float: left;
    display: inline;
    width: 86px;
    height: 20px;
    margin: 10px 0 9px 9px;
    padding: 0;
    font-size: 0.01em;
    text-decoration: none;
    text-indent: -99999px;
    overflow: hidden;
    background: transparent url('/site_assets/images/panels/button_green_watch_video.gif') no-repeat 0 0;
}

.image_panel_wide_green a:hover.button_watch_video {
    background-position: 0 -20px;
}

#center_column .image_panel_wide_green p {
    float: left;
    width: 330px;
    margin: 0;
    padding: 6px 10px 0 10px;
    color: #fff;
    font-size: 0.688em;
    line-height: 1.2em;
}

.image_panel_wide_green img {
    float: left;
    border: 0;
}

.image_panel_wide_green a.button_read_more {
    float: left;
    display: inline;
    width: 80px;
    height: 20px;
    margin: 10px 0 9px 9px;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    background: transparent url('/site_assets/images/panels/button_greyOnGreen_read_more.gif') no-repeat 0 0;
}
.image_panel_wide_green a:hover.button_read_more {
    background-position: 0 -20px;
}

.image_panel_wide_green a.button_play_game {
    float: left;
    display: inline;
    width: 98px;
    height: 20px;
    margin: 10px 0 9px 9px;
    padding: 0;
    font-size: 0.01em;
    text-decoration: none;
    text-indent: -99999px;
    overflow: hidden;
    background: transparent url('/site_assets/images/panels/button_grey_on_green_play_game.jpg') no-repeat 0 0;
}
.image_panel_wide_green a:hover.button_play_game {
    background-position: 0 -20px;
}


/*-----------------------------------------------
// 'What You Can Do' panels
//---------------------------------------------*/

/* ------ Registration Form Styles ------ */

form#register_form {
    float: left;
    width: 530px;
    margin: 8px 0 0 0;
    padding: 23px 0 0 0;
    background: #1c9014 url('/site_assets/images/panels/registration_form_bg.jpg') no-repeat 0 0;
}

#register_form fieldset {
    width: 510px;
    margin: 0;
    padding: 0 10px;
    border: none;
}
#register_form fieldset#terms {
    float: left;
    width: 510px;
    margin: 8px 0 0 0;
    padding: 0 10px 10px 10px;
    border: none;
    background: transparent url('/site_assets/images/panels/registration_form_footer.jpg') no-repeat 0 100%;
}

#register_form legend {
    display: none;
}

#register_form p label {
    float: left;
    width: 100%;
    margin: 0 0 2px 0;
    color: #fff;
    font-size: 0.625em;
}

#register_form label {
    float: left;
    width: 100%;
    margin: 0 0 2px 0;
    color: #fff;
    font-size: 0.75em;
}

#register_form input {
    float: left;
    padding: 0;
}

#register_form select {
    float: left;
    width: 244px;
    padding: 0;
}

#two_column #register_form p {
    float: left;
    width: 255px;
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 1.25em;
}

#two_column #register_form p a {
    color: #fff;
    font-size: 0.55em;
    font-weight: 700;
}

#register_form p.form_second_input {
    
}

#register_form p input {
    width: 240px;
}

#register_form fieldset#terms input#confirm {
    float: left;
}

#register_form fieldset#terms label {
    float: left;
    width: 470px;
    padding: 0 0 0 10px;
    font-size: 0.625em;
}

#register_form fieldset#terms p {
    float: left;
    width: 510px;
    margin: 45px 0 0 0;
    font-size: 0.75em;
    color: #95c38a;
}

#register_form fieldset#terms input.submit {
    float: left;
    width: 71px;
    height: 20px;
    margin: 8px 0 0 0;
    padding: 19px 0 0 0;
    text-indent: -99999px;
    text-decoration: none;
    font-size: 0.01em;
    cursor: pointer;
    border: none;
    overflow: hidden;
    background: transparent url('/site_assets/images/panels/button_green_on_green_register.jpg') no-repeat 0 0;
}
#register_form fieldset#terms input:hover.submit {
    background-position: 0 -20px;
}

#register_form fieldset#terms input.clear {
    float: left;
    clear: left;
    width: 44px;
    height: 16px;
    margin: 5px 0 0 0;
    padding: 15px 0 0 0;
    border: none;
    cursor: pointer;
    text-indent: -99999px;
    text-decoration: none;
    font-size: 0.01em;
    overflow: hidden;
    background: transparent url('/site_assets/images/panels/button_reset_form.gif') no-repeat 0 0;
}
#register_form fieldset#terms input:hover.clear {
    background-position: 0 -16px;
}

#register_form fieldset#remember_me {
    float: left;
    width: 510px;
    margin: 0;
    padding: 0 10px 10px 10px;
    border: none;
    background: transparent url('/site_assets/images/panels/registration_form_footer.gif') no-repeat 0 100%;
}

#register_form fieldset#remember_me a {
    
}

#register_form fieldset#remember_me label {
    float: left;
    width: 470px;
    padding: 1px 0 0 6px;
    font-size: 0.625em;
}

#register_form fieldset#remember_me input {
    margin-top: 0;
    height: 14px;
}

#register_form fieldset#remember_me input.submit {
    float: left;
    clear: both;
    display: inline;
    width: 56px;
    height: 20px;
    margin: 8px 0 0 0;
    padding: 19px 0 0 0;
    text-indent: -99999px;
    text-decoration: none;
    font-size: 0.01em;
    cursor: pointer;
    border: none;
    overflow: hidden;
    background: transparent url('/site_assets/images/panels/button_green_on_green_login.jpg') no-repeat 0 0;
}
#register_form fieldset#remember_me input:hover.submit {
    background-position: 0 -20px;
}
/* ------ Active Pledges Panel ------ */

#active_pledges_panel {
    float: left;
    width: 530px;
    height: 305px; /* For IE6 */
    min-height: 305px;
    margin: 5px 0 0 0;
    padding: 20px 0 0 13px;
    list-style-type: none;
    background: transparent url('/site_assets/images/panels/active_pledges_panel_bg.jpg') no-repeat 0 0;
}
#two_column>ul#active_pledges_panel {
    height: auto; /* For everyone else */
}

#active_pledges_panel li {
    float: left;
    display: inline;
    width: 255px;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    background: transparent url('/site_assets/images/panels/active_pledges_panel_item_border.gif') no-repeat 0 100%;
}

#active_pledges_panel li.first_column {
    clear: left;
}

#active_pledges_panel li img {
    float: left;
    margin-right: 10px;
}

#active_pledges_panel li h5 {
    float: left;
    width: 166px;
    margin: 0;
    padding: 0;
    font-size: 0.75em;
    font-weight: 700;
}

#active_pledges_panel dl {
    float: left;
    width: 179px;
    margin: 0;
    padding: 0;
    font-size: 0.75em;
}

#active_pledges_panel dt {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}

#active_pledges_panel dd {
    float: left;
    display: inline;
    width: 40px;
    height: 14px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 3px;
}

#active_pledges_panel dd.one_star {
    background-image: url('/site_assets/images/panels/pledges_difficulty_1_star.gif');
}
#active_pledges_panel dd.two_stars {
    background-image: url('/site_assets/images/panels/pledges_difficulty_2_stars.gif');
}
#active_pledges_panel dd.three_stars {
    background-image: url('/site_assets/images/panels/pledges_difficulty_3_stars.gif');
}

#active_pledges_panel li ul {
    float: left;
    width: 179px;
    margin: 0 0 -2px 0;
    padding: 4px 0 0 0;
    list-style-type: none;
}

#active_pledges_panel li ul li {
    float: left;
    width: 179px;
    margin: 0;
    padding: 4px 0 0 0;
    overflow: hidden;
    border: none;
    background: transparent;
}

#active_pledges_panel a.waste_view_pledges,
#active_pledges_panel a.health_view_pledges,
#active_pledges_panel a.sustainable-raw-materials_view_pledges,
#active_pledges_panel a.climate-change_view_pledges,
#active_pledges_panel a.fair-partner_view_pledges {
    float: left;
    height: 20px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-decoration: none;
    text-indent: -99999px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
}
#active_pledges_panel a.sustainable-raw-materials_view_pledges {
    width: 163px;
    background-image: url('/site_assets/images/panels/button_green_on_grey_view_pledges_materials.jpg');
}
#active_pledges_panel a.health_view_pledges {
    width: 125px;
    background-image: url('/site_assets/images/panels/button_green_on_grey_view_pledges_health.jpg');
}
#active_pledges_panel a.waste_view_pledges {
    width: 124px;
    background-image: url('/site_assets/images/panels/button_green_on_grey_view_pledges_waste.jpg');
}
#active_pledges_panel a.climate-change_view_pledges {
    width: 171px;
    background-image: url('/site_assets/images/panels/button_green_on_grey_view_pledges_climate.jpg');
}
#active_pledges_panel a.fair-partner_view_pledges {
    width: 152px;
    background-image: url('/site_assets/images/panels/button_green_on_grey_view_pledges_partner.jpg');
}

#active_pledges_panel a:hover.view_pledges_materials,
#active_pledges_panel a:hover.view_pledges_health,
#active_pledges_panel a:hover.view_pledges_waste,
#active_pledges_panel a:hover.view_pledges_climate,
#active_pledges_panel a:hover.view_pledges_fairtrade,
#active_pledges_panel a:hover.health_view_pledges,
#active_pledges_panel a:hover.waste_view_pledges,
#active_pledges_panel a:hover.sustainable-raw-materials_view_pledges,
#active_pledges_panel a:hover.climate-change_view_pledges,
#active_pledges_panel a:hover.fair-partner_view_pledges {
    background-position: 0 -20px;
}