/*           ----------------------------------------------- // Homepage Content
        //---------------------------------------------* /
        /* ------ Terms & Condictions ------ */           
ol {
    float: left;
    margin: 0;
    padding: 20px 0 0 0;
}

ol li {
    margin: 0;
    padding: 0;
}

/* ------ Homepage Recent Item with Image, Homepage News Item ------ */
.newsletter-homepage {
    float: left;
    display: inline;
    width: 170px;
    height: 175px;
    margin: 0 0 20px 0;
    padding: 0;
    background: transparent
        url('/media/images/homepage/2011/center-column-newsletter.jpg')
        no-repeat 0 0;
}

.newsletter-homepage h4 {
    color: #FFF;
    font-size: 1.0em;
    width: 160px;
    font-weight: 700;
    padding: 10px 0 0 10px;
}

.newsletter-homepage p {
    float: left;
    width: 105px;
    color: #FFF;
    margin: 5px 0 0 0;
    padding: 0 0 0 10px;
    font-size: 0.75em;
    line-height: 1.15em;
    font-weight: 700;
}

.newsletter-homepage form input {
    float: left;
    width: 145px;
    margin: 10px 0 0 10px;
    padding: 0;
}

.newsletter-homepage form input.subscribe {
    float: left;
    width: 68px;
    height: 21px;
    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('/media/images/homepage/2011/newsletter-submit.jpg') no-repeat 0
        1px;
}

.fixed_height{
    height: 168px;	
}

.recent_item_home {
    float: left;
    display: inline;
    width: 170px;
    margin: 10px 20px 0 0;
    overflow: hidden;
    padding: 8px 0 0 0;
    background-color: #f1f1f1;
}

.recent_item_home-last {
    float: left;
    display: inline;
    width: 170px;
    margin: 10px 0 0 0;
    overflow: hidden;
    padding: 8px 0 0 0;
    background-color: #f1f1f1;
}

.recent_item_home h4,.recent_item_home-last h4 {
    float: left;
    width: 150px;
    margin: 0;
    padding: 0 10px 0 10px;
    color: #2d9616;
    font-size: 0.9em;
    font-weight: 700;
}

.recent_item_home h4 a,.recent_item_home-last h4 a {
    color: #2d9616;
    text-decoration: none;
}

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

.recent_item_home p,.recent_item_home-last p {
    float: left;
    width: 150px;
    margin: 10px 0 0 0;
    padding: 0 10px 0 10px;
    color: #333;
    font-size: 0.75em;
    line-height: 1.15em;
}

.recent_item_home img,.recent_item_home-last img {
    /*padding: 10px 0 0 0;*/
}


.news_item_home {
    float: left;
    width: 170px;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #EEE;
}

.news_item_home h4 {
    float: left;
    width: 170px;
    margin: 0;
    padding: 0 0 8px 0;
    color: #2d9616;
    font-size: 0.9em;
    font-weight: 700;
}

.news_item_home h4 {
    padding: 0 0 4px 0;
}

.news_item_home h4 a {
    color: #2d9616;
    text-decoration: none;
}

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

.news_item_home p {
    float: left;
    width: 115px;
    margin: 0 0 0 0;
    padding: 0;
    color: #333;
    font-size: 0.75em;
    line-height: 1.2em;
}

.news_item_home.full-width-image p {
    width: auto;
    padding-top: 10px;
}

.news_item_home img {
    float: right;
    padding: 5px 0 0 0;
}

.news_item_home a.read_more {
    float: left;
    display: block;
    width: 69px;
    height: 10px;
    margin: 6px 0 0 0;
    padding: 1px 0 0 12px;
    font-size: 0.688em;
    line-height: 0.688em;
    text-decoration: none;
    font-weight: 700;
    color: #2d8714;
    background: transparent
        url('/site_assets/images/global/basic_link_arrow.gif') no-repeat 0 1px;
}

.recent_item_home a:hover.read_more,.news_item_home a:hover.read_more {
    color: #236114;
    text-decoration: underline;
    background-position: 0 -99px;
}

.homepage-retail-award-tile {
    padding: 10px;
    height: 200px;
    width: 150px;
    background-color: #F1F1F1;
    border-bottom: 0 none;
     position: relative;
}

.homepage-retail-award-tile img{
    left: 0;
    bottom: 0;
    position: absolute;
}

.homepage-retail-award-tile h4 {
    width: auto;

}

/*-----------------------------------------------
// About - The Plan
//---------------------------------------------*/
/* ----- Google Maps ----- */
#map_canvas {
    float: left;
    width: 350px;
    height: 400px;
    padding: 0;
    margin: 20px 0 0 0;
}

/* ------ Landing Page Wrapper ------ */
#about_landing_wrapper {
    float: left;
    width: 530px;
    margin: 15px 0 0 0;
    padding: 0;
}

/* ------ List of Commitments ------ */
#about_commitment_list {
    float: left;
    width: 350px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#about_commitment_list li {
    float: left;
    width: 350px;
    margin: 0;
    padding: 10px 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #ccc;
}

#about_commitment_list li img {
    float: left;
    border: none;
}

#about_commitment_list dl {
    float: left;
    width: 270px;
    margin: 0 0 0 16px;
    padding: 0;
    font-size: 0.75em;
}

#about_commitment_list dt {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

#about_commitment_list dt a {
    color: #333;
    text-decoration: none;
}

#about_commitment_list dd {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    text-indent: 0;
}

#pledge_list dd.one_star,#pledge_list dd.two_stars,#pledge_list 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 3px;
}

#pledge_list dd.one_star {
    background-image:
        url('/site_assets/images/panels/pledges_difficulty_1_star.gif');
}

#pledge_list dd.two_stars {
    background-image:
        url('/site_assets/images/panels/pledges_difficulty_2_stars.gif');
}

#pledge_list dd.three_stars {
    background-image:
        url('/site_assets/images/panels/pledges_difficulty_3_stars.gif');
}

#center_column #about_commitment_list dd p {
    font-size: 1em;
}

/* ------ List of Categories on The Plan Index ------ */
ul.plan_categories {
    float: left;
    width: 360px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    /* background: transparent url('/site_assets/images/panels/plan_panels_bg.gif') no-repeat 0 100%;*/
}

ul.plan_categories li {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}

/*-----------------------------------------------
// About - Partnerships
//---------------------------------------------*/
.inline_image {
    float: left;
    width: 340px;
    padding: 10px 5px 0 5px;
    margin: 5px 0 10px 0;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #ccc;
}

.border {
    float: left;
    width: 350px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ccc;
    padding-top: 10px;
    margin-bottom: 10px;
}

#center_column .inline_image .image_caption p {
    font-size: 0.625em;
    color: #484848;
    border: 0;
}

blockquote {
    float: left;
    margin: 5px 0 5px 0;
    padding: 5px 0 5px 0;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #ccc;
}

#center_column blockquote p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 0.875em;
    color: #278416;
    font-weight: 700;
}

#center_column blockquote small {
    color: #278416;
    font-size: 0.8em;
}

#two_column p.partnerships_intro {
    margin-bottom: 15px;
}

/*-----------------------------------------------
// Stories - Listing
//---------------------------------------------*/
#story_list {
    float: left;
    width: 350px;
    margin: 10px 0 0 0;
    padding: 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ccc;
}

.story_item_feature {
    float: left;
    width: 350px;
    margin: 0;
    padding: 10px 0 10px 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #ccc;
}

.story_thumb_feature {
    float: left;
    width: 139px;
    height: 151px;
    background: transparent
        url('/site_assets/images/global/stories/thumbnail_header.jpg')
        no-repeat 7px 0;
    padding: 4px 0 0 7px;
    margin: 0;
}

.story_copy_feature {
    float: left;
    width: 190px;
    padding: 0 0 0 10px;
    margin: 0;
}

.story_copy_feature h1 {
    font-size: 0.80em;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

#story_item_feature .story_copy_feature p {
    float: left;
    padding: 0;
    margin: 0;
}

.story_item {
    float: left;
    width: 350px;
    margin: 0;
    padding: 10px 0 10px 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #ccc;
}

