body {
    background-color: white;
    color: black;
    margin: 0;
    padding: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 12pt;
    width: 768px;
    text-align: center;
}

a {
    font-weight: bold;
    text-decoration: none;
    color: black;
}

/*------------------------------------------------------------------------*/

/* Header */

/* Centered header with Winefella logo, and text */
#header {
    width: 768px;
    margin: 0;
    padding: 0;
    background-color: white;
    overflow: auto;
}

/* Winefella logo */
#winefellalogo {
    float: left;
    width: 360px;
    margin: 0;
    background-color: white;
    padding: 0;
}

/* Additional properties of header text */
#headertext {
    float: right;
    width: 408px;
    color: black;
    background-color: white;
    font-size: 1.3em;
    font-weight: bold;
    font-style: italic;
    margin: 0;
    line-height: 120px;
}

/*-----*/

/* Turn off breadcrumbs */

ul#breadcrumbs {
display:none
}

/*-----*/

/* Turn off navigation bar */

#navigation {
display: none;
}

/*-----*/

/* "About Wine Fella" and subsequent sections in home page (and similar
   sections in other pages) */

.infosection {
    width: 100%;
    padding: 0;
    margin: 0 0 0.5em 0;
    text-align: left;
    clear: both;
}

.infosection h1 {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0.5em 0 0 0;
    background-color: white;
    font-size: 1em;
    color: black;
}

.infosectioncontents {
    clear: left;
    background-color: white;
}

.infosectioncontents p, .infosectioncontents img {
    font-size: 1em;
    padding: 0.5em 0 0 0;
    margin: 0;
    color: black;
}

/*------------------------------------------------------------------------*/

/* News section in home page */

#news_section {
    width: 768px;
    margin: 10px 0 0 0;
    clear: both;
    text-align: left;
    overflow: auto;
}

#newlabels {
    float: left;
    width: 378px;
    border: 1px solid black;
    margin: 0 0 10px 0;
}

#newlabels ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 240px;
}

#newlabels li {
float: left;
width: 49%;
padding: 0;
}

#news_happenings, #join_mailing_list {
    float: right;
    width: 378px;
    margin: 0 0 0.25em 0;
    border: 1px solid black;
}

#join_mailing_list {
    clear: both;
}

#news_section h1 {
    padding: 0.3em;
    margin: 0;
    font-size: 1em;
}

#news_section h2 {
    padding: 0.3em;
    margin: 0.3em 0 0 0;
    font-size: 1em;
}

#news_section p {
    padding: 0.3em;
    margin: 0;
}

/*------------------------------------------------------------------------*/

/* Images that appear in the Exclusive labels section on the home page */

#newlabels img {
    padding: 10px;
}

/*------------------------------------------------------------------------*/

/* Wine tasting image */

#winetasting_img {
    float: right;
    margin: 2px 2px 2px 4px;
}

/*------------------------------------------------------------------------*/

/* Intro to product catalogue page (overrides .infosection h1) */

h1.productintrohead {
    background-color: white;
    color: black;
    font-size: 1.5em;
    font-variant: small-caps;
}

/*------------------------------------------------------------------------*/

/* Intro to list of countries (overrides .infosection h1) */

.winesbycountry {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: left;
    background-color: white;
    clear: both;
}

.winesbycountry h1 {
    padding: 1em 0 0 0;
    margin: 0;
    font-size: 1.2em;
}

ul#countrylist {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1em;
}

#countrylist li {
    float: left;
    padding: 10px 20px;
    margin: 0;
}

#countrylist img {
    display: none;
}

#countrylist a {
    color: black;
    text-decoration: none;
}

.winesbycountry table {
    clear: left;
    border-collapse: collapse;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    margin: 0 0 6px 0;
    table-layout: fixed;
}

.winesbycountry caption {
    color: black;
    background-color: white;
    font-size: 1.5em;
    margin: 0;
    padding: 0;
}

/* The first tr in a "section", i.e. a new wine estate. With IE would need
   to apply to td's below this. */
tr.first_in_section {
}

tr.altrow {
}

.winesbycountry th {
    background-color: white;
    color: black;
    padding: 4px;
    text-align: left;
}

th.label, td.label {
    width: 25%;
}
th.name, td.name {
    width: 22%;
}
th.taste, td.taste {
    width: auto;
}

/* Don't display any label columns (partly because it can cause problems
   with printing, eg blank pages). */
.label {
    width: 0;
    display: none;
}

.winesbycountry td {
    padding: 4px;
    border: 1px solid black;
}

.winesbycountry .first_in_section td {
    border-top: 3px double black;
}

td.name {
    font-size: 0.85em;
}

td.taste {
    font-size: 0.85em;
}

.taste ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.taste li {
    margin: 0;
    padding: 0;
}

img.winetypeicon {
  float: right;
}

/*------------------------------------------------------------------------*/

/* Classes/ids for services page. */

.servicetype {
    width: 100%;
    margin: 0;
    background-color: white;
}

.servicetype h2 {
    text-align: center;
    color: black;
    background-color: white;
    font-size: 1.5em;
    font-variant: small-caps;
    margin: 4px 0 0 0;
}

.servicetype p {
    text-align: left;
    padding: 0 0 0 10px;
    margin: 1em 0;
}

.servicedetails {
    float: left;
    background-color: white;
    padding: 0;
}

#weddings .servicedetails {
    width: 47%;
}

#corp .servicedetails {
    width: 30%;
}

.servicedetails h3 {
    font-weight: normal;
    text-decoration: underline;
    background-color: white;
    color: black;
    padding: 0 10px 0 0;
    margin: 0;
}

.servicedetails p {
    font-size: 1em;
    padding: 0.5em;
    margin: 0;
}

#weddings #weddingconsignment {
    clear: both;
}

p.servicedetailsend {
    clear: both;
    padding-top: 4px;
}

span.winefella {
    font-weight: bold;
    color: black;
}

/*------------------------------------------------------------------------*/

/* address and sub classes */

#contact_address {
    font-size: 0.8em;
}

/*-----*/

div#prefixed {
display: none;
}

/*-----*/

/* Copyright at bottom */

#copyright {
    clear: both;
    width: 100%;
    color: black;
    background-color: white;
    font-size: 0.83em;
    padding: 0;
    margin: 1em 0 0 0;
    text-align: center;
}

/*------------------------------------------------------------------------*/

/* Last modified date */

#lastmod {
    position: absolute;
    right: 0;
    color: black;
    background-color: white;
    font-size: 0.83em;
}