/* ### Global ### */

html, body {
	margin: 0; padding: 0;
	background: none;
	font-size: 13px;
	color: #4C4C4C;
	font-family: Verdana, 'Trebuchet MS', sans-serif;
	line-height: 1.6em;

}

html {
	background: #FFFFFF	center top repeat;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0; padding: 0;
	font-size: 1em;
	font-weight: bold;
	color: #541C83;
}

ul, ol {
	margin: 0; padding: 0 0 0 20px;
}

object, embed {
	display: block;
}

a {
	color: #541C83;
	text-decoration: underline;
}
p {
	margin: 1em 0;
}

form {
	margin: 0; padding: 0;
}

::-moz-selection {
	background: #bdac75;
	color: #ffffff;
}
::selection {
	background: #bdac75;
	color: #ffffff;
}
.black ::-moz-selection {
	background: #ffffff;
	color: #000000;
}
.black ::selection {
	background: #ffffff;
	color: #000000;
}

.wysiwygleft {
	float: left;
	margin: 1em 1em 1em 0;
}
.wysiwygright {
	float: right;
	margin: 1em 0 1em 1em;
}

#loginout {
	padding: 0;
	float: right;
}

#loginout li {
	list-style: none;
	float: left;
	border-left: 1px solid #541c83;
	padding: 0 13px 0px 12px;
}

#loginout .first {
	border: none;
}

#loginout a {
	float: left;
	color: #541c83;
	text-decoration: none;
}

/* ### Generic ### */
.rounded 
{
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.rounded a 
{
	display: block;
	text-indent: -9999px;
	height: 100%;
	width: 100%;
	overflow: hidden;

}
.box {
	position: relative;
	padding: 8px 0;
	margin: 0 0 7px 0;
	overflow:hid
	zoom: 1;
}
.box .content {
	position: relative;
	overflow: hidden;
}
.box .inner {
/*	background: #ffffff; */
	padding: 11px 15px 12px 0px;
	margin: 0 5px 0 0;
	position: relative;
	zoom: 1;
}

.box .top {
	position: absolute;
	height: 8px;
	top: 0;
	left: 0; right: 1px;
}
.box .bottom {
	position: absolute;
	height: 8px;
	bottom: 0;
	left: 0; right: 1px;
	font-size: 0;
}
.box .sides {
	/* this is purely decorative */
	position: absolute;
	bottom: 0; top: 0;
	left: 0; right: 0;
	width: 100%;
}

.box .left {
	height: 100%;
	overflow: hidden;
}
.box .right {
	float: right;
	height: 100%;
	width: 8px;
}
.box .top .left {
/*	background: url('../images/shadow/top_left.png') no-repeat; */
}
.box .top .right {
/*	background: url('../images/shadow/top_right.png') no-repeat; */
}
.box .bottom .left {
/*	background: url('../images/shadow/bottom_left.png') no-repeat; */
}
.box .bottom .right {
/*	background: url('../images/shadow/bottom_right.png') no-repeat; */
}

.box .sides .left {
/*	background: url('../images/shadow/left.png') repeat-y; */
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	width: 3px;
}
.box .sides .right {
/*	background: url('../images/shadow/right.png') repeat-y; */
	position: absolute;
	bottom: 0;
	top: 0;
	right: 0;
	width: 5px;
}


.box.black .inner {
	background: #000000;
	color: #cccccc;
}
.box.black a {
	color: #cccccc;
}
.box.black .top .left {
/*	background-image: url('../images/shadow/black/top_left.png'); */
}
.box.black .top .right {
/*	background-image: url('../images/shadow/black/top_right.png'); */
}
.box.black .bottom .left {
/*	background-image: url('../images/shadow/black/bottom_left.png'); */
}
.box.black .bottom .right {
/*	background-image: url('../images/shadow/black/bottom_right.png'); */
}


.title {
	color: #541c83;
	line-height: 1.5em;
	padding: 7px 8px 5px 1px;
	font-family: Verdana, 'Trebuchet MS', sans-serif;
	font-size: 0.95em;
	overflow: hidden;
}
.title a {
	color: #541c83;
	font-size: 1em;
	line-height: 1em;
	text-decoration: none;
	display: inline !important;
}
h1.title {
	float: left;
	font-size: 1.5em !important;
	text-transform: none !important;
}
h2.title {
	float: left;
	text-transform: none !important;
}

#content h1, #content h2
{
	float: none;
}
#content h2 
{
	font-size: 1.1em;
}
.header {
	font-size: 1.8em;
	line-height: 1.4em;
	color: #000000;
}
.header a {
	text-decoration: none;
	color: #000000;	
}


.banner {
	background: 0 0 no-repeat;
	overflow: hidden;
	position: relative;
	height: 200px;
	margin-left: 5px;
	width: 650px !important;
	margin-bottom:20px
	
}
.banner .title {
	font-size: 1.5em !important;
}
.banner h1 {
	position: absolute;
	top: 0; left: 0;
}
.banner p {
	position: absolute;
	bottom: 0; left: 0;
	margin: 0;
	text-transform: none;
}


.image a {
	display: block;
}
.image img {
	display: block;
	border: 0 !important;
}
.image .inner {
	position: relative;
}
.image h4 {
/*	position: absolute;
	top: 11px; 
	left: 15px; */
}
.image h5 {
	background: url('../images/title_arrow.png') center right no-repeat #ddd2e6;
	position: absolute;
	bottom: 12px; 
	/*left: 45px;*/
	right: 0;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:0px;
	-webkit-border-radius-bottomleft:5px;
	-webkit-border-radius-bottomright:0px;
	-webkit-border-radius-topleft:5px;
	-webkit-border-radius-topright:0px;
	overflow: hidden;
	padding-right: 20px;
}
.image h5 span 
{
	padding: 0;
	margin: 0;
	overflow: hidden;
	width: auto;
}
/*
.small .image h5 
{
	left: 85px;
}
#side .image h5 
{
	left: 45px;
} */
#side .image .inner
{
	padding: 0;
	margin: 0;
}

.form 
{
	width: 570px;
	
}
.form .single {
	padding: 8px 0;
	overflow: hidden;
}
.form label {
	font-size: 1.1em;
	font-family: Verdana, 'Trebuchet MS', sans-serif;
	
}
.form .textbox {
	background: url('../images/textbox_shadow.png') top left no-repeat;
	border: 1px solid #e3e3e3;
	border-top: 1px solid #bababa;
	border-bottom: 1px solid #f2f2f2;
	padding: 3px 7px;
	margin: 0;
	font-family: Verdana, 'Trebuchet MS', sans-serif;
	font-size: 1.1em;
}
.form select {
	background: url('../images/textbox_shadow.png') top left no-repeat;
	border: 1px solid #e3e3e3;
	border-top: 1px solid #bababa;
	border-bottom: 1px solid #f2f2f2;
	margin: 0;
	font-family: Verdana, 'Trebuchet MS', sans-serif;
	font-size: 1.1em;
}
.form select option {
	background: #ffffff;
}
.form .default {
	color: #666666;
}
.form .checkbox input {
	float: left;
	margin: -1px 5px 0 0;
	*margin: -6px 1px 0 -5px;
}
.form .checkbox label {
	float: left;
}
#contact .form_top {
	background: url(../images/form_top.png) no-repeat top left;
	height: 20px;
}