.story_copy {
    float: left;
    width: 190px;
    padding: 0 0 0 10px;
    margin: 0;
}

.story_copy h1 {
    font-size: 0.80em;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

#story_item .story_copy p {
    float: left;
    padding: 0;
    margin: 0;
}

.story_thumb {
    float: left;
    width: 139px;
    height: 77px;
    background: transparent
        url('/site_assets/images/global/stories/thumbnail_header.jpg')
        no-repeat 7px 0;
    padding: 3px 0 0 7px;
    margin: 0;
}

.story_copy a.read_more,.story_copy_feature a.read_more {
    float: left;
    display: block;
    width: 69px;
    height: 10px;
    margin: 6px 0 0 0;
    padding: 1px 0 0 12px;
    font-size: 0.688em;
    line-height: 0.688em;
    text-decoration: none;
    font-weight: 700;
    color: #2d8714;
    background: transparent
        url('/site_assets/images/global/basic_link_arrow.gif') no-repeat 0 1px;
}

.story_copy a:hover.read_more,.story_copy_feature a:hover.read_more {
    color: #236114;
    text-decoration: underline;
    background-position: 0 -99px;
}

/* ------ List of Links Within a Story ------ */
#story_content ul.link_group {
    float: left;
    width: 350px;
    margin: 10px 0 0 0;
    padding: 0;
    list-style-type: none;
}

#story_content ul.link_group li {
    float: left;
    width: 350px;
    margin: 0 0 5px 0;
    padding: 0;
    background: transparent;
}

#story_content ul.link_group li a {
    float: left;
    width: 338px;
    margin: 0;
    padding: 0 0 0 12px;
    color: #2d8714;
    line-height: 1em;
    font-weight: 700;
    text-decoration: none;
    background: transparent
        url('/site_assets/images/global/basic_link_arrow.gif') no-repeat 0 1px;
}

#story_content ul.link_group li a:hover {
    color: #1c5e0c;
    text-decoration: underline;
    background-position: 0 -99px;
}

/*-----------------------------------------------
// Stories and Archives - Display Styles
//---------------------------------------------*/
#story_content {
    float: left;
    width: 350px;
}

#story_content p strong{
    padding-top: 5px;	
}

#center_column .story_content_small{
    font-size: 0.7em;	
}

#archive_content {
    float: left;
    width: 530px;
}

#story_content * {
    display: block;
}

#center_column #story_content p {
    width: 100%;
}

#center_column p {
    width: 100%;
}

#story_content p a,#archive_content p a {
    display: inline;
}

#story_content sub, #story_content sup {
    display: inline;
    font-size: 9px;
}

#story_content h2 {
    font-size: 0.80em;
    color: #278416;
    margin: 5px 0 5px 0;
    padding: 5px 0 5px 0;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #ccc;
}

#story_content a,#archive_content a {
    display: inline;
    text-decoration: none;
    color: #2d8714;
}

#story_content a:hover,#archive_content a:hover {
    color: #236114;
    text-decoration: underline;
    background-position: 0 -99px;
}

#archive_content a.download:hover, #archive_content a.download {
    background-position: 0 0;
    font-size: 11px !important;
}

#story_content ul {
    float: left;
    width: 350px;
    padding: 10px 0 10px 0;
    margin: 0;
}

#story_content li {
    float: left;
    clear: both;
    width: 337px;
    font-size: 0.75em;
    color: #484848;
    list-style-type: none;
    background: transparent
        url('/site_assets/images/global/stories/grey_bullet_point.gif')
        no-repeat 0 3px;
    margin: 0;
    padding: 0 0 5px 13px;
}

#story_content_wide ul {
    float: left;
    padding: 10px 0 10px 0;
    margin: 0;
    width: 100%;
}

#story_content_wide li {
    float: left;
    clear: both;
    font-size: 0.75em;
    color: #484848;
    list-style-type: none;
    background: transparent
        url('/site_assets/images/global/stories/grey_bullet_point.gif')
        no-repeat 0 3px;
    margin: 0;
    padding: 0 0 5px 13px;
    width: 95%;
}

#archive_content ul {
    float: left;
    width: 530px;
    padding: 10px 0 10px 0;
    margin: 0;
}

#archive_content li {
    float: left;
    clear: both;
    width: 517px;
    font-size: 0.75em;
    color: #484848;
    list-style-type: none;
    background: transparent
        url('/site_assets/images/global/stories/grey_bullet_point.gif')
        no-repeat 0 3px;
    margin: 0;
    padding: 0 0 5px 13px;
}

/*-----------------------------------------------
// 'What We're Doing' Content Styles
//---------------------------------------------*/

/* -- Foever fish -- */
.foreverfish-seaturtle-header {
    background: #f1f1f1;
    clear: both;

}

.foreverfish-seaturtle-header-right-align{
    width: 168px;	
    float:right;
    margin: 10px 0 10px 10px;
}

.foreverfish-seaturtle-header p {
    float: none !important;
    margin: 0 !important;
    padding: 5px 8px !important;
    font-weight: bold;
}

.foreverfish p {
    float: none !important;
}

.foreverfish ul {
    padding: 0 0 0 15px;
}

.foreverfish ul li {
    font-size: 0.75em;
    padding: 0 0 10px 0;
    color: #484848;
}

.foreverfish h4 {
    margin: 10px 0;
    color: #484848;
}

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

.foreverfish .hr {
    border-bottom: 1px solid #999 !important;
    margin-bottom: 12px;
    clear: right;
}

.foreverfish .text-highlight {
    color: #336600;
    font-weight: bold;
}

.foreverfish .float-right {
    float: right;
}

.foreverfish .foreverfish-seaturtle-header.float-right {
    margin: 0 0 10px 10px;
}

.foreverfish ul a {
    color: #2d8714;
    font-weight: 700;
    text-decoration: none;
}

.foreverfish ul a:hover {
    text-decoration: underline;
}

/* -- foever fish homepage --- */

.foreverfish .row {
    clear: both;
}

.foreverfish .feature, .foreverfish .feature-sm {
    background: url('/media/images/we_are_doing/sustainable-raw-materials/forever-fish/ffhome_header_center.gif') repeat-x top;
    float: left;
    margin: 0 4px 0 0;
}

.foreverfish .feature-sm-no-header {
    float: left;
    margin: 0 4px 0 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 162px;
    overflow: hidden;
}

.foreverfish .feature-sm-no-header img {
    margin: 20px 0 0 0;
}

.foreverfish .feature-sm, .foreverfish .feature-sm-no-header {
    width: 170px;
    height: 162px;
    background-color: #f1f1f1;
}

.foreverfish .feature {
    width: 344px;
}

.foreverfish .feature-left {
    background: url('/media/images/we_are_doing/sustainable-raw-materials/forever-fish/ffhome_header_left.gif') no-repeat top left;
}

.foreverfish .feature-right {
    background: url('/media/images/we_are_doing/sustainable-raw-materials/forever-fish/ffhome_header_right.gif') no-repeat top right;
    padding: 5px 0;
}

.foreverfish .feature-right h3, .foreverfish .feature-right p, .feature-sm-no-header h3 {
    padding-left:10px !important;
    padding-right:10px !important;
    float: none !important;
}

.foreverfish .feature-right p {
    font-size: 0.7em !important;
}

.foreverfish .feature-right h3, .feature-sm-no-header h3{
    font-size: 1em;
    color: #67ab1a;
    padding: 3px 10px;
    margin: 0;
    display: block;
    width: auto;
}

.feature-sm-no-header h3 {
    padding: 6px 10px;
}

.foreverfish .feature-right h3 a, .feature-sm-no-header h3 a {
    text-decoration: none;
    color: #67ab1a;
}

.foreverfish .feature-right h3 a:hover, .feature-sm-no-header h3 a:hover {
    color: #2D9616 !important;
}

.foreverfish .feature-right h3 a.hover, .feature-sm-no-header h3 a.hover {
    color: #2D9616 !important;
}

