@media screen {

	.default {
			font-size:0.8em;
			color: #000;
			font-weight:bold;

	}

	.large {
			font-size:1em;
			color: #000;
			font-weight:bold;

	}

	.xlarge {
			font-size:1.2em;
			color: #000;
			font-weight:bold;
	}
/* ----------------------------------------------------- */

	body {
		margin:0 0 0 0;
		padding: 0;
		font-family: "Trebuchet MS", Verdana, sans-serif;
		line-height: 17px;
		color: #62595e;
		background:#fff url(../images/bgtile_2.jpg) no-repeat;
		font-size:0.9em;
		text-align:center;
		letter-spacing: 0.03em;
	}	
	
	
	div.bodybottom {
		padding: 0 0 0 80px;
		margin: 0 0 0 -154px;
		width:100%;
		background:#fff url(../images/body_bottom_bg.gif) no-repeat;
		height:30px;

	}		
	

	* html body {
		font-size:0.9em; /* for IE5/win */
		f\ont-size:0.9em; /* for other IE versions */
	}
/* ----------------------------------------------------- */

	img {
	border:none;
	}
	img.floatRight { float: right; margin: 8px; }
	img.floatLeft { float: left; margin: 8px; }

	img.homeimg {
		padding: 0 5px 0 0;
	}

	div.column2 img
	{
		margin-left:4px;
	}

/* Main holder for the whole site */

	div.baseholder {
		padding: 0 80px 0 80px;
		width:755px;
		margin:auto;
		float:left;
		
	}	
	
	div.bgholder
	{
		width:100%;
		margin: 0 0 0 -268px;
		padding: 0 0 0 300px;
	}
	
	
	div.topimage
	{
		height:165px;
		width:100%;
		text-align:left;
	}
		
	div.topimage img.youraccount
	{
		float:right;
		margin:117px 8px 0 0;
		width:127px;
		height:31px;
	}

/* holder for the headers */
	
	div.topas {
		width:100%;
		background:#666;
		text-align:right;
		display:none;
	}

	div.header {
		width:100%;
		background:#fff;
		height:24px;
		overflow:hidden;
	}

/* holder for the footer */
	div.footer {
		margin: 75px 0 0 0;
		width:100%;
		height:40px;
		background:#d5d5d3 url(../images/footertile.gif) repeat top left;
		float:left;

	}

	div.footerlinks {
		float:left;
		width:755px;
		text-align:right;
		padding: 0 0 0 100px;
		
	}
	
	div.stretcher {
		float:left;
		width:755px;
		padding: 0 0 0 0;
		height:30px;
		background:#d5d5d3 url(../images/body_bg.gif) repeat top left;

	}
	
	
/* Div sets the height / width for the top Navigation bar */



	div.topnav {
		width:567px;
		margin:0 0 0 0;
		text-align:right;
		float:right;
		/*min-height:25px;*/
	}

/* div that contains each individual menu item in the top nav */

	.homebutton {
		width:185px;
		float:left;
		background: url(../images/nav_fruithome.gif) no-repeat top left;
		height:25px;
	}
	.homebutton:hover {
		width:185px;
		float:left;
		background: url(../images/nav_fruithome_on.gif) no-repeat top left;
		height:25px;
	}
	.homebutton_off {
		width:185px;
		float:left;
		background: url(../images/nav_fruithome_over.gif) no-repeat top left;
		height:25px;
	}
	.homebutton_off:hover {
		width:185px;
		float:left;
		background: url(../images/nav_fruithome_on.gif) no-repeat top left;
		height:25px;
	}

	div.divider {
		width:1px;
		height:24px;
		background: url(../images/divider.gif) repeat-x top left;
		float:left;

	}
	.menuitemAbout {
		float: left;
		width:48px;
		height:24px;
		background: url(../images/nav_about.gif) repeat-x top left;
	}
	.menuitemAbout:hover {
		float: left;
		width:48px;
		height:24px;
		background: url(../images/nav_about_hover.gif) repeat-x top left;
	}
	.menuitemAbout_on {
		float: left;
		width:48px;
		height:24px;
		background: url(../images/nav_about_on.gif) repeat-x top left;
	}

	.menuitemem {
		float: left;
		width:110px;
		height:24px;
		background: url(../images/nav_emob.gif) repeat-x top left;
	}
	.menuitemem:hover {
		float: left;
		width:110px;
		height:24px;
		background: url(../images/nav_emob_hover.gif) repeat-x top left;
	}
	.menuitemem_on {
		float: left;
		width:110px;
		height:24px;
		background: url(../images/nav_emob_on.gif) repeat-x top left;
	}	
	.menuitemkb {
		float: left;
		width:102px;
		height:24px;
		background: url(../images/nav_kb.gif) repeat-x top left;
	}
	.menuitemkb:hover {
		float: left;
		width:102px;
		height:24px;
		background: url(../images/nav_kb_hover.gif) repeat-x top left;
	}	
	.menuitemkb_on {
		float: left;
		width:102px;
		height:24px;
		background: url(../images/nav_kb_on.gif) repeat-x top left;
	}

	.menuitemSolutions {
		float: left;
		width:64px;
		height:24px;
		background: url(../images/nav_solutions.gif) repeat-x top left;
	}
	.menuitemSolutions:hover {
		float: left;
		width:64px;
		height:24px;
		background: url(../images/nav_solutions_hover.gif) repeat-x top left;
	}
	.menuitemSolutions_on {
		float: left;
		width:64px;
		height:24px;
		background: url(../images/nav_solutions_on.gif) repeat-x top left;
	}

	.menuitemPartners {
		float: left;
		width:64px;
		height:24px;
		background: url(../images/nav_partners.gif) repeat-x top left;
	}
	.menuitemPartners:hover {
		float: left;
		width:64px;
		height:24px;
		background: url(../images/nav_partners_hover.gif) repeat-x top left;
	}
	.menuitemPartners_on {
		float: left;
		width:64px;
		height:24px;
		background: url(../images/nav_partners_on.gif) repeat-x top left;
	}

	.menuitemTalktofruit {
		float: left;
		width:78px;
		height:24px;
		background: url(../images/nav_Talktofruit.gif) repeat-x top left;
	}
	.menuitemTalktofruit:hover {
		float: left;
		width:78px;
		height:24px;
		background: url(../images/nav_Talktofruit_hover.gif) repeat-x top left;
	}
	.menuitemTalktofruit_on {
		float: left;
		width:78px;
		height:24px;
		background: url(../images/nav_Talktofruit_on.gif) repeat-x top left;
	}

	.menuitemNews {
		float: left;
		width:93px;
		height:24px;
		background: url(../images/nav_news.gif) repeat-x top left;
	}
	.menuitemNews:hover {
		float: left;
		width:93px;
		height:24px;
		background: url(../images/nav_news_hover.gif) repeat-x top left;
	}
	.menuitemNews_on {
		float: left;
		width:93px;
		height:24px;
		background: url(../images/nav_news_on.gif) repeat-x top left;
	}

	div.menuitem {
		float: left;
		padding: 4px 8px;
		margin:0 1px 0 0;
		font-weight:bold;
		display:block;
		border:1px solid #000;
		border-bottom: none;
		background: url(../images/navbg.gif) repeat-x top left;
	}

/* Font styles to control the look of the items in the topnav */

	.menuitem_nav {
		color: #000;
		text-decoration:none;
		font-size:100%

	}

	.menuitem_nav:hover {
		color: #666;
		text-decoration:none;
		font-size:100%

	}

	
	/* On State  */

	.menuitem_nav_on {
		color: #ed2727;
		text-decoration:none;
		font-size:100%

	}

/* main body of the page */

	div.mainbodydiv {
		width:100%;
		text-align: left;
		float:left;
		margin:0;
	}

/* Intro Para - Home Page */

	div.homepageintropara {
		padding: 4px 15px;
		font-size: 80%;
	}
	
	div.knowledgevaseholder {
	width:355px;
	float:left;
	}
	div.knowledgebaseimage {
		width:95px;
		float:left;
		text-align:center;
	}
	div.knowledgebasetext {
		width:250px;
		float:right;

	}
/* Holder for the multicol on the  Home Page */

	div.threecolumnhome {
		Padding:0 0 0 5px;

	}
	
	
	
	div.flashcontent
	{

	
	}
	
	
	/* Sets the settings for the size of each column */

	div.column1 {
		float:left;
		width:185px;
		margin:3px 3px 0 0;
	}
	
	div.column2 {
		float:left;
		width:376px;
		margin:3px 3px 0 0;
		text-align:left;
	}
	
	/* Sets the Title box for each of the columns */

	div.poofboxtitle {
		display:block;
		background:#000 url(../images/navbg.gif) repeat-x top left;
		padding: 4px 8px;
		margin:0 1px 0 0;

	}
	/* Sets Paragraph box for each of the columns */

	div.poofboxpara {
		padding: 35px 8px 0 50px;
		margin:0;
		height:100px;
		text-decoration:normal;
		font-family: "Trebuchet MS", Verdana, sans-serif;
		color: #62535c;
		font-size: 90%;
	}
	div.poofboxparawide {
		padding: 30px 8px 0 10px;
		margin:0;
		height:100px;
		text-decoration:normal;
		font-family: "Trebuchet MS", Verdana, sans-serif;
		color: #62535c;
		font-size: 90%;
	}
	
	div.poofboxparanews {
		padding: 5px 8px 0px 10px;
		height:25px;
		margin:0;
		text-decoration:normal;
		font-family: "Trebuchet MS", Verdana, sans-serif;
		color: #ffffff;
		font-size: 100%;
		font-weight:bold;
	}	
	
	div.poofboxhomeparawide {
		padding: 5px 8px 0 10px;
		margin:0;
		height:25px;
		text-decoration:normal;
		font-family: "Trebuchet MS", Verdana, sans-serif;
		color: #ffffff;
		font-size: 100%;
		font-weight:bold;
	}

	#readmore {
		left:0;
	}


	div.hometext {
		height:75px;
		margin:0 0 0 4px;
		text-align:left;
		width:175px;
		float:left;
		display:inline;
	}




	div.hometextnews {
		height:75px;
	}

	/* Sets the Link for each of the columns */

	div.pooflink {
		text-align:right;

	}