#contact .form_repeater {
	background: url(../images/form_repeater.png) repeat-y top left;
	padding: 0 20px;
	overflow: hidden;
}

#contact .form_footer {
	background: url(../images/form_bottom.png) no-repeat bottom left;
	height: 8px;
}

#crm_form {
	width: 570px;
	overflow: hidden;
	clear: both;
	padding: 16px 0 20px 0;
}

#crm_form .form_top {
	background: url(../images/form_top.png) no-repeat top left;
	height: 20px;
}

#crm_form .form_repeater {
	background: url(../images/form_repeater.png) repeat-y top left;
	padding: 0 20px;
	overflow: hidden;
}

#crm_form .form_footer {
	background: url(../images/form_bottom.png) no-repeat bottom left;
	height: 8px;
}

#crm_form label {
	font-weight: normal;
	font-size: 1.1em;
	/*white-space: nowrap;*/
	display: inline-block;
	overflow: hidden;
}

#crm_form .label label {
	/*width: 245px;*/
}

#crm_form .crmSection {
	overflow: hidden;
/*	float: left; */
}

#crm_form .crmSection .single {
	clear: left;
	float: left;
	margin: 0 25px 0 0;
}

#crm_form .crmSection .second {
	margin: 0 !important;
	padding-right: 0 !important;
	/*clear: right;*/
	/*float: right;*/
	width: 250px;
}

#crm_form .button_holder {
	overflow: hidden;
	padding: 15px 4px 0 0;
	clear: both;
}

#crm_form .passwordControl {
	overflow: hidden;
	clear: both;
}

#survey #crm_form .rankedList select {
	width: 500px !important;
}

#crm_form select,
#survey .select {
	/*width: 415px !important;*/
}

#crm_form .textbox {
	width: 230px;
}

#crm_form .newsletterCheckbox {
	padding: 10px 0 5px 0;
	overflow: hidden;
	clear: both;
}

#crm_form .newsletterCheckbox .label label {
	width: auto;
} 

#crm_form .checkboxlist td {
	padding: 2px;
}

#crm_form .checkboxlist label {
	padding: 0 5px 0 0;
}

#crm_form .radiolist table {
	border-collapse: collapse;
}

#crm_form .radiolist table td {
	padding: 0 0 2px 0;
	overflow: hidden;
}

#crm_form .radiolist table td input {
	margin-top: 5px;
	margin-right: 5px;
	float: left;
}

#crm_form .radiolist table td label {
	float: left;
}

#survey {
	margin: 0;
}

.crm_submit {
	width: 56px;
	height: 24px;
	border: none;
	text-indent: -5000px;
	*padding-left: 5000px;
	cursor: pointer;
	float:left;
}

.crm_send {
	background: url(../images/button.png) no-repeat;
} 

.crm_login {
	background: url(../images/button_login.png) no-repeat;
	text-indent:-9999px;display:block;
} 

#recipe_detail .crm_login {
	background: url(../images/Personal_Touch_Btn.png) no-repeat;
	text-indent:-9999px;display:block;
	width:240px;height:24px;
}

.button_holder a {
	background: url(../images/regBtn.png) no-repeat;
	text-indent:-9999px;display:block;width:72px;height:24px;margin-left:70px
} 

.crm_update {
	background: url(../images/button_update.png) no-repeat;
	width: 70px;
}

.section {
	background: url('../images/section_top.png') no-repeat;
	margin: 10px 0;
	position: relative;
	overflow: hidden;
}
.section fieldset {
	background: url('../images/section_bottom.png') bottom left no-repeat;
	border: 0;
	padding: 62px 15px 15px 33px;
	display: block;
	margin: 0;
	width: 564px;
}
.section legend {
	margin: 0;
	padding: 0;
}
.section legend strong {
	display: block;
	position: absolute;
	top: 37px; left: 32px;
	overflow: visible;
}

