.cf:before, .cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

/* for IE 6/7 (trigger hasLayout) */

.cf {
    zoom: 1;
}

body {
    padding: 0;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: small;
    line-height: 1;
    background-color: #FEFEFF;
}

#wrapper {
    width: 1000px;
    margin: 20px auto 20px auto;
    padding: 0;
    background-color: #F5F5F5;
}

/* masthead */


#masthead {
    position: relative;
    margin-left: 0;
    padding-top: 30px;
    background-color: #FEFEFF;
}

#logo {
    position: absolute;
    width: 60px;
    height: 70px;
    left: 20px;
    top: 20px;
}

#banner {
    padding: 0 0 35px 10px;
    margin-left: 95px;
}

#elaioladon, #finest {
    font-family: Verdana, sans-serif;
    padding: 0;
}

#elaioladon {
    margin: 0;
    font-size: 212%;
    letter-spacing: -0.4pt;
}

#finest {
    font-size: 122%;
    margin: 6px 0 0 18px;
    letter-spacing: -0.1pt;
}


/*navigation bar*/


nav[role=navigation] {
    width: 100%;
    margin: 0;
    padding: 0 1px 0 0;
}

nav[role=navigation] ul {
     float: left;
     list-style-type: none;
     width: 100%;
     margin: 0;
     padding: 0;
     background-color: #FEFEFF;
     border-bottom: 1px #A9D452 solid;
}

nav[role=navigation] ul li {
     float: left;
     margin: 0;
     padding: 0;
     width: 12.5%;
     font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", sans-serif;
     font-size: 1.23em;
     line-height: 1;
     letter-spacing: 0;
     font-weight: normal;
     text-align: center;
}

nav[role=navigation] ul li a {
     display: block;
     margin: 0;
     padding: 8px 0 8px 0;
     text-decoration: none;
     color: #000000;
}

nav[role=navigation] ul li a:visited {
     text-decoration: none;
     color: #000;
}

nav[role=navigation] ul li a:hover, body#index #t-index a, body#about #t-about a, body#products #t-products a, body#specialspage #t-specials a, body#newsletterpage #t-newsletter a, body#retail #t-retail a, body#history #t-history a, body#contact #t-contact a {
     text-decoration: none;
     color: #FFFFFF;
     background-color: #4D944D;
     background-image: url('images/on.jpg');
     background-size: 100% 100%;
     background-position: 0 0;
     background-repeat: no-repeat;
     background-attachment: fixed;
     display: block;
     margin: 0;
     padding: 8px 0 8px 0;
}


/* main page*/

#page-container {
    clear: both;
    position: relative;
    width: 998px;
    margin: 0;
    padding: 0;
    border-left: 1px #A9D452 solid;
    border-right: 1px #447444 solid;
    border-bottom: 1px #447444 solid;
}

#maincontent {
    float: left;
    width: 700px;
    margin: 0 30px 20px 0;
    padding: 35px 10px 0 20px;
}


/*main content*/


#top {
    position: relative;
    width: 680px;
    background-color: #D8E7D8;
    margin: 45px 0 30px 20px;
    border: 1px #FFFFF0 solid;
}

#top a {
    display: block;
    height: 21px;
    text-decoration: none;
    margin-left: 175px;
    padding: 49px 30px 57px 30px;
    color: #000;
    text-align: center;
}

#top a:hover {
    background-color: #E6F0E6;
    color: #000;
}

#middle {
    position: relative;
    width: 680px;
    background-color: #D6EAAA;
    margin: 40px 0 30px 20px;
    border: 1px #FFFFF0 solid;
}

#middle a {
    display: block;
    height: 60px;
    text-decoration: none;
    margin-left: 175px;
    padding: 42px 30px 14px 30px;
    color: #000;
    text-align: center;
}

#middle a:hover {
     background-color: #E5F2CB;
     color: #000;
}

#bottom {
    position: relative;
    width: 680px;
    background-color: #EAE8B9;
    margin: 40px 0 40px 20px;
    border: 1px #FFFFF0 solid;
}

#bottom a {
    display: block;
    height: 73px;
    text-decoration: none;
    margin-left: 175px;
    padding: 50px 30px 8px 30px;
    color: #000;
    text-align: center;
}

#bottom a:hover {
    background-color: #F1F0D1;
    color: #000;
}

.products {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 120%;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 150%;
}

img.floatleft {
    position: absolute;
    top: 0;
    left: 0;
    border: none;
}

img.floatleft2 {
    float: left;
    margin: 25px 20px 0 0;
}

img.floatright2 {
    float: right;
    margin: 10px 20px 40px 20px;
}