/* LOWER LEVELS */
	
	.prop {
	height:500px;
    float:right;
    width:1px; 
	background:red;
	}
	div.lowermainholder {
		width:100%;
		background:#fff;
		float:left;
		margin:0;
		/*background:#000 url(../images/body_bg.gif) repeat top left;*/
	}

	div.lowermainholder_wide {
		width:100%;
		background:#000;
		float:left;
	}

	div.lowermaincontent {
		width:567px;
		float:right;
		padding:0;
		font-size:75%;
		margin-top:0;
	}
	div.partners {
		width:540px;
		float:right;
		padding:0;
	}
	div.partnerimage {
		width:150px;
		float:left;
		text-align:center;
	}
	div.partnertext {
		width:380px;
		float:left;
	}

	div.lowermaincontent_2col {
		width:565px;
		float:right;
		padding:0;
		text-align:left;
	}	
	div.rightpanel {
		width:185px;
		float:right;
		font-size:75%;
		text-align:center;
	}
	div.rightpanel2 {
		width:185px;
		float:right;
		font-size:75%;
		text-align:left;
	}
	div.para {
		width:365px;
		float:left;
		font-size:75%;
		text-align:left;
	}

	div.rightboxbase {
		width:185px;
		text-align:left;
		background:#666 url(../images/side_bottombg.gif) no-repeat bottom right;
		margin:auto;
		display:block;
	}

	div.rightboxtitle {
		background:#bababa;
		width:185px;
		text-align:left;
		color:#62535c;
		height:auto!important;	
	}

	div.pagetitle {
		width:565px;
		text-align:left;
		padding:0;
		margin:0;
		border-bottom: 1px solid #62535c;
	}
	div.titlespace {
		width:565px;
		text-align:left;
		padding:0;
		margin:0;
		background:#f4f4f2;
		height:24px;
	}
	div.titlespace_2col {
		width:565px;
		text-align:left;
		padding:0;
		margin:0;
		background: url(../images/2colbg.gif) no-repeat bottom right;
		height:24px;
	}

	div.paraindent {
		padding: 0 10px 10px 10px;
		float:left;
		
	}
	div.paraindent_side {
		padding: 0 10px 10px 10px;
		float:left;
		
	}

	div.learnmoreindent {
		padding: 0 0 10px 10px;
		float:left;
	}
	/* Left Navigation / subnav */
	div.leftnav {
		width:185px;
		padding: 0 0 10px 0;
		float:left;
	}
	div.navholder {
		background:#fff;
		text-align:right;
		float:left;
		width:160px;
		height:28px;

	}
	div.subnavholderon {
		background:#f4f4f2;
		width:100%;
	}
	.navbg {
	}
	.navbg:hover {
		background:#f4f4f2;
	}
	div.subnavitem {
		text-align:right;
		float:left;
		width:160px;
		height:22px;
	}
	div.subnavitem:hover {
		background:#f4f4f2;
	}

	div.subnavitemon {
		text-align:right;
		float:left;
		width:160px;
		height:22px;
	}

	div.navbullet {
		padding: 3px 5px 0 0;
		height:22px;
		float:left;
		text-align:right;
		width:15px;
	}
	div.navbulleton {
		padding: 3px 5px 0 0;
		height:22px;
		float:left;
		text-align:right;
		width:15px;

	}