.list {
	overflow: hidden;
}
.list .item {
	border: 1px solid #CCCCCC;
	float: left;
	width: 158px;
	height: 178px;
	margin: 10px 43px 35px 0;
	overflow: hidden;
	display: inline;
	position: relative;
	background-color: #FFFFFF;
	padding: 3px;
}
.list h3 {
	position: absolute;
	top: 0; left: 0;
}
.list a {
	display: block;
	width: 100%;
	height: 100%;
}
.list img {
	display: block;
	border: 0;
}
.list .third {
	margin-right: 0;
}

.retailers {
	overflow: hidden;
	padding: 10px 0 5px 0;
	background: url(../images/dotted.png) repeat-x top;
}
.retailers .item {
	padding: 10px 0;	
	overflow: hidden;
	background: url(../images/dotted.png) repeat-x bottom;
}
.retailers h3,
.retailers h3 a {
	color: #000000;
	font-size: 1.1em;	
	text-decoration: none;
}
.retailers .thumb {
	float: left;
}
.retailers .text {
	margin: 0 0 0 155px;	
}

.recipes .thumb 
{
	float: left;
	border: 1px solid #CCCCCC;
	padding: 2px;
	background-color: #FFFFFF;
}
.bookmark {
	background: url('../images/dotted.png') repeat-x bottom;
	padding: 20px 0 15px 0;
	overflow: hidden;
}
.bookmark h2 {
	float: left;
	font-size: 1em;
	font-weight: normal;
}
.bookmark ul {
	float: left;
	padding: 0 5px;
	margin: 0 !important;
	list-style-type: none;
}
.bookmark li {
	background: no-repeat 0 2px;
	float: left;
	margin: 0 5px;
	padding: 0 0 0 20px;
}
.bookmark .delicious {
	background-image: url(../images/delicious.gif);
}
.bookmark .facebook {
	background-image: url(../images/facebook.gif);
}

#pagination,
.paginationF {
	padding: 10px 0 10px 0;
	overflow: hidden;
}
#pagination span,
.paginationF span {
	margin: 2px;
}
#pagination a,
.paginationF a {
	margin: 2px;
}
#pagination strong { color: #541C83; }

.button {
	background: no-repeat 0 0;
	overflow: hidden;
	text-indent: -5000px;
	display: block;	
}
.button.back_to_results {
	background-image: url(../images/button_back_to_results.png);
	width: 119px;
	height: 24px;
}
.button.search_again {
	background-image: url(../images/button_search_again.png);
	width: 107px;
	height: 24px;
}
.button.show_related {
	background-image: url(../images/button_show_related.png);
	width: 171px;
	height: 24px;
}

.button.addtouch {
	background-image: url(../images/addtouch.png);
	width: 203px;
	height: 28px;
	display:block;
}

.info {
	overflow: hidden;
	float: right;
	padding: 0 30px; 
	list-style-type: none;
}
.info li {
	float: left;
	clear: both;
	font-size: 0.9em;
}
.info .rss {
	background: url('../images/icon_rss.png') left center no-repeat;
	padding: 0 0 0 20px;
	display: block;
	color: #541c83;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.1em;
}

/* ### Structure ### */

#holder {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
}


#header {
	z-index: 3;
	border-bottom: 1px solid #ddd2e6;
}
#header .inner {
	padding: 0;
	height: 134px;
}


#logo {
	position: absolute;
	top: 22px; left: 0;
	z-index: 2;
}
#logo a {
	background: url('../images/rachels_organic.png') no-repeat;
	width: 228px;
	height: 128px;
	overflow: hidden;
	text-indent: -5000px;
	display: block;
	cursor: pointer;
}


#newsletter_signup {
	position: absolute;
	top: 39px;
	right: 0;
}
#newsletter_signup a {
	background: url('../images/newsletter_signup.png') no-repeat;
	display: block;
	width: 259px;
	height: 51px;
	overflow: hidden;
	text-indent: -5000px;
	outline: 0;
}


#nav {
	overflow: hidden;
	position: absolute;
	bottom: 0; left: 0;
	z-index: 2;
	padding: 0;
	list-style-type: none;
}
#nav li {
	float: left;
/*	border-right: 1px solid #cccccc; */
}
#nav a {
	float: left;
	padding: 0 3px;
	outline: 0;
	cursor: pointer;
}
#nav span {
	background: url('../images/nav3.gif') no-repeat;
	display: block;
	height: 33px;
	overflow: hidden;
	text-indent: -5000px;
	cursor: pointer;
}

