/* Style sheet for Gino's Fruit and Veg */
/* 
  COLORS
Sage   Stripe #94AE8B
Darker sage #6D8764
Cream stripe #FFFFCD
  Nav Background:    	#006600 green
  Sidebar:        	    #666 grey
  Links:                #
  text:     			#666
Background - light sage #A9BDA2
lighter #C6D7BE
 */


* {
    margin:0;
    padding:0;
}
/* set font-size on body to 76% so when we set a font to 1em, it will be close to user's default font size.  */

html, body {  
	background-color: #C6D7BE;
	background-repeat:repeat;
	font-size: 11px/1.5em;
	font-family: "Trebuchet MS", helvetica, sans-serif;;
	text-align: center;
	/*  background: url(images/bodybg-sage.jpg) repeat-x #fff;  */
	color:#555;
	/*   font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; */

}

	
/* links
------------------------------------------- */


a:link, a:visited {
	text-decoration: none;
	color: #666;  
	border-bottom: 1px dotted #666;

}

a:hover {
	color: #6D8764;
	border-bottom: 1px solid #6D8764;
}

:link img {
  border: none;
}


/* page structure
------------------------------------------- */

#wrap {
	width: 740px;
	margin: 10px auto;  /* 10px here gives bg across top of page */
	padding: 0px 0px 5px 0px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	color: #444;
	background-color: #fff;
	border-color: #333;

	}
#main-body {
	clear: both;
	text-align:left;
	margin: 0px 0px;  
	/*overflow: hidden;   removed this - IMPACT UNSURE */
	background-color: #fff;
	 
	}
#content {
	width: 510px;
	text-align:left;
	float: right;
	padding: 0 15px 0 5px;
	}
#sidebar {
	font-size: 90%;
	width: 180px;
	text-align:center;
	margin: 0 0 0 0px;
	padding: 10px 10px;
	float: left;
	 background: #fff;   
	
	}
#orders {
	clear: both;
		width: 690px;
text-align:left;
	margin: 0 5px -180px 5px;
	}
	
	
	
/* header
------------------------------------------- */

/* #header {
	margin: 0;
	padding: 0 0 10px 0;  
	text-align: center;
	background: #fff; 
	}

#header a:link, a:visited, a:hover {
	text-decoration: none;
	border-bottom: none;
}

#header img{
	text-decoration: none; 
	border-bottom: none;
}
*/
#header {
	width: 740px; /* THIS is what i needed to stop peekaboo bug  */
	text-align: left;
	padding: 0;
	background: #333; 


}

#logo a:link, a:visited, a:hover {
	text-decoration: none;
	border-bottom: none;

}

#logo img{
	text-decoration: none; 
	border-bottom: none;
}

	
/* nav bar
------------------------------------------- */


#nav { 
width : 740px;  /* need this here to view coloured bg to nav  */
margin : 0; 
padding : 0; 
background-color: #94AE8B;
text-align: center;
height: 33px;   /* need this here to view coloured bg to nav in Firefox */
border-bottom: 2px solid #333;
}

#nav ul{ 
width : 740px; /* need this here to view coloured bg to nav  */
background-color: #94AE8B;
list-style: none;
text-align: center;

}
#nav ul li{ 
list-style: none;
float: left;
display: inline;
padding: 0 30px 0 30px;
}

#nav ul a { 
color: #000;
display: block;
text-decoration: none;
border-bottom: none;
font-size: 90%;
font-family: "Trebuchet MS", helvetica, sans-serif;

}

#nav li a:hover {
	background:#94AE8B;
	color:#000;
}

	
#nav ul li a {
	text-decoration: none;
	color: #000;  /*	pale grey nav bar text */
	padding:7px;

	}
#nav ul li a.active{
	color: #000;
		padding-bottom: 5px;
 background: url(images/nav-marker.png) no-repeat 50% 100%;   
	font-weight: bold;

	}
#nav ul li a:hover {
	color: #000 ;
	padding-bottom: 5px;
	background: url(images/nav-marker.png) no-repeat 50% 100%;  
	}
	

/* content styles
------------------------------------------- */

#content {
	background: #fff;  
}

#content a {
	text-decoration: none;
	color: #666;  /*  */
	border-bottom: 1px dotted #666;

}

#content a:hover {
	color: #6D8764;
	border-bottom: 1px solid #6D8764;
}



#content h1 {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 0.04em;
	font-size: 120%;
	line-height: 1.5em;
	font-weight: bold;
	color: #6D8764;
	/*   border-bottom: 1px dashed #666;  */
	}
#content h2 {
	margin: 0;
	padding: 5px 0 5px 0;
	letter-spacing: 0.02em;
	font-size: 110%;
	line-height: 1.5em;
	font-weight: bold;
	color: #6D8764;
	border-bottom: 1px solid #6D8764;
	}
	
#content .sub {
	margin: 0 0 1.5em 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.5em;
	font-weight: normal;
	font-style: italic;
	color: #777;
	}
#content h3 {
	margin: 0;
	padding: 10px 0 10px 0;
	letter-spacing: -0.01em;
	font-size: 110%;
	line-height: 1.5em;
	font-weight: bold;
	color: #666;
	}
#content h3 a {
	border: none;
	}
#content h4 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.5em;
	font-weight: bold;
	color: #666;
	}
#content p {
	margin: 0 0 1em 0;  /* reduced spacing from 1.5 to 1em to condense spacing and improve readability */
	padding: 0;
	line-height: 1.5em;
	font-size: .9em;
	}
#content p.quote {
	margin: 5px 0 10px 25px;  
	line-height: 1.4em;
	font-size: .9em;
	/*  color: #999999;*/
	}