/* ------ Meat the fush ------ */
.meet_the_fish_top {
    background: url('/media/images/we_are_doing/sustainable-raw-materials/forever-fish/meet-the-fish/meet_the_fish_middle.gif') repeat-y left;
    margin: 0 0 20px 0;
    position: relative;
    width: 530px;
}

.meet_the_fish_top a {
    color: #399421;
    text-decoration: none;
}

.meet_the_fish_bottom {
    background: url('/media/images/we_are_doing/sustainable-raw-materials/forever-fish/meet-the-fish/meet_the_fish_header.gif') no-repeat top left;
    width: 530px;
}

.meet_the_fish_bottom_no_text {
    background: url('/media/images/we_are_doing/sustainable-raw-materials/forever-fish/meet-the-fish/meet_the_fish_header_no_text.gif') no-repeat top left;
    width: 530px;
}

.meet_the_fish_middle {
    background: url('/media/images/we_are_doing/sustainable-raw-materials/forever-fish/meet-the-fish/meet_the_fish_footer.gif') no-repeat bottom left;
    padding: 99px 10px 10px 10px;
    width: 510px;
}

.meet_the_fish_middle br {
    line-height: normal;
}

.meet_the_fish_middle h3 {
    display: none;
}

.meet_the_fish_middle .fish {
    float: left;
    margin: 16px 16px 0 0;
    width: 151px;
    height: 125px;
    overflow: hidden;
    font-size: 15px;
}

.meet_the_fish_middle .fish img {
    margin: 10px 0 0 0;
}

.meet_the_fish_middle a.fish_link {
    background: url('/site_assets/images/global/basic_link_arrow.gif') no-repeat 0px 5px;
    padding-left: 15px;
}

.meet_the_fish_middle a.fish_link:hover {
    background-position: 0px -95px;
    color: #1C5D0C;
}

/* meet the fish cta panels */

.meet_the_fish_cta_one {
    background: url('/media/images/we_are_doing/sustainable-raw-materials/forever-fish/meet-the-fish/bg_meet_the_fish_cta.jpg') no-repeat top;
    width: 169px;
    height: 271px;
    position: relative;
    float: left;
    margin: 0 11px 0 0;
}

.meet_the_fish_cta_one p {
    /*color: #999 !important;*/
}


.meet_the_fish_cta_one p.fish_line {
    position: absolute;
    top: 151px;
    left: 10px;
}

.meet_the_fish_cta_fish_of_the_month {
    position: absolute;
    top: 237px;
    left: 10px;
    height: 13px;
    font-size: 0.75em;
    color: #999;
}

.meet_the_fish_cta_fish_of_the_month .text {
    padding-left: 10px;
    font-size: 11px;
}

.meet_the_fish_cta_two {
    background: url('/media/images/we_are_doing/sustainable-raw-materials/forever-fish/meet-the-fish/bg_meet_the_fish_cta.jpg') no-repeat top;
    width: 169px;
    height: 271px;
    position: relative;
    float: left;
}

.meet_the_fish_cta_fish_to_swap {
    position: absolute;
    bottom: 0;
    left: 10px;
    height: 173px;
}

.meet_the_fish_cta_fish_to_swap div {
    height: 50px;
}

.meet_the_fish_cta_fish_to_swap img {
    margin: 0 0 0 20px;
    width: 100px;
    float: none;
}

.meet_the_fish_cta_fish_to_swap h5 {
    margin: 8px 0 5px 5px;
    float: none;
}

span.meet_the_fish_fish_of_the_month_spacer{
    padding-left: 15px;	
}

.meet_the_fish_cta_three {
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    width: 169px;
    height: 271px;
    position: relative;
    margin: 0 0 0 360px;
    overflow: hidden;
    * width: 160px;
}

.meet_the_fish_cta_three .our_partners_logos {
    margin: 30px 0;
}
.meet_the_fish_cta_three .btn_read_more {
    position: absolute;
    top: 227px;
    left: 14px;
}

.meet_the_fish_cta_padding p, .meet_the_fish_top p {
    /* float: none !important; */
}

.meet_the_fish_cta_padding p {
    font-size: 11px !important;
}

.meet_the_fish_cta_padding {
    padding: 10px 15px;
}

img.no-padding{
    position: absolute;
    bottom: 2px;
    left:2px;
}

.meet_the_fish_cta_padding a {
    color: #67ab1a;
    text-decoration: none;
}

.meet_the_fish_cta_padding a:hover {
    color: #2D9616;
    text-decoration: none;
}

.meet_the_fish_cta_padding h4 {
    color: #67ab1a;
    font-size: 1.0em;
    margin-bottom: 10px;
    padding-bottom: 0;
}

.meet_the_fish_cta_padding strong {
    color: #000;
    font-size: 12px;
}

.meet_the_fish_cta_padding em {
    color: #999;
    font-size: 12px;
}

.meet_the_fish_cta_padding .fishimage {
    position: absolute;
    top: 73px;
    left: 10px;
}

.fotm {
    background-color: #E60E64;
    color: #fff;
    height: 46px;
    width: 149px;
    position: absolute;
    left: 10px;
    top: 180px;
    text-align: center;
}

/* Fush detail */

.meet_the_fish_top .prev_link {
    position: absolute;
    top: 0;
    left: 2px;
    font-size: 15px;
}

.meet_the_fish_top .prev_link a {
    background: url('/site_assets/images/global/basic_link_arrow_left.gif') no-repeat 0 5px;
    padding-left: 17px;
}

.meet_the_fish_top .prev_link a:hover {
    background-position: 0 -95px;
    color: #1C5D0C;
}

.meet_the_fish_top .next_link {
    position: absolute;
    top: 0;
    left: 481px;
    font-size: 15px;
}

.meet_the_fish_top .next_link a {
    background: url('/site_assets/images/global/basic_link_arrow.gif') no-repeat 37px 5px;
    padding-right: 17px;
}

.meet_the_fish_top .next_link a:hover {
    background-position: 37px -95px;
    color: #1C5D0C;
}

.meet_the_fish_top .back_to_fish_link {
    position: absolute;
    top: 70px;
    left: 206px;
    font-size: 19px;
}

.meet_the_fish_top .back_to_fish_link a {
    background: url('/site_assets/images/global/up_a_level_arrow.gif') no-repeat 0 5px;
    padding-left: 15px;
}

.meet_the_fish_top .back_to_fish_link a:hover {
    background-position: 0 -95px;
    color: #1C5D0C;
}

.center {
    text-align: center;
    position: relative;
    margin-bottom: 20px;
}

.meet_the_fish_top h2 {
    background: url('/media/images/we_are_doing/sustainable-raw-materials/forever-fish/meet-the-fish/bg_title_swirls.gif') no-repeat top;
    font-size: 	26px;
    font-weight: bold;
    padding-top: 10px;
}

.meet_the_fish_top h2 em {
    color: #999;
    font-weight: normal;
    font-size: 	24px;
}

.meet_the_fish_top h4 {
    margin: 10px 0;
    float: none;
}

.meet_the_fish_top .size {
    background: url('/media/images/we_are_doing/sustainable-raw-materials/forever-fish/meet-the-fish/bg_fish_size.gif') no-repeat bottom right;
    height: 20px;
    padding: 5px 10px;
    text-align: right;
}

.meet_the_fish_top .ruler {
    text-align: right;
    padding: 5px 0;
}

.meet_the_fish_top .catch_area {
    width: 336px;
    float: left;
    margin-top: 10px;
    overflow: hidden;
}

.meet_the_fish_top .map {
    background: url('/media/images/we_are_doing/sustainable-raw-materials/forever-fish/meet-the-fish/bg_map.gif') repeat-x top left;
    width: 336px;
    height: 188px;
    position: relative;
    overflow: hidden;
}

.meet_the_fish_top .map .map_marker {
    position: absolute;
}

#tooltip {
    position: absolute;
    z-index: 100;
    color: #303030;
    text-align: center;
    font-size: 12px;
}

#tooltip .tip {
    background: url('/media/images/we_are_doing/sustainable-raw-materials/forever-fish/meet-the-fish/map_rollover_toptip.png') no-repeat top center;
    height: 9px;
}

