/* CSS Document */

body {
margin:0px;
padding:20px 00px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#666;
line-height:1.4em;
}
/*---------------- MAIN NAV --------------------*/
#Nav {
background-color:#C5BCA8;
margin:0 0 4px 0;
padding:0px;
width:100%;
}
	#Nav td {
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	width:25%;
	}

	#Nav a, #Nav a:link, #Nav a:visited {
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	padding:7px 3px 7px 3px;
	display:block;
	cursor:pointer;
	}
	#Nav a:hover, #Nav a:active {
	text-decoration:none;
	background-color:#999966;
	padding:7px 3px 7px 3px;
	display:block;
	cursor:pointer;
	}
/*---------------- END MAIN NAV ---------------*/

/*---------------- GLOBAL LINKS --------------------*/
a, a:link, a:visited {
color:#666666;
text-decoration:underline;
outline:none;
}
a:hover, a:active {
color:#FC1921;
text-decoration:underline;
outline:none;
}
h1 a, h1 a:link, h1 a:visited {
	color:#FC1921;
	text-decoration:none;
	outline:none;
	}
	
	h1 a:hover, h1 a:active{
	text-decoration:underline;
	outline:none;
	}			
/*---------------- END GLOBAL LINKS --------------------*/

/*---------------- GLOBAL HEADINGS --------------------*/

h1 {
color:#FC1921;
font-size:2.20em;
margin:.15em 0 .25em 0;
font-weight:normal;
line-height:1.1em;
}

h2 {
color:#666666;
font-size:1.8em;
font-weight:normal;
margin:.15em 0 .25em 0;
padding:0;
line-height:1.1em;
}

h3 {
color:#666666;
font-size:1.2em;
line-height:1.1em;
margin:.15em 0 .25em 0;
}
h4 {
color:#FFFFFF;
font-size:1.2em;
line-height:1.1em;
margin:.35em 0 .25em 0;
background-color:#BDB29C;
padding:0.25em;
}
h5 {
color:#FC1921;
font-size:1.0em;
margin-bottom:0px;
}
h6 {
color:#FC1921;
font-size:1.5em;
font-weight:normal;
margin-top:0px;
margin-bottom:0.5em;
}
hr {
border:0px;
border-bottom:2px dotted #CCC;
width:100%;
padding:5px 0px;
clear:both;
}
textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}
em
{	color:#999;
	font-size:x-small;
}

/*---------------- END GLOBAL HEADINGS --------------------*/

/*---------------- BODYCOPY AREA --------------------*/
#bodycopy, .bodycopy {
padding:0px 10px 10px 10px;
vertical-align:top;
}
	#bodycopy p{
	margin-top:0px;
	clear:both;
	}
	#bodycopy ul {
	list-style-type:square;
	padding-left:24px;
	margin-left:-6px; !important
	}	
	#bodycopy ol {
	padding-left:24px;
	margin-left:-2px; !important
	}	
		#bodycopy ol li {
		padding-bottom:1em;
		}
	
	#bodycopy a, #bodycopy a:link, #bodycopy a:visited {
	color:#999999;
	text-decoration:underline;
	}	
		#bodycopy a:hover, #bodycopy a:active {
		color:#FC1921;
		}
	#bodycopy td {
	vertical-align:top;
	padding-bottom:4px;
	}	
	#bodycopy th {
	vertical-align:bottom;
	padding-top:4px;
	}	
	#bodycopy textarea  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	border:1px solid #AC9F83;
	padding:2px;
	color:#999999;
	}
	#bodycopy input, #bodycopy select  {
	font-size:1em;
	color:#999999;
	}
		#bodycopy .inputfields  {
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		border:1px solid #AC9F83;
		padding:1px;
		color:#999999;
		}
	#bodycopy img{
	vertical-align:bottom;
	}
	#bodycopy h5 a, #bodycopy h5 a:link, #bodycopy h5 a:visited{
	color:#FC1921;
	text-decoration:none;
	outline:none;
	}
		#bodycopy h5 a:hover, #bodycopy h5 a:active{
		text-decoration:underline;
		outline:none;
		}
	.inputFieldsNormal input, .inputFieldsNormal select{
	width:auto;
	font-size:1em;
	border:1px solid #AC9F83;
	padding:1px;
	color:#999999;
	}
	.inputFieldsNoBorder input, .inputFieldsNoBorder select{
	width:auto;
	font-size:1em;
	border:none;
	padding:1px;
	color:#999999;
	}
	
	.req
	{
		color:#ff0000;
		}
