/* Quick color chart:
 * Title Green
 * Red : #B41917
 * Background Light Green
 *  
 */
html,
.mceContentBody {
  font-size: 12px;
  line-height: 16px;
  font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial, Tahoma;
}

body {
  margin: 0;
  padding: 0;
  border: 0;
  /* This removes the border around the viewport in old versions of IE */
  width: 100%;
  /* background: #fff; */
  min-width: 840px;
  /* Minimum width of layout - remove line if not required */
  /* The min-width property does not work in old versions of Internet Explorer */
  background: transparent url(/img/background.body.jpg) repeat-x top left;
}

.mceContentBody {
  min-width: 0;
  background: none repeat scroll 0 0 #FFFFFF;
}

form {
  display: block;
  margin: 0;
}

a,
.mceContentBody a {
  color: #007C3A;
  cursor: pointer !important;
}

.mceContentBody a {
  color: #007C3A !important;
}

a:link, a:visited,
.mceContentBody a:link, a:visited {
  text-decoration: none !important;
}

a:hover,
.mceContentBody a:hover {
  text-decoration: none !important;
}

a:active,
.mceContentBody a:active {
  text-decoration: none;
  color: inherit;
}

.product h2 {
  font-size: 18px !important;
  font-weight: bold !important;
  color: #007c3a !important;
}

h1, h2, h3 {
  margin: 18px 0 0 0;
  padding: 0;
}

p {
  margin: .4em 0 .8em 0;
  padding: 0;
}

img {
  border: 0;
}

hr {
  color: #A9A9A9;
  background-color: #A9A9A9;
  height: 1px;
  border: 0 none;
}

.clear {
  clear: both;
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
  overflow: hidden;
  font-size: 0px;
}

.clearFloat {
  clear: both;
  height: 0px !important;
  line-height: 0px !important;
  font-size: 0 !important;
}

.clearLeft {
  clear: left;
  height: 0px !important;
  line-height: 0px !important;
  font-size: 0 !important;
}

.floatLeft {
  float: left;
}

.buttonc {
  border: 1px solid;
  color: #FFF;
  font-size: 12px;
  line-height: 14px;
}

.pdf {
  margin-top: 10px;
  display: list-item;
  color: #E01E1E;
  list-style-image: url("/img/pdficon_small.gif");
  list-style-position: inside;
}

.pdf a {
  color: #E01E1E;
}

/* Header styles */
#header {
  clear: both;
  float: left;
  width: 100%;
}

#header {
  /* border-bottom:1px solid #000; */
}

#header {
  height: 98px;
}

#header p, #header h1, #header h2 {
  padding: .4em 15px 10px 15px;
  margin: 0;
}

/* column container */
#colmask {
  position: relative;
  /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear: both;
  float: left;
  width: 100%;
  /* width of whole page */
  /* Hiding the horizontal scroll bar. 
   * Client will ensure content items are long enough so menus are not chopped 
   */
  overflow-x: hidden;
  overflow-y: visible;
  min-height: 900px;
}

#colmid {
  float: left;
  width: 200%;
  position: relative;
  left: 50%;
  margin-left: -420px;
}

#colright {
  float: left;
  width: 100%;
  position: relative;
  left: 840px;
  /* Left column width + right column width */
}

#col1wrap {
  float: left;
  width: 25%;
  position: relative;
  right: 25%;
}

#col1 {
  margin: 0 0 0 420px;
  position: relative;
  right: 840px;
  overflow-x: hidden;
  /* This chops off any overhanging divs */
}

#col2wrap {
  float: left;
  width: 25%;
  position: relative;
  right: 25%;
}

#col2 {
  margin: 0 0 0 420px;
  position: relative;
  right: 420px;
  overflow-x: hidden;
  /* This chops off any overhanging divs */
}

#col3 {
  float: left;
  width: 840px;
  /* Width of right column content (right column width minus left and right padding) */
  margin-left: -840px;
  /* Width of right column right-hand padding + left column left and right padding */
  position: relative;
  right: 50%;
  background: #fff;
}

#col3pad {
  margin: 0 8px 0 8px;
}

/* Footer styles */
#footer {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 18px;
  line-height: 34px;
  width: 816px;
  margin-bottom: 24px;
  font-size: 10px;
}

#footer, #footer a {
  color: #007C3A;
}

#footer a:hover {
  text-decoration: underline;
}

#footer .roundinner {
  height: 34px;
}

#footer .left {
  margin-left: 14px;
  float: left;
  width: 47%;
}

#footer .right {
  margin-right: 14px;
  float: right;
  width: 47%;
  text-align: right;
}

/* background layout */
#col1 {
  background: transparent url("/img/background.left.jpg") no-repeat top right;
  height: 640px;
}

#col2 {
  background: transparent url("/img/background.right.jpg") no-repeat top left;
  height: 640px;
}

#logo {
  float: left;
}

#logo img {
  width: 391px;
  height: 94px;
}

#locationselector {
  float: right;
  position: relative;
  top: 4px;
  text-align: right;
  margin-right: 8px;
  font-size: 10px;
  color: #454545;
}

#locationselector .images {
  margin-top: 3px;
}

#locationselector .images a {
  margin-right: 3px;
  vertical-align: top;
}

#locationselector .images a img {
  vertical-align: top;
}

#memberpanel {
  float: right;
  width: 200px;
}

#memberpanel.loggedout .roundinner {
  padding-top: 0;
}

#loggedinroundinner {
  height: 82px;
}

#loginFailure {
  float: right;
  width: 200px;
  position: absolute;
  right: 10px;
  /* text-align: center; */
}

#loginFailure .roundinner {
  height: 82px;
}

#loginFailure .roundinner .loginFailureText {
  width: 180px;
  margin-left: 10px;
}

#loginFailure .roundinner span {
  margin-top: 10px;
  margin-left: 68px;
}

#loginFailure .roundinner span .button .roundinner {
  line-height: 12px;
}

#memberpanel .left {
  float: left;
  width: 65px;
}

#memberpanel .left div {
  margin-top: 3px;
}

#memberpanel .right {
  float: right;
  width: 121px;
  line-height: 12px;
}

#memberpanel .right input {
  margin-left: 0;
  height: 13px;
}

#memberpanel label {
  position: relative;
  font-weight: bold;
  line-height: 22px;
}

#memberpanel #username, #memberpanel #password {
  position: relative;
  width: 119px;
  border-style: inset;
}

#memberpanel #username {
  margin-top: 5px;
  font-size: 11px;
}

#memberpanel #password {
  margin-top: 3px;
}

#memberpanel #labelForPassword {
  margin-top: 8px;
}

#memberpanel #rememberme {
  margin-top: 4px;
  margin-bottom: 0;
}

#memberpanel #buttons {
  margin-top: 5px;
  height: 20px;
}

#memberpanel #forgotpassword {
  margin-top: -6px;
}

#memberpanel #forgotpassword a {
  font-size: 11px;
}

#memberpanel div.right {
  font-size: 11px;
}

#memberpanel div.right input {
  font-size: 12px !important;
}

#memberpanel #login.buttonc {
  float: left;
  background-color: #2CCA80;
  border-color: #2CCA80;
  width: 49px;
  height: 18px;
}

#memberpanel #joinnow.buttonc {
  float: right;
  background-color: #E01E1E;
  border-color: #E01E1E;
  width: 50px;
  height: 18px;
}

#memberpanel .membername {
  color: #007C3A;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  margin-top: 3px;
}

#memberpanel.loggedin #buttons {
  float: left;
  position: absolute;
  bottom: 0;
  width: 100%;
}

#memberpanel #membermenu.buttonc {
  background-color: #006229;
  border-color: #006229;
  float: left;
  position: relative;
}

#memberpanel #logout.buttonc {
  float: right;
  position: absolute;
  right: 8px;
  background-color: #2CCA80;
  border-color: #2CCA80;
}

.hiddenSubmit {
  display: none;
}

#menu {
  position: relative;
  top: 14px;
  height: 40px;
  background: transparent url("/img/menubar.png") no-repeat top left;
  _background-image: url("/img/menubar.gif");
}

.horizontalmenu ul {
  margin: 0 0 0 15px;
  padding: 0;
  list-style-type: none;
}

.horizontalmenu ul li {
  position: relative;
  float: left;
}

.horizontalmenu ul li a {
  /* May end up having to program width into the database
     to achieve nice layout of menu items across the 
     menu bar */
  display: block;
  color: #FFF;
  padding-left: 16px;
  padding-right: 16px;
  line-height: 40px;
}

.initialMenuSelected {
  /* background: #7D0302; */
  background: url("/img/menuSelected.jpg") top left;
}

.menuSelected {
  /* background: #7D0302; */
  background: url("/img/menuSelected.jpg") top left;
}

.horizontalmenu ul li a:hover {
  background: url("/img/menuSelected.jpg") top left;
}

.horizontalmenu ul li ul {
  left: -7px;
  top: 40px;
  position: absolute;
  display: none;
  z-index: 100;
  background-color: #F2E6E6;
  color: #000;
  list-style-image: none;
  list-style-type: none;
  list-style-position: outside;
}

.horizontalmenu ul li:hover ul {
  display: block;
}

.horizontalmenu ul li ul li {
  float: none;
  border-top: 1px solid #7D0302;
}

.horizontalmenu ul li ul li.first {
  border-top: 0;
}

/* Member menu */
#memberMenuDiv ul {
  padding-left: 0px !important;
  width: 200px !important;
  top: 70px;
  left: 632px;
  position: absolute;
  display: none;
  z-index: 120;
  background-color: #2CCA81;
  color: #000;
  list-style-image: none;
  list-style-type: none;
  list-style-position: outside;
}

#memberMenuDiv ul .roundcontent {
  width: 200px !important;
  height: 100%;
}

#memberMenuDiv ul li {
  border-top: 1px solid #006228;
}

#memberMenuDiv ul li a {
  display: block;
  width: 192px;
  height: 25px;
  line-height: 25px;
  color: #006228;
  /* text-align: center; */
  background-color: #2CCA81;
  padding: 0 0 0 8px;
}

#memberMenuDiv ul li a:hover {
  background: #006228 !important;
  color: #FFF;
}

#memberMenuDiv .roundbottom {
  width: 208px !important;
}

