@import url("../../assets/css/buttons.css");
@import url("../../assets/css/forms.css");

body {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px;
	background-color: #e7f0ed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}


body.popUp {
	font-family:Arial, Helvetica, sans-serif;
	padding: 10px 20px;
	background-color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	
}

p.smallerItalic { font-size: 11px; font-style:italic; }
#wrap {
	background-color:#FFFFFF;
	width: 954px;
	margin: 0px;
	height:auto;
}

#printImage {display:none;}
#printImage2 { display:none;}
#header{
background:#ffffff;
width:954px;
height:295px;
}

#flashNav{
z-index:0;
position:relative;
top:0px;
left:0px;
width:954px;

}

.push {clear:both;  height:10px; padding-bottom:10px; }

#buttons {width:185px; padding:8px 0px 0px 12px;}
/*Footers-------------------------------------------------------------------------------------------------------------------------------*/
#footers{
position:realtive;

width:954px;
clear:both;

}


/*footer t+C*/

#footer1{
position:realtive;
height:50px;
padding-left:18px;
_padding-bottom:10px;
background:url(../images/footer.jpg) no-repeat;
color:#006633;
background-color:#fffa66;
font-size:11px;
padding-top:40px;

_height:50px;


}
/* Footer Links (t + c) */
#footer1 a {
	color:#006633;
	text-decoration: none;
}
#footer1 a:visted {
	color:#006633;
	text-decoration: none;
}

#footer1 a:hover {
	color:#f2b12e;
	text-decoration: none;
}

/*footer site list*/
#footer2{
text-align:center;
background: #ffffff url(../images/footerGrad.jpg) repeat-x;
width:954px;
height:23px;
padding-top:10px;
color:#acabab;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
/* Footer Links (site list) */
#footer2 a {
	color:#acabab;
	text-decoration: none;
} 
#footer2 a:visted {
	color:#acabab;
	text-decoration: none; 
} 
#footer2 a:hover {
	color:#f2b12e;
	text-decoration: none;
}


/*Extra footer div for home page, enviro tips------------------------------------------------------------------------------------------*/
#tiptop{
font-family:Arial, Helvetica, sans-serif;
color:#006633;
font-size:12px;
background: #fff4d9 url(../images/home/enviroTip_top.gif) no-repeat;
width:587px;
margin-left:-50px;

}

#tipbottom { background: url(../images/home/enviroTip_bottom.gif) bottom no-repeat;

width:577px;
padding:5px;
 }

#tipbottom img{float:left; margin-right:5px; margin-bottom:5px;}

#tipbottom a { color:#69d7e7; text-decoration:none;}
#tipbottom a:hover { color:#69d7e7; text-decoration:underline;}






/*Default style for links
-------------------------------------------------------------------------------------------------------------------------*/
a {
	color: #81b604;
	text-decoration: none;
}
 a:visted {
	color: #81b604;
	text-decoration: none;
}

 a:hover {
	color:#f2b12e;
	text-decoration: none;
}

/*heading Tags
-----------------------------------------------------------------------------------------------------------------*/

h1{
margin-top:0px;
color:#2abce7;
font-size: 24px;
margin-bottom:18px;

}
h2{
color:#006a40;
font-size:16px;
display:inline;

}

span.DrQuestion{
color:#006a40;
font-size:14px;
display:inline;

}
span.DrQA {
color:#006a40;
font-size:14px;
display:inline;
font-weight:bold;
}

h2.newsTitle a{
color:#006a40;
font-size:13px;
display:inline;
text-decoration:none;
}
h2.newsTitle {
color:#006a40;
font-size:13px;
display:inline;
text-decoration:none;
}


h2.newsTitle a:hover{
color:#006a40;
font-size:13px;
display:inline;
text-decoration:underline;

}

h3{
color:#75b84e;
font-size:16px;
margin-top: 0px;
margin-bottom: 5px;
clear:left;
}

h3.recipes{
color:#666666;
font-size:13px;
margin-top: 0px;
margin-bottom: 0px;
margin-left:0px;
padding-left:0px;
}

h4{
color:#75b84e;
font-size:14px;
margin:5px;
}

h3.winners{
color:#006a40;
font-size:16px;
display:inline;
}


h2.recipes{
color:#75b84e;
font-size:16px;
margin-top: 0px;
margin-bottom: 5px;
display:block;
}

.eventTitle{
color:#999999;
font-size:16px;
display:inline;
margin-top: 100px;
font-weight:bold;

}

.eventslistLink {
margin-top:0px;
margin-bottom: 20px;
}

.eventDescription {margin-bottom:0px;}
.date{
color:#006633;
font-size:13px;
font-weight: bold;
}

