/* CSS Document */
body{
	width:auto;
	margin:0;
	padding:0;
	font-family:  Arial, Helvetica, sans-serif;
	border:none;
	background:none;
	font-size:86%;
}



div{
	width:auto;
	margin:0 !important;
	padding:0 !important;
	float: none !important;
	display:block;
	border:none;
	border-top:none;
	border-bottom:none;
	background:none;
	position:relative;
	font-size:1em !important;
	text-align:left;
	line-height:normal !important;
}
#search label, #search .padding, #search a, .hide, #breadcrumb, .carousel-nav,.nextprev, 
.pagination, #footer ul, #subnav img, #subnav p, .box-flat, #intro img,hr, #landing img, .intro1 img,
.spacer, legend, #template-yourarea #content img
{
	display:none !important;
}
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
	color:#000;
	padding:0 6px;
}

h1{font-size:1.4em;}
h2{font-size:1.2em;}
h3{font-size:1.0em;}

.padding-top{padding:6px !important;}

.float-left, .float-right{float:none !important; width:100% !important;}

img{
	max-width:100%;
	border:none;
}
form,fieldset{
	border:none;
}

table{ border-left: 1px solid #000; border-top: 1px solid #000;width:auto; }
th, td{ border-right: 1px solid #000; border-bottom: 1px solid #000; text-align: left; padding: 2px 4px; }
a{
	color:#000;
}
dl,dt,dd{ padding: 0; margin: 0; display: block; }
dl{
	margin:0 6px;
}
dt{ font-weight: bold; }

p{
	margin:0 6px 10px 6px;
}
ol h2, ol h2 a{
	color:#000;
	background-color:transparent;
	padding:0;
}



/*----------------------Layout-------------------*/
#navigation{position:relative;left:none;top:none;width:auto;
	/*margin-top:100px;*/
	background: #E50067;
	padding:6px !important;
}
#shortcuts{position:relative;left:none;top:none;width:auto;
	/*margin-top:100px;*/
	padding:6px !important;
}
#shortcuts ul, #navigation ul{
	list-style: none;
	margin:0;
	padding:0 !important;
}
#navigation li{
	display:block !important;
	border-right:none;
	float:none !important;
	width:auto !important;
	padding:0 !important;
	margin:0 !important;
}
#navigation a, #navigation a:hover, #navigation a.selected{
background-color:transparent;
line-height:normal !important;
	padding-top:0 !important;
	padding-bottom:0 !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
	font-size:1.2em;
}
#shortcuts a{color:#E50067 !important;}
#navigation ul li ul, #navigation ul li ul.hide, #navigation ul li ul.hide li, #navigation ul li ul.hide li a,
#guidemenu, #howmenu, involvedmenu, #researchmenu, #professionalsmenu,#aboutmenu{
	left:auto !important;
	width:auto !important;
	display:none !important;
	
	/*----------------------------------------------------------------
	----------------NOTE----------------------------------------------
	Soacing between main buttons is white space issue. 
	See under subnav further down
	----------------------------------------------------------------*/
}
.btn2, .btn2 a{
	line-height:normal !important;
	padding-top:0 !important;
	padding-bottom:0 !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
}
#shortcuts a, #navigation a{
	font-weight:bold;
	color:#fff;
	text-decoration:underline !important;
	display:block !important;
	border-right:none;
	float:none !important;
	width:auto !important;
	padding:0 !important;
	margin:0 !important;
	line-height:normal !important;
	text-align:left !important;
}
#page{
	border-left:none !important;
	border-right:none !important;
}
#header{
	background:transparent !important;
	border-top:none !important;
}

#search{
	width:auto;
	float:none;
	padding:6px !important;
	display:block;
	clear:both;
}

#logo{
	/*position:absolute !important;
	top:0;
	left:0;*/
	margin:0 !important;
	padding:0 0 0 5px !important;
	left:0;
	display:block;
}

/*----------------------------------------------------------------
----------------NOTE----------------------------------------------
Space above ul inside ul is due to white space between the bits
before the start tag. If remove it works fine
----------------------------------------------------------------*/

#subnav .padding, #subnav ul, #subnav li, #subnav a, #subnav a.selected ,#subnav a:hover, #subnav ul ul, #subnav li li span, #subnav li li a, #subnav li li a:hover, #subnav li li a.selected, #subnav li.showsub, #subnav li li.showsub a.selected, #subnav ul ul ul, #subnav li li li a, #subnav li li li a:hover,#subnav li li li a.selected, #subnav p, #subnav p a{
	color:#000;
	background:none !important;
	list-style:none !important;
	list-style-image:none !important;
	background-image:none !important;
	background-color:transparent !important;
	margin:0 !important;
	padding:0 !important;
	margin-top:0 !important;
	padding-top:0 !important;
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	font-weight:normal !important;
	border-bottom:none !important;
	line-height:normal !important;
	display: block !important;
}
#subnav{
	margin:6px !important;
	width:auto !important;
	display:block !important;
	border-bottom:2px solid #E50067;
	padding-bottom:10px !important;
}
#subnav ul{
	list-style: none !important;
	font-weight:bold !important;
}
#subnav a, #subnav a.selected ,#subnav a:hover{
text-decoration:underline !important;
font-weight:bold !important;
}
#subnav ul ul{
	padding:0 0 0 10px !important;
	margin:0 !important;
	font-weight:normal !important;
	background:none !important;
}
#subnav ul ul ul{
	padding:0 0 0 10px !important;
}