#tooltip .overlay {
    background: url('/media/images/we_are_doing/sustainable-raw-materials/forever-fish/meet-the-fish/map_rollever_overlay.png');
    padding: 10px 13px;
}

.meet_the_fish_top .catch_area .calender {
    background: #999;
    color: #fff;
    font-size: 0.85em;
    padding: 0 0 1px 1px;
    width: 335px;
    overflow: hidden;
}

.meet_the_fish_top .catch_area .calender h6 {
    padding: 5px 5px 0 5px;
    color: #fff;
    width: 325px;
    text-transform: uppercase;
}

.meet_the_fish_top .catch_area .calender div {
    width: 26px;
    height: 20px;
    background-color: #ccc;
    color: #000;
    float: left;
    margin: 0 2px 0 0;
    padding: 6px 0 0 0;
    text-align: center;
    font-size: 12px;
}
.meet_the_fish_top .catch_area .calender div.last {
    margin: 0;
}

.meet_the_fish_top .catch_area .calender div.selected {
    background-color: #377b32;
    color: #fff;
}

.meet_the_fish_top .catch_area .calender div.selected_half {
    background-color: #85BF00;
    color: #fff;
}

/* key */
.meet_the_fish_top .catch_area .map_legand {
    padding: 0 0 0 1px;
    font-size: 11px;
    list-style: none;
    width: 335px;
    height: 21px;
}

.meet_the_fish_top .catch_area .map_legand li {
    float: left;
}

.meet_the_fish_top .catch_area .map_legand p {
    float: none !important;
    white-space: nowrap;
    padding: 3px 10px 0 21px !important;
    width: auto !important;
    margin: 0;
}

.meet_the_fish_top .catch_area .map_legand div {
    float: left;
    width: 14px;
    height: 14px;
    border: 1px solid #999;
    margin: 3px 5px 0 0;
}

.meet_the_fish_top .catch_area .map_legand .in_season {
    background-color: #377B32;
}

.meet_the_fish_top .catch_area .map_legand .sometimes_season {
    background-color: #85BF00;
}

.meet_the_fish_top .catch_area .map_legand .not_season {
    background-color: #ccc;
}


.meet_the_fish_top .fishing_methods {
    margin: 20px 0 0 347px;
    width: 162px;
    * width: 160px;
}

/* about page */
.about p {
    margin-left: 70px !important;
    width: auto !important;
    float: none !important;
}

.about h4 {
    clear: both;
}

.meet_the_fish_middle .float-left {
    float: left;
    margin: 5px 15px 10px 0;
    width: 51px;
    height: 51px;
}

/* product scroller */
.product_scroller {
    text-align: center;
    position: relative;
    height: 85px;
    padding-top: 5px;
}


a#product_scroller_next {
    background: url('/media/images/we_are_doing/sustainable-raw-materials/forever-fish/meet-the-fish/button_product_scroller_up.gif') no-repeat 0 0;
    height: 16px;
    width: 16px;
    display: block;
    position: absolute;
    top: 0;
    left: 69px;
}

a#product_scroller_next:hover {
    background-position: 0 -20px;
}

a#product_scroller_prev {
    background: url('/media/images/we_are_doing/sustainable-raw-materials/forever-fish/meet-the-fish/button_product_scroller_down.gif') no-repeat 0 0;
    height: 16px;
    width: 16px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 69px;
}

a#product_scroller_prev:hover {
    background-position: 0 -20px;
}

a#product_scroller_prev span, a#product_scroller_next span {
    display: none;
}

.porduct_window {
    background: url('/media/images/we_are_doing/sustainable-raw-materials/forever-fish/meet-the-fish/bg_product_scroller.gif') no-repeat top left;
    width: 153px;
    height: 40px;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin-top: 20px;
}

.porduct_window_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 153px;
}

.porduct_window .item {
    font-size: 0.7em;
    height: 36px;
    padding: 4px 2px 0;
    width: 149px;
}

a.view_recipe_link {
    background: url('/media/images/we_are_doing/sustainable-raw-materials/forever-fish/meet-the-fish/button_view_recipe_idea.jpg') no-repeat 0 0;
    display: block;
    height: 17px;
    width: 122px
}

a.view_recipe_link:hover {
    background-position: 0 -18px;
}

.view_recipe_link span {
    display: none;
}

/* General */
.dotted_hr {
    margin: 10px 0;
}

.text-grey {
    color: #999 !important;
}

/* ------ Small Content Highlights ------ */
.highlighted_content {
    float: left;
    display: inline;
    width: 170px;
    margin: 10px 10px 0 0;
    padding: 8px 0 8px 0;
    border-width: 1px 0;
    border-style: solid;
    border-color: #EEE;
}

.highlighted_content_noborder {
    float: left;
    display: inline;
    width: 170px;
    margin: 10px 10px 0 0;
    padding: 4px 0 8px 0;
}

.highlighted_content h4 {
    float: left;
    display: inline;
    width: 160px;
    margin: 0;
    padding: 0 0 8px 8px;
    color: #333;
    font-size: 0.75em;
    font-weight: 700;
}

.highlighted_content h4 a {
    color: #333;
    font-weight: 700;
    text-decoration: none;
}

.highlighted_content h4 a:hover {
    text-decoration: underline;
}

#center_column .highlighted_content p {
    width: 144px;
    padding: 6px 8px 0 8px;
    font-size: 0.688em;
}

#center_column .highlighted_content_noborder p {
    width: 152px;
    padding: 0;
    font-size: 0.688em;
}

.highlighted_content a.further_reading {
    float: left;
    display: inline;
    width: 133px;
    margin: 6px 8px 0 8px;
    padding: 0 0 0 12px;
    font-size: 0.688em;
    line-height: 1.1em;
    text-decoration: none;
    font-weight: 700;
    color: #2d8714;
    background: transparent url('/site_assets/images/global/basic_link_arrow.gif') no-repeat 0 1px;
}

.highlighted_content a.further_reading:hover {
    color: #236114;
    background-position: 0 -98px;
}

.highlighted_content .two_columns a.further_reading {
    width: 133px;
}

.highlighted_content .two_columns {
    float: left;
    width: 167px;
    margin: 0;
    padding: 0;
}

.highlighted_content .two_columns h4 {
    width: 90px;
    padding-bottom: 0;
}

#center_column .highlighted_content .two_columns p {
    width: 80px;
    line-height: 1.1em;
}

.highlighted_content .two_columns img {
    float: right;
}

/*elly - added for green business awards*/
.gba_landing_wrapper {
    float: left;
    width: 530px;
    margin: 7px 0 0 0;
    padding: 0;
}

.highlighted_content_noborder_gba {
    float: left;
    display: inline;
    width: 140px;
    margin-right: 12px;
    margin-top: 7px;
    /*margin: 10px 10px 0 0;
padding: 4px 0 8px 0;*/
}

.highlighted_content_two_columns {
    width: 369px;
    float: left;
}

/*end of gba adds*/
.arrow-link {
    float: left;
    font-size: 1.0em;
    color: #2d8714;
    list-style-type: none;
    background: transparent
        url('/site_assets/images/global/basic_link_arrow.gif') no-repeat 0 3px;
    margin: 0;
    padding: 0 0 5px 13px;
}

#bullet_links ul {
    float: left;
    width: 350px;
    padding: 10px 0 10px 0;
    margin: 0 0 10px 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ccc;
}

#bullet_links li {
    float: left;
    width: 150px;
    font-size: 0.75em;
    color: #2d8714;
    list-style-type: none;
    background: transparent
        url('/site_assets/images/global/basic_link_arrow.gif') no-repeat 0 3px;
    margin: 0;
    padding: 0 0 5px 13px;
}

#bullet_links a {
    color: #2d8714;
    text-decoration: none;
}

#bullet_links a:hover {
    color: #2d8714;
    text-decoration: underline;
}

/* ------ Wrap Symbol Definitions ------ */
ul#wrap_symbols {
    float: left;
    width: 350px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0.755em;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #cccccc;
}

ul#wrap_symbols li {
    float: left;
    width: 350px;
    margin: 0;
    padding: 0;
}