#memberMenuDiv .rounddialog.submenu > .roundcontent,
#memberMenuDiv .rounddialog.submenu > .roundcontent > .roundtop,
#memberMenuDiv .rounddialog.submenu > .roundbottom,
#memberMenuDiv .rounddialog.submenu > .roundbottom > div {
  background-image: url(/img/round.border.006228.png) !important;
}

.horizontalmenu ul li ul li a {
  display: block;
  width: 212px;
  height: 25px;
  line-height: 25px;
  color: #7D0302;
  background-color: #F2E6E6;
  padding: 0 0 0 8px;
}

.horizontalmenu ul li ul li a:hover {
  background: #7D0302 !important;
  color: #FFF;
}

.initialLinkSelected {
  background: #7D0302 !important;
  color: #FFF !important;
}

#banner {
  background-repeat: no-repeat;
}

.pagebanner {
  margin-top: 22px;
  margin-bottom: 18px;
}

.homebanner {
  height: 110px;
  margin-top: 0;
  margin-bottom: 30px;
}

.homebanner #quicksearch {
  float: left;
  position: relative;
  left: 418px;
  top: 87px;
}

.homebanner #quicksearch #SearchTerm {
  border-style: inset;
  margin-top: 3px;
  height: 13px;
  font-size: 11px;
  width: 200px;
}

.homebanner #quicksearch .button.search {
  width: 74px;
  height: 18px;
}

/* rotation */
#rotation {
  float: left;
  position: relative;
  height: 408px;
  width: 400px;
}

#rotation a {
  line-height: 0px;
}

#rotation img {
  height: 348px;
  width: 392px;
}

#rotation .inner {
  background-color: #007C3A;
  color: #FFF;
  height: 44px;
  line-height: 44px;
  width: 392px;
  text-align: center;
}

#rotation .roundinner {
  height: 392px;
}

#rotation .homeImage {
  position: absolute;
}

/* callout content */
.calloutcontent img {
  width: 242px;
}

.calloutcontent .inner {
  background-color: #007C3A;
  color: #FFF;
  height: 44px;
  line-height: 44px;
  width: 242px;
  text-align: center;
}

.calloutcontent .head {
  display: block;
}

/* news and media */
.newsandmedia {
  float: left;
  margin-left: 24px;
  width: 514px;
}

.newsandmedia h1, .newsandmedia h2 {
  color: #007C3A;
}

.newsandmedia h1 {
  font-size: 18px;
  margin-bottom: 18px;
}

.newsandmedia h2 {
  font-size: 12px;
}

.newsandmedia hr {
  margin-top: 18px;
}

.newsandmedia img {
  margin-right: 24px;
}

.newsandmedia .pdf img {
  margin-right: 1em;
}

.newsandmedia a {
  color: #D5342A;
}

/* recipe ideas */
#recipeideas {
  width: 250px;
  margin-bottom: 10px;
}

#recipeideas .header {
  color: #007C3A;
}

#recipeideas .header {
  margin-top: 8px;
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 14px;
}

#recipeideas .title {
  font-weight: bold;
  font-size: 12px;
  color: #2A2A2A;
}

#recipeideas .description {
  font-size: 11px;
  color: #2A2A2A;
}

#recipeideas .roundinner {
  margin: 0 8px 0 8px;
}

#recipeideas img {
  width: 224px;
  height: 70px;
  border: 2px solid #FFF;
  margin: 6px 0 6px 0;
}

#recipeideas .spacer {
  height: 1px;
}

/* shortcuts */
#shortcut {
  margin-bottom: 10px;
}

/*
 * line-height calc for centering text:
 * ((green header height / 2) - top margin) * 2
 * ((34px / 2) - 8px) * 2 = 18px
 */
#shortcut .header {
  margin-left: 8px;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  color: #ffffff;
}

#shortcut ul {
  padding-left: 22px;
  padding-bottom: 12px;
  margin: 26px 0 0 0;
}

#shortcut li {
  list-style-image: url(/img/black.arrow.gif);
  list-style-position: outside;
  margin-top: 12px;
  font-weight: bold;
}

#shortcut a {
  color: #2A2A2A;
}

#shortcut a:hover {
  color: #007C3A;
}

div.backToRecipeSearch {
  float: left;
  margin-top: 40px;
  margin-bottom: 5px;
  width: 180px !important;
}

#featurecomment {
  width: 248px;
  margin-top: 1px;
  margin-bottom: 10px;
}

#featurecomment .header {
  background-color: #DAEBE3;
  padding-bottom: 7px;
  padding-top: 7px;
}

#featurecomment .title {
  color: #007C3A;
  margin-left: 10px;
  font-weight: bold;
  font-size: 14px;
}

#featurecomment .inner {
  margin-top: 10px;
  margin-left: 10px;
  font-size: 11px;
}

#featurecomment.rounddialog > .roundbottom,
#featurecomment.rounddialog > .roundbottom > div {
  height: 18px;
}

#featurecomment .name {
  font-weight: bold;
  color: #007C3A;
}

#featurecomment .name .location {
  font-weight: normal;
}

#featurecomment .readme {
  margin-top: 10px;
  list-style-image: url(/img/green.arrow.gif);
  list-style-position: inside;
  display: list-item;
}

#featurecomment .readme a {
  color: #007C3A;
}

#addComment {
  display: none;
}

#comments, #addComment {
  margin-top: 10px;
  margin-right: 10px;
  margin-left: 15px;
}

#comments {
  margin-bottom: 4px;
}

#comments .header, #addComment .header {
  background-color: #DAEBE3;
  height: 28px;
  display: block;
  padding: 5px 10px;
  width: 771px;
}

#addComment .commentHeaderNotLoggedIn {
  background-color: #E11F1F !important;
}

#addComment .commentHeaderNotLoggedIn .title {
  color: #FFF !important;
}

#comments .header .title, #addComment .header .title {
  color: #007C3A;
  font-weight: bold;
  font-size: 14px;
  display: block;
  float: left;
  width: 250px;
}

#comments .header .currentlyviewing {
  color: #005727;
  display: block;
  width: 420px;
  float: left;
  margin-top: -17px;
  margin-left: 180px;
}

#currentlyviewingsome p {
  display: inline;
}

#comments .header #currentlyviewingall {
  display: none;
}

#comments .header .addacomment span {
  float: right;
  min-width: 150px;
  margin-top: -20px;
}

/* safari hack for comments */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #comments .header .addacomment {
    top: 0px !important;
  }
}
#comments .header .addacomment a {
  color: #005727;
  text-decoration: none;
}

#comments #hiddenComment {
  display: none;
}

#comments .entry {
  font-size: 10px;
}

#comments .entry .inner {
  margin: 0 10px;
  padding: 8px 0;
}

#comments .entry.alt {
  background-color: #F5F5F5;
}

#comments .entry .name {
  font-weight: bold;
  color: #007C3A;
}

#comments .entry .name .date {
  font-weight: normal;
  color: #000000;
}

/*reply*/
#comments .reply {
  font-size: 10px;
}

#comments .reply .inner {
  margin: 0 10px 0 30px;
  padding: 8px 0;
}

#comments .reply.alt {
  background-color: #FFFFFF;
}

#comments .reply .name {
  font-weight: bold;
  color: #007C3A;
}

#comments .reply .name .date {
  font-weight: normal;
  color: #000000;
}

/* products */
#productlarge {
  float: left;
  height: 370px;
  margin-right: 10px;
  margin-bottom: 10px;
}

#productlarge img {
  height: 360px;
}

#recipeLink {
  margin-right: 10px;
  margin-top: 8px;
  width: 250px;
}

#recipeLink .roundinner {
  text-align: center;
}

#recipeLink .roundinner a {
  float: left;
  margin: 8px 0px 8px 8px;
  color: #EF1C18;
  font-weight: bold;
  font-size: 14px;
  text-align: left !important;
  width: 100px;
}

#recipeLink .roundinner img {
  float: right;
  margin-right: 8px;
  height: 63px;
}

#recipeLink .roundinner form {
  clear: both;
}

.product#content {
  margin-left: 22px;
  margin-right: 10px;
  margin-top: 20px;
  width: 495px;
}

.product#content a:hover {
  text-decoration: underline;
}

.product#right {
  float: right;
  position: relative;
  margin-right: 10px;
  width: 258px;
}

/* pagination navigation */
#competitions {
  margin-left: 20px;
}

#competitions .pageInfo {
  float: left !important;
}

#competitions .pageInfo {
  float: right;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 20px;
}

#competitions .pageInfo div {
  float: left;
  position: relative;
  margin-left: 2px;
  text-align: center !important;
  line-height: 20px;
  background: #E5F2EB;
  width: 20px;
}

#competitions .pageInfo div.counter {
  background: #fff;
  width: auto;
}

#competitions .pageInfo .disabled {
  display: none;
}

#competitions .pageInfo a.previous {
  float: left;
  border: 1px solid #E5F2EB;
  vertical-align: middle;
  line-height: 20px;
  padding: 0 6px;
}

#competitions .pageInfo a.next {
  float: left;
  margin-left: 2px;
  border: 1px solid #E5F2EB;
  vertical-align: middle;
  line-height: 20px;
  padding: 0 6px;
}

#competitions .pageInfo a {
  color: #000;
}

#competitions .pageInfo .current {
  background: #007C3A;
  color: white !important;
}

/* this is for the contents */
#content .content,
.mceContentBody {
  color: #2a2a2a;
  font-size: 12px;
}

#content .content h1, .quicktipsCopy h1,
.mceContentBody h1 {
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  color: #007c3a;
  margin-bottom: 12px;
}

#content .content a:hover {
  text-decoration: underline;
}

.cookcolorContents {
  margin-top: 20px;
  width: 515px !important;
  min-height: 168px !important;
}

.cookcolorContents .roundcontent, .cookcolorContents .roundtop, .cookcolorContents .roundbottom, .cookcolorContents .roundbottom div {
  background-image: url(/img/round.border.e5f2eb.png) !important;
}

.cookcolorContents .contentRecipesInner {
  margin: 15px;
}

.cookcolorContents .roundcontent {
  height: 100%;
}

.cookcolorContents h1 {
  float: left;
  margin-bottom: 10px;
  color: #005B2B;
  font-size: 18px;
  font-weight: bold;
  margin-top: 0px;
}

.cookcolorContents .contentRecipesIntro {
  float: left;
  margin-bottom: 10px;
  font-size: 12px;
  /* font-weight: bold; */
}