/*---------------- END BODYCOPY AREA --------------------*/		

.weights {
margin-top:0.50em;
}
.smalltext{
font-size:0.85em;
line-height:normal;
}
.news_date{
font-size:0.95em;
line-height:normal;
font-weight:bold;
}

/*---------------- TABLE AREAS --------------------*/
.table_background{
background-color:#f6f3ee;
margin-top:4px;
}
	.table_background td, .table_background2 td{
	vertical-align:top;
	padding:4px 8px;
	}
	.table_background input {
	width:90%;
	font-size:1em;
	border:1px solid #AC9F83;
	padding:1px;
	color:#666;
	background-color:#FFFFFF;
	}
	.table_background select{
	font-size:1em;
	border:1px solid #AC9F83;
	padding:1px;
	color:#666;
	background-color:#FFFFFF;
	width: 90%;
	}

.table_background2{
background-color:#f6f3ee;
margin-top:4px;
}
.table_background3{
background-color:#f6f3ee;
margin-top:4px;

}
	.table_background3 td{
	vertical-align:top;
	padding:4px 8px;
	}
	.table_background3 input, .table_background3 select{
	width:auto;
	font-size:1em;
	border:1px solid #AC9F83;
	padding:1px;
	color:#666;
	background-color:#FFFFFF;
	}	
/*---------------- END TABLE AREAS --------------------*/

/*---------------- BLUE LINKS --------------------*/
#blueLinks {
color:#567EB9;
font-size:0.85em;
margin-right:8px;
}
	#blueLinks ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
	#blueLinks li{
	margin:0px;
	font-size:1.20em;
	padding:0px;
	float:left;
	display:block;
	text-align:center;
	width:8em;
	}
	#blueLinks img{
	margin-right:4px;
	}
	#blueLinks a, #blueLinks a:link,#blueLinks a:visited {
	color:#567EB9;
	text-decoration:underline;
	}
	#blueLinks a:hover, #blueLinks a:active {
	color:#FC1921;
	text-decoration:underline;
	}
.blueText{
font-weight:bold;
color:#567EB9;
}
#alphaSort{
width:100%;
background-color:#ede8de;
}
	#alphaSort ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
	#alphaSort li{
	margin:0px 0px 1px 0px;
	font-size:1.20em;
	float:left;	
	text-align:center;
	border-left:1px solid #FFFFFF;	
	}
	#alphaSort li a{
	text-decoration:none;
	font-weight:bold;
	padding:4px 0px;
	background-color:#ede8de;	
	width:84px;
	display:block;
	}
	#alphaSort li a:hover{
	text-decoration:none;
	font-weight:bold;
	background-color:#f6f3ee;	
	}
/*---------------- END BLUE LINKS --------------------*/

/*---------------- FLOAT OPTIONS --------------------*/	
.floatLeft {
float:left;
margin-right:1em;
margin-bottom:8px;
}
.floatRight{
float:right;
margin-left:8px;
margin-bottom:8px;
}
/*---------------- ENDFLOAT OPTIONS --------------------*/		

/*---------------- CREATE OWN RECIPES (HEINZ HELPER FAVOURITES PAGE) --------------------*/	
#submitRecipes {
background-color:#f6f3ee;
padding:8px;
margin-top:8px;
}
	#submitRecipes p{
	margin-bottom:0px;
	}
