body {margin: 0; padding: 0; background-color: #000; font-family: Verdana, "Lucida Grande", Arial, sans-serif; font-size: 12px; color: #FFFFFF; line-height: 18px;}

p {font-size: 13px; line-height: 18px; color: #ccc;}
h1 {margin: 0; padding: 0; font-size: 35px; line-height: normal;}
h2 {font-size: 20px; line-height: normal; font-weight: bold; color: #87be00;}
h3 {font-size: 20px; line-height: normal; font-weight: normal;color: #ff7600; padding: 0; margin: 0 0 10px 0; clear: both;}
h4 {font-size: 15px; line-height: normal; font-weight: normal;color: #fff; margin: 20px 0 0 0;}
a {color: #888;}
label {color: #FFFFFF;}

.green {color: #87be00} 
.pink {color: #ce0761} 
.orange {color: #ff7600} 
.white {color: #fff} 
.blue {color: #01a9da}

#wrap {margin: 0; padding: 0; width: 980px;}

#sidebar { float: left; width: 300px; height: 730px;}
body#home #sidebar {background: url(/images/site/side-menu-pink.gif) top center;}
body#products #sidebar {background: url(/images/site/side-menu-pink.gif) top center;}
body#recipes #sidebar {background: url(/images/site/side-menu-pink.gif) top center;}
body#fairtrade #sidebar {background: url(/images/site/side-menu-orange.gif) top center;}
body#stockists #sidebar {background: url(/images/site/side-menu-orange.gif) top center;}
body#news #sidebar {background: url(/images/site/side-menu-green.gif) top center;}
body#ecards #sidebar {background: url(/images/site/side-menu-pink.gif) top center;}
body#links #sidebar {background: url(/images/site/side-menu-orange.gif) top center;}
body#contact #sidebar {background: url(/images/site/side-menu-green.gif) top center;}
body#pages #sidebar {background: url(/images/site/side-menu-orange.gif) top center;}
body#competition #sidebar {background: url(/images/site/side-menu-orange.gif) top center;}

#nav {margin: 0; padding: 0; padding-top: 275px;}
#nav ul {list-style-type: none; margin: 0; padding: 0; float: left;}
#nav li {text-align: right; line-height: 26px;}
#nav li li a {text-align: right; line-height: 20px; font-size: 12px; color: #01a9da;}
#nav a {padding-right:25px; display: block; width: 250px; text-decoration: none; font-size: 14px; font-weight: normal;}
#nav a:hover {color: #fff;}
.active {background-position: right; background-image: url(/images/site/nav-icon-2.gif); background-repeat: no-repeat; color: #01a9da; }

#main-content { float: left; width: 640px; background-color: #000; padding: 0 0 0 30px; border-left: #444 1px solid; margin: 20px 0 0 0;}
body#home #main-content {border-left: 0;}
.main {width: 640px;}
#main-content ul {margin: 0; padding: 0; padding-left: 16px;}
#main-content li {color: #ccc; font-size: 14px; line-height: 25px;}
#main-content a {color: #6f9c00;}
#main-content a:hover {color: #ccc;}

.cocktails {margin: 0; padding: 0; width: 600px;}
.cocktails ul {margin: 0; padding: 0; padding-left: 116px; }
.cocktails li {color: #ccc; font-size: 12px; line-height: 25px;}
.cocktails img {margin: 0; padding: 0; margin-top: 0px; margin-right: 25px; padding-bottom: 20px;}
.cocktails a {color: #aaa; width: 200px; display: block;}
.cocktails a:hover {color: #6f9c00;}

.ecard a {float: left; margin: 0; padding: 0; border: 5px solid #000; margin: 5px;}
.ecard a:hover {border: 5px solid #ab0058;}
.ecard img {border: 0;}


.float-left {float: left;}
.close-up {margin: 0; padding: 0;}
.nudge {padding-left: 90px; color: #87bf00;}
.green-bold {color: #6f9c00; font-weight: bold;}
.no-bullets {list-style-type: none; margin: 0; padding: 0;}

.contact {float: left; width: 550px; padding: 0 20px 10px 0; clear: both;}
.contact label {display: block;}
.contactcol {float: left; width: auto; margin: 0 15px 0 0;}

input[type="text"] {border-color: #ccc; border-style: solid; border: 2px solid #666; background-color: #333; color: #fff;}
input[type="text"] {border-color: #ccc; border-style: solid; border: 2px solid #666; background-color: #333; color: #fff;}
textarea {border-color: #aaa; border-style: solid; border: 2px solid #666; background-color: #333; color: #fff; font-family: Verdana, "Lucida Grande", Arial, sans-serif; font-size: 12px; line-height: 13px;}
select {border-color: #aaa; border-style: solid; border: 2px solid #666; background-color: #333; color: #fff; font-family: Verdana, "Lucida Grande", Arial, sans-serif; font-size: 12px; line-height: 13px;}

#johanna {width: 400px; height: 103px; background-repeat: no-repeat; text-indent: -1000px; background-image: url(/images/site/johanna.gif);padding-bottom: 20px;}
#three-scrumptious-juices {width: 280px; height: 111px; background-repeat: no-repeat; text-indent: -1000px; background-image: url(/images/site/scrumptious-juices.gif);padding-bottom: 20px;}
#two-formats {width: 167px; height: 72px; background-repeat: no-repeat; text-indent: -1000px; background-image: url(/images/site/two-formats.gif);padding-bottom: 20px;}
#have-fun {width: 356px; height: 100px; background-repeat: no-repeat; text-indent: -1000px; background-image: url(/images/site/have-fun-2.gif); padding-bottom: 20px;}
#true-believers {margin-top:10px; width: 300px; height: 93px; background-repeat: no-repeat; text-indent: -1000px; background-image: url(/images/site/true-believers-2.gif);}
#where-to-buy {margin-top:10px; width: 380px; height: 55px; background-repeat: no-repeat; text-indent: -1000px; background-image: url(/images/site/where-to-buy.gif);}
#dedicated-growers {margin-top:10px; width: 424px; height: 134px; background-repeat: no-repeat; text-indent: -1000px; background-image: url(/images/site/dedicated-growers.gif);}
#harvest-information {margin-top:10px; width: 424px; height: 134px; background-repeat: no-repeat; text-indent: -1000px; background-image: url(/images/site/harvest-information.gif);}
#send-an-ecard {margin-top:10px; width: 280px; height: 72px; background-repeat: no-repeat; text-indent: -1000px; background-image: url(/images/site/send-an-ecard.gif); padding-bottom: 20px;}
#latest-news {margin-top:10px; width: 380px; height: 72px; background-repeat: no-repeat; text-indent: -1000px; background-image: url(/images/site/latest-news.gif);padding-bottom: 20px;}
#links-page {margin-top:10px; width: 450px; height: 75px; background-repeat: no-repeat; text-indent: -1000px; background-image: url(/images/site/links.gif);padding-bottom: 20px;}
#contact-us {margin-top:10px; width: 380px; height: 60px; background-repeat: no-repeat; text-indent: -1000px; background-image: url(/images/site/contact-us.gif);padding-bottom: 20px;}
#privacy {margin-top:10px; width: 380px; height: 60px; background-repeat: no-repeat; text-indent: -1000px; background-image: url(/images/site/privacy.gif);padding-bottom: 20px;}

table {width: 100%; text-align: left; } 
table td {height: 40px;} 
table td a {text-decoration: none; padding:0; margin: 0; color:#6f9c00;display: block;} 
table td a:hover {text-decoration: none; padding:0; margin: 0; color:#fff;display: block;} 

#footer {margin: 0; padding: 0; clear: both; float: left; width: 100%; padding-bottom: 30px;}
#footer a {text-decoration: none; font-size: 14px; color: green;}

#footer-nav {margin: 0; padding: 0; padding-top: 0px; padding-left: 65px;}
#footer-nav ul {list-style-type: none; margin: 0; padding: 0;}
#footer-nav li {line-height: 20px;}
#footer-nav a {display: block; width: 300px; text-decoration: none; font-size: 14px; color: #777;}
#footer-nav a:hover {color: #fff;}

object.flashvideo { width: 344px; height: 257px; }
.flasshunit { padding: 4px; background: #fff; border: 4px solid #ddd; margin: 0px width: 344px; }
.flasshunit h2 { font: 18px normal Arial, Helvetica, sans-serif; border: 1px solid #ddd; background: #f0f0f0; margin: 0; padding: 10px; color: #111; text-align: center; }
.flasshunit p { font: 12px normal Arial, Helvetica, sans-serif; padding: 10px; margin: 0; border: 1px solid #ddd; background: #f0f0f0; } 

.challenge {background: #919191;}
.challenge table {position: relative; top: -4px; left: -4px; width: 100%; border: 1px solid #000; background: #fff;}
.challenge table caption {margin: 0; padding: 8px 10px; text-align: center; font-weight: bold; border: 1px solid #000; border-bottom: none; background-color: #6f9c00;}
.challenge table th, table hd {margin: 0; padding: 8px 10px; text-align: left; border-bottom: 1px solid #b5b5b5;}
.challenge table th {color: #999;}
.challenge table .name {text-align: left;}
.challenge table tr.alt {background: #ebfac8;}
.challenge table td a {display: block; font-weight: bold; text-decoration: underline;}
.challenge table td {padding: 5px 0 5px 10px;}

/* stockists */
.stockist {float: left; width: 100%; margin: 0 0 20px 0;}
.stockist ul {float: left;}
.stockist img {float: left; margin: 0 20px 0 0;}

/* recipes */
.recipe {float: left; width: 100%; margin: 0 0 20px 0;}
.recipes-img {float: right; width: 200px;}
.recipes-text {float: left; width: 400px;}
.recipes ul {line-height: 1.5em;}

/* map styles */
#master-image-frame {background-image: url(images/site/rollover-map-main.jpg); background-repeat: no-repeat; border: 0; width: 632px; height: 396px; }

.cuba a {margin: 0; padding: 0; display: block; width: 388px; height: 122px; float: right;}
.cuba a:hover {background-image: url(images/site/rollover-cuba.jpg); background-repeat: no-repeat;}

.costa-rica a {margin: 0; padding: 0; display: block; float: left; width: 275px; height: 274px;}
.costa-rica a:hover {background-image: url(images/site/rollover-costa-rica.jpg); background-repeat: no-repeat;}

.brazil a {margin: 0; padding: 0;display:block; float: right; width: 357px; height: 274px;}
.brazil a:hover {background-image: url(images/site/rollover-brazil.jpg); background-repeat: no-repeat;}