.cookcolorContents .contentRecipesRight {
  float: left;
  width: 335px;
  margin-top: 15px;
}

.cookcolorContents .contentRecipesContent {
  float: left;
  /* font-weight: bold;*/
}

.cookcolorContents .checkout {
  color: #007C3A;
  font-weight: bold;
}

.cookcolorContents .checkout img {
  float: none !important;
  left: auto !important;
  position: static !important;
  top: auto !important;
  vertical-align: bottom;
  margin-bottom: 1px;
}

.cookcolorContents .leftImage {
  float: left;
  margin: 15px;
  position: relative;
  width: 135px;
  height: 135px;
  background-color: #FFF;
}

.cookcolorContents img {
  float: left;
  left: 4px;
  top: 4px;
  position: absolute;
}

.recipeContents {
  margin-top: 10px;
  width: 523px;
  height: 80px;
}

.recipeContentsOdd {
  background-color: #E5F2EB;
}

.recipeContentsEven {
  background-color: #FFF;
}

.recipeContents h1 {
  float: left;
  margin-top: 18px;
  margin-left: 10px;
  color: #007c3a;
  font-size: 14px !important;
  width: 220px;
}

.recipeContents .date {
  float: left;
  margin-left: 10px;
  margin-top: 18px;
}

.recipeContents .leftImage {
  float: left;
  margin-top: 8px;
  margin-left: 8px;
  margin-bottom: 8px;
  position: relative;
  background-color: #FFF;
}

.recipeContents img {
  left: 2px;
  top: 2px;
  position: absolute;
  width: 162px;
  height: 60px;
}

.recipeContents .contentRecipesRight {
  float: left;
}

.viewRecipeContents {
  float: right;
  margin-top: 18px;
  width: 74px;
  height: 36px;
  color: #FFF;
  margin-right: 15px;
}

.viewRecipeContents .roundcontent, .viewRecipeContents .roundtop, .viewRecipeContents .roundbottom, .viewRecipeContents .roundbottom div {
  background-image: url(/img/round.border.2CCA81.png) !important;
  /* background-image:url(/img/round.border.e5f2eb.png);*/
}

.viewRecipeContents .roundinner {
  text-align: center;
  vertical-align: middle;
}

.eventContents {
  margin-top: 10px;
  width: 523px;
  height: 80px;
}

.eventContentsOdd {
  background-color: #E5F2EB;
}

.eventContentsEven {
  background-color: #FFF;
}

.eventContents h1 {
  float: left;
  margin-top: 5px;
  color: #007c3a;
  font-size: 14px !important;
  width: 220px;
}

.eventContents .text {
  float: left;
  margin-left: 10px;
  margin-top: 18px;
  width: 220px;
}

.eventContents .leftImage {
  float: left;
  margin-top: 8px;
  margin-left: 8px;
  margin-bottom: 8px;
  position: relative;
  background-color: #FFF;
}

.eventContents img {
  left: 2px;
  top: 2px;
  position: absolute;
  width: 162px;
  height: 60px;
}

.eventContents .contentRecipesRight {
  float: left;
}

.viewRecipeContents a:link, .viewRecipeContents a:visited {
  color: #FFF !important;
  text-decoration: none !important;
  font-size: 10px;
  font-weight: bold;
}

a.redLink {
  text-decoration: none;
  color: red;
  color: #D2281A;
  font-size: 12px;
  font-weight: bold;
}

h1.categoryTitle {
  color: #007C3A;
  font-size: 18px;
  font-weight: bold;
}

.compContents {
  margin-top: 10px;
  width: 523px;
  height: 127px;
}

.compContentsOdd {
  background-color: #E5F2EB;
}

.compContentsEven {
  background-color: #FFF;
}

.compContents h1 {
  float: left;
  color: #007c3a;
  font-size: 18px;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 17px;
  width: 210px;
}

.compContents .text {
  float: left;
  margin-left: 15px;
  margin-top: 20px;
  width: 187px;
}

.compContents .leftImage {
  float: left;
  margin-top: 8px;
  margin-left: 8px;
  margin-bottom: 8px;
  width: 164px;
  height: 109px;
  position: relative;
  background-color: #FFF;
}

.compContents img {
  left: 2px;
  top: 2px;
  position: absolute;
  width: 160px;
  height: 105px;
}

.compContents .contentRecipesRight {
  float: left;
}

.viewCompContents.rounddialog {
  float: right;
  margin-top: 38px;
  width: 74px;
  height: 36px;
  color: #FFF;
  margin-right: 15px;
}

.viewCompContents > .roundcontent,
.viewCompContents > .roundcontent > .roundtop,
.viewCompContents > .roundbottom,
.viewCompContents > .roundbottom > div {
  background-image: url(/img/round.border.2CCA81.png) !important;
  /* background-image:url(/img/round.border.e5f2eb.png);*/
}

.viewCompContents .roundinner {
  text-align: center;
  vertical-align: middle;
}

.viewCompContents a:link, .viewCompContents a:visited {
  color: #FFF !important;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none !important;
}

.roundinner .top {
  font-size: 11px;
  color: #2a2a2a;
}

.roundinner .top {
  font-size: 11px;
  color: #2a2a2a;
  height: 56px;
}

#MemberName {
  font-size: 18px;
  color: #007c3a;
  font-weight: bold;
  margin-top: 6px;
}

#buttons a {
  float: right;
}

#buttons span {
  float: left;
}

.product ul {
  padding-left: 20px !important;
}

.product li {
  list-style-image: url(/img/product-li.png);
  margin-bottom: 15px;
  /* list-style-position:inside; */
}

.login.rounddialog {
  font-size: 10px;
  font-weight: bold;
  width: 60px;
  height: 20px !important;
  color: #FFF;
  margin: 0 13px 0 0;
}

.login.rounddialog > .roundcontent,
.login.rounddialog > .roundcontent > .roundtop,
.login.rounddialog > .roundbottom,
.login.rounddialog > .roundbottom > div {
  background-image: url(/img/round.border.2CCA81.png) !important;
}

.login.rounddialog > .roundcontent > .roundinner {
  text-align: center;
  vertical-align: middle;
  height: 12px !important;
}

.login a:link, .login a:visited {
  color: #FFF !important;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none !important;
}

.join.rounddialog {
  font-size: 10px;
  font-weight: bold;
  width: 40px;
  height: 20px !important;
  color: #FFF;
  min-width: 0.5em !important;
}

.join.rounddialog > .roundcontent,
.join.rounddialog > .roundcontent > .roundtop,
.join.rounddialog > .roundbottom,
.join.rounddialog > .roundbottom > div {
  background-image: url(/img/round.border.e11f1e.png) !important;
}

.join.rounddialog > .roundcontent > .roundinner {
  text-align: center;
  vertical-align: middle;
  height: 12px !important;
}

.join a:link, .join a:visited {
  color: #FFF !important;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none !important;
}

.logout.rounddialog {
  font-size: 10px;
  font-weight: bold;
  float: right;
  width: 60px;
  height: 20px !important;
  color: #FFF;
  line-height: 12px;
}

.logout.rounddialog > .roundcontent,
.logout.rounddialog > .roundcontent > .roundtop,
.logout.rounddialog > .roundbottom,
.logout.rounddialog > .roundbottom > div {
  background-image: url(/img/round.border.2CCA81.png) !important;
}

.logout.rounddialog > .roundcontent > .roundinner {
  text-align: center;
  vertical-align: middle;
  height: 12px !important;
}

.logout a:link, .logout a:visited {
  color: #FFF !important;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none !important;
}

.membermenu.rounddialog {
  float: left;
  width: 110px;
  height: 20px !important;
  color: #FFF;
  margin-right: 8px;
  font-size: 10px;
  font-weight: bold;
  line-height: 12px;
  position: relative;
}

.membermenu.rounddialog > .roundcontent,
.membermenu.rounddialog > .roundcontent > .roundtop,
.membermenu.rounddialog > .roundbottom,
.membermenu.rounddialog > .roundbottom > div {
  background-image: url(/img/round.border.006228.png) !important;
  /* background-image:url(/img/round.border.e5f2eb.png); */
}

.membermenu.rounddialog > .roundcontent > .roundinner {
  text-align: center;
  vertical-align: middle;
  height: 12px !important;
}

.membermenu a:link, .membermenu a:visited {
  color: #FFF !important;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none !important;
}

.submitjoin.rounddialog {
  font-size: 11px;
  font-weight: bold;
  width: 60px;
  height: 20px !important;
  color: #FFF;
  line-height: 16px;
  margin-bottom: 35px;
  margin-top: 15px;
}

.submitjoin.rounddialog > .roundcontent,
.submitjoin.rounddialog > .roundcontent > .roundtop,
.submitjoin.rounddialog > .roundbottom,
.submitjoin.rounddialog > .roundbottom > div {
  background-image: url(/img/round.border.006228.png) !important;
}

.submitjoin.rounddialog > .roundcontent > .roundinner {
  text-align: center;
  vertical-align: middle;
  /* height: 12px !important; */
}

.submitjoin a:link,
.submitjoin a:visited {
  color: #FFF !important;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none !important;
}

div.videoContents img {
  height: 60px !important;
  width: 96px !important;
}

#featurecomment .inner .addacomment .rounddialog > .roundbottom,
#featurecomment .inner .addacomment .rounddialog > .roundbottom > div {
  height: 8px !important;
}

/* rounded dialogs */
	/* remember to provide a width at the .rounddialog level for IE7,
 * or set an appropriate width via jquery for .rounddialog .roundbottom 
 */
.rounddialog {
  min-width: 8em;
  max-width: 1024px;
  z-index: 1;
  margin-left: 8px;
  /* width of left corner */
}

.rounddialog > .roundcontent,
.rounddialog > .roundcontent > .roundtop,
.rounddialog > .roundbottom,
.rounddialog > .roundbottom > div {
  background: transparent url(/img/round.border.single.png) no-repeat top right;
  _background-image: url(/img/round.border.single.gif);
}

.rounddialog > .roundcontent {
  position: relative;
  zoom: 1;
  _overflow-y: hidden;
  padding: 0 8px 0 0;
}

.rounddialog > .roundcontent > .roundtop {
  /* top+left verticle slice */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 8px;
  /* top slice width */
  margin-left: -8px;
  height: 100%;
  _height: 1600px;
  /* arbitary long height, IE 6 */
  background-position: top left;
}