#nav .home span {
	background-position: 0 0;
	width: 60px;
}
#nav .home .active span, #nav .home a:hover span {
	background-position: 0 -33px;
}
#nav .home a {
	padding: 0;
}
#nav .about_us span {
	background-position: -68px 0;
	width: 86px;
}
#nav .about_us .active span, #nav .about_us a:hover span {
	background-position: -68px -33px;
}
#nav .products span {
	background-position: -159px 0;
	width: 86px;
}
#nav .products .active span, #nav .products a:hover span {
	background-position: -159px -33px;
}
#nav .recipies span {
	background-position: -249px 0;
	width: 73px;
}
#nav .recipies .active span, #nav .recipies a:hover span {
	background-position: -249px -33px;
}
#nav .news_events span {
	background-position: -326px 0;
	width: 132px;
}
#nav .news_events .active span, #nav .news_events a:hover span {
	background-position: -326px -33px;
}
#nav .competitions span {
	background-position: -462px 0;
	width: 121px;
}
#nav .competitions .active span, #nav .competitions a:hover span {
	background-position: -462px -33px;
}
#nav .madewithlove span {
	background-position: -588px 0;
	width: 140px;
}
#nav .madewithlove .active span, #nav .madewithlove a:hover span {
	background-position: -588px -33px;
}
/* no longer used 
#nav .lifestyles span {
	background-position: -447px 0;
	width: 59px;
}
#nav .lifestyles .active span, #nav .lifestyles a:hover span {
	background-position: -447px -18px;
}
*/
#nav .children span {
	background-position: -730px 0;
	width: 81px;
}
#nav .children .active span, #nav .children a:hover span {
	background-position: -730px -33px;
}
/* no longer used 
#nav .why_organic span {
	background-position: -850px 0;
	width: 103px;
}
#nav .why_organic .active span, #nav .why_organic a:hover span {
	background-position: -850px -33px;
}
#nav .why_organic a {
	padding: 0;
}
*/
#nav .love_mornings span {
	background-position: -815px 0;
	width: 129px;
}
#nav .love_mornings .active span, #nav .love_mornings a:hover span {
	background-position: -815px -33px;
}
#nav .love_mornings a {
	padding: 0;
}
#nav .last {
	border: 0;
	padding: 0;
}

.sidebar_paneltop 
{
	background: url(../images/sidebar_paneltop.png) 0 0 no-repeat;
	width: 270px;
	height: 9px;
	margin: 0;
	overflow: hidden;
}
.sidebar_panelbottom 
{
	background: url(../images/sidebar_panelbottom.png) 0 0 no-repeat;
	width: 270px;
	height: 9px;
	margin: 0 0 20px 0;
	overflow: hidden;
}

#subnav 
{
	background-color: #e2d3ef;
}
.box#subnav
{
	margin: 0;
	padding: 0;
}
#side #subnav .inner {
	margin: 0;
	padding-left: 15px;
}
#subnav ul {
	margin: 15px 0 0 0;
	padding: 0;
	border-top: 1px solid #F3EDF9;
	list-style-type: none;
}
#subnav li {
	padding: 3px 0;
	overflow: hidden;
	border-bottom: 1px solid #F3EDF9;
	position: relative;
	overflow: hidden;
	zoom: 1;
}
#subnav a {
	background: url('../images/subnav_arrow.png') 5px 5px no-repeat;
	padding: 3px 3px 4px 22px;
	display: block;
	text-decoration: none;
	font-size: 1.1em;
	line-height: 1.1em;
	cursor: pointer;
	outline: 0;
	overflow: hidden;
	zoom: 1;
	color: #4c4c4c;
}
#subnav a:hover,
#subnav .active a {
	background: url('../images/subnav_arrow_active.png') 5px 5px no-repeat #541c83;
	color: #ffffff;
}
#subnav ul ul {
	background: #e2d3ef;
	margin: 5px 20px;
	padding: 0 3px;
	border: 0;
	font-size: 0.9em;
}
#subnav ul ul li {
	border: 0;
	margin: 0;
	padding: 3px 0;
}
#subnav ul ul .inactive a {
	background: url('../images/subnav_arrow.png') 5px 5px no-repeat;
	color: #666666;
}
#subnav ul ul a:hover,
#subnav ul ul .active a {
	background: url('../images/subnav_arrow_active.png') 5px 5px no-repeat #541c83;
	color: #ffffff;
}
#subnav .open a {
	background: url('../images/subnav_minus.png') 5px 4px no-repeat;
}
#subnav li.closed a {
	background: url('../images/subnav_plus.png') 5px 4px no-repeat;
}
#subnav li.closed a:hover {
	background: url('../images/subnav_plus_active.png') 5px 4px no-repeat #541c83;
}

/* NO [13/04/2011]: Added to fix padding issues after commenting out display: none in #side */
#subnav .box .inner {
	margin: 0;
	padding: 0;
}

#resources ul {
	margin: 15px 0 0 0;
	padding: 0;
	border-top: 1px solid #dddddd;
	list-style-type: none;
}
#resources li {
	padding: 3px 0;
	overflow: hidden;
	border-bottom: 1px solid #dddddd;
}
#resources a {
	padding: 2px 3px 4px 0;
	display: block;
	zoom: 1;
	cursor: pointer;
}
#resources ul img {
	float: left;
	margin: 1px 3px 0 0;
}
#resources ul span {
	overflow: hidden;
	display: block;
}


#page {
	overflow: hidden;
	background:#FFF
}


#side {
	float: right;
	width: 270px;
	padding: 19px 0 0 22px;
/*	display:none NO [13/04/2011]: commented out */
}

#side2 {
	float: right;
	width: 280px;
	padding: 19px 0 0 12px;
}

#side2 img {border:0 !important;margin-bottom:20px}

#content {
	overflow: hidden;
	background: transparent url(../images/contentbg.gif) 0 0 repeat-y;
}

#footer {
	margin-top: 0;
	color: #333333;
}
#footer .inner {
	padding: 10px 0;
	margin: 0 3px;
}
#footer ul {
	overflow: hidden;
	list-style-type: none;
	padding: 0;
}
#footer li {
	float: left;
	padding: 0 10px;
}
#footer a {
	text-decoration: none;
	line-height: 1em;
	color: #333333;
}
#footer .email {
	background: url('../images/icon_email.png') no-repeat 0 center;
	padding-left: 15px;
}
#footer .copy {
	float: right;
	padding: 0 2px !important;
}