.content-img-left, .content-img, .content-img-right{ 
border-top: none; 
border-bottom: none; 
float: none; 
position:static;
margin: 5px;
display:block; 
}

#content, #additional, .box, .box-flat{
	width:auto !important;
	float:none !important;
	display:block !important;
	margin-bottom:6px !important;
}


	/* LIGHT PURPLE */
	.colour1{ background:transparent;background: #F6F1F7; }
	/* LIGHT BLUE */
	.colour2{ background:transparent;background: #EAF6FB; }
	/* PINK */
	.colour3{ background:transparent;background: #FBEEF4; }
	/* PURPLE */
	.colour4{ background:transparent;background: #EDEDF3; }
	/* BLUE */
	.colour5{ background:transparent;background: #E4F1F2; }
	/* RECIPE */
	.recipe{ background:transparent;background: #FBEEF4; padding-bottom:0;}
	
.box-flat{background:transparent; background: #F0F0F0; margin-bottom: 5px;padding:0 !important; }


.box-flat a{
	display:none !important;
}
.box-flat p a{
	display:block !important;
}

.box .image{display:none;}
.box .text{width:100%;}

.box-flat p{ margin: 0 !important; padding: 0 5px 5px 5px !important;}
#additional label{
	display:block;
}
#footer{
	border-top:1px solid #000;
	font-size:0.8em;
	text-align:center;
	padding: 6px !important;
}




#search .field-search, #additional .wide, .pre-go, .recipe-search wide{
	width:75%;
}
#search input, #additional input, .recipe-search input, .pre-go{
	float:left;
}
#search .btn-search, .btn-go, .recipe-search .btn-search{
	margin-left:5px;
}

.contentbox img, .content-bullet small{
	margin: 0 6px;
}
.content-bullet small{
	display:block;
}


.sitemap, .sitemap ul, .sitemap ul ul{
	margin:0;
	padding:0;
	list-style:none;
	font-weight:normal;
}
.sitemap ul{
	margin-bottom:10px;
}
.sitemap{
	margin:6px;
	font-size:0.9em;
	font-weight:bold;
}
.anchor{
	margin: 0 6px;
}
.rate li{
	display:block;
	clear:both;
}
.colour3 label{
	display:block !important;
	float:none;
}

/*HOMEPAGE*/

#template-home #intro{background:transparent !important;}
#intro .image{display:none;}
#intro .text{float:none !important;width:100% !important;}
#intro .text a{color:#000 !important;}

#latest-news, #highlights{float:none !important;width:100%;margin:0;}

#latest-news{background:transparent;background:#EDEDF3;padding-bottom:5px !important;margin-bottom:5px !important;}

#latest-news h2{background:transparent;background:#D2D1E0;}
#highlights h2{background:transparent;background:#FBD9E8;}
#highlights ul{margin-left:10px !important;}

#latest-news #top-item img{display:none;}
#latest-news #top-item .text{float:none;width:100%;}
#latest-news #top-item .text a, #latest-news #top-item .text p{padding:0 0 0 10px !important;margin:0 !important;}



/*Landing page*/
	.landing1{ background:transparent;background: #68316B; }
	.landing2{ background:transparent;background: #007C8A; }
	.landing3{ background:transparent;background: #1D1B64; }
	
	.contentbox{float:none !important;width:100% !important;}
	.contentbox h3{display:block;}
	.contentbox img{display:none;float:none !important;}
	.box-alt1,.box-alt2,.box-alt3,.box-alt4{ background:transparent;background: #F0F0F0;float:none !important;width:100% !important; }
	.content-bullet{padding:0 0 0 25px !important;float:none !important;width:100% !important; }
	.content-bullet h3,.content-bullet p{margin:0 !important;padding:0 !important;}
	
	.intro1 p{padding:0 0 6px 6px !important;}
	
	.box{clear:both !important;}
	
/*RECIPES*/

	#template-recipe-finder .col1{float:left !important;width:48% !important;}
	#template-recipe-finder .col2{float:right !important;width:48% !important;}
	#template-recipe-finder #content fieldset{padding:0 0 10px 0 !important;}
	#template-recipe-finder #content fieldset .label{padding:10px 0 0 0 !important;}
	#template-recipe-finder #content fieldset .label, #template-recipe-finder #content fieldset .element{float:none;width:100%;text-align:left !important;}
	label{text-align:left !important;}
	.field{padding:0 0 0 10px !important;clear:both !important;}
	
	#template-recipe-listing #intro{padding:0 !important;}
	
	.recipe-search input{margin:0 !important;}
	
	.submit{clear:both !important;float:none !important;}
	
	#template-recipe #intro{background:transparent;background:#FBEEF4;margin:0 0 5px 0 !important;}
	
	#template-recipe #intro h1, #template-recipe #intro p{margin:0 0 0 6px !important;text-indent:0 !important;}
	
	#ingredients h2{background:transparent;background:#D6EDF8}
	#ingredients ul{margin:0 0 0 6px !important;}
	
	#instructions h2{background:transparent;background:#FBD9E8}

	#next-recipes h2{background:transparent;background:#5F5F5F}
	
	#next-recipes .item, #next-recipes .item-last{float:none !important;width:100% !important;background:transparent;background:#F0F0F0}
	#next-recipes .item img, #next-recipes .item-last img{display:none;}