﻿/* *************************************************************************************
 
   Client:      All Things Ginger
  
   Module:      MASTER.CSS

   Description: This is the master CSS file.

   Version History
   ===============
   21/06/09   1.0   IDM    Development
  
   *************************************************************************************
*/
  * {
    margin: 0;
    padding: 0;
  }
  body {
    margin: 0;
    padding: 0;
    background-color: #f4eee4;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 90%;
  }
  body a {
    color: #fee3d6;
    outline: none;
  }
  img {
    border: none;
  }
  a:active {
    outline: none;
  }
  #wrapper {
  }
  #main {
    color: #4a3a1a;
    background-color: #c99f46;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
  }
  #header {
    padding-bottom: 0;
    width: 980px;
  }
  #site-logo {
    float: left;
    margin: 0.5em 0 0 1em;
  }
  #header-images {
    float: right;
    margin: 4px 5px 3px 0;
  }
  #below-menu {
    width: 980px;
    padding-top: 0;
    margin-top: 0;
  }
  #search-and-share {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #search-section {
    float: left;
    width: 200px;
    text-align: center;
    padding-bottom: 5px;
    margin-left: 5px;
    color: #000000;
    background-color: #c99f46;
    margin-top: 7px;
  }
  #group-recipes-link {
    float: right;
    margin-right: 15px;
    margin-top: 10px;
  }
  #group-recipes-image {
    border: none;
  }
  #share-button {
    float: left;
    margin-left: 90px;
    margin-top: 12px;
  }
  #rss-icon {
    float: left;
    margin-left: 10px;
    margin-top: 12px;
  }
  #print-heading {
    display: none;
  }
  #blank-tag-line {
    float: left;
    margin-left: 110px;
    margin-top: -5px;
  }
  #welcome-tag-line {
    float: left;
    margin-left: 60px;
    margin-top: -5px;
    margin-right: -50px;
  }
  #recipes-tag-line {
    float: left;
    margin-left: 100px;
    margin-top: -5px;
    margin-right: 20px;
  }
  #food-tag-line {
    float: left;
    margin-left: 150px;
    margin-top: -5px;
    margin-right: 30px;
  }
  #drinks-tag-line {
    float: left;
    margin-left: 150px;
    margin-top: -5px;
    margin-right: 30px;
  }
  #books-tag-line {
    float: left;
    margin-left: 120px;
    margin-top: -5px;
    margin-right: 10px;
  }
  #health-tag-line {
    float: left;
    margin-left: 160px;
    margin-top: -5px;
    margin-right: 30px;
  }
  #trivia-tag-line {
    float: left;
    margin-left: 150px;
    margin-top: -5px;
    margin-right: 55px;
  }
  #ginger-tag-line {
    float: left;
    margin-left: 160px;
    margin-top: -5px;
    margin-right: 30px;
  }
  #homeware-tag-line {
    float: left;
    margin-left: 90px;
    margin-top: -5px;
    margin-right: -15px;
  }
  #jams-tag-line {
    float: left;
    margin-left: 80px;
    margin-top: -5px;
    margin-right: -20px;
  }
  #biscuits-tag-line {
    float: left;
    margin-left: 80px;
    margin-top: -5px;
    margin-right: -25px;
  }
  #chutneys-tag-line {
    float: left;
    margin-left: 75px;
    margin-top: -5px;
    margin-right: -35px;
  }
  #desserts-tag-line {
    float: left;
    margin-left: 80px;
    margin-top: -5px;
    margin-right: -30px;
  }
  #confectionery-tag-line {
    float: left;
    margin-left: 120px;
    margin-top: -5px;
    margin-right: 25px;
  }
  #cakes-tag-line {
    float: left;
    margin-left: 180px;
    margin-top: -5px;
    margin-right: 60px;
  }
  #teas-tag-line {
    float: left;
    margin-left: 105px;
    margin-top: -5px;
    margin-right: -5px;
  }
  #beers-tag-line {
    float: left;
    margin-left: 15px;
    margin-top: -5px;
    margin-right: -75px;
  }
  #ales-tag-line {
    float: left;
    margin-left: 190px;
    margin-top: -5px;
    margin-right: 80px;
  }
  #wines-tag-line {
    float: left;
    margin-left: 180px;
    margin-top: -5px;
    margin-right: 55px;
  }
  #cordials-tag-line {
    float: left;
    margin-left: 60px;
    margin-top: -5px;
    margin-right: -40px;
  }
  #about-tag-line {
    float: left;
    margin-left: 205px;
    margin-top: -5px;
    margin-right: 80px;
  }
  #contact-tag-line {
    float: left;
    margin-left: 200px;
    margin-top: -5px;
    margin-right: 70px;
  }
  #privacy-tag-line {
    float: left;
    margin-left: 140px;
    margin-top: -5px;
    margin-right: 30px;
  }
  #sitemap-tag-line {
    float: left;
    margin-left: 205px;
    margin-top: -5px;
    margin-right: 75px;
  }
  #feeds-tag-line {
    float: left;
    margin-left: 200px;
    margin-top: -5px;
    margin-right: 60px;
  }
  #advertise-tag-line {
    float: left;
    margin-left: 140px;
    margin-top: -5px;
    margin-right: 30px;
  }
  #the-kings-ginger-tag-line {
    float: left;
    margin-left: 140px;
    margin-top: -5px;
    margin-right: 30px;
  }
  #previous-news-summary-tag-line {
    float: left;
    margin-left: 90px;
    margin-top: -5px;
    margin-right: 0px;
  }
  #gta-tag-line {
    float: left;
    margin-left: 95px;
    margin-top: -5px;
    margin-right: 0px;
  }
  #articles-tag-line {
    float: left;
    margin-left: 105px;
    margin-top: -5px;
    margin-right: 5px;
  }
  #shop-tag-line {
    float: left;
    margin-left: 155px;
    margin-top: -5px;
    margin-right: 30px;
  }
  #latest-news {         /* Centre column */
    background-color: #fff8dc;
    border: 1px solid #fffdd0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.5em;
    padding-bottom: 1em;
  }
  .section-heading {
    height: 24px;
    font-size: larger;
    font-weight: bold;
    padding: 0 10px 0 10px;
    border: 1px solid #fffdd0;
    background-color: #af8b3d;
    margin-bottom: 10px;
    color: #ffffff;
    background-image: url(section_heading_background.gif);
    background-repeat: repeat-x;
    text-shadow: 2px 2px 5px #896d30;
  }
  .news-item {
    margin-left: 10px;
    margin-bottom: 0.5em;
    margin-right: 5px;
  }
  .news-item-heading {
    color: #8b4513;
    font-weight: bold;
  }
  a.news-item-heading {
    text-decoration: underline;
  }
  a:hover.news-item-heading {
    color: #ff0000;
  }
  .news-item-text {
  }
  .news-item-text a {
    text-decoration: underline;
    color: #000000;
  }
  .news-item-text a:hover {
    text-decoration: none;
    color: #0000ff;
  }
  .more-link, .suggestion-link {
    color: #8b4513;
    font-weight: bold;
  }
  a.more-link, a.suggestion-link {
    text-decoration: none;
  }
  a:hover.more-link, a:hover.suggestion-link {
    text-decoration: underline;
    color: #ff0000;
  }
  #centre-column {
    float: left;
    /* margin-top: 20px; */
  }
  .centre-column-width {
    width: 420px;
  }
  #right-column {
    float: right;
    width: 300px;
    margin-left: 10px;
    margin-right: 15px;
  }
  #left-column {
    margin-top: 10px;
    float: left;
    width: 170px;
    /* height: 600px; */
    margin-left: 15px;
    margin-bottom: 10px;
  }
  #centre-right-wrapper {
    margin-top: 5px;
    float: right;
  }
  #whole-wrapper {
    float: left;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    background-color: #fff8dc;
  }
  .centre-right-section {
    float: left;
    width: 750px;
    background-color: #fff8dc;
    border: 1px solid #fffdd0;
    margin-left: 5px;
    margin-right: 15px;
    color: #000000;
  }
  .centre-right-section-text {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
  }
  .centre-right-section-text h1 {
    font-size: 110%;
    font-weight: 600;
    font-style: italic;
    margin: 1em 0 0 30px;
  }
  .centre-right-section-text p {
    padding: 0.5em 30px 0.5em 50px;
  }
  .centre-right-section-text p a {
    color: #333333;
  }
  .centre-right-section-text p a:hover {
    color: #ff0000;
    text-decoration: none;
  }
  .centre-right-section-text ul {
    padding-top: 10px;
    margin-bottom: 1em;
    list-style-type: none;
    margin-left: 100px;
  }
  .centre-right-section-text li a {
    color: #000000;
    text-decoration: none;
  }
  .centre-right-section-text li a:hover {
    color: #ff0000;
    text-decoration: underline;
  }
  .centre-right-section-text ul ul {
    list-style-type: none;
    margin: -10px 0px 0px 20px;
  }
  #old-illustration {
    margin-top: 10px;
  }
  #books, #products, #biscuit-news, #beer-news, #recipe-competition, #allergen-news, #gta {
    /* width: 450px; */
    background-color: #fff8dc;
    /* border: 1px solid #fffdd0; */
    margin-bottom: 1em;
    padding-bottom: 1em;
    margin-left: 25px;
    margin-right: 25px;
  }
  #biscuit-news, #beer-news {
    clear: left;
  }
  .book-item, .product-item {
    clear: both;
    margin-bottom: 0.5em;
  }
  .book-image, .product-image {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .product-image-extra-bottom-padding {
    padding-bottom: 20px;
  }
  .product-item img {
    margin-bottom: -1em;
  }
  .book-description, .product-description {
  }
  .book-description h1 {
    font-size: 1.1em;
  }
  .book-description h1 a {
    color: #696969;
  }
  .book-description h1 a:hover {
    color: #ff0000;
  }
  .book-description h2 {
    margin-top: 0.5em;
    font-size: 0.9em;
  }
  .book-review, .product-review {
    /* margin-top: 1em; */
    padding: 5px 10px 10px 10px;
  }
  .product-description h1 {
    font-size: 1.1em;
  }
  .product-description h2 {
    font-size: 0.9em;
  }
  .product-description h1 a {
    color: #000000;
  }
  .product-description h2 a {
    color: #000000;
  }
  .product-description h1 a:hover {
    color: #ff0000;
    text-decoration: none;
  }
  .product-description h2 a:hover {
    color: #ff0000;
    text-decoration: none;
  }
  .product-review p a {
    color: #000000;
  }
  .product-review p a:hover {
    color: #ff0000;
    text-decoration: none;
  }
/*
  This is the top menu section.
*/
  #menu-section {
    clear: both;
    background-color: #896d30;
    font-size: 90%;
    border-top: 1px solid #fffdd0;
    border-bottom: 1px solid #fffdd0;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: -5px;
    margin-bottom: 5px;
    text-align: center;
  }
  #menu-section li {
    display: inline;
    list-style-type: none;
    padding-right: 10px;
    white-space: pre;
  }
  #menu-section li a {
    text-decoration: none;
  }
  #menu-section li a:link {
    color: #fffdd0;
  }