#slogan {
	background: url('../images/stylish_by_nature.png') no-repeat;
	position: absolute;
	left: 50%;
	top: -27px;
	width: 179px;
	height: 113px;
	overflow: hidden;
	text-indent: -5000px;
	z-index: 2;
	margin: 0 0 0 -90px;
}

/* ### Page Specific ### */

#home .extra {
	overflow: hidden;
	background-color: #ddd2e6;
	width: 900px;
	padding: 0 30px 10px 30px;
}
#home .paneltop 
{
	background: url(../images/panel_top.png) 0 0 no-repeat;
	width: 960px;
	height: 12px;
	margin: 0;
	overflow: hidden;
}
#home .panelbottom 
{
	background: url(../images/panel_bottom.png) 0 0 no-repeat;
	width: 960px;
	height: 12px;
}
#home .extra .box {
	width: 270px;
	float: left;
	margin: 0 45px 0 0;
	padding: 0;
}
#home .image .inner {
	height: 195px;
	overflow: hidden;
	padding: 0;
}
#home .small {
	overflow: hidden;
	float: left;
	width: 270px;
}
#home .small .box {
	margin: 0;
	width: 270px;
}
#home .small .last {
	margin: 0;
}
#home .small .image .inner {
	height: 92px;
	width: 270px;
}
#home .extra h4.title
{
	padding-left: 0;
}
#home_news .inner 
{
	padding: 0;
}
#home_news .news {
	overflow: hidden;
	height: 72px;
	position: relative;
}
#home_news .title {
/*	position: absolute;
	top: 0; left: 0; */
	z-index: 2;
	padding-left: 0;
}
#home_news dl {
	padding: 32px 14px;
	margin: 0;
	font-size: 0.9em;
	line-height: 1.3em;
	color: #666666;
}
#home_news dt {
	font-weight: bold;
}
#home_news dd {
	padding: 0; margin: 0;
}
#home_news a {
	text-decoration: none;
}
#home_news object,
#home_news embed {
	position: relative;
	z-index: 1;
	outline: 0;
}



#banner-holder {
	height: 348px;
}
#banner-holder img {
	display: block;
	border: 0 !important;
}
#banner-holder .double {
	width: 468px;
	float: left;
	margin: 0 32px 0 0;
}
#banner-holder .inner {
	height: 328px;
	padding: 0;
	margin: 0;
}
#banner-holder a {
	display: block;
}
#banner-holder img {
	display: block;
	border: 0 !important;
}
#banner-holder .last {
	margin: 0;	
}


#recipes {
	padding: 20px 15px 0 15px;
	clear: both;
	min-height:1100px;
}
#recipes .section {
	margin-top: 18px;
	margin-bottom: 30px;
}
#recipes .wut {
	position: absolute;
	top: 15px; right: 15px;
	font-size: 0.85em;
}
#recipes label {
	width: 145px;
	text-align: right;
	float: left;
	padding: 3px 10px 4px 0;
	line-height: 1em;
	letter-spacing: -1px;
}
#recipes select {
	width: 252px;
}
#recipes .textbox {
	width: 235px;
	float: left;
}
#recipes .checkbox {
	padding-left: 155px;
}
#recipes .searchbtn {
	padding-top: 0;
}
#recipes .checkbox input {
	margin-top: 0;
	white-space: nowrap !important;
	zoom: 1;
}
#recipes table {
	float: left;
}
#recipes .checkbox label {
	width: auto;
	font-size: 0.95em;
	*padding: 5px 0 0 0;
	font-weight: normal;
	white-space: nowrap;
}
#recipes .search {
	padding: 15px 0 10px 0;
	overflow: hidden;
}
#recipes .submit {
	margin: 0 50px 0 0;
	float: right;
}


#recipe_detail {
	padding: 15px 15px 0 0px;
	overflow: hidden;
	clear: both;
}

.print {
	padding: 20px 0;
	margin: 25px 0 0 0;
}
.print a {
	background: url('../images/icon_print.png') left center no-repeat;	
	padding: 0 0 0 25px;
	font-weight: bold;
	color: #000000;
}
#recipe_detail .actions {
	padding: 25px 0 15px 0;
	list-style-type: none;
	overflow: hidden;
}
#recipe_detail .actions li {
	float: left;
	padding: 0 20px 0 0;
}
#recipe_detail .actions .related {
	float: right;
	padding: 0 0 0 20px;
}


#results {
	padding: 0 0 15px 0;
}
#results .type {
	padding: 35px 0 15px 0;
	overflow: hidden;
	background: url('../images/dotted.png') repeat-x bottom;
}
#results .type .title {
	float: left;
}	
#results .item {
	clear: both;
	overflow: hidden;
	padding: 15px 0 26px 0;
	margin-bottom:0px;
	
}
#results p {
	margin: 5px 0;	
}

#product_list {
	padding: 15px 15px 0 15px;
	overflow: hidden;
	clear: both;
}