ul#wrap_symbols li dl {
    float: left;
    width: 350px;
    margin: 0;
    padding: 10px 0 0 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #cccccc;
}

ul#wrap_symbols li dt {
    float: left;
    width: 350px;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

ul#wrap_symbols li dd {
    float: left;
    width: 350px;
    margin: 0;
    padding: 2px 0 0 0;
    text-indent: 0;
}

ul#wrap_symbols li ul {
    float: left;
    width: 350px;
    margin: 0;
    padding: 0 0 10px 0;
    list-style-type: none;
}

ul#wrap_symbols li ul li {
    float: left;
    width: 350px;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #cccccc;
}

ul#wrap_symbols li ul li img {
    float: left;
}

ul#wrap_symbols li ul li dl {
    width: 270px;
    padding: 0 0 0 18px;
    border: none;
}

ul#wrap_symbols li ul li dt,ul#wrap_symbols li ul li dd {
    width: 270px;
}

#wrap_symbols dd a {
    color: #2d8714;
    font-weight: 700;
    text-decoration: none;
}

#wrap_symbols dd a:hover {
    text-decoration: underline;
}

/* ------ Ways to Recycle List ------ */
ul#recycling_how {
    float: left;
    width: 350px;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    list-style-type: none;
    color: #484848;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #cccccc;
}

ul#recycling_how li {
    float: left;
    width: 350px;
    margin: 0 0 10px 0;
    padding: 0;
}

ul#recycling_how img {
    float: left;
}

ul#recycling_how dl {
    float: left;
    width: 270px;
    margin: 0 0 0 15px;
    padding: 0;
    font-size: 0.755em;
}

ul#recycling_how dt {
    float: left;
    width: 270px;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

ul#recycling_how dd {
    float: left;
    width: 270px;
    margin: 0;
    padding: 0;
    text-indent: 0;
}

ul#recycling_how .expandable_content {
    float: left;
    width: 350px;
    margin: 0;
    padding: 0 0 10px 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #cccccc;
}

/* ------ A-Z of Packaging Nav Bar ------ */
ul#a_to_z_nav {
    float: left;
    width: 340px;
    margin: 10px 0 10px 0;
    padding: 0;
    list-style-type: none;
}

ul#a_to_z_nav li {
    float: left;
    display: inline;
    width: 51px;
    height: 20px;
    margin: 0;
    padding: 0 10px 0 0;
}

ul#a_to_z_nav li a {
    float: left;
    display: block;
    width: 51px;
    height: 20px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    text-decoration: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
}

ul#a_to_z_nav li a:hover {
    background-position: 0 -20px;
}

ul#a_to_z_nav li a#a_to_e {
    background-image:
        url('/site_assets/images/navigation/alpha_list_a_to_e.jpg');
}

ul#a_to_z_nav li a#f_to_j {
    background-image:
        url('/site_assets/images/navigation/alpha_list_f_to_j.jpg');
}

ul#a_to_z_nav li a#k_to_n {
    background-image:
        url('/site_assets/images/navigation/alpha_list_k_to_n.jpg');
}

ul#a_to_z_nav li a#o_to_z {
    background-image:
        url('/site_assets/images/navigation/alpha_list_o_to_z.jpg');
}

/* ------ A-Z of Packaging List ------ */
#center_column ul#a_to_z {
    float: left;
    width: 350px;
    margin: 8px 0 0 0;
    padding: 0;
    list-style-type: none;
    color: #333;
    font-size: 0.755em;
}

#center_column ul#a_to_z p {
    font-size: 1em;
}

#center_column ul#a_to_z a {
    color: #2d8714;
    text-decoration: none;
}

#center_column ul#a_to_z a:hover {
    text-decoration: underline;
}

#center_column ul#a_to_z li {
    float: left;
    width: 350px;
    margin: 0;
    padding: 8px 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #ccc;
}

#center_column ul#a_to_z li dl {
    float: left;
    width: 350px;
    margin: 0;
    padding: 0;
}

#center_column ul#a_to_z li dt {
    float: left;
    width: 350px;
    margin: 0;
    padding: 0 0 2px 0;
    font-weight: 700;
}

#center_column ul#a_to_z li dd {
    float: left;
    width: 350px;
    margin: 0;
    padding: 0;
    text-indent: 0;
}

/* ------ Packaging Stories List ------ */
ul#stories {
    float: left;
    width: 350px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul#stories li {
    float: left;
    position: relative;
    width: 350px;
    margin: 0 0 10px 0;
    padding: 10px 0 0 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #ccc;
}

ul#stories li#lead_story {
    margin-top: 0;
}

ul#stories img {
    float: left;
    margin: 0;
    padding: 3px 0 0 0;
    background: transparent
        url('/site_assets/images/global/stories/lead_story_thumb_bg.jpg')
        no-repeat 0 0;
}

ul#stories li dl {
    float: left;
    width: 190px;
    margin: 0;
    padding: 0 0 20px 10px;
}

ul#stories li dt {
    float: left;
    width: 190px;
    margin: 0;
    padding: 0;
    font-size: 0.75em;
    font-weight: 700;
}

ul#stories li dt a {
    color: #333;
    text-decoration: none;
}

ul#stories li dt a:hover {
    text-decoration: underline;
}

ul#stories li dd {
    float: left;
    width: 190px;
    margin: 0;
    padding: 0;
    text-indent: 0;
    font-size: 0.688em;
}

ul#stories li a.single_line {
    float: none;
    position: absolute;
    bottom: 0;
    left: 150px;
    clear: none;
}

/* ------ Packaging Story Image With Caption ------ */
.image_with_caption {
    float: left;
    position: relative;
    width: 350px;
    margin: 10px 0;
    padding: 10px 0;
    overflow: hidden;
    border-width: 1px 0;
    border-style: solid;
    border-color: #d9d9d9;
}

.image_with_caption dl {
    float: left;
    position: relative;
    left: 50%;
    width: auto;
    margin: 0;
    padding: 0;
    font-size: 0.625em;
}

.image_with_caption dl dt {
    float: left;
    position: relative;
    left: -50%;
    margin: 0;
    padding: 0 0 8px 0;
    text-align: center;
}

.image_with_caption dl dt img {
    display: inline;
}

.image_with_caption dl dd {
    float: left;
    position: relative;
    left: -50%;
    clear: left;
    margin: 0;
    padding: 0;
    text-indent: 0;
}

/*-----------------------------------------------
// 'What You Can Do' Content Styles
//---------------------------------------------*/
/* ------ Container for Intro Panels ------ */
.you_can_do_intro_row {
    float: left;
    width: 540px;
    margin: 0;
    padding: 0 0 10px 0;
}

/* ------ Paragraph for register page ------ */
#two_column p.register {
    font-size: 1em;
}

.more {
    float: left;
    display: none;
    padding: 0 0 10px 0;
    border-width: 0 0 1px 0;
    border-color: #d9d9d9;
    border-style: solid;
}

.more p {
    width: 330px;
    font-size: 0.755em;
}

.more ul {
    float: left;
    width: 340px;
    padding: 10px 0 10px 10px;
    margin: 0;
}

.more li {
    float: left;
    width: 327px;
    font-size: 0.75em;
    color: #484848;
    list-style-type: none;
    background: transparent
        url('/site_assets/images/global/stories/grey_bullet_point.gif')
        no-repeat 0 3px;
    margin: 0;
    padding: 0 0 5px 13px;
}

/* ------ Active Pledges Header ------ */
h4.active_pledges {
    margin-top: 5px;
    font-size: 1.5em;
    font-weight: 400;
}

/* ------ List of Pledges ------ */
#pledge_list {
    float: left;
    width: 350px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#pledge_list h4 {
    width: 270px;
}

#pledge_list h4 a {
    color: #333;
    text-decoration: none;
}

#pledge_list h4 a:hover {
    text-decoration: underline;
}

#pledge_list li {
    float: left;
    width: 350px;
    margin: 0;
    padding: 10px 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #ccc;
}

#pledge_list li ul {
    float: left;
    width: 270px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#pledge_list li ul li {
    float: left;
    width: 270px;
    margin: 0;
    padding: 0 0 2px 0;
    border-width: 0;
}