/*
  #menu-section li a:visited {
    color: #ffff00;
  }
*/
  #menu-section li a:hover {
    color: #000000;
    background-color: #fffdd0;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  li a#current-menu-item {
    background-color: #e09d43;
    color: #000000;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #ffffff;
  }
  li a#current-menu-item:visited {
    color: #000000;
  }
  li a#current-compendium-item:visited {
    font-weight: bold;
    color: #fffa83;
  }
/*
  This is the bottom menu section.
*/
  #bottom-menu {
    background-color: #896d30;
    font-size: 90%;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: -5px;
    margin-bottom: 5px;
    text-align: center;
    border-top: 1px solid #fffdd0;
  }
  #bottom-menu li {
    display: inline;
    list-style-type: none;
    padding-right: 25px;
    white-space: pre;
  }
  #bottom-menu li a {
    text-decoration: none;
  }
  #bottom-menu li a:hover {
    color: #000000;
    padding-top: 5px;
    padding-bottom: 5px;
  }
/*
  Miscellaneous
*/
  #print-heading {
    display: none;
  }
  #page-heading {
    font-size: 150%;
    text-align: center;
    border: 1px solid;
    background-color: #cbb5ab;
    font-weight: bold;
  }
  #back-to-top a {
    text-decoration: none;
  }
  #back-to-top a:hover {
    color: #ffffff;
    text-decoration: underline;
  }
  #download {
    margin: 0 0 0 50%;
    text-align: center;
    font-size: 80%;
    background-color: #ffffff;
    border: 1px solid #000000;
  }
  #download a {
    color: #ff0000;
  }
  #download a:hover {
    color: #0000ff;
    text-decoration: none;
  }
  .in-text-link {
    color: #4b4340;
  }
  a:hover.in-text-link {
   color: #ff0000;
   text-decoration: none;
  }
  #above-footer {
    width: 850px;
  }
  #welcome, #product-of-the-week, #recipe-of-the-week, #books, .trivia-item, #homeware-introduction, #health-introduction {
    margin-left: 25px;
    margin-right: 25px;
  }
  #product-of-the-week h1 {
    font-size: 125%;
    margin-top: 0.25em;
    margin-bottom: 0.5em;
  }
  #recipe-of-the-week {
    /* height: 185px; Not required whilst we use MIN-HEIGHT */
  }
  #welcome-heading, #product-of-the-week-heading, #recipe-of-the-week-heading, .trivia-heading, #homeware-introduction-heading, #health-introduction-heading {
    height: 24px;
    border: 1px solid #fffdd0;
    font-size: larger;
    font-weight: bold;
    padding: 0 10px 0 10px;
    border-bottom: 1px solid #fffdd0;
    background-color: #af8b3d;    color: #ffffff;
    background-image: url(section_heading_background.gif);
    background-repeat: repeat-x;
    text-shadow: 2px 2px 5px #896d30;
  }
  #welcome-text, #product-of-the-week-text, #recipe-of-the-week-text-section, .trivia-text, #homeware-introduction-text, #health-introduction-text {
    background-color: #fff8dc;
    padding: 5px 10px 10px 10px;
    margin-bottom: 10px;
  }
  #product-of-the-week-text {
    min-height: 125px;   /* This is the height of the image */
  }
  #recipe-of-the-week-text-section {
    min-height: 120px;   /* This is the height of the image */
                         /* May need to change HEIGHT in recipe-of-the-week */
  }
  a.recipe-of-the-week-link {
    color: #000000;
  }
  a.recipe-of-the-week-link:hover {
    text-decoration: none;
  }
  #recipe-of-the-week-text {
    margin-top: 0.5em;
  }
  #ginger-forms {        /* Centre column */
    /* width: 450px; */
    background-color: #fff8dc;
    /* border: 1px solid #fffdd0; */
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 1em;
    padding-bottom: 0.5em;
  }
  #ginger-forms-intro {
    margin-left: 10px;
  }
  #ginger-forms-text {
    padding: 0px 10px 10px 10px;
  }
  #ginger-forms-text h1 {
    font-size: 110%;
    margin-top: 10px;
    color: #666666;
  }
  #ginger-forms-text p {
    margin-left: 15px;
  }
  #ginger-forms-footnote {
    margin-top: 15px;
    margin-left: 10px;
  }
  #drinks-page-image, #recipe-page-image {
    margin: 0 0 10px 25px;
  }
  #we-love, #we-have-tried {
  }
  #we-love h1 {
    font-size: 105%;
  }
  #we-love-heading, #we-have-tried-heading {
    height: 24px;
    border: 1px solid #fffdd0;
    font-size: larger;
    font-weight: bold;
    padding: 0 10px 0 10px;
    border-bottom: 1px solid #fffdd0;
    background-color: #af8b3d;    color: #ffffff;
    background-image: url(section_heading_background.gif);
    background-repeat: repeat-x;
    text-align: center;  /* Used with the 'Have You Tried' heading */
 }
  #we-love-text, #we-have-tried-text {
    background-color: #fff8dc;
    padding: 5px 10px 10px 10px;
    margin-bottom: 10px;
    height: 135px;       /* This is the height of the image */
  }
  #we-love-text h1 {
    margin-bottom: 0.5em;
  }
  #we-have-tried-text p {
    margin-left: 50px;
  }  
  #we-love-image, #we-have-tried-image {
    float: left;
    margin-right: 10px;
  }
  #recipe-compendium, #product-compendium {
    border: 1px solid #fffdd0;
    margin-bottom: 10px;
  }
  #recipe-compendium-heading, #product-compendium-heading {
    color: #ffffff;
    background-color: #896d30;
    text-align: center;
    padding: 2px 0 2px 0;
    border-bottom: 1px solid #fffdd0;
    font-size: larger;
  }
  #recipe-compendium-list, #product-compendium-list {
    padding: 5px 5px 10px 5px;
    background-color: #d5be8b;
  }
  #product-compendium-list ul {
    list-style-type: none;
    margin-left: 10px;
    color: #ffffff;
  }
  #recipe-compendium-list ul {
    list-style-type: none;
    margin-left: 10px;
    color: #ffffff;
  }
  #product-compendium-list li a {
    color: #000000;
    text-decoration: none;
  }
  #recipe-compendium-list li a {
    color: #000000;
    text-decoration: none;
  }
  #product-compendium-list li a:hover {
    color: #ffffff;
    text-decoration: none;
  }
  #recipe-compendium-list li a:hover {
    color: #ffffff;
    text-decoration: none;
  }
  .compendium-link-symbol {
    color: #000000;
    margin-right: 0.5em;
  }
  .recipe-tip {
    border: 1px solid #fffdd0;
    margin-bottom: 10px;
  }
  .recipe-tip-heading {
    color: #ffffff;
    background-color: #896d30;
    text-align: center;
    padding: 2px 0 2px 0;
    border-bottom: 1px solid #fffdd0;
    font-size: larger;
  }
  .recipe-tip-text {
    padding: 3px 5px 3px 5px;
    background-color: #d5be8b;
  }
  .recipe-tip-text a:hover {
    text-decoration: none;
  }
  .specific-link {
    border: 1px solid #fffdd0;
    margin-bottom: 10px;
    color: #ffffff;
    background-color: #968a2d;
    text-align: center;
    padding: 5px 0 5px 0;
    border: 2px solid #fffdd0;
    font-size: larger;
  }
  .specific-link a:hover {
    text-decoration: none;
    color: #3c2e0f;
  }
  .did-you-know {
    border: 1px solid #fffdd0;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .did-you-know-heading {
    color: #ffffff;
    background-color: #896d30;
    text-align: center;
    padding: 2px 0 2px 0;
    border-bottom: 1px solid #fffdd0;
    font-size: larger;
  }
  .did-you-know-text {
    padding: 5px 5px 5px 5px;
    background-color: #d5be8b;
  }
  .you-may-be-interested-in-heading {
    color: #ffffff;
    background-color: #493a1a;
    text-align: center;
    padding: 2px 0 2px 0;
    border-bottom: 1px solid #fffdd0;
    font-size: larger;
  }
  .quote {
    border: 1px solid #fffdd0;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 5px;
    background-color: #d5b160;
  }
  .quotation {
    padding: 5px 5px 5px 5px;
  }
  .attribution {
    font-style: italic;
    font-size: 85%;
    text-align: right;
    padding: 0em 5px 5px 0;
  }
  .attribution a {
    text-decoration: underline;
  }
  .attribution a:hover {
    text-decoration: none;
    color: #ff0000;
  }
  .did-you-know-text a:hover {
    text-decoration: none;
    color: #ff0000;
  }
  .big-left-quote {
    padding: 0 5px 0 0;
  }
  .big-right-quote {
    padding: 0 0 0 5px;
  }
  .advert-medium-rectangle-heading {
    background-color: #bfbe9c;
    margin-top: 1em;
    text-align: center;
    font-size: 65%;
  }
  .advert-medium-rectangle {
    margin: 0 0 10px 0;
  }
  #bottom-ad-link-unit {
    text-align: center;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
  }
  .black-border {
    border: 1px solid #000000;
  }
  .advert-260 {
    margin: 0 0 10px 0;
    border: 1px solid #403f37;
    background-color: #fffdda;
    overflow: hidden;
  }
  .advertise-here-text {
    margin: 20px 0 20px 75px;
    font-weight: bold;
  }
  .advertise-here-text a:hover {
    color: #ff0000;
    text-decoration: underline;
  }
  .advert-text {
    padding: 5px 5px 10px 5px;
  }
  .advert-260 a {
    color: #403f37;
    text-decoration: none;
  }
  .advert-text a:hover {
    color: #0000ff;
    text-decoration: underline;
  }
  .advert-260-image {
    padding: 0;
  }
  .advert-260-heading {
    background-color: #bfbe9c;
    margin-top: 1em;
    text-align: center;
    font-size: 65%;
    border-top: 1px solid #403f37;
    border-left: 1px solid #403f37;
    border-right: 1px solid #403f37;
  }
  .advert-125x125 {
    margin: 10px 0 10px 18px;
  }
  .recipe-page-wide-bottom-ad {
    clear: both;
    width: 728px;
    margin: 0 0 1em 16px;
  }
  .right-column-advert, .left-column-advert {
    margin-top: 10px;
  }
  .recipes-page-link {
    padding: 3px 10px 5px 10px;
    border: 1px solid #896d30;
    background-color: #d5b160;
    margin: 0 0 10px 0;
    height: 7em;
  }
  .recipes-page-link a {
    color: #000000;  /* #403f37; */
    text-decoration: none;
  }
  .recipes-page-link a:hover {
    color: #ff0000;
    text-decoration: underline;
  }
  #scales {
    float: left;
    padding-right: 10px;
    padding-top: 10px;
  }
  .recipes-page-link-text {
    margin: 10px 0 0 0;
    line-height: 1.5;
  }
  #twitter, #facebook {
    margin-left: 0;
    margin-bottom: 5px;
  }
  #enkoder {
    margin: 5px 0 5px 0;
  }
  #f4h {
    margin: 10px auto 10px 8px;
  }
  #non-english-names, .left-column-display {
    background-color: #d5be8b;
    width: 160px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #fffdd0;
  }
  #non-english-names ul {
    list-style-type: none;
    margin: 0 0 10px 10px;
    padding: 5px;
  }
  .left-column-display ul {
    list-style-type: none;
    margin: 0 0 10px 5px;
    padding: 5px 0 5px 40px;
  }
  .left-column-display-text {
    margin: 5px 10px 5px 10px;
    padding-bottom: 10px;
  }
  .recipe-tip-text a {
    color: #000000;
  }
  .left-column-display-text a {
    color: #554c38;
  }
  .left-column-display-text a:hover {
    text-decoration: none;
    color: #958561;
  }
  #product-of-the-week-image, #recipe-of-the-week-image {
    float: left;
    margin-right: 10px;
  }
