body { 
background-color: #a7b9b0;
text-align: justify;
overflow: auto;
margin: 0px;
padding: 0px;
overflow: auto;
}

a {text-decoration: none; cursor: default; }

/*--------------------------
Wraps and Header Wrap Info
----------------------------*/

#mainwrap {
background: url(images/brownbg.jpg) top left repeat;
width: 100%;
margin-left: 0px;
position: absolute;
top: 0px; z-index: 1;
border: 0px;
}

#header1 {
background: url(images/top.png) top no-repeat;
margin-left: auto;
margin-right: auto;
width: 813px;
height: 357px;
border: 0px;
}

#header2 {
background: url(images/menu.png) top no-repeat;
margin-left: auto;
margin-right: auto;
width: 813px;
height: 32px;
position: relative;
border: 0px;
}

#header2 table {
margin: 0px;
position: absolute;
width: 813px;
top: 0px;
left: 0px;
border: 0px;
border-spacing: 0px;
border-collapse: collapse;}

#header2 a {
border: 0px;}

#header2 td {
border: 0px;
padding: 0px;}

#header2 img {
border: 0px;}

#header3 {
background: url(images/middle.png) top no-repeat;
margin-left: auto;
margin-right: auto;
width: 813px;
height: 139px;
border: 0px;
z-index: 9;
}

#contentwrap {
width: 813px;
font: 14px verdana;
line-height: 16px;
letter-spacing: 0.3px;
background: url(images/contentbg.png) top repeat-y;

min-height: 400px;
height:auto;

overflow: hidden;
position: relative;

margin-left:auto;
margin-right:auto;
}

#clear {clear: both;}
#clear2 {clear: both;}
#clear3 {clear: both;}
#clear4 {clear: both;}
#clear5 {clear: both;}


/*---------------------
Featured
-----------------------*/

#featured { 
margin-top: 5px;
margin-left: 125px;
position: absolute;
width: 540px; 
height: 105px;
z-index: 8;
}

#fruits1 {
top: 0px;
left: 0px;
height: 30px;
}

#fruits2 {
left: 0px;
top: 30px;
height: 28px;
}

#fruits3 {
left: 0px;
top: 58px;
height: 27px;
}

#fruits1 a:hover { background: url() 0px -85px no-repeat; }
#fruits2 a:hover { background: url() 0px -115px no-repeat;}
#fruits3 a:hover { background: url() 0px -143px no-repeat;}

/*------------------
Footer Information
--------------------*/

#footerbar {
background: url(images/bar.png) top left no-repeat;
margin-left: auto;
margin-right: auto;
width: 813px;
height: 32px;
}

#footerwrap {
background: url(images/contentbg.png) top repeat-y; 
margin-left: auto;
margin-right: auto;
width: 813px; 
height: 120px;
}

#footer {
width: 813px;
}

#footertext {
font: 13px arial;
line-height: 16px;
letter-spacing: 0.3px;
}


/*---------------------------------------------------
Subnavigation
-----------------------------------------------------*/

#subnav {
width: 226px;
float: right;
background: url(images/contentright.png) top right repeat-y;
}

#subnav li {
list-style-type:circle; 
}

#subnav h1 { 
color: #b5431c; 
width: 169px; 
height: 25px; 
font: 20px georgia;
text-align: center;
padding: 0px 0px 1px 0px;
margin-top: 15px;
}

#links { margin-right: 16px; text-align: left;}

#subnav ul {margin-top: 3px; padding-left: 0px;}

#subnav a:visited{ color:#043152; font-weight: bold;}
#subnav a:link { color:#000000; font-weight: bold;}
#subnav a:active { color:#000000; font-weight: bold;}
#subnav a:hover { color:#00674e; font-weight: bold;}


/*---------------------------------------------------
The Content Box
-----------------------------------------------------*/

#info { 
padding: 0px 0px 0px 10px;
margin-left: 10px;
width: 530px; 
float: left;
background: url(images/contentleft.png) top repeat-y;
}

#paypal input, form, select, option, td, table, textarea {
border: 0px;
padding: 0px;
margin: 0px;
}

#viewcart input, form, select, option, td, table, textarea {
margin-top: 8px;
border: 0px;
padding: 0px;
text-align: center;
}


/*---------------------------------------------------
Content Text
-----------------------------------------------------*/

.indent {text-indent:15px} 

#text {
margin-left: 0px;
margin-right: 0px;}

#text li { list-style-type: disc;}

#info i {color: #fff; }
#info p {margin: 0px 0px 10px 0px;}
#info b {color: #043152; }
#info u {color: #043152; font-weight: bold;}

#info h1 {
color: #00674e; 
font: 20px verdana; 
margin: 10px 0px 20px 0px;
text-align: center;
z-index: 10;
}

#info h1:first-letter { 
color: #000000; 
font: 26px georgia;
}

#info h2 {
color: #b5431c; 
font-weight: bold;
text-decoration: underline;
font-size: 16px;
font-family: sans-serif;
margin: 10px 0px 10px 0px;
text-align: left;
}

#info h3 {
color: #b5431c; 
font-weight: bold;
font-size: 20px;
font-family: sans-serif;
margin: 10px 0px 20px 0px;
text-align: center;
padding: 4px;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;;
}

#info img {
border: 0px;
}

#info img.displayed {
display: block;
margin-left: auto;
margin-right: auto;
padding-bottom: 10px;}

#info a img {
border: none;
}

#info ul {margin: 0px 0px 0px 25px; padding: 0px;}

#info A:visited{ color:#b5431c; font-weight: bold;}
#info A:link { color:#b5431c; font-weight: bold;}
#info A:active { color:#b5431c; font-weight: bold;}
#info A:hover { color:#000000; font-weight: bold;}

#text form {
padding: 4px;
font-weight: bold; 
color: #043152;
}

#text td {
text-align: justify;
padding: 1px 1px 1px 1px;
border: 1px solid #000000;
}

#text input, select, option, textarea { 
color: #000000;
background: #ffffff;
font: 11.3px arial;
padding: 1px;
margin: 2px;
}

#form input, select, option, textarea {
border: 1px solid black;
}

/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 360px;
height: 95px;
border: 0px solid black;
padding: 5px;
font-size: 10px;
background-color: #ffffff;
}