/*---------------- END CREATE OWN RECIPES (HEINZ HELPER FAVOURITES PAGE) --------------------*/		

/*---------------- RECIPE LISTINGS IN SHOPPING LIST --------------------*/		
#favourites{
background-color:#dceaf3;
}
	#favourites td{
	padding:3px 8px;
	}
	#favourites h1{
	color:#FFFFFF;
	font-weight:bold;
	font-size:1em;
	}
	#favourites .blueBg{
	color:#FFFFFF;
	background-color:#9cc8e0;
	font-weight:bold;
	font-size:1em;
	}
	#favourites .whiteBg{
	background-color:#FFFFFF;
	margin-right:0px;
	padding-right:0px;
	}
	#favourites .whiteBg input{
	width:auto;
	font-size:1em;
	border:none;
	padding:1px;
	color:#666;
	text-align:right;
	margin-top:2px;
	}
	#favourites input{
	font-size:1em;
	padding:0px;
	color:#666;
	text-align:right;
	margin-top:2px;
	}
/*---------------- END RECIPE LISTINGS IN SHOPPING LIST --------------------*/	

/*---------------- GLOBAL FOOTER --------------------*/	
.footer {
text-align:center;
font-size:9px;
color:#666666;
font-weight:bold;
padding:5px;
border-top:1px solid #666666;
}
	.footer a, .footer a:link, .footer a:visited {
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	}
	.footer a:hover {
	color:#333333;
	text-decoration:underline;
	}
/*---------------- END GLOBAL FOOTER --------------------*/	

/*---------------- HEINZ HELPER --------------------*/	
#heinzhelper {
background-color:#f6f3ee;
height:27px;
margin:0px;
padding:0px;
clear:both;
}
	#heinzhelper ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
	#heinzhelper li{
	float:left;
	margin-right:0.65em;
	padding-top:4px;
	}
	#heinzhelper img{
	margin-bottom:-5px;
	margin-right:4px;
	padding-bottom:2px;
	}	
	#heinzhelper a, #heinzhelper a:link, #heinzhelper a:visited {
	color:#567EB9;
	text-decoration:underline;
	font-size:0.75em;
	margin:0px;
	padding:0px;
	}	
	#heinzhelper a:hover, #heinzhelper a:active {
	color:#FC1921;
	text-decoration:underline;
	}
	.heinzhelperGRAY{
	font-size:0.85em;
	width:263px;
	padding:4px 0 5px 0px
	}
	.heinzhelperRED {
	font-weight:bold;
	color:#FC1921;
	font-size:0.75em;
	padding:4px 0 5px 10px
	}
/*---------------- END HEINZ HELPER --------------------*/		
	
/*---------------- GLOBAL SITE SEARCH --------------------*/
#advsearch {
font-size:.75em;
padding-top:6px;
}
	#advsearch .field{
	color:#666666;
	font-size:1em;
	margin:0px;
	padding:1px;
	float:left;
	/*border:1px solid #AC9F83;*/
	}
	#advsearch .search{
	padding:0px 0px 0px 2px;
	float:left;
	}
	
#Search_txtSearch {
    width: 90px;
}
/*---------------- END GLOBAL SITE SEARCH --------------------*/

/*---------------- BREADCRUMBS --------------------*/
.breadcrumb {
padding:5px 0 10px 10px;
font-size:0.9em;
height:auto;
background-color: #FFFFFF;
}
	.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited {
	color:#567EB9;
	text-decoration:underline;
	}
	.breadcrumb a:hover, .breadcrumb a:active {
	color:#FC1921;
	text-decoration:underline;
	}
/*---------------- BREADCRUMBS --------------------*/