#pledge_list li img {
    float: left;
    margin-right: 15px;
    border: none;
}

#pledge_list dl {
    float: left;
    width: 270px;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 0.75em;
}

#pledge_list dt {
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
    font-weight: 400;
}

#pledge_list dt a {
    color: #333;
    text-decoration: none;
}

#pledge_list dd {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    text-indent: 0;
}

#pledge_list dd.one_star,#pledge_list dd.two_stars,#pledge_list 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 3px;
}

#pledge_list dd.one_star {
    background-image:
        url('/site_assets/images/panels/pledges_difficulty_1_star.gif');
}

#pledge_list dd.two_stars {
    background-image:
        url('/site_assets/images/panels/pledges_difficulty_2_stars.gif');
}

#pledge_list dd.three_stars {
    background-image:
        url('/site_assets/images/panels/pledges_difficulty_3_stars.gif');
}

#center_column #pledge_list dd p {
    font-size: 1em;
}

/* ------ Take Pledge Button for Pledge Display ------ */
a.button_take_pledge {
    float: left;
    display: inline;
    width: 85px;
    height: 20px;
    margin: 34px 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_white_take_a_pledge.jpg')
        no-repeat 0 0;
}

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

/* ------ Product Tracker ------ */
.inline-small-image-center {
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #f1f1f1;
}

.inline-small-image-center span {
    clear: both;
    display: block;
    overflow: hidden;
    padding: 4px 4px 4px 8px;
    font-size: 0.8em;
    font-weight: 700;
    color: #333;
}

#center_column .wrapping-text img {
    float: right;
    width: 169px;
    height: 158px;
    padding: 0 0 5px 5px;
}

.inline-small-image-right span {
    clear: both;
    display: block;
    overflow: hidden;
    padding: 4px 4px 4px 8px;
    font-size: 0.8em;
    font-weight: 700;
    color: #333;
}

#center_column .wrapping-text {
    float: left;
    font-size: 0.75em;
    color: #484848;
    margin: 10px 0 10px 0;
}

#center_column .wrapping-text .spacer {
    padding: 5px;
}

img.inline-image {
    padding: 5px 0 5px 0;
}

.grey-feature {
    float: left;
    overflow: hidden;
    background-color: #f1f1f1;
    margin: 5px 0 5px 0;
    padding: 0 0 10px 0;
    width: 350px;
}

.grey-feature h5 {
    padding: 5px 0 10px 10px;
}

.grey-feature ul {
    clear: left;
    margin: 0;
    padding: 0 10px 0 24px;
    list-style-type: disc;
}

.grey-feature ul li {
    font-size: 0.75em;
    color: #484848;
    margin: 0;
    padding: 0;
}

.grey-feature-thin {
    float: left;
    overflow: hidden;
    background-color: #f1f1f1;
    padding: 10px 10px 0 10px;
    width: 150px;
}

.bounding-box {
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #ccc;
}

h5.top-line {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #ccc;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
}

h5.italic {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #ccc;
    font-style: italic;
    font-weight: 400;
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
}

img.bFeature-image {
    padding: 0 0 10px 0;
}

.temperature {
    float: left;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 8px 0 0 10px;
    font-size: 0.8em;
    line-height: 12px;
}

img.weather-icon {
    float: right;
    overflow: hidden;
    width: 91px;
    padding: 8px 10px 10px 0;
}

/* ------ Savings Calculator ------ */
#waystosave * {
    float: left;
}

#waystosave strong {
    float: none;
}

.lightGrey {
    color: #363636;
    font-size: 0.688em;
    background-color: #e8e8e8;
}

.darkGrey {
    font-size: 0.688em;
    background-color: #d0d0d0;
}

.lightGrey1 {
    color: #363636;
    font-size: 0.75em;
    background-color: #f5f5f5;
}

.darkGrey1 {
    font-size: 0.688em;
    background-color: #dcdcdc;
}

.totalGrey {
    font-size: 0.688em;
    font-weight: bold;
    background-color: #c0c0c0;
}

.wtsTable {
    margin-top: 15px;
    text-align: left;
}

#waystosave .wtsTable * {
    float: none;
}

.wtsTable td,.wtsTable th {
    padding: 4px 5px 8px 9px;
}

.wtsTable th {
    color: #fff;
    font-size: 0.688em;
    background-color: #969696;
    font-weight: normal;
}

.wtsTableTopLeft {
    color: #fff;
    font-size: 0.688em;
    font-weight: bold;
    width: 173px;
    background: #82b700
        url('/site_assets/images/we_are_doing/climate-change/wts/wts_table_top_left.gif')
        no-repeat top left;
}

.wtsTableCenter {
    color: #fff;
    font-size: 0.688em;
    font-weight: bold;
    width: 114px;
    border-left: 1px solid #cbdec0;
    background: #1d7700
        url('/site_assets/images/we_are_doing/climate-change/wts/wts_table_top_right.gif')
        no-repeat top left;
}

.wtsTableTopRight {
    color: #fff;
    font-size: 0.688em;
    font-weight: bold;
    width: 63px;
    border-left: 1px solid #cbdec0;
    background: #1d7700
        url('/site_assets/images/we_are_doing/climate-change/wts/wts_table_top_right.gif')
        no-repeat top right;
}

.wtsTableBottomLeft {
    width: 173px;
    color: #fff;
    font-size: 0.75em;
    font-weight: bold;
    background: #98d600
        url('/site_assets/images/we_are_doing/climate-change/wts/wts_table_bottom_left.gif')
        no-repeat bottom left;
}

.wtsTableBottomRight {
    text-align: right;
    color: #fff;
    font-size: 0.75em;
    font-weight: bold;
    width: 200px;
    border-left: 1px solid #cbdec0;
    background: #3d9800
        url('/site_assets/images/we_are_doing/climate-change/wts/wts_table_bottom_right.gif')
        no-repeat bottom right;
}

.wtsSubmit,.savingsCol {
    text-align: right;
}

.grandTotal {
    font-size: 16px;
}

table {
    float: left;
    clear: both;
    width: 100%;
}

.arrowLink {
    clear: both;
    display: block;
    padding: 0 0 0 15px;
    color: #2d8714;
    font-weight: bold;
    text-decoration: none;
    background: transparent
        url('/images/layout/global_pullout_box_large_arrow.gif') no-repeat 0
        1px;
}

.floatLeft {
    float: left;
}

#waystosave .floatRight {
    float: right;
}

.clearBoth {
    clear: both;
}

.hidden {
    display: none;
}

.logoWrapper {
    display: block;
    clear: both;
    padding-bottom: 10px;
}

.divideLine {
    float: left;
    width: 100%;
    height: 1px;
    margin: 5px 0;
    font-size: 0.01em;
    overflow: hidden;
    line-height: 0px;
    background-color: #d9d9d9;
}

#waystosave ul {
    float: left;
    width: 100%;
    clear: both;
    margin: 5px 0 0 0;
    padding: 0;
    list-style-type: none;
    color: #333;
    font-size: 0.75em;
}

#waystosave li {
    float: left;
    width: 335px;
    margin: 0;
    padding: 0 0 5px 15px;
    background: transparent url('/site_assets/images/global/black_list.gif')
        no-repeat 0 4px;
}

#waystosave p {
    float: left;
    width: 100%;
    color: #333;
}

#waystosave a {
    color: #2d8714;
    font-weight: 700;
    text-decoration: none;
}

#waystosave a:hover {
    text-decoration: underline;
}

#waystosave a.single_line {
    width: 335px;
    padding-left: 15px;
    margin-top: 5px;
}

#waystosave p a,#waystosave li a {
    float: none;
    display: inline;
}

#waystosave .darkGrey input.textField,#waystosave .darkGrey1 input.textField
{
    width: 30px;
}

.backtotop {
    float: right;
    clear: both;
    width: auto;
    margin: 0;
    padding: 0 0 0 15px;
    color: #2d8714;
    font-size: 0.75em;
    font-weight: bold;
    text-decoration: none;
    background: transparent
        url('/site_assets/images/global/back_to_top_arrow.gif') no-repeat 0
        3px;
}

