/*-----------------------------------------------
fulloffruit.com.com
Stylesheet:style-v1.css
Author:Jo Logan
Version:1.0
----------------------------------------------- */
/*                      */
/* HTML tags            */
/*                      */
body {
  background-color: #FFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  color: #333;
  margin: 0;
  padding: 0;
  text-align: center; /* For IEWin5 */
}
p {
  font-size: 1.28em;
  margin: 0.25em 0;
  padding: 0.25em 0;
}
h1, h2 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin: 0;
  color: #535353;
}
h1 {
  font-size: 1.726em;
  font-weight:normal;
  letter-spacing:-.019em; 
  padding: 0.6em 0 0.28em;
  border-bottom: 2px solid #F1F1F1;    
}
h2 {
  font-size: 1.53em;
  letter-spacing:.005em;
  line-height: 1em;
  font-weight: bold;
  padding: 0.64em 0 0.19em;
}
a, a:link {
  color: #00e;
}
a:visited {
  color: #909;
}
a:hover, a:focus, a:active {
  color: #F00;
}
ul, ol, address {
  font-size: 1.28em;
}
address {
  font-style: normal;
}
a img, img {
  border: 0 none; 
  margin: 0;
  padding: 0;
}
/*                      */
/* Containers           */
/* This is the main page wrapper */
#pageWrapper {
  background: #fff url(images/cols-back.gif) repeat-y 50% 0;
  width:750px;
  margin: 6px auto 0;
  padding: 0;
  text-align: left; /*to counteract IEWin5 text-align:center needed on body */
}
/* These are the containers inside pageWrapper */
#headerWrapper {
  background-color: #FFF;
  margin: 0;
  padding: 0 0 5px;
  text-align: left;
  font-size: 1px; /* to stop IEWin adding extra padding to the bottom of the img */
}
#bodyWrapper {
  margin: 0;
  padding: 0;
  text-align: left;
  display:block;
}
#footerWrapper {
  background: url(images/footer-back.gif) repeat;
  text-align: center;
  clear: both;
}
/* These are the containers inside bodyWrapper to create the navigation column (navWrapper) 
and a container to hold the main page body area and the right sidebar (contentWrapper) */
#navWrapper {
  width: 126px;
  padding: 20px 0 0;
  float: left;
}
#contentWrapper {
  width: 624px;
  margin: 0;
  padding: 0;
  float: right;
}
/* contentWrapper contains the main page area (pageContentWrapper) and the right sidebar (sidebarWrapper)*/
#pageContentWrapper {
  overflow: hidden; /*To stop any overflow in the content area forcing IEWin to put sidebar after content*/
  color: #000;
  width: 461px; 
  padding: 16px 10px 20px 27px;
  float: left;
}
#sidebarWrapper {
  overflow: hidden; /*To stop any overflow forcing IEWin to put sidebar after content*/
  width: 126px;
  float: right;
}
/*The footerWrapper contains a wrapper (footerNavWrapper) for the footer navigation links */  
#footerNavWrapper {
  background: url(images/footer-nav.gif) repeat;
  padding: 5px 0;
}
/*                      */
/* Main Navigation      */
#navWrapper ul {
  margin: 0;
  padding: 5px 0 0;
  list-style: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.28em;
  font-weight: bold; 
}
#navWrapper ul ul, #navWrapper ul ul ul {
  padding: 0;
}
#navWrapper li a, #navWrapper div.currentSideNav {
  width: 117px;
  display: block;
  color: #535353;
  text-decoration: none;
  padding: 10px 0 10px 9px;
}
#navWrapper li li a, #navWrapper li li div.currentSideNav{
  overflow: hidden;
  width: 111px;
  color: #060;
  font-size: .66em;
  padding: 7px 0 7px 15px;
}
#navWrapper a:hover, #navWrapper a:focus, #navWrapper a:active, #navWrapper div.currentSideNav {
  background-color: #535353;
  color: #FFF;
}
#navWrapper li li a:hover, #navWrapper li li a:focus, #navWrapper li li a:active, #navWrapper li li li a:hover, #navWrapper li li li a:focus, #navWrapper li li li a:active, #navWrapper li li div.currentSideNav {
  background-color: #969696;
  color: #FFF;
}
/*                      */
/* Footer               */
#footerNavWrapper ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.09em; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #535353;
}
#footerNavWrapper li {
  display: inline;
}
#footerNavWrapper a {
  color: #535353;
  text-decoration:none;
}
#footerNavWrapper a:hover, #footerNavWrapper a:focus, #footerNavWrapper a:active {
  text-decoration:underline;
}
#footerNavWrapper div#currentFootNav {
  display: inline;
  color: #000;
}
#footerAddress {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.09em;
  color: #333;
  padding: 7px 0 3px 0;
}
#copyright {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .96em;
  color: #535353;
  padding: 7px 0 7px 0;
}
/*                      */
/*Forms                 */
form, select, input {
  display: inline;
  margin: 0.128em; 
}
textarea {
  margin: auto;
  width: 95%;
}
fieldset {
  background-color: #F7F3F7;
  padding: 0.5em;
  margin: 0.5em 0;
}
legend {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding: 0.38em;
  font-size: 1.45em;
}
legend.main { 
  font-size: 1.6em;
  font-weight: bold;
}
/* Fixes for legend in IEWin */
* html fieldset#cformWrapper, * html fieldset#bformWrapper { position: relative; margin-top:3em; padding-top:2.5em; }
* html legend.main{ position:absolute; top: -1em; left: .5em; }
/* End of IEWin fixes */
label {
  font-size: 1.28em;
  line-height: 1.92em;
  padding: 0.26em;
}
label.multiLine {
  line-height: 1.28em;
}
label.inputLabel {
  width: 11em;
  float: left;
}
input.indented, label.indented {
  margin: 0.2em 0.2em 0.2em 2.5em;
}
/*                      */
/* Warnings, errors     */
.messageStackWarning, .messageStackError {
  font-size: 1.28em;
  line-height: 2em;
  padding: 0.26em;
  border: 1px solid #000;
  background-color: #f00;
  color: #FFF;
}
/*                      */
/* Right Sidebox        */
p.rightSideTitle {
  font-size: 1.2em;
  font-style: italic;
  text-align: center;
  margin: 5px 5px 0;
  padding: 0;
}
a.sideBox {
  display: block;
  text-align: center;
  margin: 20px 5px;
  padding: 0;
  border: 0;
  font-size: 1.09em;
  font-style: italic;
}
a.sideBox, a.sideBox:link, a.sideBox:visited, a.sideBox:hover, a.sideBox:focus, a.sideBox:active {
  text-decoration: none;
  color: #535353;
}
a.sideBox img {
  display: block;
  margin: 0 auto;
}
#popupimg{
  margin: 5px 0 0;
}
/*                      */
/* Misc. classes        */
.contentImgLeft{
  margin-right: 10px;
  margin-bottom: 5px;
}
.contentImgRight{
  margin-left: 10px;
  margin-bottom: 5px;
}
.imgCaption {
  font-size: 1.09em;
  font-style: italic;
  text-align: center;
  margin: 0.64em 0;
}
.back{
  float:left;
}
.paddedRight {
  margin-right: 1.92em;
} 
.paddedTop {
  margin-top: 1.28em;
}
.smallMarginTop {
  margin-top: 0.32em;
}
.forward {
  float: right;
}
.clearBoth {
  clear: both;
}
.alert {
  vertical-align: top;
  color: #F00;
  margin-left: 0.40em;
}
.smaller {
  font-size: 1.1em;
}
ul.noBullets {
  list-style: none; 
  margin: 0;
  padding: 0 0 0 1.02em;
}
ul.noBullets li {
  padding: .20em 0 .29em;
}
.centeredContent {
  text-align: center;
}