/*---------------- MISC LINKS (eg: Forgotten Password) --------------------*/
a.misc,  a.misc:link,  a.misc:visited {
color:#666666;
text-decoration:underline;
font-size:0.7em;
padding:0px;
}
a.misc:hover,  a.misc:active {
color:#FC1921;
}
/*---------------- END MISC LINKS --------------------*/

/*---------------- MORE LINKS --------------------*/
.more {
padding:5px;
text-align:right;
width:auto;
text-align:right;
}
	.more a, .more a:link, .more a:visited {
	color:#666666;
	text-decoration:underline;
	font-size:0.9em;
	font-weight:bold;
	padding:0px 5px 0px;
	}
	.more a:hover, .more a:active {
	color:#FC1921;
	text-decoration:none;
	}
	.more img {
	vertical-align:middle;
	}
/*---------------- MORE LINKS --------------------*/

/*---------------- PERSONALISE YOUR SITE --------------------*/
#email, #login {
width:80px;
border-left:1px solid #AC9F83;
border-top:1px solid #AC9F83;
border-bottom:1px solid #AC9F83;
background-color:#D4CCB6;
font-weight:bold;
color:#666;
text-align:center;
vertical-align:middle;
font-size:11px;
float:left;
margin:5px 0 0 0;
height:19px;
clear:both;
}
.loginarea, .sitemapTitle {
background-color:#EAE5DA;
text-align:left;
vertical-align:top;
padding:5px 10px;
width:234px;
}
	.loginarea input {
	width:145px;
	border:1px solid #AC9F83;
	height:17px;
	margin:5px 0 0 0;
	padding:2px 0px 0px 2px;
	font-size:12px;
	float:left;
	color:#666;
	}
#loginbuttons {
margin:0px;
padding-top:4px;
clear:both;
height:22px;
}
	#loginbuttons img {
	vertical-align:middle;
	}
	#loginbuttons input {
	border:none;
	width:auto;
	height:auto;
	margin:0px;
	padding:0px 2px 0px 0px;
	}
/*---------------- END PERSONALISE YOUR SITE --------------------*/

/*---------------- TOOLS --------------------*/
#tools {
background-color:#EDEADD;
}
	#tools td {
	font-size:0.8em;
	padding-left:6px;
	}
	#tools img {
	padding:3px 0 3px 0;
	}
	#tools a, #tools a:link, #tools a:visited {
	color:#567EB9;
	text-decoration:underline;
	}
		#tools a:hover, #tools a:active {
		color:#FC1921;
		text-decoration:underline;
		}
	#tools h3 {
	font-size:1.1em;
	font-weight:bold;
	color:#FFF;
	padding:3px 0 3px 0;
	margin:0px;
	}
/*---------------- END TOOLS --------------------*/

/*---------------- PAGES NUMBERS --------------------*/
.pageNumbers{
background-color:#f6f3ee;
font-size:0.85em;
padding:4px 8px;
margin:4px 0px;
height:20px;
clear:both;
}
	.pageNav{
	padding-left:19em;
	width:120px;
	float: lef;
	}
		.page_buttons{
		padding:0px;
		margin-bottom:-5px;
		}
	.goToPage{
	width:140px;
	float:right;
	text-align:right;
	}
		.numberField{
		width:20px;
		text-align:right;
		font-size:0.85em;
		color:#666;
		border:1px solid #AC9F83;
		margin:0px 0.5em;
		}	
	.search_again{
	float:left;
	}
/*---------------- END PAGES NUMBERS --------------------*/

/*---------------- ALPHABETICAL SORT (Heinz Hints) --------------------*/
#alpha_sort{
float:left;
margin:0px;
}
	#alpha_sort a:link, #alpha_sort a:active, #alpha_sort a:visited{
	color:#567EB9;
	font-size:1.1em;
	margin:0em 0.15em;
	}
	#alpha_sort a:hover{
	color:#FC1921;
	}
/*---------------- END ALPHABETICAL SORT (Heinz Hints) --------------------*/