.backtotop:hover {
    color: #2d8714;
    text-decoration: underline;
}

#waystosave p.smallPrint {
    float: left;
    width: 100%;
    color: #868686;
    font-size: 0.688em;
}

p.noPadding {
    padding: 0px !important;
    margin: 0px !important;
}


/* ------ Fair Trade Kids Story Content ------ */
img.fairTradeKidsStory-tshirts {
    padding: 18px 0 25px 0;
}

/* ------ Double Points Coffee Loyalty ------ */
.doublePointsCoffeeLoyalty-contentContainer {
    width: 365px;
    height: auto;
    padding: 20px 0 40px 0;
    float: left;
}

.doublePointsCoffeeLoyalty-contentContainer p {
    width: 220px;
}

.doublePointsCoffeeLoyalty-contentContainer p a {
    color: #89b81c;
    font-weight: normal;
}

/* ------ One Day Wardrobe Clearout 03/11 ------ */
/* Media Panel START */
#media_panel .odwc_panel {
    height: 287px;
    overflow: hidden;
}

#media_panel .odwc_panel_1panel {
    width: 910px;
    background: transparent
        url("/media/images/about/partnerships/oxfam/landing/aFeature/oxfam_odwc_201109_1panel_background.jpg")
        no-repeat 341px 0;
}

#media_panel .odwc_panel_2panel {
    width: 910px;
    background: transparent
        url("/media/images/about/partnerships/oxfam/landing/aFeature/oxfam_odwc_201109_2panel_background.jpg")
        no-repeat 671px 0;
}

#media_panel #small_panel {
    width: 342px;
    height: 287px;
    background: transparent
        url("/media/images/about/partnerships/oxfam/landing/aFeature/oxfam_odwc_panel1_gradient_background.jpg")
        no-repeat;
}

#media_panel #large_panel {
    height: 287px;
    width: 672px;
    position: relative;
    background: transparent
        url("/media/images/about/partnerships/oxfam/landing/aFeature/oxfam_odwc_panel_gradient_background.jpg")
        no-repeat;
}

.odwc_panel .left {
    width: 342px;
    float: left;
    position: relative;
}

.odwc_panel .right {
    width: 330px;
    float: right;
    position: relative;
}

#media_panel .odwc_panel .error_messages{
    float:left;
    margin-top:10px;
    position: relative;
}
#media_panel .odwc_panel .error_messages p{
    top: 16px;	
}

#odwc_remind_me #form_container .error_messages{
    position: absolute;
}


/* ODWC Media Panel Fonts START*/
#media_panel .odwc_panel h1 {
    color: #fb5484;
    padding: 21px 0 0 34px;
}

#media_panel .odwc_panel p {
    width: 266px;
    color: #FFF;
    font-size: 0.85em;
    font-weight: 100;
    line-height: 1.1em;
    margin: 0; padding : 5px 0 5px 34px;
    position: relative;
    padding: 5px 0 5px 34px;
}

#media_panel .odwc_panel p.pink {
    color: #fb5484;
}

#media_panel .odwc_panel p.notice {
    top: 5px;
    float: left; position : relative;
    font-size: 0.85em;
    letter-spacing: 0.05em;
    line-height: 1.1em;
    position: relative;
}

#media_panel .odwc_panel p.consent {
    top: 12px;
    margin: 0;
    padding:0 0 0 34px;
    left: 13px;
    float: left;
    position: relative;
    line-height: 1.2em;
}

#media_panel .odwc_panel .error_messages p{
    font-size: 0.75em;
}

/*
#media_panel .odwc_panel p.error_message{
        left: 125px;
        top:-10px;
        margin: 0;
        padding: 0;
        position: relative;
        float: left;	
}
*/

#media_panel .odwc_panel p.privacy {
    top: 15px;
    float: left;
    position: relative;
}

/* Having to overwite these values as someone set the media panel a values! */
a.odwc_enter_pize_draw {
    width: 143px !important;
    height: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    top: 233px !important;
    left: 33px !important;
    position: relative;
    float: left;
    background: transparent
        url("/media/images/about/partnerships/oxfam/landing/aFeature/oxfam_odwc_panel1_form_enter_button.jpg")
        no-repeat !important;
}

a.odwc_enter_pize_draw:hover {
    background: transparent
        url("/media/images/about/partnerships/oxfam/landing/aFeature/oxfam_odwc_panel1_form_enter_button.jpg")
        no-repeat 0 -28px !important;
}

/* ODWC Media Panel Fonts END*/ /* Panel Forms START*/
#odwc_form {
    font-size: 12px;
}

#odwc_form label {
    display: block;
}

#media_panel .odwc_panel label {
    width: 95px;
    color: #FFF;
    float: left;
    position: relative;
    padding: 0 15px 0 34px;
    margin: 2px 0 2px 0;
    font-size: 1em;
}

#media_panel .odwc_panel input {
    width: 154px;
    height: 12px;
    margin: 2px 0 2px 0;
    float: left;
    position: relative;
}

#media_panel .odwc_panel input.submit {
    width: 79px;
    height: 28px;
    top: 19px;
    left: 34px;
    float: left;
    position: relative;
    cursor: pointer;
    color: transparent;
    text-transform: uppercase;
    overflow:hidden;
    text-indent: -99999px;
    border: 0;
    background: transparent
        url("/media/images/about/partnerships/oxfam/landing/aFeature/oxfam_odwc_panel2_form_enter_button.jpg")
        no-repeat;
}

#media_panel .odwc_panel input.submit:hover {
    background: transparent
        url("/media/images/about/partnerships/oxfam/landing/aFeature/oxfam_odwc_panel2_form_enter_button.jpg")
        no-repeat 0 -28px;
}

#media_panel .odwc_panel input.checkbox {
    width: 16px;
    height: 20px;
    top: 10px;
    left: 33px;
    margin: 0;
    float: left;
    position: relative;
    clear: both;
    z-index: 1;
}

#media_panel .odwc_panel input.send {
    width: 79px;
    height: 32px;
    top: 64px;
    .top:58px;
    left: 32px; 
    float : left; 
    position : relative;
    margin:0;
    padding:0;
    cursor: pointer;
    border: 0;
    color: transparent;
    text-transform: uppercase;
    overflow:hidden;
    text-indent: -99999px;
    background: transparent
        url("/media/images/about/partnerships/oxfam/landing/aFeature/oxfam_odwc_panel3_form_send_button.jpg")
        no-repeat;
}

#media_panel .odwc_panel input.send:hover {
    background: transparent
        url("/media/images/about/partnerships/oxfam/landing/aFeature/oxfam_odwc_panel3_form_send_button.jpg")
        no-repeat 0 -32px;
}

/* Panel Forms END*/ /* Media Panel END */ /* Right panel START */
img.odwc_right_panel {
    padding: 47px 0 10px 0;
}

/* Right panel END */ /* Remind me panel */
#odwc_remind_me {
    width: 530px;
    height: 152px;
    top:10px;
    left: 210px;
    background: transparent
        url("/media/images/about/partnerships/oxfam/stories/bFeature/oxfam_ODWC_reminder_panel.jpg")
        no-repeat;
    position: relative;
    float: left;
}

/* Content container */
#odwc_remind_me #form_container {
    width: 490px;
    height: 100px;
    position: relative;
    padding: 35px 0 0 20px;
}

#odwc_remind_me #form_container .left {
    width: 245px;
    height: auto;
    position: relative;
    float: left;
}

#odwc_remind_me #form_container .right {
    width: 245px;
    height: auto;
    position: relative;
    float: right;
}

/* Text styles */
#odwc_remind_me #form_container .right p {
    padding-left: 30px;
}

#odwc_remind_me #form_container p {
    width: 185px;
    font-size: 0.75em;
    line-height: 1.2em;
    padding: 0 0 0 15px;
    margin: 10px 0 5px;
    float: left;
    color: #666666;
}

/* Map */
#map_canvas {
    height: 429px;
    .height: 417px;
}

.wide_grey_panel h4 {
    background: none;
}