/* GENERAL DIVS */
	div.breaker {
		clear:both;
	}



/* FONT STYLES */

	h1 {
	font-size: 250%;
	color: #6f9d31;
	padding:13px 0 0 10px;
	font-family: Georgia, sans-serif;
	font-weight:normal;
	line-height:25px;
	}
	html>body h1 { /* this will target Firefox */
	padding:0 0 0 10px;
	line-height:25px;

	}





	h2 {
	font-size: 110%;
	color: #5a8243;
	padding:0 0 4px 0;
	margin:0;
	font-family: "Trebuchet MS", verdana, sans-serif;
	font-weight:none;

	}

	h3 {
	font-size: 90%;
	color: #fff;
	padding:0;
	margin:0;
	line-height:10px;
	padding:0 0 8px 0;
	}

	div.hr {
		border: none;
		border-top:1px solid #ffd13e;	
		width:99%;
		line-height:1px;
		height:1px;
		float:left;
		font-size: 0px;
		padding: 0 0 10px 0;
	}
	div.hr3 {
		border: none;
		border-top:1px solid #dddddd;	
		width:99%;
		line-height:1px;
		height:1px;
		float:left;
		font-size: 0px;
		padding: 0 0 2px 0;
	}

	div.hr2 {
		margin:5px 0 0 0;
		border: none;
		border-top:1px solid #dddddd;	
		width:99%;
		line-height:1px;
		height:1px;
		float:left;
		font-size: 0px;
		padding: 8px 0 10px 0;
	}
	.subnav {
	font-size: 75%;
	color: #62535c;
	}
	.subnav:hover {
	font-size: 75%;
	color: #666;
	font-weight:bold;
	}
	.subnav_on {
	font-size: 80%;
	color: #666;
	font-weight:bold;
	}


	a {
			color: #888;
			text-decoration:underline;
	}

	a:hover {
			color: #6f9d31;
	}

	p {
		line-height:17px;
		border:0;
		margin:0;
	}
	.indent {
		padding: 0 10px 10px 10px ;
	}
	.indent_Learnmore {
		padding: 0 10px 5px 10px ;
	}

	/* Terms and Conditions links etc */

	.terms {
	font-size: 70%;
	color: #62535c;
	}
	.greysmall {
	font-size: 70%;
	color: #62535c;
	}
	.greysmall2 {
	font-size: 70%;
	color: #aba3a7;
	}

	
	.fruit {
	font-size: 70%;
	color: #6f9d31;
	font-weight:bold;
	}

	/* This is the styling for the form */

	#newslettersignup {
		width: 375px;
		margin: 0;
		padding: 0;
	}
		
	#newslettersignup fieldset {
		border-bottom: 1px #ffd13e solid;
		border-top:  1px #ffd13e solid;
		border-right: 0;
		border-left: 0;
		padding: 10px 5px 5px 5px;
		margin: 0;
	}

	#newslettersignup .fieldsleft {
		float: left;
		width: 180px;
		margin: 0 5px 0 0;
		padding: 0;
	}

	#newslettersignup .fieldsright {
		float: left;
		width: 180px;
		margin: 0;
		padding: 0;
	}

	#newslettersignup .detailsleft {
		float: left;
		width: 20px;
		margin: 0;
		padding: 0;
	}

	#newslettersignup .detailsright {
		float: left;
		width: 340px;
		margin: 0 0 0 5px;
		padding: 0;
	}

	#newslettersignup .clear {
		clear: both;
	}

	#newslettersignup .submitholder {
		margin: 5px 0 0 0;
		padding: 5px;
	}

	#newslettersignup #firstname, #newslettersignup #secondname, #newslettersignup #txtEmail, #newslettersignup #txtPassword, #newslettersignup #organisation, #newslettersignup #email, #newslettersignup #strCAPTCHA, #newslettersignup #captcha, #newslettersignup #emailconfirm , #newslettersignup #telephonenumber{
		width: 174px;
		color: #62532c;
		border: 1px solid #62532c;
		background-color: #f4f4f2;
		margin:  5px 0 10px 0;
		padding: 2px;
	}

	#newslettersignup #submitbtn, #btnLogin, #btnRegister {
		width: 174px;
		margin: 0 10px 0 0;
	}
	