img.productleft {
    float: left;
    margin: 6px 20px 10px 0;
}

#tgseb-image, #karimunda-image {
    float: left;
    margin: 40px 20px 10px 0;
}

#tg-image {
    float: left;
    margin: 30px 20px 10px 0;
}

div.productright {
    position: absolute;
    width: 142px;
    height: 100%;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    border-left: 1px #D3D3D3 solid;
    background-color: #FEFEFF;
}

div.productleft {
    position: absolute;
    width: 200px;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border-right: 1px #D3D3D3 solid;
    background-color: #FEFEFF;
}

.main, .small {
    font-family: Verdana, sans-serif;
    text-align: justify;
}

.main {
    font-size: 100%;
    line-height: 140%;
}

.small {
    font-size: 90%;
    line-height: 135%;
}

p.instructions, .caption, table.analysis, .soldout {
    font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

p.instructions {
    font-size: 90%;
    line-height: 120%;
    text-align: center;
    padding-top: 15px;
    margin-top: 0;
}

.caption {
    font-size: 75%;
    line-height: 120%;
    margin: 5px 5px 0 5px;
}

table.analysis {
    font-size: 90%;
    text-align: left;
    width: 400px;
    border: 1px #808080 solid;
}

table.analysis th {
    padding-bottom: 1em;
}

.soldout {
    font-size: 110%;
    font-weight: bold;
    color: #DC143C;
    text-align: center;
}

.specialsAlert p.instructions, .specialsAlert2 p.instructions {
    line-height: 140%;
}

.underline {
    border-bottom: 1px #A9D452 solid;
    padding-bottom: 5px;
}

.overline {
    border-top: 1px #A9d452 solid;
    padding-top: 10px;
}

#retailPoints dd {
    padding: 2px 0 2px 0;
}

#retailPoints dd.last {
    padding-bottom: 10px;
}

h1, h2 {
    font-family: Arial, sans-serif;
    font-weight: 500;
    line-height: 120%;
}

h1 {
    font-size: 130%;
    letter-spacing: 1px;
}

h2 {
    font-size: 110%;
    letter-spacing: 0.6pt;
}

.center {
    text-align: center;
}

.imagecaptionleft {
    float: left;
    margin: 18px 20px 5px 0;
}

.imagecaptionright {
    float: right;
    margin: 0 0 5px 20px;
}

#form {
    margin: 60px 0 60px 40px;
}

div#oldnewsletters ul li {
    list-style: none;
}

div#oldnewsletters a {
    font-family: Arial, sans-serif;
    font-size: 100%;
    line-height: 12pt;
    color: #000000;
    text-decoration: none;
}

    div#oldnewsletters a:hover {
        color: #000;
    }

img.bordered {
    border: 1px #808080 solid;
}

div#newsletter-content {
    float: left;
    width: 530px;
    padding-right: 20px;
}

div#newsletter-content a {
    text-decoration: none;
    color: #1B6F1B;
    font-size: 102%;
}

ol li {
    text-align: left;
}

.clear {
    clear: both;
}

div.options {
    margin-left: 220px;
}

div.descriptionleft {
    min-height: 240px;
    margin: 0;
    margin-right: 142px;
    padding: 10px 20px 20px 20px;
}

div.descriptionright {
    min-height: 160px;
    margin: 0;
    margin-left: 200px;
    padding: 10px 20px 10px 20px;
}

.greenlink a {
    text-decoration: none;
    color: #1B6F1B;
}

.bold a {
    font-size: 96%;
    font-weight: bolder;
}

div.order {
    width: 142px;
    height: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #587937;
    margin: 0;
    padding: 0;
}

div.orderleft {
    width: 200px;
    height: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #587937;
    margin: 0;
    padding: 0;
}

    div.order a, div.orderleft a {
        display: block;
        font-weight: bold;
        font-size: 90%;
        color: ivory;
        line-height: 14pt;
        text-decoration: none;
        text-align: center;
    }

.padding {
    position: relative;
    margin: 0;
    padding: 0;
    border: 1px #D3D3D3 solid;
}

.options-container {
    margin: 0;
    padding-left: 20px;
    padding-bottom: 15px;
    border: 1px #FFFFF0 solid;
    border-radius: 8px 8px 8px 8px;
}

body#specialspage .options-container {
    padding-left: 0;
}

body#specialspage .options-container h2 {
    text-align: center;
    font-size: 100%;
    line-height: 150%;
    margin-top: 8px;
    padding-top: 0;
}

body#specialspage h2.specials-quantity {
    font-size: 130%;
}

.plus-sign {
    font-size: 136%;
}

