/* 
========================================================================
Fruit4Offices CSS - by Riverman Designs 24th November 2006
========================================================================
*/


html,body 
{
margin:0;
padding:0
}

body
{
text-align:center;
background-color: #FF9600;
background-image: url(../html_template/template_images/bg1_281106.jpg);
background-repeat:repeat-x;
font-family: "Trebuchet MS","Verdana","Georgia","Arial","Helvetica","Sans-Serif"; 
font-size: 9pt; 
font-weight: normal; 
color: #333333;
}

p
{
margin:15px 0px 15px 0px;
padding:0px;
font-family: "Trebuchet MS","Verdana","Georgia","Arial","Helvetica","Sans-Serif";
font-size:9pt; 
font-weight: normal; 
color: #333333;
}

img
{
padding:0px;
margin:0px 0px 5px 0px;
}

/* --- Hide H1 text -- */

.hidden
{
margin:0px;
padding:0px;
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

h1
{
border-top:1px dashed #DFDFDF;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 0px;
height:15px;
}

h2
{
margin:0px 0px 2px 0px;
padding:0px;
height:31px;
}

h3
{
border-bottom:1px dashed #cccccc;
margin:0px 0px 2px 0px;
padding:0px;
height:31px;
color: #FF6600;
font-size:14px;
}

/* --- Bullet Lists -- */

ul 
{
margin:0px;
padding:0px 0px 0px 20px;
list-style-image: url(../html_template/template_images/bullet1.jpg);
}

li 
{
margin:5px 0px 0px 0px;
padding:0px;
height:17px;
}

/* --- Main Outline Div -- */
  
#bigbox
{
text-align:left;
width:779px;
margin:0 auto;
padding:0px;
}

/* --- Logo Section - Flash Slideshow -- */

#header

{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:779px;
height:260px;
float:left;
background-image: url(../html_template/template_images/head3r.jpg);
background-repeat: no-repeat;
}

/* --- Flash Banner / image slideshow -- */

#slideshow

{
margin:43px 0px 0px 0px;
padding:0px 0px 0px 196px;
width:560px;
height:190px;
float:left;
width/**/:/**/ 364px;
}

/* --- BEGIN navigation section -- */

/* --- navigation bar display  -- */

#nav 
{
margin:0;
padding: 0;
height: 36px;
list-style: none;
display: inline;
overflow: hidden;
width: 605px;
background-color:#FFFFFF;
}

/* --- navigation bullet list items and links  -- */

#nav li 
{
margin:0;
padding: 0px;
list-style: none;
display: inline;
}

#nav a 
{
margin:0;
float: left;
padding: 38px 0px 0px 0px;
overflow: hidden;
height: 0px !important; 
height /**/:38px; /* for IE5/Win only */
}
	
/* ---  causing flashing bug in ie. when moving too quickly between links jim 100207

#nav a:hover 
{
background-position: 0 -38px;
}  

-- */

#nav  a:active, 
{
background-position: 0 -76px;
}

#nav a.selected 
{
background-position: 0 -76px;
}

#homepage a  
{
width: 120px;
background-image: url(../html_template/template_images/navigation/home2.jpg); 
background-repeat: no-repeat;
}

#about a
{
width: 92px;
background-image: url(../html_template/template_images/navigation/aboutus.jpg) ;
background-repeat: no-repeat;
}


#how a
{
width: 120px;
background-image: url(../html_template/template_images/navigation/how_it_works.jpg);
background-repeat: no-repeat;
}
	


#products a
{
width: 93px;
background-image:url(../html_template/template_images/navigation/products.jpg);
background-repeat: no-repeat;
}
	


#deliveries a
{
width: 93px;
background-image:url(../html_template/template_images/navigation/deliveries.jpg);
background-repeat: no-repeat;
}	
	


#fruit a
{
width: 119px;
background-image:url(../html_template/template_images/navigation/fruit_quality.jpg);
background-repeat: no-repeat;
}


#contact a
{
width: 142px;
background-image:url(../html_template/template_images/navigation/contact.jpg);
background-repeat: no-repeat;
}

/* --- END Navigation section -- */

/* --- BEGIN Content section -- */

/* --- main content outline -- */

#content

{
width:779px;
float:left;
background-color:#FFFFFF;
margin:0px;
padding: 0px;
background-image:url(../html_template/template_images/content_bg.jpg);
background-repeat:repeat-y;
}

/* --- left column content holder and column styles-- */

#left
{
margin:0px;
padding:10px 10px 10px 40px;
width:485px;
float:left;
width/**/:/**/ 435px;
}

/* --- product list displayed in 2 cols -- */

.twocolist

{
margin:0 auto;
padding:0;
width:45%;
float:left;
}

/* --- info boxes -- */

.info
{
border: 1px dashed #cccccc;
background-color:#efefef;
padding: 10px;
margin: 10px;
}

/* --- content embedded images  -- */

.imager

{
margin:0px 20px 20px 0px;
float:left;
border: 1px solid #000000;
}

.imagel

{
margin:-33px 0px 0px 0px;
float:right;
border: 1px solid #000000;
}


/* --- 2 bottom homepage images  -- */

#image

{
margin:5px;
padding:0px;
width:190px;
height:140px;
float:left;
}

/* --- right column content holder -- */

#right
{
padding:10px 10px 10px 37px;
margin:0px;
width:290px;
float:left;
width/**/:/**/ 247px;
}

/* --- form holder -- */

#formbox
{
font-family: "Trebuchet MS","Verdana","Georgia","Arial","Helvetica","Sans-Serif"; 
font-size:8pt;
color:#ffffff;
margin:0px 0px 5px 0px;
padding:0px 5px 5px 5px;
width:215px;
border:1px solid #B44800;
background-color:#FF9900;
width/**/:/**/ 203px;
}

/* --- text field -- */

.input
{
width:190px;
background-color: #ffffff;
border: dashed 1px orange;
color: #000;
}

/* --- drop down list -- */

.select
{
width:190px;
background-color: #ffffff;
border: dashed 1px orange;
color: #000;
}


.tableright

{
border-top:1px dotted #ffffff;
margin-top:5px;
padding-top:5px;
text-align:right;}

#slot
{
margin:0px 0px 5px 0px;
padding:0px;
width:215px;
height:63px;
border:1px solid #B44800;
background-color:#FFCC00;
}



/* --- BEGIN Footer section -- */ 

#footer 
{
width:779px;
float:left;
background-color:#FFFFFF;
margin:0px 0px 0px 0px;
padding:5px 40px 0px 40px;
float:left;
background-image:url(../html_template/template_images/content_bg.jpg);
background-repeat:repeat-y;
border-top:1px dotted orange;
width/**/:/**/ 699px;

}

#footer p
{
text-align:center;
font-family: "Trebuchet MS","Verdana","Georgia","Arial","Helvetica","Sans-Serif";
font-size:8pt; 
font-weight: bold; 
color: #333333;
}


#footer a 
{
text-decoration:none;
text-align:center;
font-family: "Trebuchet MS","Verdana","Georgia","Arial","Helvetica","Sans-Serif";
font-size:8pt; 
font-weight: normal; 
color: #FE7C1C;
}
	
#footer  a:hover 

{
text-align:center;
font-family: "Trebuchet MS","Verdana","Georgia","Arial","Helvetica","Sans-Serif"; 
font-size:8pt; 
font-weight: normal; 
color: #FE7C1C;
}

#footer  a:active, #footer  a.selected 

{
text-align:center;
font-family: "Trebuchet MS","Verdana","Georgia","Arial","Helvetica","Sans-Serif";
font-size:8pt; 
font-weight: normal; 
color: #cccccc;
}

#bottom
{
width:779px;
height:26px;
background-image: url(../html_template/template_images/footer_bg.jpg);
float:left;
clear:both;
}





.adlinks
{
margin:0px 0px 0px 20px;
padding:0px;
}