#subscribe {
	position: absolute;
	top: 39px;
	right: 32px;
	float: left;
	z-index: 3;
	width: 278px;
}
#subscribe .inner {
	padding: 11px 15px 12px 15px;
	height: auto;
	position: relative;
	overflow: hidden;
	background: #ffffff;
}
#subscribe .slides {
	border: 1px solid #cccccc;
	height: 118px;
	width: 238px;
	overflow: auto;
	position: relative;
	background: #ffffff;
}
#subscribe .title {
	background: url('../images/newsletter_signup_title.png') no-repeat;
	position: absolute;
	top: 0; left: 0;
	z-index: 5;	
	width: 140px;
	height: 22px;
	overflow: hidden;
	text-indent: -5000px;
}
#subscribe .privacy {
	position: absolute;
	bottom: 3px; left: 7px;
	z-index: 5;
	font-size: 0.9em;
}
#subscribe .close {
	background: url('../images/subscribe_close.png') 4px 4px no-repeat #ffffff;
	width: 17px; height: 17px;
	overflow: hidden;
	text-indent: -5000px;
	position: absolute;
	top: 0; right: 0;	
	z-index: 5;
	outline: 0;
}
#subscribe .slide {
	position: absolute;
	top: 0; left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	display: none;
	background: #ffffff;
}
#subscribe .text {
	background: no-repeat 0 0;
	position: absolute;
	overflow: hidden;
	text-indent: -5000px;	
	margin: 0;
}
#subscribe .form .text {
	background-image: url('../images/subscribe_form_text.png');
	width: 202px;
	height: 38px;
	top: 30px; left: 9px;
}
#subscribe .loading .text {
	background-image: url('../images/subscribe_loading_text.png');
	width: 133px;
	height: 37px;
	top: 44px; left: 80px;
}
#subscribe .thanks .text {
	background-image: url('../images/subscribe_thanks_text.png');
	width: 213px;
	height: 55px;
	top: 37px; left: 12px;
}
#subscribe .form .single {
	position: absolute;
	top: 71px; left: 7px;
	padding: 0;
}
#subscribe .form .textbox {
	background: url('../images/subscribe_input.png') 0 0 no-repeat #ffffff;
	border: 0;
	padding: 0;
	width: 154px;
	height: 20px;
	float: left;
	overflow: hidden;
}
#subscribe .form .textbox input {
	border: 0;
	padding: 2px 5px 1px 5px;
	width: 144px;
	font-size: 0.8em;
	background: none !important;
}
#subscribe .form .submit {
	float: left;
	margin: 0 0 0 8px;	
}
#subscribe .loading {
	background: url('../images/loader.gif') 15px 45px no-repeat;	
}


#product_detail {
	padding: 20px 15px 0 15px;
	overflow: hidden;
	clear: both;
}
#product_detail h3 {
	font-size: 1em;
	color: #666666;
}
#product_detail  p,
#product_detail ol,
#product_detail ul {
	margin: 0 0 1em 0;
}
#product_detail .detail {
	overflow: hidden;
	padding: 10px 0 20px 0;
}
#product_detail .thumb {
	float: left;
	border: 1px solid #CCCCCC;
	padding: 2px;
	background-color: #FFFFFF;
}
#product_detail .text {
	overflow: hidden;
	padding: 0 0 0 15px;
}
#product_detail .recipes {
	overflow: hidden;
	background: url('../images/dotted.png') repeat-x top;
	padding: 20px 0 0 0;
}
#product_detail .recipes .title {
	float: left;
	font-size: 1.4em;
	text-transform: none;
}
#product_detail .recipes .item {
	float: left;
	width: 49.9%;
}
#product_detail .recipes .content {
	overflow: hidden;
	padding: 15px 0;
	clear: both;
}
#product_detail .recipes .text {
	padding: 0 25px 0 15px;
}


#news {
	padding: 5px 15px 15px 15px;
	overflow: hidden;
	clear: both;
}
#news .header a {
	text-decoration: none;
	color: #000000;
}
#news .item {
	clear: both;
	overflow: hidden;
	padding: 15px 30px 0 30px;
	background: url('../images/dotted.png') repeat-x bottom;
}
#news .header {
	font-size: 1.7em;
}
#news .date {
	font-size: 1.2em;
	margin: 1px 0 0 0;
}
#news .summary {
	margin: 1em 0;
	display: block;
}
#news .bookmark {
	background: none;
	padding: 15px 0;
	clear: both;
}
#news .paginationF {
	padding: 10px 30px 0 30px;
}


#news_sidebar .title {
	float: left;
	clear: both;
	font-size: 1.2em;
	text-transform: none;
	margin: 0;
}
#news_sidebar .inner {
	overflow: hidden;
}
#news_sidebar ul {
	clear: both;
	padding: 10px 0 15px 10px;
	margin: 0;
	zoom: 1;
	list-style-type: none;
}
#news_sidebar dl {
	clear: both;
	zoom: 1;
	margin: 0;
	padding: 5px 0 15px 10px;
}
#news_sidebar dt {
	padding: 4px 0 0 0;
}
#news_sidebar dd {
	padding: 0;
	margin: 0;
}
#news_sidebar .archive {
	padding: 1em 0 0 0;
}


#contact {
	padding: 20px 15px 0 15px;
	overflow: hidden;
	clear: both;
}
#contact .form {
	padding: 0 0 10px 0;	
}
#contact label {
	display: block;
	font-size: 1.1em;
	font-weight: normal;
	padding: 0 0 5px 0;	
}
#contact .textbox {
	padding: 3px 4px;
	width: 230px;
	display: block;
}
#contact textarea.textbox {
	width: 520px;
	height: 165px;
}
#contact div.submit {
	overflow: hidden;
	padding: 16px 0;
}
#contact .submit p {
	margin: 0;
	float: left;
}
#contact .submit input {
	float: right;
}