/* c2's form */
	#savingsCalc input	{
		width: 80px;
		border: 1px solid black;
		margin-bottom: 5px;
	}
	#savingsCalc .fCap	{
		width:350px;
		float:left;
	}



}

 @media print {
/* Main holder for the whole site */

	div.baseholder {
	}

/* holder for the headers */
	
	div.topas {
		display: none;
	}

	div.header {
		display: none;	}

/* holder for the footer */
	div.footer {
	display: none;
	}

	div.bottomlogos {
			display: none;

	}
/* Div sets the height / width for the top Navigation bar */

body {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	float: none !important;
	background: white;
	color:#000;

}

	div.pooflink {
		display: none;
}

	div.topnav {
		display: none;

	}
	div.subnavitem {
		display: none;

	}
	img {
	border:none;
			display: none;

	}

	img.floatRight { 		display: none; }
	img.floatLeft { 		display: none; }

	h1 {
	font-size: 130%;
	color: #000;
	font-family: "Trebuchet MS", Verdana, sans-serif;

	}

	h2 {
	font-size: 90%;
	color: #000;
	padding:0;
	margin:0;
	font-family: "Trebuchet MS", Verdana, sans-serif;

	}

	h3 {
	font-size: 90%;
	color: #000;
	padding:0;
	margin:0;
	line-height:10px;
	padding:0 0 8px 0;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	}

}