.rounddialog > .roundbottom {
  position: relative;
  width: 100%;
}

.rounddialog > .roundbottom,
.rounddialog > .roundbottom div {
  height: 8px;
  /* height of bottom cap/shade */
  font-size: 1px;
}

.rounddialog > .roundbottom {
  background-position: bottom right;
}

.rounddialog > .roundbottom div {
  position: relative;
  width: 8px;
  /* bottom corner width */
  margin-left: -8px;
  background-position: bottom left;
}

.rounddialog > .roundcontent > .roundinner {
  padding-top: 8px;
}

/* a .rounddialog.button style that uses 6px margins */
.rounddialog.button {
  margin-left: 6px;
  min-width: 1em;
  color: white;
}

a .rounddialog.button {
  color: white;
}

.rounddialog.button > .roundcontent {
  padding: 0 6px 0 0;
}

.rounddialog.button > .roundcontent > .roundtop {
  width: 6px;
  margin-left: -6px;
}

.rounddialog.button > .roundbottom,
.rounddialog.button > .roundbottom > div {
  height: 6px;
  /* height of bottom cap/shade */
}

.rounddialog.button > .roundbottom > div {
  width: 6px;
  margin-left: -6px;
}

.rounddialog.button > .roundcontent > .roundinner {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-top: 6px;
  text-align: center;
}

/* small button 4px */
.rounddialog.button.small {
  margin-left: 4px;
  min-width: 1em;
  color: white;
}

.rounddialog.button.small > .roundcontent {
  padding: 0 4px 0 0;
}

.rounddialog.button.small > .roundcontent > .roundtop {
  width: 4px;
  margin-left: -4px;
}

.rounddialog.button.small > .roundbottom,
.rounddialog.button.small > .roundbottom > div {
  height: 4px;
  /* height of bottom cap/shade */
}

.rounddialog.button.small > .roundbottom > div {
  width: 4px;
  margin-left: -4px;
}

.rounddialog.button.small > .roundcontent > .roundinner {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-top: 4px !important;
  text-align: center;
}

.rounddialog.backToRecipeSearch > .roundcontent,
.rounddialog.backToRecipeSearch > .roundcontent > .roundtop,
.rounddialog.backToRecipeSearch > .roundbottom,
.rounddialog.backToRecipeSearch > .roundbottom > div {
  background-image: url(/img/round.border.e11f1e.png);
}

.rounddialog.memberpanel > .roundcontent,
.rounddialog.memberpanel > .roundcontent > .roundtop,
.rounddialog.memberpanel > .roundbottom,
.rounddialog.memberpanel > .roundbottom > div {
  background-image: url(/img/round.bottom.border.E0EFE8.1024x768.png);
}

.rounddialog.submenu > .roundcontent,
.rounddialog.submenu > .roundcontent > .roundtop,
.rounddialog.submenu > .roundbottom,
.rounddialog.submenu > .roundbottom > div {
  background-image: url(/img/round.bottom.border.7D0302.1024x768.png);
}

.rounddialog#recipeideas > .roundcontent,
.rounddialog#recipeideas > .roundcontent > .roundtop,
.rounddialog#recipeideas > .roundbottom,
.rounddialog#recipeideas > .roundbottom > div {
  background-image: url(/img/round.border.lightgrey.png);
  _background-image: url(/img/round.border.lightgrey.gif);
}

.rounddialog#footer > .roundcontent,
.rounddialog#footer > .roundcontent > .roundtop,
.rounddialog#footer > .roundbottom,
.rounddialog#footer > .roundbottom > div {
  background-image: url(/img/round.border.e5f2eb.png);
  _background-image: url(/img/round.border.e5f2eb.gif);
}

.rounddialog#latestrecipecomment .roundcontent,
.rounddialog#latestrecipecomment .roundtop,
.rounddialog#latestrecipecomment .roundbottom,
.rounddialog#latestrecipecomment .roundbottom div {
  background-image: url(/img/round.border.single.e5f2eb.png);
  _background-image: url(/img/round.border.single.e5f2eb.gif);
}

.rounddialog.red > .roundcontent,
.rounddialog.red > .roundcontent > .roundtop,
.rounddialog.red > .roundbottom,
.rounddialog.red > .roundbottom > div {
  background-image: url(/img/round.border.button.red.png);
  _background-image: url(/img/round.border.button.red.gif);
}

.rounddialog.green > .roundcontent,
.rounddialog.green > .roundcontent > .roundtop,
.rounddialog.green > .roundbottom,
.rounddialog.green > .roundbottom > div {
  background-image: url(/img/round.border.button.green.png);
  _background-image: url(/img/round.border.button.green.gif);
}

.rounddialog.ltgreen > .roundcontent,
.rounddialog.ltgreen > .roundcontent > .roundtop,
.rounddialog.ltgreen > .roundbottom,
.rounddialog.ltgreen > .roundbottom > div {
  background-image: url(/img/round.border.button.ltgreen.png);
  _background-image: url(/img/round.border.button.ltgreen.gif);
}

.rounddialog#shortcut > .roundcontent,
.rounddialog#shortcut > .roundcontent > .roundtop,
.rounddialog#shortcut > .roundbottom,
.rounddialog#shortcut > .roundbottom > div {
  background-image: url(/img/round.border.shortcut.png);
  _background-image: url(/img/round.border.shortcut.gif);
}

#filterBar {
  width: 100%;
}

#filterBar #search {
  width: 54%;
}

#filterBar #cat {
  width: 46%;
}

#filterBar #search .text {
  display: inline;
}

#filterBar #search .text input {
  margin: 0 10px;
}

#cat .select {
  margin: 0 10px 0 0;
}

#filterBar #search .text label {
  margin: 0 0 0 12px;
  font-weight: bold;
}

#filterBar #cat .select label {
  margin: 0 12px 0 0;
  font-weight: bold;
}

#filterBar #search .submit input {
  display: inline;
}

#filterBar #cat .multicheckbox select {
  width: 140px;
}

#filterBar .multicheckbox {
  display: inline;
}

#filterBar .select {
  display: inline;
}

.mceContentBody {
  margin-left: 12px;
  margin-right: 10px;
  width: 534px;
}

/* used for landing page */
.recipe#right {
  float: right;
  position: relative;
  width: 258px;
  margin-right: 10px;
  top: -2px;
}