.ratingCaption { line-height:27px; }

p {margin-top:5px; }

/*Lists*/
.tickList{
list-style-image:url(../images/list_tick.jpg);
line-height:24px;
}
.tickList2{
list-style-image:url(../images/list_tick2.jpg);
line-height:24px;
}
.tickList2 a {
	color:#006633;
	text-decoration: none;
}
.tickList2 a:visted {
	color:#006633;
	text-decoration: none;
}

.tickList2 a:hover {
	color:#f2b12e;
	text-decoration: none;
}


/*homePage Wrapper + Divs---------------------------------------------------------------------------------------------------------------*/
#contentWrapper{

width:954px;
position:relative;
margin-top:-60px;
}

#contentLeft{
float:left;
padding-left:120px;
padding-top: 50px;
width: 550px;

}
#homeImage{
	margin-left:-45px;
}

#clickHere {position:absolute; 
			top:235px;
			left:320px; }

#homeText{
position:absolute;
top:130px;
left:320px;
}

#homeNewsTitle{
margin-bottom: 2px; 
}

#homeNewsEntry {list-style:none; margin:0px; padding:0px; padding-top:15px; }
#homeNewsEntry li {
background:url(../images/home/home_tick.jpg) no-repeat left top;
width:375px; 
padding-left:32px;
padding-top: 5px;
font-family:Arial, Helvetica, sans-serif;
color:#999999;
font-size:13px;
padding-bottom:5px;
margin-bottom:7px;
}

#homeNewsEntry p {color: #006A40;}


#contentRight{
float:right;
padding-right:18px;
padding-top:50px;
width: 206px;
}

/*internal pages wrapper + Divs--------------------------------------------------------------------------------------------------------*/
#intContentWrapper{

width:954px;
position:relative;
margin-top:-60px;
margin-bottom:0px;
padding-bottom:0px;

}
#intContentLeft{
float:left;
padding: 0 20px;
width:185px;
}
/*Middle Content div*/

#intContentMiddle{
float:left;
width:470px;
padding:39px 20px 0px 0px;
}

#intContentMiddle{
float:left;
width:470px;
padding:39px 20px 0px 0px;
}

/*Middle Content div no right bar*/
#intContentMiddleLong{
float:left;
width:680px;
padiing:39px 0px 0px 0px;

}

#intContentMiddleExtraLong{
float:left;
width:720px;
padiing:39px 0px 0px 0px;}

#recipefordisplay {width:300px; float:right;}
#backRecipes {clear:both;}

#recipefordisplay td {
vertical-align:top; }

#recipefordisplay td.rightbarTable div{
margin-bottom:15px;
 }


#recipefordisplay td.rightbarTable {padding-left:10px;}
#intContentRight{
float:left;
padding-top:50px;
}

#show #intContentRight {
position:absolute;
top:236px;
left:713px;
}

#recipeRightBar img {padding-bottom:15px; }
#intContentRight img {padding-bottom:15px; }

/*Sub Nav Bar (left) Divs---------------------------------------------------------------------------------------------------------------*/
#subnavTop{
background:url(../images/subnav_top.jpg) no-repeat;
width:183px;
height:16px;
}
#subnavMid{
background:url(../images/subnav_back.jpg) repeat-y;
width:183px;
}

#subnavMid img { padding-left:20px; }

#navTitle{
height:19px;
padding-bottom:10px;
}
#navItem{
height:29px;
}
#subnavBot{
background:url(../images/subnav_bottom.jpg) no-repeat;
width:183px;
height:16px;
}
#rbarImage{
margin-bottom:20px;
}

#pageTitle{
color:#2abce7;
font-size: 24px;
}

#pageContent{
color:#999999;
font-size: 13px;

}

#leftTip{
margin:87px 0 0 15px;
}



/*your say styles------------------------------------------------------------------------------------------------------------*/
#yourSay{ 
}

#yourSayTop {background:url(../images/home/haveYourSay.gif) no-repeat top; 
			 height: 43px;
			 width:206px;
			 }
#YourSayMid {width:206px;
			 background:url(../images/home/haveYourSayMid.gif) repeat-y;
			 padding-top:5px;
			  }


.question{
color:#006633;
font-size:13px;
font-weight:bold;
padding-left:15px;
padding-right:15px;
margin-bottom:0px;
padding-bottom:0px;
text-align:center;

}




#yourSayBottom {background:url(../images/home/haveYourSayBottom.gif) no-repeat;
				width:206px; height:25px; }

/*Product Pages ------------------------------------------------------------------------------------------------------------*/
.prodItemTable{
border-collapse: collapse;
float:left;
margin:10px 0 20px 0;
background:url(../images/products/tableBackground.jpg) no-repeat;
width:440px;
}