/*
  The 'all about ginger' page.
*/
  #all-about-ginger {         /* Right-hand column of a two-column page */
    float: right;
    width: 750px;
    background-color: #fff8dc;
    border: 1px solid #fffdd0;
    margin-left: 5px;
    margin-right: 15px;
    margin-bottom: 10px;
  }
  .all-about-ginger-section-heading {
    color: #ffffff;
    background-color: #896d30;
    text-align: center;
    padding: 2px 0 2px 0;
    font-size: larger;
  }
  #what-is-it {
    float: left;
    margin: 5px 0 10px 5px;
    width: 450px;
  }
  #what-is-it-text, #what-does-it-look-like-text, #why-is-ginger-spicy-text, #what-is-edible-text {
    padding: 10px 10px 10px 10px;
    background-color: #d5be8b;
    color: #000000;
  }
  #zingiber-officinale {
    float: right;
    margin: 5px 5px 10px 0px;
    width: 280px;
    background-color: #d5be8b;
  }
  #zingiber-officinale-image {
    margin: 10px 10px 7px 10px;
  }
  #zingiber-officinale-text {
    margin: 0px 10px 5px 10px;
    border: 1px solid;
    padding: 5px;
    background-color: #ffffff;
  }
  #what-does-it-look-like, #why-is-ginger-spicy, #what-is-edible {
    float: left;
    margin: 0px 0 10px 5px;
    width: 450px;
    background-color: #d5be8b;
  }
  #world-ginger-map-container {
    clear: both;
    margin: 5px 5px 5px 5px;
    width: 740px;
    background-color: #d5be8b;
  }
  #world-ginger-map {
    padding: 10px 10px 10px 10px;
  }
  #top-producers-list {
    float: right;
    margin-top: 10px;
    margin-right: 25px;
  }
  #top-producers-list h1 {
    font-size: 105%;
  }
  #top-producers-list ul {
    list-style-type: none;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
  }
  .processing-ginger {
    margin: 10px 0 10px 5px;
    width: 740px;
  }
  .processing-ginger-text {
    padding: 10px 10px 10px 10px;
    background-color: #d5be8b;
    color: #000000;
  }
  #indian-ginger {
    float: left;
    margin: 0 0 10px 5px;
    width: 365px;
  }
  #chinese-ginger, #australian-ginger, #nigerian-ginger {
    float: right;
    margin: 0 5px 10px 0;
    width: 365px;
  }
  #jamaican-ginger {
    clear: left;
    float: left;
    margin: 0 0 10px 5px;
    width: 365px;
  }
  .ginger-text-by-country {
    padding: 10px 10px 10px 10px;
    background-color: #d5be8b;
    color: #000000;
  }
  .ginger-text-by-country p {
    padding-bottom: 0.5em;
  }  
  .image-and-caption {
    float: left;
    font-size: 75%;
    margin-top: 0px;
    text-align: center;
  }
  .product-image-with-caption {
    margin: 0px 5px 0px 5px;
  }
  .caption {
  }
  .caption a {
    text-decoration: underline;
    color: #000000;
  }
  .caption a:hover {
    text-decoration: none;
    color: #0000ff;
  }
  #ginger-creams-links {
    background-color: #ffffff;
    background-image: url(images/ginger_creams_background_draft.gif);
    background-repeat: no-repeat;
    width: 160px;
    height: 160px;
    padding: 0;
    margin: 0;
  }
  #ginger-creams-links-text {
    font-size: 150%;
    text-align: center;
    padding-top: 50px;
  }
  .announcement-heading {
    background-color: #9d8b66;
    border-bottom: 1px solid #000000;
  }
  .announcement-box {
    background-color: #d5b160;
    border: 1px solid #000000;
  }
  .right-column-post-it {
    margin-left: 3em;
    margin-top: 15px;
  }
  .right-column-image {
    border: 1px solid #ffffff;
    margin-top: 5px;
  }
  #advertising-image {
    margin: 20px 0 0 20px;
    border: 1px solid #000000;
  }
  #advertise {         /* Centre column */
    float: left;
    width: 750px;
    background-color: #fff8dc;
    border: 1px solid #fffdd0;
    margin: 0 15px 5px 5px;
  }
  #medium-rectangle-example {
    float: right;
    margin: 20px 20px 0 0;
    border: 1px solid #000000;
  }
  .advertise-text {
    margin: 20px 20px 0 20px;
    padding: 10px;
    border: 1px solid #896d30;
    background-color: #ffffff;
  }
  #advertise-end {
    margin-bottom: 20px;
    height: 50px;
  }
  #advertise-intro {
    float: left;
    width: 360px;
    margin-top: 75px;
  }
  .advertise-text p {
    margin-bottom: 0.5em;
  }
  .advertisement-main {
    clear: both;
  }
  .advertisement-main ul {
    margin-left: 75px;
    margin-bottom: 0.5em;
  }
  #advertisement-payment {
    margin-bottom: 20px;
  }
  #advertisement-payment li {
    margin: 0 20px 0 40px;
  }
  #advertise a {
    color: #000000;
  }
  #advertise a:hover {
    color: #ff0000;
    text-decoration: none;
  }
  #email-link {
    float: left;
  }
  #paypal-link {
    float: right;
  }
  #under-construction {
    text-align: center;
    font-size: x-large;
    height: 140px;
    padding-top: 100px;
    border: 1px solid #000000;
  }
  #feed-intro {
    font-size: 120%;
    margin-bottom: 0.5em;
    font-style: italic;
  }