.shopping-list-index {
  margin-left: 12px;
  margin-right: 12px;
}
.shopping-list-index > .header {
  margin: 26px 0 14px 0;
  line-height: 24px;
}
.shopping-list-index > .header .title {
  float: left;
  color: #137b36;
  font-size: 24px;
  font-weight: bold;
  width: 400px;
  line-height: 35px;
}
.shopping-list-index > .header .links {
  float: right;
}
.shopping-list-index > .header .links ul {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
  list-style-type: none;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
}
.shopping-list-index > .header .links ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0px;
  white-space: nowrap;
  display: inline;
  float: left;
  padding-left: 4px;
  padding-right: 4px;
}
.shopping-list-index > .header .links ul li:first-child, .shopping-list-index > .header .links ul li.first {
  padding-left: 0;
}
.shopping-list-index > .header .links ul li:last-child {
  padding-right: 0;
}
.shopping-list-index > .header .links ul li.last {
  padding-right: 0;
}
.shopping-list-index > .header .links ul li {
  position: relative;
  line-height: 21px;
  display: block;
  width: 124px;
  padding: 0;
  padding-top: 9px;
  margin-left: 8px;
  padding-bottom: 9px;
  overflow: hidden;
  *zoom: 1;
  -webkit-border-radius: 4px 4px;
  -moz-border-radius: 4px / 4px;
  -o-border-radius: 4px / 4px;
  -ms-border-radius: 4px / 4px;
  -khtml-border-radius: 4px / 4px;
  border-radius: 4px / 4px;
  background-color: #daeadf;
}
.shopping-list-index > .header .links ul li a {
  display: block;
  color: black;
}
.shopping-list-index > .header .links ul li a img {
  float: left;
  margin-left: 10px;
  margin-right: 4px;
  overflow: hidden;
  *zoom: 1;
}
.shopping-list-index > .header .links ul li a div {
  float: left;
  margin-left: 4px;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  white-space: normal;
  display: inline;
  overflow: hidden;
  *zoom: 1;
}
.shopping-list-index > .header .links ul li > div {
  margin-left: 4px;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  padding-left: 10px;
  padding-right: 10px;
}
.shopping-list-index > .header .links ul li a img.alt {
  display: none;
}
.shopping-list-index > .header .links ul li a div {
  width: 80px;
}
.shopping-list-index > .header .links ul li:hover {
  background-color: #37c97e;
  color: white;
}
.shopping-list-index > .header .links ul li:hover a {
  color: inherit;
}
.shopping-list-index > .header .links ul li:hover a img.normal {
  display: none;
}
.shopping-list-index > .header .links ul li:hover a img.alt {
  display: block;
}
.shopping-list-index .secondary-header {
  margin-top: 12px;
  margin-bottom: 12px;
}
.shopping-list-index .secondary-header .header {
  float: left;
  margin-top: 0;
}
.shopping-list-index .secondary-header .header ul {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
  list-style-type: none;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
}
.shopping-list-index .secondary-header .header ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0px;
  white-space: nowrap;
  display: inline;
  float: left;
  padding-left: 4px;
  padding-right: 4px;
}
.shopping-list-index .secondary-header .header ul li:first-child, .shopping-list-index .secondary-header .header ul li.first {
  padding-left: 0;
}
.shopping-list-index .secondary-header .header ul li:last-child {
  padding-right: 0;
}
.shopping-list-index .secondary-header .header ul li.last {
  padding-right: 0;
}
.shopping-list-index .secondary-header .header ul li {
  position: relative;
  line-height: 21px;
  display: block;
  width: 124px;
  padding: 0;
  padding-top: 9px;
  margin-left: 8px;
  padding-bottom: 9px;
  overflow: hidden;
  *zoom: 1;
  -webkit-border-radius: 4px 4px;
  -moz-border-radius: 4px / 4px;
  -o-border-radius: 4px / 4px;
  -ms-border-radius: 4px / 4px;
  -khtml-border-radius: 4px / 4px;
  border-radius: 4px / 4px;
  margin-left: 0;
  float: left;
}
.shopping-list-index .secondary-header .header ul li a {
  display: block;
  color: black;
}
.shopping-list-index .secondary-header .header ul li a img {
  float: left;
  margin-left: 10px;
  margin-right: 4px;
  overflow: hidden;
  *zoom: 1;
}
.shopping-list-index .secondary-header .header ul li a div {
  float: left;
  margin-left: 4px;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  white-space: normal;
  display: inline;
  overflow: hidden;
  *zoom: 1;
}
.shopping-list-index .secondary-header .header ul li > div {
  margin-left: 4px;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  padding-left: 10px;
  padding-right: 10px;
}
.shopping-list-index .secondary-header .header ul li a img.alt {
  display: none;
}
.shopping-list-index .secondary-header .header ul li a div {
  width: 80px;
}
.shopping-list-index .secondary-header .header ul li:hover {
  background-color: #37c97e;
  color: white;
}
.shopping-list-index .secondary-header .header ul li:hover a {
  color: inherit;
}
.shopping-list-index .secondary-header .header ul li:hover a img.normal {
  display: none;
}
.shopping-list-index .secondary-header .header ul li:hover a img.alt {
  display: block;
}
.shopping-list-index .secondary-header .tip {
  float: right;
  margin-right: 2px;
  /* so right border lines up with category list */
}
.shopping-list-index .secondary-header .tip ul {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
  list-style-type: none;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
}
.shopping-list-index .secondary-header .tip ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0px;
  white-space: nowrap;
  display: inline;
  float: left;
  padding-left: 4px;
  padding-right: 4px;
}
.shopping-list-index .secondary-header .tip ul li:first-child, .shopping-list-index .secondary-header .tip ul li.first {
  padding-left: 0;
}
.shopping-list-index .secondary-header .tip ul li:last-child {
  padding-right: 0;
}
.shopping-list-index .secondary-header .tip ul li.last {
  padding-right: 0;
}
.shopping-list-index .secondary-header .tip ul li {
  position: relative;
  line-height: 21px;
  display: block;
  width: 124px;
  padding: 0;
  padding-top: 9px;
  margin-left: 8px;
  padding-bottom: 9px;
  overflow: hidden;
  *zoom: 1;
  background-color: #daeadf;
  width: 150px;
  text-align: center;
}
.shopping-list-index .secondary-header .tip ul li a {
  display: block;
  color: black;
}
.shopping-list-index .secondary-header .tip ul li a img {
  float: left;
  margin-left: 10px;
  margin-right: 4px;
  overflow: hidden;
  *zoom: 1;
}
.shopping-list-index .secondary-header .tip ul li a div {
  float: left;
  margin-left: 4px;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  white-space: normal;
  display: inline;
  overflow: hidden;
  *zoom: 1;
}
.shopping-list-index .secondary-header .tip ul li > div {
  margin-left: 4px;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  padding-left: 10px;
  padding-right: 10px;
}
.shopping-list-index .secondary-header .tip ul li a img.alt {
  display: none;
}
.shopping-list-index .secondary-header .tip ul li a div {
  float: none;
}
.shopping-list-index .secondary-header .tip ul li:hover {
  background-color: #37c97e;
  color: white;
}
.shopping-list-index .secondary-header .tip ul li:hover a {
  color: inherit;
}
.shopping-list-index .secondary-header .links {
  float: right;
}
.shopping-list-index .secondary-header .links ul {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
  list-style-type: none;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
}
.shopping-list-index .secondary-header .links ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0px;
  white-space: nowrap;
  display: inline;
  float: left;
  padding-left: 4px;
  padding-right: 4px;
}
.shopping-list-index .secondary-header .links ul li:first-child, .shopping-list-index .secondary-header .links ul li.first {
  padding-left: 0;
}
.shopping-list-index .secondary-header .links ul li:last-child {
  padding-right: 0;
}
.shopping-list-index .secondary-header .links ul li.last {
  padding-right: 0;
}
.shopping-list-index .secondary-header .links ul li {
  position: relative;
  line-height: 21px;
  display: block;
  width: 124px;
  padding: 0;
  padding-top: 9px;
  margin-left: 8px;
  padding-bottom: 9px;
  overflow: hidden;
  *zoom: 1;
  -webkit-border-radius: 4px 4px;
  -moz-border-radius: 4px / 4px;
  -o-border-radius: 4px / 4px;
  -ms-border-radius: 4px / 4px;
  -khtml-border-radius: 4px / 4px;
  border-radius: 4px / 4px;
}
.shopping-list-index .secondary-header .links ul li a {
  display: block;
  color: black;
}
.shopping-list-index .secondary-header .links ul li a img {
  float: left;
  margin-left: 10px;
  margin-right: 4px;
  overflow: hidden;
  *zoom: 1;
}
.shopping-list-index .secondary-header .links ul li a div {
  float: left;
  margin-left: 4px;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  white-space: normal;
  display: inline;
  overflow: hidden;
  *zoom: 1;
}
.shopping-list-index .secondary-header .links ul li > div {
  margin-left: 4px;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  padding-left: 10px;
  padding-right: 10px;
}
.shopping-list-index .secondary-header .links ul li a img.alt {
  display: none;
}
.shopping-list-index .secondary-header .links ul li a div {
  width: 80px;
}
.shopping-list-index .secondary-header .links ul li:hover {
  background-color: #37c97e;
  color: white;
}
.shopping-list-index .secondary-header .links ul li:hover a {
  color: inherit;
}
.shopping-list-index .secondary-header .links ul li:hover a img.normal {
  display: none;
}
.shopping-list-index .secondary-header .links ul li:hover a img.alt {
  display: block;
}
.shopping-list-index .panels {
  float: right;
  position: relative;
  width: 258px;
}
.shopping-list-index .panels .favourites {
  min-width: 8em;
  max-width: 1024px;
  z-index: 1;
  margin-left: 8px;
}
.shopping-list-index .panels .favourites > .roundcontent {
  position: relative;
  zoom: 1;
  _overflow-y: hidden;
  padding: 0 8px 0 0;
  background: transparent url("/img/round.border.single.png") no-repeat top right;
  _background-image: url("/img/round.border.single.gif");
}
.shopping-list-index .panels .favourites > .roundcontent > .roundtop {
  position: absolute;
  left: 0;
  top: 0;
  width: 8px;
  margin-left: -8px;
  height: 100%;
  _height: 1600px;
  background: transparent url("/img/round.border.single.png") no-repeat top right;
  _background-image: url("/img/round.border.single.gif");
  background-position: top left;
}
.shopping-list-index .panels .favourites > .roundcontent > .roundinner {
  padding-top: 8px;
}
.shopping-list-index .panels .favourites > .roundbottom {
  height: 8px;
  font-size: 1px;
  position: relative;
  width: 100%;
  background: transparent url("/img/round.border.single.png") no-repeat top right;
  _background-image: url("/img/round.border.single.gif");
  background-position: bottom right;
}
.shopping-list-index .panels .favourites > .roundbottom div {
  position: relative;
  width: 8px;
  margin-left: -8px;
  height: 8px;
  font-size: 1px;
  background: transparent url("/img/round.border.single.png") no-repeat top right;
  _background-image: url("/img/round.border.single.gif");
  background-position: bottom left;
}
.shopping-list-index .panels .favourites .header {
  background-color: #daeadf;
  padding-bottom: 7px;
  padding-top: 7px;
}
.shopping-list-index .panels .favourites .header .title {
  color: #137b36;
  margin-left: 10px;
  font-weight: bold;
  font-size: 14px;
}
.shopping-list-index .panels .favourites .inner {
  font-size: 11px;
}
.shopping-list-index .panels .favourites .inner ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.shopping-list-index .panels .favourites .inner ul li {
  padding: 4px 4px 4px 10px;
}
.shopping-list-index .panels .favourites .inner ul li img {
  float: right;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.shopping-list-index .panels .favourites .inner ul li.alt {
  background-color: #edf5f0;
}
.shopping-list-index .panels .favourites .inner ul li span {
  width: 205px;
  display: inline-block;
}
.shopping-list-index .panels .favourites .inner ul li span a {
  color: black;
}
.shopping-list-index .tip-panel {
  width: 534px;
  display: none;
}
.shopping-list-index .tip-panel hr {
  margin: 0;
}
.shopping-list-index .tip-panel .tipClose {
  float: right;
  background-color: #f0f0f0;
  text-align: center;
  cursor: pointer;
}
.shopping-list-index .tip-panel .tipClose > span {
  margin: 5px;
}
.shopping-list-index .tip-panel .tipClose > span span {
  font-size: 17px;
}
.shopping-list-index .tip-panel .tipTitle {
  color: #137b36;
}
.shopping-list-index .shopping-list .shopping-list-categories {
  padding-left: 0;
}
.shopping-list-index .shopping-list .shopping-list-categories .shopping-list-category {
  list-style-type: none;
  margin-bottom: 10px;
}
.shopping-list-index .shopping-list .shopping-list-categories .shopping-list-category .shopping-list-category-bar {
  background-color: #daeadf;
  font-weight: bold;
  font-size: 14px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 4px;
  overflow: hidden;
  *zoom: 1;
}
.shopping-list-index .shopping-list .shopping-list-categories .shopping-list-category .shopping-list-category-bar .label {
  margin-left: 1px;
  width: 375px;
  float: left;
}
.shopping-list-index .shopping-list .shopping-list-categories .shopping-list-category .shopping-list-ingredients {
  list-style-type: none;
  padding-left: 0;
}
.shopping-list-index .shopping-list .shopping-list-categories .shopping-list-category .shopping-list-ingredients .shopping-list-ingredient {
  padding: 7px 0;
  border-bottom: 1px solid #cbcbcb;
}
.shopping-list-index .shopping-list .shopping-list-categories .shopping-list-category .shopping-list-ingredients .shopping-list-ingredient .label {
  width: 455px;
  margin-left: 10px;
}
.shopping-list-index .shopping-list {
  width: 534px;
  margin-right: 10px;
}
.shopping-list-index .shopping-list .shopping-list-categories .shopping-list-category .shopping-list-category-bar .toggle {
  float: left;
}
.shopping-list-index .shopping-list .shopping-list-categories .shopping-list-category img {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  cursor: pointer;
}
.shopping-list-index .shopping-list .shopping-list-categories .shopping-list-category .actions {
  float: right;
}
.shopping-list-index .shopping-list .shopping-list-categories .shopping-list-category .shopping-list-ingredients {
  display: none;
}
.shopping-list-index .email-shopping-list-form {
  display: none;
}

.shopping-list-print .shopping-list .shopping-list-categories {
  padding-left: 0;
}
.shopping-list-print .shopping-list .shopping-list-categories .shopping-list-category {
  list-style-type: none;
  margin-bottom: 10px;
}
.shopping-list-print .shopping-list .shopping-list-categories .shopping-list-category .shopping-list-category-bar {
  background-color: #daeadf;
  font-weight: bold;
  font-size: 14px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 4px;
  overflow: hidden;
  *zoom: 1;
}
.shopping-list-print .shopping-list .shopping-list-categories .shopping-list-category .shopping-list-category-bar .label {
  margin-left: 7px;
  width: 375px;
  float: left;
}
.shopping-list-print .shopping-list .shopping-list-categories .shopping-list-category .shopping-list-ingredients {
  list-style-type: none;
  padding-left: 0;
}
.shopping-list-print .shopping-list .shopping-list-categories .shopping-list-category .shopping-list-ingredients .shopping-list-ingredient {
  padding: 7px 0;
  border-bottom: 1px solid #cbcbcb;
}
.shopping-list-print .shopping-list .shopping-list-categories .shopping-list-category .shopping-list-ingredients .shopping-list-ingredient .label {
  width: 455px;
  margin-left: 10px;
}

.locale-recipe-view .recipeheader {
  margin: 26px 10px 14px 18px;
  line-height: 24px;
}
.locale-recipe-view .recipeheader .title {
  float: left;
  color: #007C3A;
  font-size: 18px;
  font-weight: bold;
  width: 400px;
  line-height: 22px;
}
.locale-recipe-view .recipeheader .links {
  float: right;
}
.locale-recipe-view .recipeheader .links ul {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
  list-style-type: none;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
}
.locale-recipe-view .recipeheader .links ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0px;
  white-space: nowrap;
  display: inline;
  float: left;
  padding-left: 4px;
  padding-right: 4px;
}
.locale-recipe-view .recipeheader .links ul li:first-child, .locale-recipe-view .recipeheader .links ul li.first {
  padding-left: 0;
}
.locale-recipe-view .recipeheader .links ul li:last-child {
  padding-right: 0;
}
.locale-recipe-view .recipeheader .links ul li.last {
  padding-right: 0;
}
.locale-recipe-view .recipeheader .links ul li {
  position: relative;
  line-height: 21px;
  display: block;
  width: 124px;
  padding: 0;
  padding-top: 9px;
  margin-left: 8px;
  padding-bottom: 9px;
  overflow: hidden;
  *zoom: 1;
  -webkit-border-radius: 4px 4px;
  -moz-border-radius: 4px / 4px;
  -o-border-radius: 4px / 4px;
  -ms-border-radius: 4px / 4px;
  -khtml-border-radius: 4px / 4px;
  border-radius: 4px / 4px;
  background-color: #e3efe7;
  margin-left: 12px;
  width: 122px;
}
.locale-recipe-view .recipeheader .links ul li a {
  display: block;
  color: black;
}
.locale-recipe-view .recipeheader .links ul li a img {
  float: left;
  margin-left: 10px;
  margin-right: 4px;
  overflow: hidden;
  *zoom: 1;
}
.locale-recipe-view .recipeheader .links ul li a div {
  float: left;
  margin-left: 4px;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  white-space: normal;
  display: inline;
  overflow: hidden;
  *zoom: 1;
}
.locale-recipe-view .recipeheader .links ul li > div {
  margin-left: 4px;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  padding-left: 10px;
  padding-right: 10px;
}
.locale-recipe-view .recipeheader .links ul li a img.alt {
  display: none;
}
.locale-recipe-view .recipeheader .links ul li a div {
  width: 80px;
}
.locale-recipe-view .recipeheader .links ul li:hover {
  background-color: #37c97e;
  color: white;
}
.locale-recipe-view .recipeheader .links ul li:hover a {
  color: inherit;
}
.locale-recipe-view .recipeheader .links ul li:hover a img.normal {
  display: none;
}
.locale-recipe-view .recipeheader .links ul li:hover a img.alt {
  display: block;
}
.locale-recipe-view .social {
  height: 20px;
  margin-top: 10px;
}
.locale-recipe-view .facebook {
  float: left;
}
.locale-recipe-view .twitter {
  float: left;
  left: 20px;
}
.locale-recipe-view #RecipeCommentAddForm {
  width: 500px;
}
.locale-recipe-view #RecipeCommentAddForm label {
  float: left;
  width: 130px;
  margin-bottom: 6px;
}
.locale-recipe-view #RecipeCommentAddForm input {
  float: left;
  width: 314px;
  margin-bottom: 6px;
}
.locale-recipe-view #RecipeCommentAddForm textarea {
  height: 200px;
  width: 314px;
}
.locale-recipe-view #AddCommentSubmit {
  width: auto !important;
}
.locale-recipe-view #addCommentText {
  margin-top: 10px;
}
.locale-recipe-view #addComment .roundbottom {
  width: 799px;
}
.locale-recipe-view #addCommentText p {
  margin: 0px!important;
}
.locale-recipe-view div.header span.title {
  margin-top: 7px;
}
.locale-recipe-view #currentlyviewingsome,
.locale-recipe-view #currentlyviewingall {
  margin-left: 180px;
}
.locale-recipe-view div.hideClassYes,
.locale-recipe-view li.hideClassYes {
  display: none !important;
}
.locale-recipe-view div.hideClassNo,
.locale-recipe-view li.hideClassNo {
  display: block !important;
}
.locale-recipe-view .addComment.rounddialog {
  margin-top: 6px;
  font-size: 10px;
  font-weight: bold;
  width: auto;
  color: #FFF;
  line-height: 12px;
  text-decoration: none;
}
.locale-recipe-view .addComment.rounddialog > .roundcontent,
.locale-recipe-view .addComment.rounddialog > .roundcontent > .roundtop,
.locale-recipe-view .addComment.rounddialog > .roundbottom,
.locale-recipe-view .addComment.rounddialog > .roundbottom > div {
  background-image: url(/img/round.border.2CCA81.png) !important;
}
.locale-recipe-view .addComment.rounddialog > .roundcontent > .roundinner {
  text-align: center;
  vertical-align: middle;
  height: 12px !important;
}
.locale-recipe-view .addComment a:link,
.locale-recipe-view .addComment a:visited {
  color: #FFF !important;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none !important;
  font-family: Gotham,"Lucida Grande", "Lucida Sans", Helvetica, Arial, Tahoma;
}
.locale-recipe-view #readMoreDiv {
  float: left;
  font-size: 12px;
}
.locale-recipe-view #addCommentDiv {
  float: right;
  font-size: 12px;
}
.locale-recipe-view #addCommentLink {
  /* float: right; */
  margin-top: 10px;
  list-style-image: url(/img/red.arrow.gif) !important;
  margin-right: 10px;
}
.locale-recipe-view #addCommentLink a {
  color: #bf0000 !important;
}
.locale-recipe-view #showNotLoggedInAddFavourite {
  display: none;
  width: 480px;
  position: absolute;
  top: 220px;
  left: 200px;
  z-index: 200;
  background-color: #FFF;
}
.locale-recipe-view #showNotLoggedInAddFavourite .innerWarning {
  margin: 6px;
  border: 4px solid #EF1C21;
}
.locale-recipe-view #showNotLoggedInAddFavourite .innerText {
  margin: 6px;
}
.locale-recipe-view #commentInfo {
  float: left;
}
.locale-recipe-view .recipe#id {
  float: right;
}
.locale-recipe-view .recipe#content {
  margin-left: 12px;
  margin-right: 10px;
  width: 534px;
}
.locale-recipe-view .recipe#right {
  float: right;
  position: relative;
  width: 246px;
  margin-right: 20px;
  top: -2px;
}
.locale-recipe-view .recipe#right .button-panel {
  position: relative;
  line-height: 21px;
  display: block;
  width: 124px;
  padding: 0;
  padding-top: 9px;
  margin-left: 8px;
  padding-bottom: 9px;
  overflow: hidden;
  *zoom: 1;
  width: 256px;
  background-color: #e3efe7;
  margin-bottom: 11px;
  margin-left: 0;
  -webkit-border-radius: 4px 5px;
  -moz-border-radius: 4px / 5px;
  -o-border-radius: 4px / 5px;
  -ms-border-radius: 4px / 5px;
  -khtml-border-radius: 4px / 5px;
  border-radius: 4px / 5px;
  padding: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 35px;
}
.locale-recipe-view .recipe#right .button-panel a {
  display: block;
  color: black;
}
.locale-recipe-view .recipe#right .button-panel a img {
  float: left;
  margin-left: 10px;
  margin-right: 4px;
  overflow: hidden;
  *zoom: 1;
}
.locale-recipe-view .recipe#right .button-panel a div {
  float: left;
  margin-left: 4px;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  white-space: normal;
  display: inline;
  overflow: hidden;
  *zoom: 1;
}
.locale-recipe-view .recipe#right .button-panel > div {
  margin-left: 4px;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  padding-left: 10px;
  padding-right: 10px;
}
.locale-recipe-view .recipe#right .button-panel a {
  overflow: hidden;
  *zoom: 1;
}
.locale-recipe-view .recipe#right .button-panel a img.alt {
  display: none;
}
.locale-recipe-view .recipe#right .button-panel a div {
  width: 210px;
}
.locale-recipe-view .recipe#right .button-panel:hover {
  background-color: #37c97e;
  color: white;
}
.locale-recipe-view .recipe#right .button-panel:hover a {
  color: inherit;
}
.locale-recipe-view .recipe#right .button-panel:hover a img.normal {
  display: none;
}
.locale-recipe-view .recipe#right .button-panel:hover a img.alt {
  display: block;
}
.locale-recipe-view .recipe hr {
  margin-top: 6px;
  margin-top: 10px;
}
.locale-recipe-view .recipe #products {
  float: left;
  line-height: 16px;
  width: 100%;
}
.locale-recipe-view .recipe #products a {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}
.locale-recipe-view .recipe #products .images {
  float: left;
  margin-right: 16px;
}
.locale-recipe-view .recipe #products .images img {
  height: 62px;
  width: 32px;
}
.locale-recipe-view .recipe #products .links {
  float: left;
  line-height: 18px;
  min-height: 65px;
  min-width: 300px !important;
}
.locale-recipe-view .recipe #products .links a {
  color: #B41917 !important;
  font-weight: bold;
}
.locale-recipe-view .recipe #recipehero img {
  width: 518px;
}
.locale-recipe-view .recipe .description {
  margin-top: 20px;
}
.locale-recipe-view .recipe .ingredients {
  float: left;
  width: 258px;
  margin-top: 18px;
  font-size: 11px;
}
.locale-recipe-view .recipe .ingredients .title {
  color: #137b36;
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 3px;
}
.locale-recipe-view .recipe .ingredients hr {
  height: 2px;
  color: gray;
  background-color: gray;
}
.locale-recipe-view .recipe .ingredients ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.locale-recipe-view .recipe .ingredients ul li {
  padding: 4px 4px 4px 10px;
}
.locale-recipe-view .recipe .ingredients ul li img {
  float: right;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.locale-recipe-view .recipe .ingredients ul li.alt {
  background-color: #edf5f0;
}
.locale-recipe-view .recipe .ingredients ul li {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 0;
  padding-right: 0;
  border-bottom: 1px solid #cbcbcb;
  overflow: hidden;
  *zoom: 1;
}
.locale-recipe-view .recipe .ingredients ul li div {
  float: left;
  width: 240px;
}
.locale-recipe-view .recipe .ingredients ul li img {
  cursor: pointer;
}
.locale-recipe-view .recipe .procedure {
  float: left;
  margin-top: 18px;
  margin-left: 18px;
  width: 258px;
}
.locale-recipe-view .recipe .procedure div {
  height: 18px;
  margin-bottom: 3px;
}
.locale-recipe-view .recipe .procedure div .title {
  font-weight: bold;
  font-size: 18px;
  color: #137b36;
  line-height: 18px;
}
.locale-recipe-view .recipe .procedure div .serves {
  font-size: 10px;
  color: #2a2a2a;
}
.locale-recipe-view .recipe .procedure hr {
  height: 2px;
  color: gray;
  background-color: gray;
}
.locale-recipe-view .recipe .procedure a:hover {
  text-decoration: underline;
}

.printrecipe #recipehero img {
  width: 578px;
  border: 1px black solid;
}
.printrecipe .title {
  font-size: 20px;
  font-weight: bold;
  line-height: 54px;
}
.printrecipe hr.title {
  background-color: #000;
  color: #000;
}
.printrecipe .left {
  float: left;
  width: 263px;
}
.printrecipe .right {
  float: left;
  width: 317px;
}
.printrecipe .subtitle {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
}
.printrecipe .serves {
  font-size: 10px;
  font-weight: normal;
}
.printrecipe .ingredients ul {
  margin-left: 12px;
  margin-top: 0;
  padding-left: 0;
}
.printrecipe .ingredients ul li {
  list-style-image: url("/img/black.arrow.gif");
  list-style-position: outside;
}
.printrecipe #products {
  width: 506px;
  margin-top: 30px;
}
.printrecipe #products .images {
  float: left;
  margin-right: 16px;
  margin-top: 13px;
}
.printrecipe #products .images img {
  height: 62px;
  width: 32px;
}
.printrecipe #products .links {
  float: left;
  margin-top: 13px;
  line-height: 18px;
}
.printrecipe #products a {
  color: #B41917;
  font-weight: bold;
}