/* Postcode overlay */
#map_postcode_overlay {
    width: 310px;
    height: 25px;
    z-index: 3;
    position: absolute;
    margin-top: 75px;
    left: 40px;
    color: transparent;
}

#map_postcode_overlay input {
    height: 24px;
    border: 0;
    padding: 1px 1px 1px 6px;
    float: left;
    position: relative;
    background: transparent
        url("/site_assets/images/maps/input_form_background.gif") no-repeat;
}

#map_postcode_overlay input.input_background {
    width: 198px;
}

#map_postcode_overlay input.submit {
    width: 78px;
    height: 24px;
    text-indent: -99999px;
    cursor: pointer;
    position: relative;
    background: transparent
        url("/site_assets/images/maps/search_form_button.gif") no-repeat;
    color: transparent;
    text-transform: capitalize;
}

/* Form */
#odwc_remind_me #form_container #ODWC_reminder input {
    width: 218px;
    background: #e7e6e6;
    border: none;
    padding: 4px 0 4px 5px;
    left: 15px;
    position: relative;
    padding: 4px 0 4px 5px;
}

#odwc_remind_me #form_container #ODWC_reminder input.subscribe {
    width: 92px;
    height: 21px;
    text-indent: -99999px;
    position: relative;
    margin: 5px 0 0 0;
    background: transparent
        url("/site_assets/images/panels/remindme_pink_button.jpg") no-repeat;
    cursor: pointer;
    color: transparent;
    text-transform: capitalize;
}

#odwc_remind_me #form_container #ODWC_reminder input.subscribe:hover {
    background: transparent
        url("/site_assets/images/panels/remindme_pink_button_hover.jpg")
        no-repeat;
}

/* Oxfam Clothes Exchange */

/* Overiding .media_embed from global.css in order to get the share panel floating next to it */
.media_embed{
    width: 350px;
    float: left;	
}

.ocx_share_panel{
    top:8px;
    float: right;	
    position:relative;
}

/** Do the green thing **/
img.alignleft, img.alignright, img.aligncenter {
    margin-bottom: 12px;
}

.alignleft, img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
}

.dtgt_tagline {
    float:left;
    padding: 10px 0;
    margin-top: 10px;
    width: 339px;
    background: url('/media/images/you_can_do/dtgt/dtgt_watermark4-339x23.jpg') no-repeat top;
    height: 13px;
    overflow: hidden;
    text-indent: -1000px;
}

.feature_article_overlay {
    width: 170px;
    height: 115px;
    overflow: hidden;
    position: relative;
    display: block;
}

.feature_article_overlay img, .theimage img {
    width: 170px;
    height: auto;
}

.theimage {
    height: 60px;
    width: 170px;
    overflow: hidden;
}

.theimage img {
    margin-top: -15%;
}

.feature_article_overlay .overlay {
    position: absolute;
    top: 1px;
    left: 0;
}

.feature_article_overlay.small {
    height: 93px;
}

.feature_article_overlay.small .overlay {
    top: -21px;
}

.rhm_more_blogs_spacer {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    margin: 0 0 10px 0;
    clear: both;
}

a.btn_more_blogs {
    background: url('/media/images/you_can_do/dtgt/btn_more_blogs.gif') no-repeat 0 0;
    overflow:hidden;
    text-indent: -99999px;
    display: block;
    width: 82px;
    height: 19px;
}

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

a.btn_read_the_article {
    background: url('/media/images/you_can_do/dtgt/btn_read_the_article.gif') no-repeat 0 0;
    overflow:hidden;
    text-indent: -99999px;
    display: block;
    float: left;
    width: 108px;
    height: 19px;
    margin: 10px;
}

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

a.btn_watch_video {
    background: url('/media/images/you_can_do/dtgt/btn_watch_video.gif') no-repeat 0 0;
    overflow:hidden;
    text-indent: -99999px;
    display: block;
    float: left;
    width: 86px;
    height: 19px;
    margin: 10px;
}

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

#media_panel a.btn_watch_film, a.btn_watch_film {
    background: url('/media/images/global/btns/btn_watch_film.gif') no-repeat 0 0;
    overflow:hidden;
    text-indent: -99999px;
    display: block;
    width: 105px;
    height: 27px;
    position: absolute;
    top: 216px;
    left: 20px;
}

#media_panel a.btn_watch_film:hover, a.btn_watch_film:hover {
    background-position: 0 -28px;
}

#small_dtgt_text {
    margin: 10px 0 3px 0;
    color: #999;
}

.homepage_logos {
    margin: 0 10px 10px 10px;
}

.landing_panel_grey h3 a {
    color: #2D9616;
    text-decoration: none;
}

.landing_panel_grey h3 a:hover {
    color: #237C10;
}

.landing_panel_grey h2 {
    font-size: 0.9em;
    margin: 0 0 8px 10px;
}

/* for images that float right in two colum articles with borders*/
.rhs_image_box {
    padding: 10px 0 0 0;
    float: right;
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    width: 171px;
    margin: 0 0 10px 10px;
}

.rhs_image_box p {
    font-size: 10px !important;
}

.rhs_image_box.no_caption {
    padding-bottom: 10px;
}

.no-float, .no-float p {
    float: none !important;
}

/* 
        RSPCA Award		
*/
#media_panel a.invisible{
    width:82px;
    background: none;
    top:auto;
    left:auto;
    right: 20px;
    bottom: 29px;
}

.right-aligned{
    float: right;
    clear: both;
    margin-left:10px;
}
.right-aligned p{
    margin-left: 10px !important;
    width: 150px !important;	
}

/* Award winning farmers */
.meet_your_farmers p,
.meet_your_farmers h4 {
    float: none !important;
}

.farmer_vote_list {
    list-style: none;
    padding: 0;
    margin: 0 0 15px 10px;
}

.farmer_vote_list li {
    border-bottom: 1px solid #ccc;
    clear: both;
    padding: 15px 0 15px 160px;
    height: 145px;
    position: relative;
}

.farmer_vote_list .profile {
    position: absolute;
    top: 15px;
    left: 0;
    width: 134px;
    height: 135px;
    margin: 0 15px 0 0;
    padding: 11px 0 0 11px;
    background: url("/media/images/we_are_doing/sustainable-raw-materials/your-farmers/award-winning-farmers/bg_profile.jpg") no-repeat;
}

.farmer_vote_list .profile .pic {
    margin: 0 0 9px 0;
}

.farmer_vote_list .form {
    background: url("/media/images/we_are_doing/sustainable-raw-materials/your-farmers/award-winning-farmers/form_devider.gif") no-repeat center;
}

.farmer_vote_list .form form {
    padding: 56px 0 0 115px;
}

.farmer_vote_list .form div.subscribeEmailFormErrors {
    color: #ff0000;
    font-size: 0.775em;
}

.farmer_vote_list .form div.thanksMessage {
    padding: 45px 0 0 115px;
}

.farmer_vote_list .form div.thanks {
    position: absolute;
    top: 15px;
    left: 0;
    width: 256px;
    padding: 0 10px 0 0;
}

.farmer_vote_list .form label {
    float: left;
    width: 80px;
    margin: 0 0 10px 0;
    font-size: 0.755em;
    font-weight: bold;
}

.farmer_vote_list .form input {
    margin: 0 0 11px 0;
    border: 1px solid #999;
    height: 16px;
}

.farmer_vote_list .form input.submit {
    border: 0 none;
    margin-left: 80px;
}

.farmer_vote_list .form .text_grey {
    color: #999 !important;
    font-size: 10px !important;
}

.vote_close {
    margin: 0 0 15px 0;
}

.bottombanner {
    background: url('/media/images/we_are_doing/sustainable-raw-materials/your-farmers/award-winning-farmers/banner_meet_your_farmers.jpg') no-repeat;
    height: 150px;
    width: 532px;
    margin-top: 20px;
}

.bottombanner a.button_read_more {
    float: left;
    display: inline;
    width: 80px;
    height: 20px;
    margin: 35px 0 9px 15px;
    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;
}

.bottombanner a:hover.button_read_more {
    background-position: 0 -20px;
}