/*
  Previous News Summary Links.
*/
  .news-summary-navigation-links {
    background-color: #896d30;
    margin: 0 25px 15px 25px;
    height: 1.5em;
  }
  .news-summary-navigation-links a:hover {
    text-decoration: none;
  }
  .previous-page-link {
    color: #fffdd0;
    padding-top: 10px;
    margin-left: 160px;
  }
  .next-page-link {
    color: #fffdd0;
    padding-top: 10px;
    margin-left: 140px;
  }
/*
  Great Taste Awards.
*/
  #gta h1 {
    font-size: 105%;
    text-decoration: underline;
    margin-left: 5px;
    margin-top: 0.5em;
  }
  #gta table {
    font-size: 90%;
    margin-left: -5px;
  }
  #gta table th {
    text-align: left;
    padding-left: 10px;
    text-decoration: underline;
    font-weight: bold;
    font-style: italic;
  }
  #gta table td {
    padding-left: 10px;
    width: 200px;
  }
  #gta a {
    color: #8b4513;
  }
  #gta a:hover {
    color: #ff0000;
  }
/*
  Article pages.
*/
  .article-index-entry {
    margin-top: 0.25em;
   }
  .article-index-entry a {
    margin-left: 10px;
    color: #8b4513;
  }
  .article-index-entry a:hover {
    color: #ff0000;
  }
  #drop-cap:first-letter {
    font-size: 5em;
    float: left;
    font-weight: lighter;
  }
  .start-new-paragraph {
    margin-top: 0.5em;
    text-indent:20px;
   }
  .start-new-paragraph a {
    color: #8b4513;
  }
  .start-new-paragraph a:hover {
    color: #ff0000;
  }
  #article {
    margin-left: 25px;
    margin-right: 25px;
  }
  #article-heading {
    border: 1px solid #fffdd0;
    font-size: 105%;
    padding: 10px;
    border-bottom: 1px solid #fffdd0;
    background-color: #896d30;    color: #ffffff;
    text-align: center;
  }
  #article-text {
    background-color: #fff8dc;
    padding: 20px;
    margin-bottom: 10px;
  }