.searchindex#right {
  float: right;
  position: relative;
  width: 256px;
}

.searchindex #latestrecipecomment .header {
  margin-top: 8px;
  font-weight: bold;
  color: #007C3A;
}

.searchindex #latestrecipecomment .title {
  font-weight: bold;
  color: #007C3A;
  margin-bottom: 10px;
}

.searchindex #latestrecipecomment .roundinner {
  margin: 0 8px 0 8px;
}

.searchindex #latestrecipecomment img {
  width: 219px;
  height: 70px;
  border: 2px solid #FFF;
  margin: 6px 0 6px 0;
}

.searchindex #latestrecipecomment .inner {
  margin-left: 4px;
  margin-right: 4px;
}

.searchindex #latestrecipecomment .name {
  font-weight: bold;
  color: #007C3A;
}

.searchindex #latestrecipecomment .name .location {
  font-weight: normal;
}

.searchindex #latestrecipecomment .spacer {
  height: 8px;
}

.searchindex #tvc {
  margin-top: 10px;
  text-align: center;
}

.searchindex#left {
  margin-top: 20px;
  width: 558px;
}

.searchindex .flyweight {
  margin-top: 10px;
}

.searchindex #toprecipes {
  margin-top: 10px;
}

.searchindex #toprecipes .header {
  background: transparent url(/img/toprecipe.horizontal.gif) repeat-x top left;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 14px;
}