.prodItemTable td { text-align:left;  padding-left: 25px; color:#999999;}

.prodItemTable td.head {padding: 10px 25px;
		 text-align:left; color:#CCCCCC; }

.prodItemTable td.borderRight {border-right: 1px #CCCCCC solid; }
.prodItemTable td.borderRightIndent {border-right: 1px #CCCCCC solid; 
									 padding-left:50px;}
td.left {
		 
		 text-align:left;}


.prodItemImage{
margin-top:30px;
margin-left:10px;
float:left;
}
#backToTop{
float:right;
padding-right:265px;
}


/* Styles for Matrix table--------------------------------------------------------------------------------------------------*/

#matrix td {font-size:10px; }
				 
#matrix td.statesDG {text-align:center; }
#matrix td.statesLG {text-align:center; }
#matrix td.smile {background: #B3D337 url(../images/matrix/smileyFace.gif) no-repeat;
				 	   width:23px;
					   }
#matrix td.sad {
					 background: #E8B72B url(../images/matrix/sulkyFace.gif) no-repeat;
					 width:23px;
					 height:23px; }
#matrix td.left  p {text-align:left;}

/*Communities Page ---------------------------------------------------------------------------------------------------------*/
ul.ticklist {list-style-image: url(../images/list_tick.jpg); 
    list-style-position:inside;
	font-weight:bold;  
	margin-left:100px; 
	padding:0px;
	}

ul.ticklist a { text-decoration:none;
	   color:#006a40;
	   }
ul.ticklist a:hover {color:#33ccff; }

/*Recipes Page ---------------------------------------------------------------------------------------------------------*/
.left {float:right;
        margin-right:10px;}
.right {float:right;
        margin:0 10px 10px 15px;}



#recipeLib td.borderBottom{ 
			   border-bottom:1px #CCCCCC solid;
			   vertical-align:bottom;
			   padding-top:10px;
			   padding-bottom: 10px;
			   }
#recipeLib td.recipeTitle { padding-left:10px;
							padding-top:10px;
							 }
#recipeLib { margin-top:10px;}							
#recipeArchive td.borderBottom{ border-bottom:1px #CCCCCC solid;
			   					padding-top:10px;
			   					padding-bottom: 10px;
								vertical-align:bottom;
			   }
			   
.archiveButton {width:150px;
				vertical-align:middle; }

.tableDiv {position:relative; 
		   height:100%; 
		   margin-left:10px; 
		   }

.rating { float:left;  }

#recipeIndex {  }

.recipeImage { float:right; padding-left:10px; } 

#policy {margin-top:10px; }	 

#policy p {font-family:Arial, Helvetica, sans-serif;
	       font-size:13px; }

#sharePage {width: 200px;}

#recipeNav{ clear:both; float:left; padding-top:20px;}

.recipeLibButton {float:right;
vertical-align:bottom;
}


#haveYourSayTable{width:186px; margin-left:10px; margin-right:10px;}

#haveYourSayTable  { vertical-align:middle;}

#poll {padding-top:0px; 
	   padding-left:20px; 
	   padding-right:15px; 
	   padding-bottom:15px;
	   margin:0px;
	   }

.poll_image {padding-left: 50px; }
#votes table{ margin:0px; padding:0px;}
#votes td {font-size:10px;
font-weight:bold; color:#666666; vertical-align:middles; }
.radiolabel {display:block; padding-top: 2px;}
.poll_results{ font-weight:bold; color:#666666;}
.underimageRating {padding-left:4px; }

/*#yourSayForm {position:realtive;}


.poll_results{ font-weight:bold;} /*Result heading
.percent {float:right; font-weight:bold; padding-right:5px;}
.minipush {clear:both;  height:1px; padding-bottom:5px; }*/



ul.aroundworldUL  {list-style:none;  margin:0 0 20px 0; padding:0px;}

ul.aroundworldUL li {background:url(../images/linkBullet.gif) no-repeat left; padding-left: 20px; margin-bottom:5px;}


p.unauthorised {
	padding: 5px;
	background: #FFECEC;
	border: 1px solid #FFC1C1;
	color: #666;
}

table.QA {margin-top:10px;}

table.QA td {padding-bottom:5px; }
table.QA td.drQ {padding-bottom:10px;}

/*MATRIX*/
#matrix table {border-collapse:collapse; background-color:#F8F8FF;}
#matrix td {border:#999999 solid 1px; }
#matrix td.corner {border-left:none; border-top:none; background-color:#FFFFFF; }

#matrix td.productname {font-size:10px; font-weight:bold;}

#matrix td.state { font-size:12px; font-weight:bold; text-align:center; }