#email {
	padding: 10px 15px 0 15px;
	overflow: hidden;
	clear: both;
}
#email label {
	display: block;
	font-size: 1.1em;
	font-weight: normal;
	padding: 0 0 5px 0;	
}
#email .textbox {
	padding: 3px 4px;
	width: 230px;
	display: block;
}
#email textarea.textbox {
	width: 557px;
	height: 165px;
}


#standard {
	padding: 20px 2px;
	overflow: hidden;
	clear: both;
}


#not_found {
	padding: 15px 0 15px 0;
	overflow: hidden;
	clear: both;
}
#not_found .header {
	margin: 0 15px 25px 15px;	
}
#not_found .message {
	background: url('../images/not_found_back.jpg') -20px 0 no-repeat;
	min-height: 332px;
	width: 590px;
	margin: 0 auto;
	position: relative;
}
#not_found .text {
	position: absolute;
	top: 43px;
	left: 370px;
	width: 170px;
	color: #ffffff;	
}
#not_found h3 {
	background: url('../images/not_found_title.png') no-repeat;
	width: 162px;
	height: 62px;
	overflow: hidden;
	text-indent: -5000px;
}
#not_found ul {
	list-style-type: none;
	padding: 10px 0;
	font-size: 0.9em;	
	line-height: 1.4em;
}
#not_found li {
	padding: 3px 0;
}
#not_found a {
	color: #ffffff;	
}


#competition_list {
	width: 100%;
	overflow: hidden;	
}
#competition_list .item {
	overflow: hidden;	
}
 

#survey .banner p.title {
	font-size: 2.5em !important;
	right: 0;
	padding: 8px 12px;
	width: 576px;
	letter-spacing: -2px;
}

#survey .page {
	overflow: hidden;
	clear: both;
	padding: 20px 0 0;
}

#survey ol {
	padding: 0 0 0 35px;
	position: relative;
	left: -10px;
	list-style-type: none;
}

#survey li {
	padding: 0px 0 20px 0;
}

#survey .textbox,
#survey textarea,
.passwordControl .textbox,
.emailControl .textbox {
	/*border: 1px solid #d8d8d8;*/
	width: 230px !important;
}

#survey .crmSection select {
	width: 247px !important;
	padding: 2px 2px 2px 0;
	*margin: 0 0 5px 0;
}


#survey textarea {
	height: 100px;
}

#survey select {
	border: 1px solid #d8d8d8;;
}

#survey td {
	padding: 5px 20px 5px 0;
}

#survey .checkboxlist input {
	margin-bottom: 0;
	margin-right: 5px;
}

#survey .checkboxlist label {
	vertical-align: text-bottom;
}

.register_page .wysiwyg_content {
	clear: both;
	overflow: hidden;
	padding: 0 0 0 23px;
}

.register_page #thankyou {
	display: block;
	clear: both;
	overflow: hidden;
	padding: 10px 0;
}

.buttons {
	overflow: hidden;
	padding: 2px 0 12px 0;
}

.buttons .submit {
	float: left;
}

.buttons p {
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
}

.petitionForm .radioList {
	overflow: hidden;
}

.petitionForm .radioList td {
	padding: 0 0 10px 0;
}

.petitionForm .radioList input {
	margin: 4px 5px 0 0;
	*margin: 0 !important;
	float: left;
}

.petitionForm .radioList label {

	padding: 0 15px 0 0;
}

.petitionForm .extra {
	clear: both;
	padding: 0 0 25px 0;
}
h3.title 
{font-size:1em;
	*font-size:1.2em;}
	
/* New CSS Owain 2011 */
.clr{clear:both}

.socialmedialinks{clear:both;padding-top:20px;margin-left:0;padding-left:0;margin-bottom:40px}
.socialmedialinks li {display:block;float:left;margin-right:10px;height:16px;line-height:12px}


#rtwitter{background:url(../images/rtwitter.png) no-repeat;display:block;width:16px;height:16px}
#rfacebook{background:url(../images/rfacebook.png) no-repeat;display:block;width:16px;height:16px}
#rmail{background:url(../images/rmail.png) no-repeat;display:block;width:22px;height:16px}

.makewithlove {margin-top:10px;display:block}
.makewithlove h2.title {margin-bottom:5px;margin-left:0;padding-left:0}