.searchindex #toprecipes .toprecipe {
  border: 1px solid #cbcbcb;
  float: left;
  position: relative;
  padding-bottom: 4px;
  width: 242px;
  margin-right: 6px;
  margin-top: 4px;
}

.searchindex #toprecipes .toprecipe.last {
  margin-right: 0px;
}

.searchindex #toprecipes .toprecipe img {
  margin: 4px 4px 0px 4px;
  height: 52px;
  width: 234px;
  height: 80px;
}

.searchindex #toprecipes .toprecipe .title {
  color: #007C3A;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  text-align: center;
  background-color: #E5F2EC;
  margin-left: 4px;
  margin-right: 4px;
  padding: 10px 0px;
}

.searchindex #searchpanel {
  margin: 10px;
}

.refineindex #searchpanel {
  margin: 0px !important;
}

.searchindex #searchpanel .roundinner {
  margin-top: 4px;
  margin-right: 4px;
  margin-left: 4px;
}

.searchindex #searchpanel .browseall {
  width: 142px;
  font-size: 10px;
  font-weight: bold;
  padding-bottom: 6px;
}

.searchindex #searchpanel .title, .searchindex #searchpanel .step, .searchresults .title {
  color: #007C3A;
  font-weight: bold;
  font-size: 25px;
  line-height: 29px;
  height: 30px;
}

.searchindex #searchpanel .title {
  font-size: 19px !important;
}

.searchindex #searchpanel .tip, .refineindex {
  display: none;
}

.searchindex #searchpanel .title, .searchresults .title {
  float: left;
  width: 500px;
}

.searchindex #searchpanel .tipTitle {
  float: left;
  color: #137B35;
}

.searchindex #searchpanel .tipClose, .refineindex .refineClose {
  float: right;
  margin-top: -20px;
  background-color: #F0F0F0;
  width: 68px;
  height: 23px;
  text-align: center;
  cursor: pointer !important;
}

.searchindex .locale_cuisine_idOrg, .refineindex .locale_cuisine_idOrg {
  display: none;
}

.searchindex .locale_meal_type_idOrg, .refineindex .locale_meal_type_idOrg {
  display: none;
}

.searchindex .refineTerm input, .searchindex .refineExclude input {
  width: 492px !important;
}

.searchindex .refineTerm .label {
  margin-top: 6px;
}

.searchindex .refineExclude .label {
  margin-top: 10px;
}

.searchindex #searchpanel .tipsButton {
  background-color: #DCEBE1;
  float: right;
  margin-top: -40px;
  font-size: 10px;
  cursor: pointer !important;
}
.searchindex #searchpanel .tipsButton div {
  text-align: center;
  line-height: 10px !important;
  text-decoration: none;
  margin: 9px 4px;
  width: 84px;
  font-size: 10px;
}
.searchindex #searchpanel .tipsButton:hover {
  background-color: #37c97e;
  color: white;
}
.searchindex #searchpanel .searchButton {
  background-color: #008C49;
  float: left;
  margin-right: 15px;
}
.searchindex #searchpanel .searchButton div {
  text-align: center;
  text-decoration: none;
  margin: 14px 0px;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
  color: white;
}
.searchindex #searchpanel .searchButton:hover {
  background-color: #006E3C;
}
.searchindex #searchpanel .clearButton {
  background-color: #E8F2FE;
  float: left;
}
.searchindex #searchpanel .clearButton div {
  text-align: center;
  text-decoration: none;
  margin: 6px 0px;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 10px;
  color: #454545;
}
.searchindex #searchpanel .clearButton:hover {
  background-color: #09d193;
}
.searchindex #searchpanel .clearButton:hover div {
  color: white;
}
.searchindex #searchpanel .actionButtons {
  width: 126px;
  height: 43px;
  cursor: pointer !important;
}
.searchindex #searchpanel .browseButton {
  width: 126px;
  height: 43px;
  background-color: #FA340E;
  float: right;
}
.searchindex #searchpanel .browseButton div {
  text-align: center;
  text-decoration: none;
  margin: 6px 0px;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  color: white;
}
.searchindex #searchpanel .browseButton div a {
  color: white;
}
.searchindex #searchpanel .browseButton:hover {
  background-color: #C60017;
}

.searchindex #searchpanel hr, .searchresults hr {
  margin: 20px 0px;
}

.searchindex #searchpanel .label {
  float: left;
  width: 195px;
  font-size: 14px;
}

.refineindex #searchpanel .label {
  width: 290px !important;
}

.searchindex #searchpanel .field {
  float: right;
  width: 343px;
}

.refineindex #searchpanel .field {
  width: 498px !important;
}

.searchindex #searchpanel .searchTerm, .searchindex #searchpanel .SearchRecipeExclusions {
  width: 339px;
}

.searchindex #searchpanel input[type=text] {
  color: #656565;
}
.searchindex #searchpanel .searchTerm {
  font-size: 20px;
  height: 28px;
}
.searchindex #searchpanel .SearchRecipeExclusions {
  font-size: 17px;
  height: 22px;
}

.searchindex #searchpanel .locale_dietary_id {
  width: 45%;
  float: left;
  margin-bottom: 3px;
}
.searchindex #searchpanel .locale_dietary_id input {
  margin-right: 10px;
}

.refineindex #searchpanel .locale_dietary_id {
  width: 25% !important;
  margin-bottom: 3px;
}
.refineindex #searchpanel .locale_dietary_id input {
  margin-right: 10px;
}

.searchindex #searchpanel .step {
  font-size: 14px;
}

.searchindex #searchpanel #herbselect {
  margin-top: 10px;
}

.searchindex #searchpanel #herbselect img {
  width: 70px;
  height: 90px;
  float: left;
  margin: 8px;
}