.specials-left-product {
    float: left;
    margin: 30px 10px 0 20px;
    padding-left: 0;
}

#option3Figure {
    width: 310px;
    margin: 20px auto 0 auto;
}

#option3Figure img {
    float: left;
    margin-right: 5px;
}

.specials-right-product {
    float: right;
    margin: 30px 20px 0 10px;
    padding-left: 0;
}

body#specialspage .options-container p {
    text-align: center;
}

.descriptionleft ul li {
    line-height: 12pt;
}

.product-image-right {
    position: absolute;
    display: block;
    text-decoration: none;
    border: none;
    top: 0.6em;
    right: 20px;
    margin: 0;
    padding: 0;
}

.product-image-left {
    position: absolute;
    display: block;
    text-decoration: none;
    border: none;
    top: 2.5em;
    left: 30px;
    margin: 0;
    padding: 0;
}

.cart {
    margin-top: 5px;
}

a img.borderless {
    border: none;
}

.malabar-link-pepper, .malabar-link-products {
    font-family: Arial, sans-serif;
    font-size: 100%;
    padding: 0;
    text-align: center;
}

.malabar-link-pepper {
    margin: 20px 0 50px 0;
}

.malabar-link-products {
    margin: 20px 0 0 0;
}

.malabar-link-pepper a, .malabar-link-products a {
    text-decoration: none;
    font-size: 100%;
    color: #256F46;
}

.malabar-link-pepper a:hover, .malabar-link-products a:hover {
    color: #58A279;
}

/* gift baskets */

#basketPromo {
    margin-bottom: 50px;
}

#bioAward {
    margin-bottom: 30px;
}

#basketHeading {
    margin-left: 20px;
    padding-top: 20px;
}

#basketPromo img {
    float: left;
    margin: 15px 30px 20px 20px;
}

#bioImage1 img {
    float: left;
    margin: 12px 10px 50px 20px;
}

#bioImage2 img {
    float: left;
    margin: 12px 30px 50px 10px;
}

.basketTagline {
    font-family: Arial, sans-serif;
    font-size: 112%;
    line-height: 130%;
    color: #256F46;
    padding-top: 8px;
    text-align: left;
}

/* gift baskets end */


.pepperCopy {
    padding-right: 30px;
}

.specialsAlert, .specialsAlert2 {
    width: 420px;
    background-color: #FFF;
    border: 1px #C0C0C0 solid;
    border-top: 1px #B3B3B3 solid;
    border-radius: 8px 8px 8px 8px;
    margin: 30px auto 10px auto;
    padding: 0 10px 5px 10px;
    line-height: 120%;
}

.specialsAlert2 {
    width: 380px;
}

section.specials-description {
    margin: 40px 100px 50px 250px;
}

#option3Description {
    margin: 40px auto 20px auto;
}


/* rightside navigation*/


#rightside-menu {
    float: left;
    margin: 56px 0 20px 30px;
    padding: 20px;
    width: 160px;
    background-color: inherit;
    list-style: none;
}

#taste, #specials, #newsletter, #dimarakis-video, #malabar-pepper-company {
    width: 160px;
    margin: 15px auto 0 auto;
    padding: 0 0 10px 0;
    border-bottom: 1px #A9D452 dotted;
    background-color: inherit;
}

#taste {
    margin-top: 36px;
}

#newsletter {
    border-bottom: none;
}

#taste a, #specials a, #newsletter a, #dimarakis-video a, #malabar-pepper-company a {
    display: block;
    font-family: Arial, sans-serif;
    font-size: 112%;
    color: #256F46;
    margin: 0;
    padding: 0;
    width: 100%;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
}

#taste a:hover, #specials a:hover, #newsletter a:hover, #dimarakis-video a:hover, #malabar-pepper-company a:hover {
    color: #58A279;
}

#letter {
    float: left;
    margin: 0 5px 0 0;
    border: 1px #000 solid;
    padding: 0;
}

.rightside-heading {
    line-height: 130%;
    font-weight: normal;
    margin-bottom: 0;
    padding-bottom: 6px;
}

.rightside-content {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 88%;
    font-weight: normal;
    line-height: 130%;
    margin-top: 0;
    padding-top: 0;
    color: #000;
}


/* footer */

#empty {
    clear: both;
}

#footer {
    clear: both;
    width: 1000px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: #FEFEFF;
}

.footer {
    font-family: Verdana, sans-serif;
    font-size: 110%;
    padding: 10px 0;
    margin: 0;
    letter-spacing: -0.1pt;
    text-align: center;
}

body#index #freshGuarantee {
    margin-left: 20px;
}

body#products #freshGuarantee {
    margin-top: 20px;
}