.findanothersearch {border:1px solid #DDD;padding:10px;margin-bottom:20px;height:100px}

.findanothersearch input, .findanothersearch label {display:block;margin-bottom:10px;border:1px solid;border-color:#AAA #DDD #DDD #AAA;width:245px;color:#666}
.findanothersearch input[type=image]{width:72px}
.findanothersearch h2 {font-size:20px;margin-bottom:20px}
#rsearch{width:63px;height:23px;border:0 !important;margin-left:185px}

.rleft{float:left;text-decoration:none;font-size:11px;font-weight:bold}
.rright{float:right;text-decoration:none;font-size:11px;font-weight:bold}

.purpleBox {background:#e2d3f0;border:1px solid #e6e6e4;min-height:100px;width:700px;margin-top:20px;
	-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding:20px
}
.purpleBox img {float:left;border:0 !important;margin-bottom:0px;margin-right:20px}
.purpleBox .recommends {clear:both;margin-bottom:5px;border-bottom:2px solid #FFF;overflow:hidden;padding:10px 0 20px 0}

#side2 {font-size:12px}
#side2 .section fieldset{width:100%;background:0;padding:0}
#side2 .form {margin-bottom:23px;width:240px;background:0;padding:0px;border:1px solid #CCC;padding:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
#side2 .form .single {width:222px;padding:5px}
#side2 .form legend{display:block}
#side2 .form input[type=text] {font-size:12px;display:block;clear:both;color:#666;width:206px;
-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDI0NCwyNDQsMjQ0LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjU1LDI1NSwyNTUsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
background: -moz-linear-gradient( top, rgba(244,244,244,1), rgba(255,255,255,1) );
background: -webkit-gradient( linear, left top, left bottom, color-stop( 0, rgba(244,244,244,1) ), color-stop( 1, rgba(255,255,255,1) ) );
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFF4F4F4,EndColorStr=#FFFFFFFF);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFF4F4F4,EndColorStr=#FFFFFFFF)";
}
#side2 .form select 
{
width:222px;border:1px solid #CCC;padding:2px;color:#666;
-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDI0NCwyNDQsMjQ0LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjU1LDI1NSwyNTUsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
background: -moz-linear-gradient( top, rgba(244,244,244,1), rgba(255,255,255,1) );
background: -webkit-gradient( linear, left top, left bottom, color-stop( 0, rgba(244,244,244,1) ), color-stop( 1, rgba(255,255,255,1) ) );
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFF4F4F4,EndColorStr=#FFFFFFFF);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFF4F4F4,EndColorStr=#FFFFFFFF)";}
#side2 .section legend strong {position:relative;left:0;top:0;overflow:hidden;font-size:20px}

#side2 .purpleBox {width:245px;padding:10px}
#side2 .purpleBox .item {clear:both;margin-bottom:0px;overflow:hidden;border-bottom:1px solid #FFF;margin-bottom:10px;min-height:100px}
	#side2 .purpleBox .item:last-child{border-bottom:0}

#side2 .purpleBox h4 {margin-left:0;padding-left:0}
#side2 .purpleBox p {margin-bottom:10px;padding:0}

#recipes img {float:left;margin-right:10px;margin-bottom:10px;padding-bottom:0px}
#recipes p{padding-top:0;margin-top:0;margin-bottom:20px}
.last{margin-right:0}
.lbl{display:none}
.recLink{background:url(../images/goto.png) no-repeat;display:block;width:163px;height:24px}

#recipes h5, #side2 h5 {
	background: url('../images/title_arrow.png') right 10px no-repeat #ddd2e6;
	position: absolute;
	bottom: 24px;
	right:0px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:0px;
	-webkit-border-radius-bottomleft:5px;
	-webkit-border-radius-bottomright:0px;
	-webkit-border-radius-topleft:5px;
	-webkit-border-radius-topright:0px;
	overflow: hidden;
	padding-right: 20px;
	color:#333;
	font-weight:normal;
	padding-left:10px
}

#side2 h5{bottom:34px;text-decoration:none !important;min-width:170px}

#side2 .recInner {width:280px}
#side2 .forceWidth img {width:280px}
#recipes h5 span 
{
	padding: 0;
	margin: 0;
	overflow: hidden;
	width: auto;
}

.recInner {position:relative;overflow:hidden;float:left;width:300px}
.first{margin-right:10px}

/* Modal Window */

.modalHolder
{
	width:500px;
	min-height:400px;
	color:#333;
	background:#FFF;
	position:fixed;
	top:40px;
	display:none;
	z-index:999999;
	border:1px solid #DDD;
	padding:20px;
	-moz-box-shadow: 1px 1px 2px #CCC;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.modalHolder input[type=text], .modalHolder textarea {width:490px;display:block;border:1px solid #CCC;padding:5px;margin-bottom:20px;color:#666 !important;font-size:12px;font-family:'Verdana','Trebuchet MS'}
.modalHolder textarea {height:140px}
.modalHolder .close {width:13px;height:13px;display:block;position:absolute;background:url(../images/modalclose.png) no-repeat;right:20px;top:10px;text-decoration:none}
.modalHolder h2 {font-size:24px}
#mask {width:100%;height:100%;position:absolute;left:0;top:0;background:#111;opacity:0.5;filter:alpha(opacity=50);display:none;z-index:999;}

#thankYou{display:none;}
#shareCommentSuccess{display:none}

#content object {position:relative;z-index:1;}
#errors,#errors2 {color:#660000;font-weight:bold}
#hiddenFields{display:block}
#doReq{cursor:pointer}
#mwl{padding:20px 0 10px 0}
.purpleBox > div {display:block;min-height:40px;padding-bottom:5px}
.search .searchbtn {float:right;width:80px !important}
#RecipeResults img {width:190px;height:150px;margin-top:7px;}
.findanothersearch input[type=image]{float:right;margin-right:10px;border:0 !important;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.modalHolder img {border:0 !important}
#side2 .push {margin-bottom:10px;font-size:23px}
object{z-index:1}
.modal{font-size:18px}
#makePublic{display:none}

.purpleBox .autoPadDiv {padding-bottom:10px}
.recommends h4 {display:none}
.makewithlove .purpleBox {padding-top:0px;padding-bottom:10px;width:630px}
.recommends h3 {margin-bottom:10px}
.rleft,.rright {background:url(../images/hrt.jpg) no-repeat center right;padding-right:15px}

#side2 .purpleBox .autoPadDiv img {margin-top:5px}
#side2 .label label {display:none}
#side2 h2.clr{margin-bottom:0px}

h5.title{padding-left:10px;padding-top:5px}
.recInner h5.title {cursor:pointer}
#recipes .recInner{margin-bottom:10px}
#side2 .purpleBox p{margin-top:0}
#side2 .purpleBox img {margin-top:5px}