.searchindex #searchpanel .button.search {
  margin-top: 10px;
  width: 150px;
  font-weight: bold;
  margin-bottom: 10px;
}

.refineindex .border {
  height: 2px;
}

.searchresults {
  margin: 10px 8px 0px 8px;
}
.searchresults .pageInfo {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 20px;
  overflow: hidden;
  *zoom: 1;
}
.searchresults .pageInfo .counter {
  float: left;
  background: #fff;
  width: 400px;
  line-height: 16px;
}
.searchresults .pageInfo .pages {
  float: right;
}
.searchresults .pageInfo .pages div {
  float: left;
  position: relative;
  margin-left: 4px;
  text-align: center !important;
  background: #E5F2EB;
  width: 20px;
}
.searchresults .pageInfo .pages .disabled {
  display: none;
}
.searchresults .pageInfo .pages a.previous {
  float: left;
  border: 1px solid #E5F2EB;
  vertical-align: middle;
  line-height: 18px;
  padding: 0 6px;
}
.searchresults .pageInfo .pages a.next {
  float: left;
  margin-left: 4px;
  border: 1px solid #E5F2EB;
  vertical-align: middle;
  line-height: 18px;
  padding: 0 6px;
}
.searchresults .pageInfo .pages a {
  color: #315233;
}
.searchresults .pageInfo .pages .current {
  background: #007C3A;
  color: #ffffff !important;
}
.searchresults .pageInfo .pages .current a {
  color: #ffffff !important;
}
.searchresults .refine {
  float: right;
  height: 26px;
  padding-top: 9px;
  cursor: pointer !important;
  -webkit-border-radius: 4px 4px;
  -moz-border-radius: 4px / 4px;
  -o-border-radius: 4px / 4px;
  -ms-border-radius: 4px / 4px;
  -khtml-border-radius: 4px / 4px;
  border-radius: 4px / 4px;
}
.searchresults .refine div {
  top: -20px;
  float: right;
  margin: 0px 10px;
}
.searchresults .refine img {
  top: -2px;
  float: left;
  margin-left: 10px;
  position: relative;
}
.searchresults .refine img.alt {
  display: none;
}
.searchresults .refine:hover {
  background-color: #37c97e;
}
.searchresults .refine:hover img.normal {
  display: none;
}
.searchresults .refine:hover img.alt {
  display: block;
}
.searchresults .search {
  float: right;
  height: 26px;
  padding-top: 9px;
  -webkit-border-radius: 4px 4px;
  -moz-border-radius: 4px / 4px;
  -o-border-radius: 4px / 4px;
  -ms-border-radius: 4px / 4px;
  -khtml-border-radius: 4px / 4px;
  border-radius: 4px / 4px;
}
.searchresults .search a {
  text-transform: uppercase;
}
.searchresults .search a img {
  top: -2px;
  float: left;
  margin-left: 10px;
  position: relative;
}
.searchresults .search a img.alt {
  display: none;
}
.searchresults .search a div {
  float: right;
  margin: 0 10px;
}
.searchresults .search:hover {
  background-color: #37c97e;
}
.searchresults .search:hover a {
  color: black;
}
.searchresults .search:hover a img.normal {
  display: none;
}
.searchresults .search:hover a img.alt {
  display: block;
}
.searchresults .details {
  width: 808px;
  float: left;
}
.searchresults .backbutton {
  float: right;
  position: relative;
  color: white;
}
.searchresults .term {
  color: #007D3B;
  font-weight: bold;
  font-family: "Lucida Grande","Lucida Sans",Helvetica,Arial,Tahoma;
  font-size: 16px;
}
.searchresults .viewby {
  overflow: hidden;
  *zoom: 1;
  line-height: 36px;
}
.searchresults .viewby .current {
  float: left;
  color: #007c3a;
  font-size: 14px;
  font-weight: bold;
}
.searchresults .viewby .alternatives {
  float: right;
}
.searchresults .viewby .alternatives .button {
  float: left;
  background-color: #dcebe1;
  margin-left: 8px;
}
.searchresults .viewby .alternatives .button a {
  margin: 0 18px;
  color: black;
}
.searchresults .viewby .alternatives .button:hover {
  background-color: #37c97e;
}
.searchresults .viewby .alternatives .button:hover a {
  color: white;
}
.searchresults .alphaindex {
  overflow: hidden;
  *zoom: 1;
  line-height: 20px;
  margin-top: 10px;
}
.searchresults .alphaindex .all {
  float: left;
  line-height: 18px;
  border: 1px solid #E5F2EB;
  vertical-align: middle;
  padding: 0 6px;
}
.searchresults .alphaindex .alphabet {
  float: right;
}
.searchresults .alphaindex .alphabet div {
  float: left;
  margin-left: 4px;
  background: #E5F2EB;
  width: 20px;
  text-align: center;
}
.searchresults .alphaindex .alphabet div a {
  color: #002701;
}
.searchresults .alphaindex .alphabet .current {
  background: #007C3A;
}
.searchresults .alphaindex .alphabet .current a {
  color: white;
}
.searchresults .recipeResults {
  margin-bottom: 10px;
}
.searchresults .recipeResult {
  height: 82px;
}
.searchresults .recipeResult img.hero {
  border: 1px solid #E5F2EB;
  height: 60px;
  width: 160px;
  float: left;
  position: relative;
  margin-top: 10px;
  margin-right: 10px;
  margin-left: 10px;
}
.searchresults .recipeResult .text {
  float: left;
  position: relative;
  margin-top: 14px;
  width: 348px;
  /* force wrapping of title and description */
  height: 68px;
  /* prevent bleed to next result */
}
.searchresults .recipeResult .name {
  font-weight: bold;
  color: #007D3B;
  margin-bottom: 4px;
}
.searchresults .recipeResult .link {
  float: right;
  position: relative;
  margin-top: 22px;
  margin-right: 22px;
  margin-left: 22px;
}
.searchresults .recipeResult .link.buttonc {
  background-color: #2CCA80;
  border-color: #2CCA80;
  height: 35px;
  width: 74px;
  text-align: center;
}
.searchresults .recipeResult .product {
  float: right;
  position: relative;
  margin-top: 14px;
  height: 50px;
  width: 24px;
}
.searchresults .recipeResult.alt {
  background-color: #E5F2EB;
}
.searchresults .recipeResult.alt img.hero {
  border: 1px solid white;
}
.searchresults em {
  background: #C0DED4;
  font-style: normal;
}
.searchresults .newsearch {
  position: relative;
  top: -30px;
}
.searchresults .newsearch .term {
  background: url("/img/search-icon-small.png") no-repeat 5px 4px;
  padding-left: 30px;
  width: 240px;
  color: #656565;
  float: left;
  height: 20px;
  border-style: inset;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
}
.searchresults .newsearch .submit {
  float: left;
  margin-left: 10px;
}
.searchresults .newsearch .submit input {
  background-color: #00864B;
  width: 62px;
  border: 0px;
  color: white;
  height: 24px;
}

.favourites .favouriteRecipeTitle {
  float: left;
  margin-bottom: 10px;
  margin-top: 10px;
}
.favourites .favouriteRecipeTitle h1 {
  color: #007C3A;
  font-size: 18px;
  margin: 0px !important;
}
.favourites .pageInfo {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 20px;
  overflow: hidden;
  *zoom: 1;
}
.favourites .pageInfo .counter {
  float: left;
  background: #fff;
  width: 400px;
  line-height: 16px;
}
.favourites .pageInfo .pages {
  float: right;
}
.favourites .pageInfo .pages div {
  float: left;
  position: relative;
  margin-left: 4px;
  text-align: center !important;
  background: #E5F2EB;
  width: 20px;
}
.favourites .pageInfo .pages .disabled {
  display: none;
}
.favourites .pageInfo .pages a.previous {
  float: left;
  border: 1px solid #E5F2EB;
  vertical-align: middle;
  line-height: 18px;
  padding: 0 6px;
}
.favourites .pageInfo .pages a.next {
  float: left;
  margin-left: 4px;
  border: 1px solid #E5F2EB;
  vertical-align: middle;
  line-height: 18px;
  padding: 0 6px;
}
.favourites .pageInfo .pages a {
  color: #315233;
}
.favourites .pageInfo .pages .current {
  background: #007C3A;
  color: #ffffff !important;
}
.favourites .pageInfo .pages .current a {
  color: #ffffff !important;
}
.favourites .pageInfo {
  float: right;
}
.favourites .pageInfo .counter {
  width: auto;
}
.favourites .recipeResults {
  margin-bottom: 10px;
}
.favourites .recipeResult {
  height: 82px;
}
.favourites .recipeResult img.hero {
  border: 1px solid #E5F2EB;
  height: 60px;
  width: 160px;
  float: left;
  position: relative;
  margin-top: 10px;
  margin-right: 10px;
  margin-left: 10px;
}
.favourites .recipeResult .text {
  float: left;
  position: relative;
  margin-top: 14px;
  width: 348px;
  /* force wrapping of title and description */
  height: 68px;
  /* prevent bleed to next result */
}
.favourites .recipeResult .name {
  font-weight: bold;
  color: #007D3B;
  margin-bottom: 4px;
}
.favourites .recipeResult .link {
  float: right;
  position: relative;
  margin-top: 22px;
  margin-right: 22px;
  margin-left: 22px;
}
.favourites .recipeResult .link.buttonc {
  background-color: #2CCA80;
  border-color: #2CCA80;
  height: 35px;
  width: 74px;
  text-align: center;
}
.favourites .recipeResult .product {
  float: right;
  position: relative;
  margin-top: 14px;
  height: 50px;
  width: 24px;
}
.favourites .recipeResult.alt {
  background-color: #E5F2EB;
}
.favourites .recipeResult.alt img.hero {
  border: 1px solid white;
}

.fadeAlert {
  left: 50%;
  width: 200px;
  margin-left: -100px;
  text-align: center;
  display: none;
  -webkit-border-radius: 5px 5px;
  -moz-border-radius: 5px / 5px;
  -o-border-radius: 5px / 5px;
  -ms-border-radius: 5px / 5px;
  -khtml-border-radius: 5px / 5px;
  border-radius: 5px / 5px;
  border: 1px solid #007C3A;
  z-index: 2;
  width: 150px;
  top: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #007C3A;
  position: fixed;
  padding: 10px;
  color: #ffffff;
}