#content p.emphasis {
	font-style: italic;
	/*  color: #999999;*/
	}

	
#content blockquote {
	font-size: 100%;
	letter-spacing: .01em;
	line-height: 1.6em;
	padding: 10px 10px 10px 10px;
	color: #333;   
	background: #AFC1A7;  /* C6D9BF */
	font-family: "trebuchet ms", helvetica;
	}
#content blockquote p {
	margin: 0 0 15px 0;
	padding: 0;
	}
#content ul,
#content ol {
	line-height: 1.4em;
	}
	
#content ul {
	font-size: 90%;
	list-style-type: none;

	/*font-family: "Trebuchet MS", helvetica, sans-serif;  */
	}


#content ul li a {
	text-decoration: none;
	color: #0064b5;  /*  blue  */
	border-bottom: 1px dashed #0064b5;
	}
#content ul li.active a {
	color: #555;
	}
#content ul li a:hover {
	color: #3a5068;
	border-bottom: 1px solid #3a5068;
	}

#content img {
	padding:5px;
	border:2px solid #333;
	}
#content img.noborder {
	padding:5px;
	border: none;
	}

#content img.floatleft { 
    float: left; 
    margin: 0 10px 10px 0; 
}
#content img.floatright { 
    float: right; 
    margin: 0 0 10px 10px; 
}


#content img.sidebar {
	float: left;
	padding: 20px 20 20px 0;
	margin: 1.5em 1.5em 1.5em 0px;
	}

#content.table {
	font: 12px verdana, georgia, serif;
	}

#content span.arrow {
	color: #6D8764; 
	font-size: 1.8em;
	}

#content ol {
	list-style-type: decimal;
	display: block;
	margin-left: 40px;  
	font-size: .9em;

	}
#content ol li{
	start: 1;
	}
/* sidebar
---------------------------------------------------------- */

/*------
#sidebar a {
	text-decoration: none;
	color: #999;  
	border-bottom: 1px dashed #999;
}
	
#sidebar a:link {
	text-decoration: none;
	color: #666; 
	border-bottom: 1px dashed #666; 

}
#sidebar a:visited {
	text-decoration: none;
	color: #666; 
	border-bottom: 1px dashed #666; 

}
#sidebar a:hover {
	color: #666;
	border-bottom: 1px solid #666;  /* was  1px solid #666
}
*/
#sidebar h1 {

	letter-spacing: 0.04em;
	font-size: 160%;
	line-height: 1.5em;
	font-weight: bold;
	color: #666;
}

#sidebar h4 {
	color: #666666;
	font-size: 160%;
	font-weight: bold;
	margin: 25px 0 12px 0;
	padding: 0 0 5px 0;
	line-height: 1em;
	
	
	}
#sidebar h3.first {
	margin-top: 0;
	}
#sidebar h3.featured {
	margin-bottom: 0;
	border-bottom: 0;
	}
#sidebar p {
	margin: 0;
	padding: 0;
	}
#sidebar p.caption {
	font-size: 80%;
	margin: 0;
	padding: 0;
	}


#sidebar img {
	margin-top: 10px;
	float: center;
	}



#sidebar ul {
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	list-style-type: none;
	}
#sidebar li {
	margin: 0 0 .5em 0;
	padding: 0 0 0 14px;
	}
#sidebar a.img:hover  {
	text-decoration: none;
	border-bottom: none;
} 

#sidebar a.img:link  {
	text-decoration: none;
	border-bottom: none;
} 



/* footer
------------------------------------------- */

#footer {
	clear: both; 
	width: 740px;
	font-size: 0.8em;
	margin: 0;
	padding: 10px 0 10px 0; 
	background: #6D8764;

	}

#footer a {
	text-decoration: none;
	color: #333;  
	border-bottom: 1px dashed #333;
}

#footer a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
}

#footer p {
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: center;
	}
#footer p.copyright {
	color: #333;
	text-align: center;
	}



/* misc
------------------------------------------- */

hr, .hide {
	display: none;
	}
a img {
	border: none;
	}

#clear {
	clear: both;
}
#content a.backtotop {
	float:right;
	width:90px;
	text-align:right;
	padding:0 3px 0 0;
	color: #6D8764;
	border-bottom: 1px solid #6D8764;

	}

TABLE { border-collapse:collapse; border:1px solid #FFFFFF; margin-left: 0px;}
TD { padding:4px 9px 6px 9px; background-color:#eee; font-size:75%; color: #666; }
TH { padding:4px 9px 6px 9px; background-color:#FFFFFF; font-size:75%; text-align:left; color: #666;  }

#addresstable {
	margin-top: 20px;
	margin-bottom: 20px;
}


#order { 
	float: left; 
	width: 250px; 
	padding: 0 10px 0 10px; 
	margin: 5px 25px 25px; /*  */
}

.tdnoborderbutton {
	border-style: none!important;
}

.textfield40 {
	width: 40px;
}
.textfield60 {
	width: 60px;
}
.textfield90 {
	width: 90px;
}
.textfield180 {
	width: 180px;
}
.textfield280 {
	width: 280px;
}
.textfield360 {
	width: 360px;
}
#addresstable {
	margin-top: 20px;
	margin-bottom: 20px;
}

 .pull_quote_right{ 
	 width:150px;  
	 border-top:1px solid #999999;  
	 border-bottom:1px solid #999999; 
	 font-family: Georgia, "Times New Roman", Times, serif; 
	 font-size: 0.9em; 
	 color: #666666; 
	 line-height: 1.3em; 
	 float: right; 
	 position: relative;  
	 margin:6px 0px 10px 15px; 
	 padding:10px 5px;  
	 display:block; 
 }