/*
  The footer section.
*/
  #footer {
    clear: both;
    font-size: 85%;
    text-align: center;
    margin-top: 10px;
    margin-right: 1em;
    padding-bottom: 1em;
  }
  #copyright {
    color: #000000;
  }
  #designer {
    color: #000000;
    margin-left: 3em;
  }
  #designer a {
    color: #896d30;
    text-decoration: none;
  }
  #designer a:hover {
    color: #3c2e0f;
    text-decoration: underline;
  }
  #image-rights {
    color: #000000;
    margin-left: 3em;
  }
  .top-of-page {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .top-of-page a {
    background-color: #896d30;
    border: 1px solid #fffdd0;
    text-decoration: none;
    padding: 5px;
  }
  .top-of-page a:hover {
    color: #000000;
    background-color: #fffdd0;
  }
/*
  Extend the parent element's height i.e. create a full-height column.
*/
  .clearone {
    clear: both;
    height: 1px;
  }
/*
  Various pages.
*/
  .read-more {
    margin-top: 0.5em;
  }
  .bold-text {
    font-weight: bold;
  }
  .bold-italics-text {
    font-weight: bold;
    font-style: italic;
  }
  .italics-text {
    font-style: italic;
  }
  .underline {
    text-decoration: underline;
  }
  .no-underline {
    text-decoration: none;
  }
  .small-preceding-blank-line {
    margin-top: 0.5em;
  }
  .in-text-link {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
  }
  .add-thin-light-border {
    border: 1px solid #fffdd0;
  }
  #my-google-translate {
    margin-bottom: 1em;
  }
  .centre-text {
    text-align: center;
  }



