/*******************************
  Old styles from style.css file
*******************************/
/**
* IE Hacks used for IEx < IE9
* See this page for a good resume of all techniques:
* http://webdesignerwall.com/tutorials/css-specific-for-internet-explorer
*/
/* Reset browser default tag attributes */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
}
/*******************************************************************************
* Styling Tools
********************************************************************************/
/**
 * Clear Fix
 * http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * If we drop support for IE7, then there is a shorter solution
 */
/* For modern browsers */
.cf:before,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
  *zoom: 1;
}
.justify {
  text-align: justify;
}
.notice {
  font-size: .7em;
}
.ui-tooltip {
  z-index: 500;
}
/*******************************************************************************
* Standard Layout
*******************************************************************************/
body {
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  height: 100%;
}
#main {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333;
  /*background-color: #ecf2e4;*/
  font-size: 11px;
  line-height: normal;
  position: relative;
}
#wrapper {
  position: relative;
  width: 998px;
  margin: 0 auto;
  text-align: left;
  /*z-index: 1;*/
}
.inner_content_border {
  width: 9px;
  background-color: #FFF2A6;
}
.main_container {
  width: 100%;
  overflow: hidden;
  border-left: solid 1px #EECD95;
  border-right: solid 1px #EECD95;
  border-bottom: solid 9px #fff2a6;
  /* Fix a bug with FF and border-collapse/spacing see : http://www.charlesgarwood.com/blog/?p=13 */
  border-spacing: 0;
  border-collapse: separate;
  /* end fix */
}
.inner_content {
  font-size: 12px;
  background-color: white;
  vertical-align: top;
  min-height: 620px;
}
.inner_content.leftColumn {
  width: 667px;
}
@media only screen {
  .inner_content.leftColumn {
    float: left;
  }
}
.right_column {
  width: 320px;
  padding-top: 10px;
  background-color: white /*#FFF2A6*/;
  text-align: center;
  font-size: 11px;
  vertical-align: top;
  float: left;
}
/* Fix IE6: parent font-size seem to not be inherited from the table*/
.inner_content table {
  font-size: 12px;
}
/* Fix IE6: parent font-size seem to not be inherited from the table*/
.right_column table {
  font-size: 11px;
}
.right_column_inner {
  width: 300px;
  text-align: center;
  margin: 0 auto;
  padding-left: 1px;
}
#diabeticSuperbanner,
#superbannerAds {
  background-color: #FFF;
  text-align: center;
  width: 728px;
  height: 90px;
  position: absolute;
  top: 21px;
  left: 255px;
  padding: 1px;
  border: solid 1px #000;
  z-index: 15;
  white-space: nowrap;
  /* 2009-10-08 temporary fix so Olive ads bug doesn't look ugly in IE, they should fix, remove after that */
}
.layout_two_columns_column_2 .temporary_menu {
  background-image: url(media/images/home_menu.gif);
  height: 459px;
  margin-bottom: 8px;
}
/*******************************************************************************
* Site Menu
*******************************************************************************/
#siteMenu {
  text-align: right;
  white-space: nowrap;
  height: 40px;
  line-height: 20px;
  max-height: 35px;
  /* (IE version < 6) hack, force 35px on standard compliant browser, otherwise 40px for old box models (height = height + border)   */
  color: #FFF;
  font-size: 10px;
  background-color: #a0c963;
  border-bottom: solid 5px #658a2f;
  letter-spacing: 1px;
  padding-right: 10px;
  font-weight: bold;
}
#siteMenu ul {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#siteMenu li {
  display: inline;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border-left: 1px solid #FFF;
}
#siteMenu ul li:first-child,
#siteMenu ul li.first {
  /* hide the first pipe in standard compliant browser with first-child */
  /* I added a class for the first child named first for it to work in browser like IE */
  border-left-style: none;
}
#siteMenu a,
#siteMenu a:visited {
  color: #FFF;
  text-decoration: none;
}
#siteMenu a:hover {
  color: #C63128;
  text-decoration: underline;
}
#siteMenu ul li.highlight a {
  color: #C63128;
}
/* this is not used as there is no "active" menu item */
#siteMenu ul li.active a {
  color: #C63128;
}
/*******************************************************************************
* Main Menu
*******************************************************************************/
#mainMenu {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  white-space: nowrap;
  z-index: 10;
  position: absolute;
  top: 120px;
}
#mainMenu ul {
  list-style-type: none;
  position: relative;
  margin-left: 0;
}
#mainMenu li,
#mainMenu li.imageMenuItem.home {
  display: inline;
  margin-left: 8px;
  margin-bottom: 0;
  margin-top: 5px;
  background-color: white;
  border: 1px solid #cccccc;
  border-bottom-color: #eecd95;
  position: relative;
  float: left;
}
#mainMenu li.highlight {
  background-color: #588a0f;
  border-bottom-color: #588a0f;
}
#mainMenu li.highlight a {
  color: #ffffff;
}
#mainMenu li.active.highlight a {
  color: #666666;
}
#mainMenu li.active.highlight a:hover {
  color: #cf0000;
}
#mainMenu li.imageMenuItem {
  margin-top: 0;
  background: none;
  border-width: 0;
}
#mainMenu li.first {
  margin-left: 10px;
}
#mainMenu li.active.first {
  margin-left: 0;
}
#mainMenu li a {
  color: #666;
  text-decoration: none;
}
#mainMenu li a span.name {
  display: block;
  padding: 6px 8px 5px;
  text-decoration: none;
  text-transform: uppercase;
}
#mainMenu li a:hover {
  color: #cf0000;
}
#mainMenu li.home a img {
  padding: 1px 10px 0;
}
#mainMenu li.active,
#mainMenu li.imageMenuItem.home.active {
  border-color: #EECD95;
  border-bottom-width: 0;
  margin-top: 0;
  background-color: #fff2a6;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#mainMenu li.active a span.name {
  font-size: 13px;
  font-weight: 1000;
  padding-top: 8px;
  padding-bottom: 6px;
}
#mainMenu li.home.active a img {
  padding-top: 4px;
  padding-bottom: 3px;
}
/*********************************************************/
/* Tabs in main menu for special events                  */
/*********************************************************/
/*   Resolution 2014   */
#mainMenu li.resolution2014 a {
  color: #a0c963;
}
#mainMenu li.resolution2014:hover {
  margin-top: 0;
}
#mainMenu li.resolution2014:hover a {
  color: #cf0000;
  background-color: #a0c963;
  padding-top: 9px;
  padding-bottom: 4px;
}
#mainMenu li.active.resolution2014 a {
  color: #666;
}
#mainMenu li.active.resolution2014:hover a {
  background-color: #fff2a6;
  color: #666;
  padding-top: 8px;
  padding-bottom: 5px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
/*******************************************************************************
* Sub Menu
*******************************************************************************/
#subMenu {
  height: 32px;
  white-space: nowrap;
  background-color: #fff2a6;
  line-height: 32px;
  border: solid 1px #EECD95;
  border-bottom: none;
  font-size: 11px;
}
#subMenu ul {
  margin: 0;
}
#subMenu li {
  display: inline;
  padding: 0 1em 0 1em;
  border-left: 1px solid #D4BC86;
}
#subMenu ul li:first-child,
#subMenu ul li.first {
  /* hide the first separator in standard compliant browser with first-child */
  /* I added a class for the first child named first for it to work in browser like IE */
  border: none;
}
#subMenu a,
#subMenu a:visited {
  color: #333;
  text-decoration: none;
}
#subMenu a:hover {
  color: #000;
  text-decoration: underline;
}
/* .active: this is not used as there is no "active" menu item */
#subMenu ul li.active a,
#subMenu ul li.active a:visited {
  color: #cf0505;
}
#subMenu ul li.active a:hover {
  text-decoration: none;
}
/*******************************************************************************
* Shortcut Content Menu
*******************************************************************************/
#shortcutContentMenu {
  font-size: 11px;
  float: right;
  text-align: right;
  white-space: nowrap;
}
#shortcutContentMenu a {
  color: #CC0000;
  cursor: pointer;
  vertical-align: middle;
}
#shortcutContentMenu a:hover {
  text-decoration: underline;
}
#shortcutContentMenu ul {
  list-style-position: inside;
  margin: 0;
  white-space: nowrap;
}
#shortcutContentMenu li {
  display: inline;
  list-style: none;
  margin: 0 0 1em 0;
  white-space: nowrap;
}
#shortcutContentMenu img {
  margin-right: 4px;
}
#shortcutContentMenu li .name {
  display: none;
}
/*******************************************************************************
* Logos
*******************************************************************************/
#logo {
  height: 138px;
  width: 181px;
  position: absolute;
  top: 12px;
  left: 11px;
  z-index: 0;
  display: block;
}
.logo_fr {
  background-image: url(media/images/soscuisine_logo_fr.png);
}
.logo_en {
  background-image: url(media/images/soscuisine_logo_en.png);
}
#logo img {
  border-style: none;
}
#printable_logo {
  display: none;
}
#third_party_logo img {
  border-style: none;
}
#printable_third_party_logo {
  display: none;
}
/*******************************************************************************
* HTML Common Tag
*******************************************************************************/
img {
  border: none;
  vertical-align: top;
}
a,
a:visited {
  color: #c00;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/* remove the links outlining on standard compliant browser */
a:active {
  outline: none;
}
p {
  margin-bottom: 8px;
}
hr {
  margin-bottom: 1.2em;
  height: 1px;
}
.inner_content h1 {
  font-size: 20px;
  position: relative;
  line-height: 1.2em;
  margin-bottom: 8px;
  font-weight: bold;
  color: #666;
  font-family: Arial, Verdana, Helvetica, sans-serif;
}
.inner_content h1 select {
  font-size: 20px;
  font-weight: bold;
  color: #666;
  font-family: Arial, Verdana, Helvetica, sans-serif;
}
h2,
.titreSousSection {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #666;
  border-bottom: solid 2px #DBDBDB;
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 4px;
  margin-bottom: 8px;
  font-weight: bold;
  position: relative;
}
.recipeNutrition h2 {
  letter-spacing: 0;
  text-align: center;
  border: none;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}
/*******************************************************************************
* Text and generic Style
********************************************************************************/
.textGrasImportant {
  font-weight: bold;
}
.textGrasSpecial {
  font-weight: bold;
}
.right_align_container {
  text-align: right;
  margin-top: 4px;
}
.relative {
  position: relative;
}
.clear {
  clear: both;
}
br.clear {
  line-height: 0;
  font-size: 0;
}
a.small {
  font-size: 0.9em;
}
.strong {
  font-weight: bold;
}
.printable {
  display: none;
}
/*******************************************************************************
* Inner Content
********************************************************************************/
ul {
  list-style: disc inside;
  margin-left: 20px;
}
ol {
  list-style: decimal outside;
  margin-left: 20px;
}
ul li,
ol li {
  margin-bottom: 8px;
}
ul li ul,
ol li ol {
  margin-top: 8px;
}
li p {
  display: inline;
}
/*******************************************************************************
* Header / Footer
********************************************************************************/
#header {
  height: 182px;
  position: relative;
}
.printable #header {
  height: auto;
}
#header_background {
  width: 998px;
  height: 110px;
}
/*#footer
{
    background-color: #FDEEBA;
    border: solid 1px #EECD95;
    clear: both;
    color: #333;
    padding: 1em;
}

#footer a
{
    text-decoration: none;
    color: #333;
}

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

/* trigger hasLayout in IE */
/*#footer ul,
#footer li
{
    *zoom: 1;
}

#footer ul
{
    margin: 0;
}

#footer li
{
    display: inline;
    margin: 0;
    padding: 0;
}

#footer .footer-menu
{
    text-align: justify;
}

/*#footer .footer-menu:after
{
    content: "";
    display: inline-block;
    width: 100%;
}

#footer .footer-menu
{
    max-width: 1024px;
}

#footer .footer-menu > li
{
    max-width: 194px;
    display: inline-block;
    *display: inline;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 20px;
    margin: 0 0.5em;
    text-align: left;
    vertical-align: top;
}
#footer .footer-menu > li:first-child
{
    margin-left: 0;
}
#footer .footer-menu > li > ul
{
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    margin-top: 1em;
}

#footer .footer-menu li.sub-section
{
    display: block;
    position: relative;
}

#footer .footer-menu li.sub-section input[name=email] {
    float: left;
    margin-top: 2px;
    width: 155px;
    height: 20px;
}

#footer .footer-menu li.sub-section input[type=submit] {
    float: left;
    width: 28px;
    height: 28px;
    background: url('/media/images/green_submit.png') no-repeat center center;
    margin-left: 5px;
    border: none;
}
#footer .bottom
{
    height: 32px;
    margin-top: 1em;
    max-width: 1024px;
    position: relative;
}

#footer .copyright
{
    font-size: 13px;
    line-height: 1em;
    position: absolute;
    left: 0;
    bottom: 0;
}

#footer .networks
{
    position: absolute;
    right: 0;
    bottom: 0;
}*/
/*******************************************************************************
* Tabs
*******************************************************************************/
ul.tabSet {
  list-style-type: none;
  margin-left: 0;
  margin-top: 1em;
  padding: 3px 0 0;
}
ul.tabSet li {
  display: inline;
}
ul.tabSet li a,
ul.tabSet li a:visited {
  display: inline-block;
  border: solid 1px #999999;
  margin-left: 5px;
  padding: 3px 8px 3px 8px;
  background: #FFFFFF;
  color: black;
  font-size: 11px;
  letter-spacing: 1px;
}
/* Remove tab link outlining (might not work in all browsers) */
ul.tabSet li a,
ul.tabSet li a:visited,
ul.tabSet li a:active {
  outline: none;
}
ul.tabSet li a.active,
ul.tabSet li a.active:visited {
  border-bottom: 1px solid #FFFFFF;
  font-weight: bold;
  background-color: #DBE7FB;
}
.tabContent {
  border: 1px solid #999999;
  margin-top: 0;
  padding: 0.5em;
}
/*******************************************************************************
* Internet Explorer older versions Warning pop-up
*******************************************************************************/
#notSupportedIE h2 {
  font-size: 18px;
}
#notSupportedIE p {
  font-size: 14px;
}
.ui-dialog.notSupportedIE .ui-dialog-buttonpane {
  border: none !important;
  padding: 0;
}
/*******************************************************************************
* Member signup / profile
*******************************************************************************/
#categoriesMessage {
  background: #fff6bf;
  text-align: left;
  padding: 5px;
  border-top: 1px solid #ffd324;
  border-bottom: 1px solid #ffd324;
  color: black;
  font-size: 0.9em;
  font-style: normal;
  font-weight: bold;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
#mealPlanIsModifiedWarning {
  background: #fff6bf;
  text-align: left;
  padding: 5px;
  border-top: 1px solid #ffd324;
  border-bottom: 1px solid #ffd324;
  color: black;
  font-size: 0.9em;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.memberSignup .diabeticIntro {
  border: 1px dashed black;
  margin-bottom: 1em;
  padding: 0.5em;
  background-color: #E8E8E8;
}
.memberSignup .question,
.memberProfile .question {
  margin-bottom: 1em;
}
.memberSignup .question .questionDescription,
.memberProfile .question .questionDescription {
  font-weight: bold;
  text-align: justify;
}
.memberSignup .question .answer,
.memberProfile .question .answer {
  margin-left: 2em;
  margin-right: 2em;
  awidth: 80%;
}
.memberSignup .question .answer textarea,
.memberProfile .question .answer textarea {
  width: 40em;
  width: 100%;
}
/*******************************************************************************
* Menu of the day
*******************************************************************************/
#menu_of_the_day {
  border: solid 3px #EECD95;
  background-color: #FDEEBA;
  margin-bottom: 8px;
  text-align: center;
  padding: 4px;
}
.menu_of_the_day_title {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #AD8155;
  padding: 6px 0 10px 0;
}
.menu_of_the_day_flash {
  margin-bottom: 8px;
}
/*******************************************************************************
* Forms
*******************************************************************************/
.form {
  margin-bottom: 4px;
}
.form,
span.mandatory_field {
  vertical-align: top;
}
.form span.mandatory_field {
  color: Red;
  font-weight: bold;
}
.form input,
.form select,
.form textarea {
  color: #333;
  border: solid 1px #969696;
  padding: 2px 2px 2px 4px;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 0.25em;
}
.form textarea {
  height: auto;
}
.form select {
  height: 18px;
  padding: 0;
}
.form input.checkbox,
.form .button,
.form input.radio {
  border: none;
  width: auto;
  margin-right: 0;
  padding: 0;
}
.form select {
  height: auto;
}
.form label {
  padding-top: 3px;
  display: block;
  width: 140px;
  float: left;
}
.form label.no_float {
  display: inline;
  float: none;
  width: auto;
}
.form .wide {
  width: auto;
}
.form br {
  vertical-align: top;
  clear: both;
}
.form table tr td {
  padding: 2px;
}
.form table tr th {
  padding: 6px 6px 0 6px;
}
/*******************************************************************************
* Page recommander site
*******************************************************************************/
.recommendFriends > .form > div > input {
  margin-bottom: 5px;
  width: 66%;
}
.recommendFriends #friendsInfo {
  width: 100%;
  margin-bottom: 25px;
}
.recommendFriends #friendsInfo .title > span {
  display: inline-block;
}
.recommendFriends #friendsInfo .title > span:first-child {
  text-align: right;
  width: 152px;
  padding-right: 10px;
}
.recommendFriends #friendsInfo .title > span:not(:first-child) {
  width: 33%;
}
.recommendFriends #friendsInfo > div label {
  text-align: right;
  width: 152px;
  padding-right: 10px;
}
.recommendFriends #friendsInfo > div input {
  width: 33%;
}
.recommendFriends label[for=personal_msg] {
  width: 152px;
}
.recommendFriends textarea {
  width: 66%;
  resize: none;
}
.recommendFriends .greenButton {
  border-radius: 10px;
  padding-bottom: 0.01em;
  font-size: 24px;
  color: white;
  text-align: center;
  padding: 0.5em 1em;
  background: #a0c963;
}
.recommendFriends .greenButton:hover {
  background: #588a0f;
}
/*******************************************************************************
* Generic Box
*******************************************************************************/
.inner_content .box {
  border-style: solid;
  border-width: 1px;
  padding: 1px;
  margin-bottom: 8px;
  font-size: 1em;
  line-height: 1.5em;
}
.inner_content .box_header {
  text-transform: uppercase;
  color: White;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 1px 4px 5px 5px;
  font-size: 1em;
  line-height: 1.5em;
}
.inner_content .box_content {
  padding: 4px 4px 4px 7px;
  font: inherit;
  line-height: inherit;
  overflow: auto;
}
.inner_content .box_content a,
.box_content a:visited {
  color: #c00;
  text-decoration: none;
  font: inherit;
  line-height: inherit;
}
.inner_content .box_content a:hover {
  text-decoration: underline;
}
.inner_content .box_blue {
  border-color: #A5CCD9;
}
.inner_content .box_no_color {
  border-width: 0;
}
.inner_content .box_green {
  border-color: #a0c963;
}
.inner_content .box_green .box_header {
  background-color: #a0c963;
}
.inner_content .box_blue .box_header {
  background-color: #a5ccd9;
}
.inner_content .box ul.links,
ul.links {
  list-style: none;
  margin: 0;
  list-style-position: outside;
}
.inner_content .box ul.links li,
ul.links li {
  padding: 0;
  padding-left: 0;
  margin-bottom: 4px;
}
.inner_content table tr td {
  vertical-align: top;
}
.inner_content ul,
.inner_content ol {
  list-style-position: outside;
}
/*******************************************************************************
* Right Column Box
*******************************************************************************/
.right_column .box {
  margin: 0 0 12px 0;
  color: White;
  padding: 0;
  text-align: left;
}
.right_column .box_content {
  padding: 4px;
}
input.button_submit_arrow_green,
input.button_submit_arrow_red {
  width: 23px;
  height: 22px;
  border: none;
  background-color: transparent;
}
input.button_submit_arrow_green {
  background-image: url(media/images/submit_green.gif);
}
input.button_submit_arrow_red {
  background-image: url(media/images/submit_rouge.gif);
}
input,
label {
  width: auto;
}
.right_column .box_header {
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 1px 4px 6px 4px;
  position: relative;
}
.right_column .box_content a,
.right_column .box_content a:visited {
  color: #FFF;
}
.member_auth_box {
  border-top-left-radius: 5px;
}
.member_auth_box a:hover {
  color: #FFF;
  text-decoration: underline;
}
.sign_up_link {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 140px;
  height: 19px;
  display: inline-block;
  background-image: url(media/images/sign_up_tab2.png);
  padding-top: 4px !important;
  padding-left: 15px !important;
}
/*******************************************************************************
* Member Testimonial Box
*******************************************************************************/
.member_testimonial_message {
  font-family: "Times New Roman", Serif;
  font-style: italic;
  font-size: 18px;
  color: #666;
  text-align: center;
  margin-bottom: 8px;
  line-height: 1.1em;
}
.member_testimonial_signature {
  text-align: right;
  color: #666;
  font-size: 11px;
  margin-bottom: 0;
  font-style: italic;
}
/*******************************************************************************
* Top Recipe Box
*******************************************************************************/
#top_recipe {
  border: solid 2px #CD5E3D;
  color: White;
}
#top_recipe .box_header {
  background-color: #F07A56;
  color: White;
}
#top_recipe .box_content {
  background-color: #FFF;
  color: #333;
}
#top_recipe table {
  margin-left: 4px;
}
#top_recipe a,
#top_recipe a:visited {
  color: #c00;
}
#top_recipe td {
  padding: 2px;
  vertical-align: top;
}
#top_recipe td.top_recipe_index {
  padding-right: 0.5em;
}
/*******************************************************************************
* Google Search
*******************************************************************************/
#googleSiteSearch {
  border: solid 2px #CD5E3D;
  background-color: #F07A56;
  text-align: left;
  position: relative;
  vertical-align: middle;
  font-size: 1em;
  line-height: 1em;
  padding-top: 6px;
}
#additionnalTools {
  /*border: solid 2px #CD5E3D;
    background-color: #F07A56;*/
  border: none;
  text-align: left;
  position: relative;
  vertical-align: middle;
  font-size: 1em;
  line-height: 1em;
  padding-top: 6px;
}
#googleSiteSearch input.searchInput {
  color: #333;
  border: solid 1px #969696;
  font-size: 11px;
  padding: 2px 2px 2px 4px;
  letter-spacing: 1px;
  width: 244px;
}
#googleSiteSearch input.button_submit_arrow_red {
  width: 23px;
}
#googleSiteSearch .container_additional_info {
  vertical-align: text-top;
  padding: 8px 0 4px 0;
}
#googleSiteSearch .container_additional_info a,
#googleSiteSearch .container_additional_info input,
#googleSiteSearch .container_additional_info label {
  vertical-align: text-top;
}
#googleSiteSearch input.radio {
  width: auto;
  height: 14px;
  margin-right: 2px;
}
#googleSiteSearch .container_additional_info label {
  margin-right: 4px;
  color: #FFF;
}
#googleSiteSearch .googleSiteSearchControls {
  position: relative;
  margin-top: 6px;
}
#googleSiteSearch .googleSiteSearchControls a {
  color: White;
  vertical-align: middle;
}
#googleSiteSearch .googleSiteSearchControls label {
  margin-right: 6px;
  vertical-align: middle;
}
/*******************************************************************************
* Newletter Subscription
*******************************************************************************/
#modalNLSubscription {
  display: none;
}
#modalNLSubscription .messages {
  list-style-type: none;
}
#newsletterSubscription {
  background: #F07A56;
  text-align: center;
  position: relative;
  color: white;
  border: solid 2px #CD5E3D;
}
#upper {
  padding: 10px 10px 0;
}
#upper h2 {
  font-size: 2em;
  color: white;
  font-weight: bold;
  border: none;
  margin: 0;
  padding: 0;
}
#upper p {
  font-size: 1.2em;
}
#lower {
  padding: 60px 10px 10px;
  background: url('https://ressources.soscuisine.com/media/images/bg_strawberries.jpg') no-repeat top center;
}
#lower input[type=text] {
  width: 190px;
  height: 25px;
  margin-bottom: 10px;
}
#lower input[type=submit] {
  padding: 3px 20px;
  background: #658a2f;
  border: 2px solid #78a139;
  color: white;
  font-size: 1.2em;
  border-radius: 15px;
  cursor: pointer;
}
#newsletterSubscription .footer {
  padding: 5px 5px 0px 5px;
  color: white;
}
/*******************************************************************************
* Fridge Search
*******************************************************************************/
#fridgeRecipeSearch {
  border: solid 2px #CD5E3D;
  background-color: #F07A56;
  text-align: left;
  position: relative;
  vertical-align: middle;
  /*padding:2px; */
}
#fridgeRecipeSearch .button_submit_arrow_red {
  width: 23px;
  min-width: 23px;
  max-width: 23px;
}
#fridgeRecipeSearch input {
  width: 76px;
  max-width: 80px;
  color: #333;
  font-size: 11px;
  padding: 2px 2px 3px 4px;
  letter-spacing: 1px;
  border-width: 1px;
  border: solid 1px #969696;
  line-height: 1em;
  /*    margin-right:4px;
    margin-bottom:4px;*/
}
#fridgeRecipeSearch td.button input {
  border: none;
}
#fridgeRecipeSearch a {
  color: White;
}
#fridgeRecipeSearch .advanced_search {
  padding: 8px 0 4px 0;
}
/*******************************************************************************
* Member Auth Box
*******************************************************************************/
.member_auth_box {
  border: solid 2px #78A139;
  background-color: #A0C963;
  color: White;
  padding-bottom: 1px;
}
#socialMedia table {
  margin: 4px;
  text-align: center;
}
table tr td.button {
  width: 32px;
  text-align: center;
}
.member_auth_box input.login {
  color: #333;
  border: solid 1px #969696;
  font-size: 11px;
  padding: 2px 2px 3px 4px;
  letter-spacing: 1px;
  width: 116px;
}
.member_auth_box_msg,
.member_auth_box_error_msg {
  color: #bd1b20;
  margin-top: 4px;
  text-align: center;
  font-weight: bold;
}
.member_auth_box input,
.member_auth_box label,
.member_auth_box a {
  font-size: 11px;
  line-height: 12px;
  vertical-align: text-top;
  text-decoration: none;
}
.member_auth_box a {
  vertical-align: text-top;
}
.member_auth_box a,
.member_auth_box label {
  padding: 0;
  color: White;
}
.member_auth_box #container_membre_additional_info td {
  padding: 4px 0 4px 0;
  vertical-align: top;
}
.member_auth_box #container_membre_additional_info input {
  height: 16px;
}
.member_auth_box .member_auth_button_signout {
  width: auto;
  height: auto;
  border: none;
  margin-left: 16px;
}
.member_auth_box .buttons_container {
  position: relative;
  text-align: left;
  text-align: center;
  margin-left: 1px;
  width: 294px;
  margin-bottom: 1px;
}
.member_auth_box .buttons_container a {
  background-color: #78A139;
  margin: 0 1px 0 1px;
  padding: 6px 1px 6px 1px;
  display: block;
}
.member_auth_box .buttons_container a:visited {
  color: #FFF;
}
.member_auth_box .member_auth_box_welcome {
  width: 288px;
  margin-top: 4px;
  vertical-align: middle;
  margin-bottom: 4px;
  color: #FFF;
}
.member_auth_box .member_auth_box_welcome span {
  display: block;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
/*******************************************************************************
*Additionnal Tools Box
*******************************************************************************/
#additionnalTools {
  border-radius: 10px;
}
#additionnalTools #additionnalToolsTop {
  padding: 8px 0 8px 8px;
}
#additionnalTools .icon {
  margin-right: 0;
}
#additionnalTools td {
  vertical-align: middle;
}
#additionnalTools #content_menu {
  padding: .7em .7em 0;
  border-radius: 10px;
}
#additionnalTools #content_menu a {
  color: #333;
  cursor: pointer;
}
#additionnalTools #content_menu a:hover {
  text-decoration: underline;
}
#additionnalTools #content_menu ul {
  margin: 0 0 0 0;
  list-style-position: inside;
}
#additionnalTools #content_menu li {
  margin: 0 10px 8px 0;
  display: block;
  float: left;
  position: relative;
  width: 130px;
  padding: 0 2px;
  height: 28px;
}
#additionnalTools #content_menu img {
  margin-right: 4px;
  float: left;
}
#additionnalTools a {
  color: White;
  vertical-align: middle;
}
#additionnalTools img {
  vertical-align: middle;
}
#additionnalTools .icon {
  height: 19px;
  width: 19px;
}
/*******************************************************************************
*Ads Box
*******************************************************************************/
div.ads_warning {
  font-size: 0.7em;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.ads_container {
  margin: 0 0 12px 0;
}
.footer_banner_ads {
  background-color: #FFF2A6;
  padding: 0 8px 8px 8px;
  border-left: 1px solid #EECD95;
  border-right: 1px solid #EECD95;
}
.footer_ads {
  float: left;
}
.small_footer_ads {
  width: 236px;
  height: 90px;
  margin-right: 10px;
}
.bannerAds {
  margin: 1em 0;
}
/*******************************************************************************
* Local product Box
*******************************************************************************/
.local_products li {
  margin-left: 10px;
}
.local_products div {
  margin: 2px 0 2px 0;
}
.local_products .right_align_container {
  margin: 8px 0 2px 0;
}
/*******************************************************************************
* Page News
*******************************************************************************/
.news {
  margin-bottom: 15px;
  clear: left;
}
.news .newsHeader {
  font-weight: bold;
  color: #666666;
  font-size: 12px;
}
/*******************************************************************************
* Page Glosaiire
*******************************************************************************/
.dictionnary_navigation a {
  margin-left: 5px;
  margin-right: 5px;
}
.mySosTopContainer {
  background-color: #FFFADB;
  border: solid 1px #EDCC96;
  padding: 5px;
  margin-bottom: 8px;
}
.mySosRecipePrint input.button {
  margin-bottom: 6px;
}
.mySosRecipePrint input {
  vertical-align: middle;
}
.mySosRecipePrint label {
  vertical-align: middle;
}
/*******************************************************************************
* Tooltips
*******************************************************************************/
#dhtmltooltip {
  position: absolute;
  left: -300px;
  width: 150px;
  border: 1px solid black;
  padding: 2px;
  background-color: lightyellow;
  text-align: left;
  visibility: hidden;
  z-index: 100;
  z-index: 1000000;
}
#dhtmlpointer {
  position: absolute;
  left: -300px;
  z-index: 101;
  z-index: 1000001;
  /* to avoid conflict with editable dropdown... might want to edit editable dropdown... */
  visibility: hidden;
}
.tooltipsContainer {
  display: none;
}
.tooltip .notes {
  font-size: 0.8em;
  font-style: normal;
  color: black;
}
span.hasTooltip {
  border-bottom: 1px dotted black;
  cursor: default;
}
a.hasTooltip {
  cursor: pointer;
}
div.recipeInformationTooltip {
  width: 325px;
  background-repeat: no-repeat;
  background-position: center center;
  float: left;
}
#dhtmltooltip img {
  float: left;
}
div.recipeInformationTooltip .block {
  padding: 8px;
  margin-bottom: 12px;
  line-height: 24px;
}
div.recipeInformationTooltip .blockFull {
  padding: 8px;
}
/*******************************************************************************
* Bookstore Page
*******************************************************************************/
.bookstore img {
  margin-right: 8px;
}
/* *********************************** */
p.sousSection {
  padding-left: 40px;
}
.titreSection {
  font-size: 18px;
  color: #475C4D;
}
.titreSectionInlineNote {
  color: #000000;
  font-size: 10px;
  letter-spacing: normal;
}
.titreSectionLettrine {
  font-size: 24px;
  color: #475C4D;
}
.notes {
  font-size: 11px;
  font-style: italic;
  color: #475C4D;
}
.listComposantRecette {
  font-size: 12px;
  list-style-position: outside;
  /*list-style-image: url(./media/images/bullet_rouge.gif);*/
  margin-left: 8px;
  padding-left: 8px;
}
.textVert {
  color: #475C4D;
}
.textRouge {
  color: #C63128;
}
.textHelp {
  cursor: help;
  text-decoration: none;
  border-bottom: 1px dashed red;
}
/*
.menuLeft
{
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    color: #475C4D;
    text-decoration: none;
}
*/
.faq_container a,
.faq_container a:visited {
  color: #333;
}
.faq_container a:hover {
  color: #C00;
}
.faq_container ul {
  list-style-position: outside;
}
.titreProcedure {
  font-size: 20px;
  color: #666;
}
.titreFaq {
  font-size: 18px;
  color: #C63128;
  text-align: left;
}
.content {
  vertical-align: top;
  height: auto;
  padding: 10px;
}
.recipeNutritionTable .content {
  padding: 10px 0;
}
.blocLogin,
.blocText {
  font-size: 10px;
}
.blocLoginSpecial {
  font-size: 10px;
  color: #C63128;
}
ul.menuLeft {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
a.menuLeft {
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
  color: #475C4D;
  text-decoration: none;
  text-align: right;
  line-height: 25px;
  padding-right: 5px;
}
a.menuLeft:hover {
  color: #C63128;
}
a.menuLeft2Line {
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
  color: #475C4D;
  text-decoration: none;
  text-align: right;
  line-height: 14px;
  padding-right: 5px;
}
a.menuLeft2Line:hover {
  color: #C63128;
}
a.menuLeftSpecial,
a.menuLeftSpecial:visited {
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
  color: #C63128;
  text-decoration: none;
  text-align: right;
  line-height: 25px;
  padding-right: 5px;
}
a.sousMenuLeft {
  display: block;
  width: 100%;
  font-size: 11px;
  color: #475C4D;
  text-decoration: none;
  text-align: right;
  line-height: 14px;
  padding-right: 10px;
  background-color: #F4FBEF;
  /*width: 142px; */
}
a.sousMenuLeft:hover {
  color: #C63128;
  background-color: #FFFFFF;
}
/*******************************************************************************
* Popup
*******************************************************************************/
body.popup {
  padding-left: 0;
  background-color: #FFFFFF;
  text-align: left;
}
.popupWrapper {
  padding: 10px;
}
#header,
#contentHeader,
#contentWrapper,
#footer {
  margin-left: 0;
}
/*******************************************************************************
* Content
*******************************************************************************/
#contentHeader {
  /*height: 50px;*/
  /*width: 100%;*/
  text-align: left;
  padding: 5px;
}
.printable #contentHeader {
  text-align: left;
  background-color: transparent;
  /* #FFFFFF */
  position: absolute;
  left: 0;
  top: 5px;
}
#contentHeaderTitle {
  padding-left: 10px;
  height: 50px;
  border-bottom: 1px solid #A8B4A9;
  white-space: nowrap;
}
.printable #contentHeaderTitle {
  border: none;
  height: auto;
}
#contentHeaderMenu {
  white-space: nowrap;
}
#contentHeaderMenu .tl {
  background: url(../../media/images/menu/content_menu_left.gif) 0 0 no-repeat;
  width: 100%;
  height: 24px;
}
#contentHeaderMenu .tr {
  background: url(../../media/images/menu/content_menu_right.gif) 100% 0 no-repeat;
  height: 24px;
}
#contentHeaderMenu img,
#contentHeaderMenu form input {
  vertical-align: bottom;
  border: none;
}
#contentHeaderMenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: 7px;
  margin-right: 7px;
  background: url(../../media/images/menu/content_menu_separator.gif) repeat 0 0;
}
#contentHeaderMenu li form {
  display: inline;
}
#contentHeaderMenu li {
  display: inline;
  padding: 0;
  margin: 0;
  margin-left: 1px;
}
#contentHeaderMenu ul li:first-child,
#contentHeaderMenu ul li.first {
  margin-left: 0;
}
#contentHeaderMenuRight {
  border-bottom: 1px solid #A8B4A9;
}
.printable #contentHeader h1 {
  background: none;
  height: 30px;
}
#contentHeader h1:first-letter {
  font-size: 24px;
}
/*******************************************************************************
* Responsive Video 
*******************************************************************************/
/**
*   <div class="video">
*       <div class="videoWrapper">
*           <iframe ....
*       </div>
*   </div>
*/
.video {
  position: relative;
  width: 75%;
  margin: 0 auto;
  padding-bottom: 20px;
}
.video .videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*******************************************************************************
* Popup Menu
*******************************************************************************/
#popupMenu {
  text-align: right;
  font-size: 10px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  /* to vertically align middle text */
  white-space: nowrap;
}
#popupMenu ul {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#popupMenu li {
  display: inline;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border-left: 1px solid #000000;
}
#popupMenu ul li:first-child,
#popupMenu ul li.first {
  /* hide the first pipe in standard compliant browser with first-child */
  /* I added a class for the first child named first for it to work in browser like IE */
  border-left-style: none;
}
#popupMenu a,
#popupMenu a:visited {
  text-decoration: none;
}
#popupMenu a:hover {
  color: #C63128;
  text-decoration: underline;
}
#popupMenu ul li.highlight a {
  color: #C63128;
}
/*******************************************************************************
* Box with a tall header
*******************************************************************************/
.box_tall_tl {
  background-color: #A1C668;
  height: 26px;
  width: 644px;
}
.box_tall_tr {
  background-color: #A1C668;
  height: 26px;
  width: 644px;
}
.mdmContainer .box_tall_tl,
.mdmContainer .box_tall_tr {
  width: 617px;
}
.box_tall_header {
  font-size: 14px;
  font-weight: bold;
  line-height: 26px;
  text-indent: 10px;
  vertical-align: middle;
  color: #FFF;
  white-space: nowrap;
}
/*******************************************************************************
* Meal Plan Common
*******************************************************************************/
.missing-required-attributes-warning {
  background-color: #FF9;
  font-size: 125%;
  padding: 5px;
}
/*******************************************************************************
* Meal Plan Common Header
*******************************************************************************/
.mealPlanCommonHeader {
  position: relative;
}
.mealPlanCommonHeader #menuType {
  width: 85%;
  float: left;
}
.mealPlanCommonHeader #menuType select {
  max-width: 100%;
  text-overflow: ellipsis;
}
.mealPlanCommonHeader #parameters {
  width: 15%;
  float: left;
}
.mealPlanCommonHeader .mealPlanIdentification form {
  display: inline;
}
.mealPlanCommonHeader .mealPlanNavigation {
  white-space: nowrap;
  text-align: center;
  margin-bottom: 1em;
  margin-top: 1em;
}
.mealPlanCommonHeader .mealPlanNavigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.mealPlanCommonHeader .mealPlanNavigation li {
  display: inline;
  margin: 0;
  padding: 0;
  position: relative;
}
.mealPlanCommonHeader .mealPlanNavigation li img {
  width: 20.4%;
  height: auto;
}
.mealPlanCommonHeader .mealPlanNavigation li .mealPlanSubMenuConnector {
  left: -7px;
  position: absolute;
  top: 43px;
  z-index: 10;
}
.mealPlanCommonHeader .mealPlanReloadOriginalSuggestion img {
  vertical-align: text-top;
}
/*******************************************************************************
* Meal Plan Import Box
*******************************************************************************/
.mealPlanImportBox {
  border: 1px solid black;
  padding: 1em;
  text-align: center;
}
/*******************************************************************************
* MOTD Box
*******************************************************************************/
.motd_box {
  width: 100%;
}
.motd_box_content {
  background-color: #F5FAF2;
  border: 1px solid #BDDAAF;
  border-top-width: 0;
  border-bottom-width: 0;
  margin: 0;
  padding: 0;
  padding-top: 5px;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  border-collapse: collapse;
}
.motd_box_header {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  padding-left: 10px;
  vertical-align: middle;
  line-height: 26px;
  white-space: nowrap;
}
.motd_box_footer {
  border-bottom-color: #BDDAAF;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  height: 8px;
  line-height: 8px;
  margin-left: 7px;
  margin-right: 7px;
}
.motd_box_no_menu {
  width: 100%;
  padding-top: 5px;
}
.motd_box_menu {
  width: 100%;
}
.motd_box_menu table {
  border-collapse: collapse;
  width: 100%;
}
.motd_box_menu td {
  padding: 5px;
  border-bottom: solid 1px #BDDAAF;
}
.motd_box_menu td.last {
  border-bottom: none;
}
.motd_box_menu .motd_recipe_thumbnail {
  border-color: #475C4D;
  border-width: 1px;
  border-style: solid;
}
.motd_box_menu .motd_recipe_short_description {
  font-size: 10px;
}
.motd_box_time_cost,
.motd_box_nv {
  margin-top: 20px;
  width: 100%;
}
.motd_box_time_cost table,
.motd_box_nv table {
  border-collapse: collapse;
  background-color: #FFFFFF;
  width: 100%;
}
.motd_box_time_cost table td,
.motd_box_time_cost table th,
.motd_box_nv table td,
.motd_box_nv table th {
  border: 1px solid #475C4D;
  padding: 2px;
  text-align: center;
}
.motd_box_time_cost table th,
.motd_box_nv table th {
  background-color: #F0F6F6;
  color: #475C4D;
  font-weight: bold;
}
.motd_box strong {
  color: #475C4D;
  font-weight: bold;
}
.motd_box_nv input,
.motd_box_grocery_list select,
.motd_box_grocery_list input,
.motd_box_order input {
  font-size: 10px;
}
.motd_box_grocery_list {
  margin-top: 15px;
  width: 100%;
  white-space: nowrap;
}
.motd_box_order {
  margin-top: 10px;
  width: 100%;
  white-space: nowrap;
}
/*******************************************************************************
* Recipe View
*******************************************************************************/
.recipeView .infoBox .content p.intro {
  margin: 0;
  margin-bottom: 0.25em;
}
.recipeView .infoBox .content p.info {
  margin-top: 0.25em;
  margin-bottom: 0;
  text-align: center;
}
.recipeView .infoBox .header td {
  padding: 1px;
}
.recipeView .infoBox .header .icon {
  width: 24px;
  text-align: center;
  vertical-align: middle;
}
.recipeView .infoBox .header .title {
  vertical-align: middle;
}
.recipeView .infoBox .header .switch {
  width: 18px;
  text-align: center;
  vertical-align: middle;
}
.recipeView .nv_label {
  margin: 0 auto;
}
.recipeView .recipe_nutritional_claims {
  font-size: 1em;
}
.recipeView .recipe_nutritional_claims dl {
  font-size: 1em;
  margin: 0;
}
.recipeView .recipe_nutritional_claims dt {
  font-weight: bold;
}
.recipeView .recipe_nutritional_claims dd {
  margin-left: 1.5em;
}
.recipeView .recipePictureContainer {
  max-width: 46.5%;
  float: left;
}
.recipeView .recipePictureContainer .recipePicture img {
  max-width: 100%;
}
.recipeView .recipeBlockInformation {
  width: 46.5%;
  float: left;
}
.recipeView .recipeBlockInformation .block {
  width: 50%;
  float: left;
}
.recipeView .recipeBlockInformation .blockFull {
  width: 100%;
  float: left;
}
/*******************************************************************************
* Recipe Trait Icons
*******************************************************************************/
ul.recipeTraitIcons {
  display: inline;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
ul.recipeTraitIcons li.recipeTraitIcon {
  display: inline;
  padding: 0;
  padding-right: 0.1em;
}
ul.recipeTraitIcons li.recipeTraitIcon img {
  vertical-align: bottom;
}
/*******************************************************************************
* Redirect Box
*******************************************************************************/
.redirectBox {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 1em;
  border: 1px solid black;
}
.redirectBox p {
  margin: 0;
}
/*******************************************************************************
* User Settings Box
*******************************************************************************/
#userSettingsBox {
  background-color: #DCEEFC;
  border: 1px #003774 solid;
  font-size: 10px;
  margin: 1em;
  padding: 0.4em;
  white-space: nowrap;
}
/*******************************************************************************
* Modal Dialog
*******************************************************************************/
#overlay {
  position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  background: #FFFADB;
  width: 100%;
  height: 100%;
  opacity: .5;
  filter: alpha(opacity=50);
  -moz-opacity: .5;
  visibility: hidden;
  z-index: 20;
}
.modal_dialog {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
  /*visibility: hidden;*/
  z-index: 9001;
}
.modal_dialog td {
  height: 100%;
  padding: 2em;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.modal_dialog_content {
  text-align: left;
  background: #000;
  color: #fff;
  background: #FFFADB;
  border: solid 4px #CD5E3D;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 auto;
  color: black;
  padding: 10px;
  font-size: 11px;
  max-width: 450px;
  min-width: 320px;
  width: 50%;
}
.modal_dialog_content h2 {
  border-color: #CD5E3D;
  margin-bottom: 20px;
}
.modal_dialog_content h3 {
  border-bottom: 1px solid #CD5E3D;
  color: #666666;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 4px;
  padding-bottom: 4px;
  padding-top: 8px;
}
.modal_dialog_content p {
  margin-left: 20px;
}
.modal_dialog_content p input,
.modal_dialog_content p label {
  font-size: 11px;
  line-height: 1em;
  vertical-align: middle;
}
.modal_dialog_content #selected_recipes {
  display: none;
}
#modal_dialog_content #selected_recipes_container {
  height: 255px;
  overflow: auto;
  margin-bottom: 8px;
}
#modal_dialog_content_user_settings {
  height: auto;
  background-position: center center;
  background-repeat: no-repeat;
}
#modal_dialog_content_user_settings h2 {
  margin-bottom: 10px;
}
#modal_dialog_content_user_settings form,
#modal_dialog_content_user_settings p,
#modal_dialog_content_user_settings select {
  font-size: 11px;
  margin-left: 0;
}
#modal_dialog_content_user_settings label {
  font-weight: bold;
}
#modal_dialog_content_user_settings ul {
  list-style: none;
}
#modal_dialog_content_user_settings li {
  margin-bottom: 4px;
}
/*******************************************************************************
* Weekly Series :: Menus
*******************************************************************************/
.menusHeaderInfo table.menusHeaderInfoTable {
  width: 100%;
}
.mdmContainer .menusHeaderInfo table.menusHeaderInfoTable {
  width: 605px;
}
.menusHeaderInfo td,
.menusHeaderInfo th {
  font-size: 10px;
}
.menusHeaderInfo td.timeIcon,
.menusHeaderInfo td.costIcon,
.menusHeaderInfo td.nutritionalValueIcon {
  padding: 5px 5px 5px 5px;
  width: 5%;
}
.menusHeaderInfo td.timeInfo,
.menusHeaderInfo td.costInfo,
.menusHeaderInfo td.nutritionValueInfo {
  vertical-align: top;
}
.menusHeaderInfo td.nutritionValueInfo .iconNvDetail {
  vertical-align: middle;
  border: none;
}
.menusHeaderInfo td.timeInfo .time {
  text-align: right;
}
.menusHeaderInfo td.costInfo .label {
  text-align: right;
  white-space: nowrap;
}
.menusHeaderInfo td.costInfo .cost {
  text-align: left;
  white-space: nowrap;
}
.menusHeaderInfo .timeInfo td,
.menusHeaderInfo .timeInfo th,
.menusHeaderInfo .costInfo td,
.menusHeaderInfo .costInfo th {
  padding: 0;
}
.menusHeaderInfo .timeInfo th,
.menusHeaderInfo .costInfo th {
  text-align: left;
}
.nutritionValueInfo {
  width: 38%;
}
.mdmContainer .timeInfo,
.mdmContainer .nutritionValueInfo {
  width: 40%;
}
/*******************************************************************************
* Weekly Series :: Grocery List
*******************************************************************************/
/*@deprecated since meal_plan_grocery_list*/
.glCostingBlock td,
.glCostingBlock th {
  font-size: 10px;
}
.glCostingBlock td.costIcon {
  width: 32px;
  padding: 5px;
}
.glCostingBlock td.costInfo {
  vertical-align: top;
}
.glCostingBlock td.costInfo .label {
  text-align: right;
}
.glCostingBlock td.costInfo .cost {
  text-align: left;
}
.glCostingBlock .costInfo td,
.glCostingBlock .costInfo th {
  padding: 0;
}
.glCostingBlock .costInfo th {
  text-align: left;
}
.glCostingBlock .partialWarning {
  margin-top: 0;
  font-size: 10px;
}
/*******************************************************************************
* CSS Hack
*******************************************************************************/
/* align vertically in middle */
table.hack_vertical_align_content_middle {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
}
table.hack_vertical_align_content_middle td {
  vertical-align: middle;
  padding: 0;
  margin: 0;
}
/* align horizontally in center (might not be perfect, might center nested table?) */
/* actually it is really not perfect (or not used correctly) because sometime we
want nested element to be centered and sometime we only want the first child to be...
we may want to review all its usage on the site.
*/
div.centered {
  text-align: center;
  margin-bottom: 10px;
}
div.centered table {
  margin: 0 auto;
  text-align: left;
}
div.centered div {
  margin: 0 auto;
}
.modal_dialog_content #container_recipe h2 {
  margin-bottom: 8px;
}
.modal_dialog_content #container_recipe p.right_align_container,
.modal_dialog_content #container_recipe p.right_align_container a {
  font-size: 11px;
}
/************************************************************************
* RNC (Reviews, Notes & Comments)
************************************************************************/
#recipe_menu {
  background: #ffffff url(../../media/images/rnc_menu_bg.gif) repeat-x;
  border: 1px solid #98a898;
  width: 288px;
  font-size: 10px;
  padding: 5px;
  vertical-align: middle;
}
#recipe_tomatoes_chart_container {
  vertical-align: middle;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}
#recipe_tomatoes_chart_container img.rating,
img.rating_symbol_small {
  vertical-align: top;
  margin-left: 2px;
}
#recipe_tomatoes_chart_container span.rating,
#recipe_tomatoes_chart_container span.wouldMakeAgain {
  font-size: 85%;
  margin-left: 7px;
  vertical-align: top;
}
ul.recipeEval {
  list-style-type: none;
  margin: 0;
  padding: 20px 0 0 0;
  font-size: 12px;
}
ul.recipeEval li {
  background: url(../../media/images/arrow_bullet.gif) no-repeat left center;
  padding-left: 20px;
}
ul.recipeEval li a {
  color: #475c4d;
}
/* Next is for tab */
#recipe_tabs {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  height: 21px;
  border-bottom: 1px solid #98a898;
}
#recipe_tabs ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#recipe_tabs li.active {
  float: left;
  margin: 0;
  padding: 0;
  background-image: url(../../media/images/recipe_tab_right.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  margin-right: 3px;
}
#recipe_tabs li.active a,
#recipe_tabs li.active a:hover {
  display: block;
  background-color: transparent;
  background-image: url(../../media/images/recipe_tab_left.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  padding: 10px 15px;
  padding-top: 5px;
  color: #c63128;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
  border: 0;
  z-index: 10;
  cursor: default;
}
#recipe_tabs li {
  float: left;
  margin: 0;
  padding: 0;
  background-color: #f5faf2;
  margin-right: 3px;
}
#recipe_tabs li a {
  display: block;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 3px;
  padding-bottom: 4px;
  border: 1px solid #98a898;
  color: #636363;
  text-decoration: none;
  font-size: 11px;
}
#recipe_tabs li a:hover {
  background-color: #fefdd4;
  color: #000000;
}
.rnc_error {
  background-color: #bd1b20;
  border: 3px solid #bd1b20;
  color: #fff;
  padding: 10px;
}
.rnc_success {
  color: #339933;
  margin-left: 20px;
}
.rnc_recipe_comment_hr,
.rnc_recipe_review_hr {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #666;
  border-bottom: solid 2px #eee;
  font-size: 1px;
  padding-top: 8px;
  padding-bottom: 4px;
  margin-bottom: 8px;
  font-weight: bold;
  line-height: 0;
}
.recipeView .recipe_comment .recipe_comment_header {
  background-color: #ECF2E4;
  padding: 10px 10px;
  margin-bottom: 0;
}
.recipeView .recipe_comment .recipe_comment_header .date,
.recipeView .recipe_comment .recipe_comment_header .time {
  display: inline;
  margin-bottom: 0;
}
.recipeView .recipe_comment .recipe_comment_body {
  overflow: hidden;
}
.recipeView .recipe_comment .recipe_comment_body .recipe_comment_info {
  width: 130px;
  float: left;
  padding: 10px;
}
.recipeView .recipe_comment .recipe_comment_body .recipe_comment_info .username {
  font-size: 110%;
  font-weight: bold;
}
.recipeView .recipe_comment .recipe_comment_body .recipe_comment_info .would_make_again,
.recipeView .recipe_comment .recipe_comment_body .recipe_comment_info .no_review {
  font-style: italic;
  margin-bottom: 0;
  font-size: 90%;
}
.recipeView .recipe_comment .recipe_comment_body .recipe_comment_comment {
  background-color: #fff;
  margin-bottom: 0px;
  margin-left: 150px;
  padding: 5px;
}
#recipe_tomatoes_chart {
  padding: 10px;
}
div.recipe_comment_preview {
  background-color: #FFFADB;
  border: 1px solid #EDCC96;
  margin-top: 10px;
  padding: 10px;
}
.recipeView .recipe_review .recipe_review_header div {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.recipeView .recipe_review .recipe_review_header .username {
  color: #666;
  font-weight: bold;
}
.recipeView .recipe_review .recipe_review_header .date {
  font-size: 85%;
}
.recipeView .recipe_review .recipe_review_header .rating {
  display: inline;
  vertical-align: top;
}
.recipeView .recipe_review .recipe_review_header .would_make_again {
  display: inline;
  font-size: 85%;
  vertical-align: top;
}
.recipeView .recipe_review .votes_container {
  font-size: 85%;
  background-color: #eee;
  margin-top: 5px;
  margin-left: 00px;
  width: auto;
  padding: 5px 20px 0 30px;
}
.recipeView .recipe_review div.hr {
  border: 0;
  border-top: 1px dotted #666;
  margin: 0;
  margin-left: 0;
  padding: 0;
  width: 620px;
}
/************************************************************************
* Unclassified
************************************************************************/
.warning_container,
.warning_item {
  display: none;
}
.warning_container {
  padding: 10px;
  border: 2px solid #CD5E3D;
  background-color: #FFFC00;
  text-align: center;
  color: #000000;
  margin-bottom: 4px;
  font-weight: bold;
}
#special_events h2 {
  padding-top: 16px;
}
#special_events img {
  margin-right: 8px;
}
#eCardPreviewContainer,
#eCardSubmitSend {
  display: none;
}
#eCardPreviewContainerInner {
  margin: 4px;
  padding: 10px;
  background-color: #FFFADB;
  border: 1px solid #EDCC96;
}
#formError {
  padding: 4px;
  background-color: #F07A56;
  border: 2px solid #CD5E3D;
  color: White;
  padding-bottom: 0;
}
.myMealPlanResetWarning span.tooltip {
  border-bottom: 1px dotted black;
  cursor: help;
}
span.content_title_link {
  position: absolute;
  right: 5px;
  color: #cc0000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}
span.content_title_link a:hover {
  text-decoration: underline;
}
.flash_warning_container {
  text-align: center;
}
.flash_warning {
  border: 2px solid #EECD95;
  background-color: #FFF;
  text-align: center;
  color: red;
  margin: 0 auto;
  font-size: 20px;
  padding: 20px 8px 0 8px;
  overflow-y: auto;
}
.flash_warning p {
  margin-top: 60px;
}
.flash_warning a {
  color: red;
  font-size: 24px;
}
#modal_dialog_picture_viewer #modal_dialog_content_picture_viewer {
  padding: 0;
  padding-bottom: 10px;
}
#modal_dialog_picture_viewer #modal_dialog_content_picture_viewer .picture_viewer_controls {
  vertical-align: middle;
  text-align: right;
  line-height: 20px;
  margin-top: 4px;
  padding-right: 6px;
  background-color: #fff3d5;
}
.hidden {
  display: none;
}
.middle {
  vertical-align: middle;
}
#selected_recipes_container {
  height: 270px;
  overflow-y: auto;
}
#browser_warning {
  font-size: 10px;
  border: 1px;
  border-color: black;
  border-style: dashed;
  padding: 0;
  width: 996px;
  margin: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#meal_plan_is_premium_message_container {
  background-image: url(/media/images/upgrade-account-bkgd.jpg);
  background-repeat: no-repeat;
  height: 258px;
  padding: 20px;
  text-align: right;
  width: 577px;
  margin: 0 auto;
}
#meal_plan_is_premium_message_inner_container {
  display: inline-block;
  *display: inline;
  text-align: center;
  zoom: 1;
}
#meal_plan_is_premium_message_container .title {
  font-size: 26px;
  color: #f07a56;
}
#meal_plan_is_premium_message_container .mealplan {
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  margin-top: 5px;
}
#meal_plan_is_premium_message_container .smallText {
  font-size: 9px;
}
.yui3-overlay {
  position: absolute;
  z-index: 9999;
}
.yui3-overlay-hidden {
  visibility: hidden;
}
.yui3-js-enabled .yui3-overlay-loading {
  z-index: 9999;
  top: -1000em;
  left: -1000em;
  position: absolute;
}
.yui3-widget-tmp-forcesize .yui3-overlay-content {
  overflow: hidden !important;
}
.yui3-widget-stacked .yui3-widget-shim {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  border: none;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  /* 
    * We'll be setting these programmatically for IE6, 
    * to account for cases where height is not set 
    */
  _width: 0;
  _height: 0;
}
.yui3-soscuisine-standard-dialog {
  padding: 8px;
  font-family: verdana, arial, helvetica, sans-serif;
  background-color: #FFF;
  border: 3px solid #658A2F;
  -moz-box-shadow: 5px 5px 5px #555;
  -webkit-box-shadow: 5px 5px 5px #555;
  box-shadow: 5px 5px 5px #555;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.yui3-soscuisine-standard-dialog .yui3-widget-hd {
  height: 20px;
  border-bottom: 2px solid #658A2F;
  margin-bottom: 10px;
  overflow: auto;
}
.yui3-soscuisine-standard-dialog .yui3-widget-hd span {
  font-weight: bold;
  font-size: 13px;
  color: #777;
  float: left;
  overflow: auto;
}
.yui3-soscuisine-standard-dialog .yui3-widget-hd a:hover,
.yui3-soscuisine-standard-dialog .yui3-widget-hd a:visited,
.yui3-soscuisine-standard-dialog .yui3-widget-hd a {
  float: right;
  font-weight: bold;
  font-size: 13px;
  color: #777;
  text-decoration: none;
}
.yui3-soscuisine-standard-dialog .yui3-widget-bd {
  text-align: left;
}
.yui3-notification {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  margin: 0 auto;
  height: 60px;
  line-height: 60px;
  z-index: 9999;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 15px;
}
.yui3-notification.info {
  background-color: #7FBBF7;
}
.yui3-notification.success {
  background-color: #00DBED;
  border-bottom: 2px solid #0B8A95;
}
.yui3-notification.warning {
  background-color: #FC9526;
  border-bottom: 2px solid #A35B0C;
}
.yui3-notification.error {
  color: #fff;
  background-color: #C00;
  border-bottom: 2px solid #800;
}
.yui3-notification.error a {
  color: #fff;
  text-decoration: underline;
}
.yui3-overlay-mask {
  background: #fffadb;
  opacity: .5;
  filter: alpha(opacity=50);
  -moz-opacity: .5;
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions .sos-plus-banner {
  display: block;
  background-image: url(/media/images/sosplus/go_sosplus_en.jpg);
  text-indent: -99em;
  width: 754px;
  height: 534px;
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions .sos-plus-banner.en-CA {
  background-image: url(/media/images/sosplus/go_sosplus_en.jpg);
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions .sos-plus-banner.fr-CA {
  background-image: url(/media/images/sosplus/go_sosplus_en.jpg);
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  min-width: 500px;
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions table {
  margin: 4px auto 8px auto;
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions table th,
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions table td {
  border: 1px solid #A0C963;
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions thead th {
  background-color: #F3FDE5;
  width: 150px;
  font-weight: bold;
  text-align: center;
  padding: 3px;
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions tbody th {
  background-color: #E3F1DA;
  font-weight: bold;
  vertical-align: top;
  padding: 5px;
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions tbody td {
  vertical-align: top;
  text-align: right;
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions tbody td p {
  display: block;
  margin: 0;
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions tbody td.no-price {
  padding: 5px;
  color: #BBB;
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions tbody td p.selling-unit {
  font-weight: bold;
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions tbody td p.public-notes {
  font-size: 10px;
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions tbody td div.item {
  margin-bottom: 8px;
  padding: 5px;
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions tbody td div.item.selected {
  border: 1px solid #C00;
  background-color: #FFA;
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions tbody td div.item.selected p.selling-unit {
  color: #C00;
}
/* buying option tooltip */
.botooltip {
  border: 2px solid #C00;
  background-color: #FFF;
  padding: 5px 10px;
  position: absolute;
  width: 160px;
  text-align: left;
  height: 40px;
}
.botooltip .arrow {
  width: 14px;
  height: 29px;
  background-image: url(/media/images/tooltiparrow.gif);
  position: absolute;
  left: -14px;
  top: 10px;
}
.botooltip .text-container p {
  line-height: 150%;
  margin-bottom: 0px;
}
.botooltip .text-container h1 {
  color: #C00;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 5px;
}
.botooltip .text-container img {
  vertical-align: text-bottom;
}
.botooltip .close-button {
  display: block;
  position: absolute;
  right: 5px;
  top: 2px;
  color: #000;
  cursor: pointer;
  font-weight: bold;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
}
.botooltip .close-button:hover {
  text-decoration: none;
}
.yui3-soscuisine-standard-dialog.soscuisine-plus .yui3-widget-bd {
  text-align: center;
  font-size: 12px;
}
.context-in-frame .yui3-soscuisine-standard-dialog.soscuisine-plus .yui3-widget-bd .learn-about {
  border: 1px solid black;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  width: 575px;
}
.yui3-soscuisine-standard-dialog.soscuisine-plus .yui3-widget-bd {
  font-size: 14px;
  line-height: 1.5em;
}
.yui3-soscuisine-standard-dialog.soscuisine-plus .yui3-widget-bd .intro {
  margin: 0.5em 0 1em 0;
}
.yui3-soscuisine-standard-dialog.soscuisine-plus .yui3-widget-bd .learn-about.plus {
  display: block;
  width: 754px;
  height: 534px;
  background-image: url(/media/images/sosplus/go_sosplus_en.jpg);
  text-indent: -9999em;
  margin-top: 8px;
}
.yui3-soscuisine-standard-dialog.soscuisine-plus .yui3-widget-bd .learn-about.premium {
  display: block;
  width: 821px;
  height: 534px;
  background-image: url(/media/images/sosplus/go_premium_en.png);
  text-indent: -9999em;
  margin-top: 8px;
}
.yui3-soscuisine-standard-dialog.soscuisine-plus .yui3-widget-bd .sign-in {
  font-size: 18px;
  font-weight: bold;
  margin-top: 0.5em;
}
.yui3-soscuisine-standard-dialog.soscuisine-plus .yui3-widget-ft {
  margin-top: 6px;
}
.yui3-soscuisine-standard-dialog.soscuisine-plus.fr-CA .yui3-widget-bd .learn-about.plus {
  background-image: url(/media/images/sosplus/go_sosplus_fr.jpg);
}
.yui3-soscuisine-standard-dialog.soscuisine-plus.fr .yui3-widget-bd .learn-about.premium {
  background-image: url(/media/images/sosplus/go_premium_fr_fr.png);
}
.yui3-soscuisine-standard-dialog.soscuisine-plus.fr-CA .yui3-widget-bd .learn-about.premium {
  background-image: url(/media/images/sosplus/go_premium_ca_fr.png);
}
.yui3-soscuisine-standard-dialog.soscuisine-plus-gl .yui3-widget-bd h1,
.yui3-soscuisine-standard-dialog.soscuisine-plus-gl .yui3-widget-bd h2 {
  font-size: 20px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  line-height: 76px;
  vertical-align: middle;
  color: #56903C;
  text-align: center;
}
.yui3-soscuisine-standard-dialog.soscuisine-plus-gl .yui3-widget-bd h2 {
  line-height: 16px;
  border: 0;
  margin: 0 0 18px 0;
  padding: 0;
}
.yui3-soscuisine-standard-dialog.soscuisine-plus-gl .yui3-widget-bd h1 img {
  margin-left: 5px;
}
.yui3-soscuisine-standard-dialog.soscuisine-plus-gl .yui3-widget-bd .learn-more {
  display: block;
  background-image: url(/media/images/sosplus/learn_more_en.png);
  width: 106px;
  height: 31px;
  text-indent: -9999em;
  margin: 0 auto;
}
.yui3-soscuisine-standard-dialog.soscuisine-plus-gl.fr-CA .yui3-widget-bd .learn-more {
  background-image: url(/media/images/sosplus/learn_more_fr.png);
  width: 127px;
}
.warning_pmp {
  background-color: #F2F9FF;
  padding: 5px;
  text-align: center;
  border: 1px solid #CC3333;
  margin-bottom: 5px;
  padding: 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
/* Use this class to extend warning_pmp class that will display a lock icon in background */
.with_lock {
  background-image: url(/media/images/lock_icon.png);
  background-repeat: no-repeat;
  background-position: 10px 10px;
}
.block_confirm {
  font-weight: bold;
  background-color: #E5F5D3;
  border: solid 1px #456B15;
  padding: 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.block_confirm .return {
  display: block;
  margin: 20px auto 0;
}
.string-picker {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  position: relative;
  display: inline-block;
}
/*
.string-picker .trigger {
    font-weight: bold;
    position: relative;
    margin: 0;
    border: solid 2px #78A139;
    background-color: #A0C963;
    color: #FFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 24px;
    z-index: 30;
    padding-left: 4px;
    padding-right: 4px;
}
.string-picker.disabled .trigger {
    border: solid 2px #888;
    background-color: #AAA;
}
*/
.string-picker.open .trigger {
  /*
    border-top: 0;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .4);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, .4);
    */
}
.string-picker .popup {
  position: absolute;
  z-index: 25;
  left: -125px;
  width: 225px;
  padding: 5px;
  /*
    border: solid 2px #78A139;
    background-color: #A0C963;
    */
  background-color: #F07A56;
  border: 2px solid #CD5E3D;
  color: #FFF;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  visibility: hidden;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
}
.string-picker .popup .ok,
.string-picker .popup .submit,
.string-picker .popup .cancel {
  /*background-color: #78A139;*/
  background-color: #CD5E3D;
  border: 0;
  color: #FFF;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-size: 11px;
  margin: 0 2px;
  padding-left: 3px;
  padding-right: 3px;
  float: right;
}
.string-picker .popup .ok {
  display: none;
}
.string-picker.open.sent .popup .ok {
  display: block;
}
.string-picker.open.sent .popup .submit,
.string-picker.open.sent .popup .cancel {
  display: none;
}
.string-picker .popup .ok:hover,
.string-picker .popup .submit:hover,
.string-picker .popup .cancel:hover {
  background-color: #A34B31;
}
.string-picker.sent .popup .header {
  visibility: hidden;
}
.string-picker .popup .body {
  margin: 10px 0 2px 0;
  height: 50px;
}
.string-picker .popup .body .info {
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
  font-size: 9px;
}
.string-picker .popup .body .spinner {
  width: 16px;
  height: 16px;
  margin: 0 auto;
  background-image: url(/media/images/ajax-loader3.gif);
  display: none;
}
.string-picker.validate .popup .body .spinner {
  display: block;
}
.string-picker .popup .body .error {
  color: #C00;
}
.string-picker .popup .body .message {
  border: none;
  color: #333;
}
.string-picker .popup .body input[type="text"] {
  /*
        border: solid 2px #78A139;
        color: #78A139;
    */
  border: solid 2px #CD5E3D;
  /*
    color: #CD5E3D;
    font-weight: bold;
    */
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  width: 219px;
}
.string-picker.validate .popup .body input[type="text"],
.string-picker.sent .popup .body input[type="text"] {
  display: none;
}
.string-picker .popup .footer {
  overflow: hidden;
}
.string-picker.open .popup {
  visibility: visible;
}
.member-only {
  font-family: verdana, arial, helvetica, sans-serif;
}
.member-only h1 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 10px;
}
.member-only .options h2 {
  font-size: 12px;
  font-weight: bold;
  border: 0;
  color: #000;
  margin-bottom: 3px;
}
.member-only .options {
  list-style: none;
  margin: 0;
  overflow: hidden;
  width: 300px;
  margin: 0 auto;
}
.member-only .options li {
  float: right;
}
.member-only .options li:first-child {
  float: left;
}
.member-only .options li a {
  color: #FFF;
  background-color: #F07A56;
  border: 2px solid #CD5E3D;
  padding: 2px 8px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  font-size: 11px;
  zoom: 1;
}
.member-only .options li a:hover {
  text-decoration: none;
}
.member-only .options li:first-child a {
  color: #FFF;
  background-color: #A0C963;
  border: 2px solid #78A139;
}
/**
* Big Button
* (tested at least in IE7-8-9, FF)
*
* - We use a big-button-wrapper, this allow us to make the round corner works with the filter under IE9
*   (there is other hack which involve creating a SVG image on the fly to create the gradient)
*/
a.big-button,
a.big-green-button,
a.big-darkgreen-button {
  background: #c00;
  /* Old browsers */
  background: -moz-linear-gradient(top, #cc0000 10%, #a51e22 75%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #cc0000), color-stop(75%, #a51e22));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #cc0000 10%, #a51e22 75%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #cc0000 10%, #a51e22 75%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #cc0000 10%, #a51e22 75%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0000', endColorstr='#a51e22', GradientType=0);
  /* IE6-9 */
  background: linear-gradient(top, #cc0000 10%, #a51e22 75%);
  /* W3C */
  color: #FFF;
  font-size: 24px;
  line-height: 1;
  /* make sure it renders correctly in all browser and all page, relatively to line-height definition; without this there is a problem in Chrome (v18 and prior) with the line-height: 1.4em inherited of the PMF pages. */
  padding: 15px 12px;
  text-decoration: none;
  white-space: nowrap;
}
a.big-green-button {
  background: -moz-linear-gradient(top, #00cc00 10%, #1ea522 75%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #00cc00), color-stop(75%, #1ea522));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #00cc00 10%, #1ea522 75%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #00cc00 10%, #1ea522 75%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #00cc00 10%, #1ea522 75%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00cc00', endColorstr='#1ea522', GradientType=0);
  /* IE6-9 */
  background: linear-gradient(top, #00cc00 10%, #1ea522 75%);
  /* W3C */
}
a.big-darkgreen-button {
  background: #a0c963;
  font-size: 18px !important;
}
a.big-darkgreen-button:hover {
  background: #658a2f;
  /* Old browsers */
  text-decoration: none;
}
a.big-button:hover {
  background: #ea0000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ea0000 10%, #c12328 75%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #ea0000), color-stop(75%, #c12328));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ea0000 10%, #c12328 75%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ea0000 10%, #c12328 75%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ea0000 10%, #c12328 75%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea0000', endColorstr='#c12328', GradientType=0);
  /* IE6-9 */
  background: linear-gradient(top, #ea0000 10%, #c12328 75%);
  /* W3C */
}
a.big-green-button:hover {
  background: #ea0000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #00ea00 10%, #23c128 75%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #00ea00), color-stop(75%, #23c128));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #00ea00 10%, #23c128 75%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #00ea00 10%, #23c128 75%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #00ea00 10%, #23c128 75%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ea00', endColorstr='#23c128', GradientType=0);
  /* IE6-9 */
  background: linear-gradient(top, #00ea00 10%, #23c128 75%);
  /* W3C */
}
a.big-button,
a.big-green-button,
a.big-darkgreen-button,
.big-button-wrapper {
  display: inline-block;
}
.big-button-wrapper {
  border-collapse: separate;
  /* if collapsed, can hide box-shadow under some browsers (IE9, ?) */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: #B3B3B3 0 5px 5px;
  -moz-box-shadow: #B3B3B3 0 5px 5px;
  box-shadow: #B3B3B3 0 5px 5px;
  overflow: hidden;
}
/**
 *     Context
 */
.breadcrumbs {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 10.8px;
}
/**
* Action Button
* (tested at least in IE7-8-9, FF)
*
* @todo test in all browser, decide what we support and which hack we support for these button.
* @todo document hack for IE < 9
* - We use a big-button-wrapper, this allow us to make the round corner works with the filter under IE9
*   (there is other hack which involve creating a SVG image on the fly to create the gradient)
*/
a.action-button {
  /* Gradient */
  background: #fdfff9;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmZmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fdfff9 0%, #d9d9d9 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfff9), color-stop(100%, #d9d9d9));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fdfff9 0%, #d9d9d9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fdfff9 0%, #d9d9d9 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fdfff9 0%, #d9d9d9 100%);
  /* IE10+ */
  background: linear-gradient(top, #fdfff9 0%, #d9d9d9 100%);
  /* W3C */
  /* Other */
  color: #1b8ad2;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
  text-decoration: none;
  white-space: nowrap;
}
a.action-button:hover {
  /* Gradient*/
  background: #fdfff9;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmZmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fdfff9 0%, #dfdfdf 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfff9), color-stop(100%, #dfdfdf));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fdfff9 0%, #dfdfdf 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fdfff9 0%, #dfdfdf 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fdfff9 0%, #dfdfdf 100%);
  /* IE10+ */
  background: linear-gradient(top, #fdfff9 0%, #dfdfdf 100%);
  /* W3C */
}
a.action-button img {
  border: none;
}
a.action-button > * {
  vertical-align: middle;
}
a.action-button,
.action-button-wrapper {
  display: inline-block;
}
a.action-button {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #989898;
  border-top-color: #dedede;
  border-right-color: #aeaeae;
  border-bottom-color: #989898;
  border-left-color: #c5c5c5;
}
.DISABLEDaction-button-wrapper {
  border-collapse: separate;
  /* if collapsed, can hide box-shadow under some browsers (IE9, ?) */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  /*
    -webkit-box-shadow: #B3B3B3 0 5px 5px;
    -moz-box-shadow: #B3B3B3 0 5px 5px;
    box-shadow: #B3B3B3 0 5px 5px;
    */
  overflow: hidden;
}
/**
* Side banners
*/
.side-banners {
  height: 100%;
  left: 0;
  overflow: hidden;
  /* overflow-y: hidden; */
  /* CSS3 - less compatible */
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
}
.side-banners.fixed {
  position: fixed;
}
.left-side-banner {
  position: absolute;
  right: 50%;
  margin-right: 499px;
  visibility: visible;
}
.right-side-banner {
  position: absolute;
  left: 50%;
  margin-left: 499px;
  visibility: visible;
}
.side-banners-background {
  background-color: #8BCC43;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  visibility: visible;
  width: 100%;
  z-index: -1;
}
/**
* Debug
*/
.mealPlanCommonFooter .debug {
  border: 1px solid black;
  margin: 1em 0;
  padding: 0.5em;
}
.mealPlanCommonFooter .debug h1 {
  font-size: 1em;
  margin: 0;
}
.mealPlanCommonFooter .debug h1 + * {
  margin-top: 1em;
}
.mealPlanCommonFooter .debug .display-controller {
  cursor: pointer;
}
/**
* Messages
*/
.systemMessages,
.errorMessages,
.warningMessages {
  /*margin-left: 5px;*/
  /*margin-right: 5px;*/
  text-align: justify;
  color: #fff;
  font-size: 11px;
  /*font-weight: bold;*/
}
.warningMessages {
  color: Black;
}
.systemMessages ul,
.errorMessages ul,
.warningMessages ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.systemMessages ul li,
.errorMessages ul li,
.warningMessages ul li {
  padding: 5px;
}
.errorMessages li {
  background-color: #F07A56;
}
.warningMessages li {
  background-color: #FFF2A6;
}
.systemMessages li {
  background-color: #A0C963;
}
.message {
  border: 1px solid;
  margin-bottom: 0.5em;
  padding: 0.5em;
  padding-right: 1.5em;
  position: relative;
}
.message .close-button {
  color: #000;
  cursor: pointer;
  padding: 0.25em 0.5em;
  position: absolute;
  right: 0;
  text-decoration: none;
  top: 0;
}
.success-message {
  background-color: #DFF2BF;
  /* #A0E663; #A0C963 */
  color: #4F8A10;
}
/*@todo review what is below...*/
.member-restricted-block .sign-in th,
.member-restricted-block .sign-in td,
.member-restricted-block .sign-up th,
.member-restricted-block .sign-up td,
.member-restricted-block div {
  padding: 5px;
}
.member-restricted-block input[type='password'],
.member-restricted-block input[type='text'] {
  width: 150px;
}
.member-restricted-block input[type='submit'] {
  padding: 5px;
  font-weight: bold;
}
.member-restricted-block .actions {
  text-align: center;
}
.member-restricted-block .title {
  acolor: #FFF;
  font-weight: bold;
  font-size: 125%;
}
.member-restricted-block .sign-in,
.member-restricted-block .sign-up {
  border: 1px solid black;
}
.member-restricted-block .sign-up {
  margin-left: 5px;
}
.member-restricted-block .sign-in,
.member-restricted-block .sign-up {
  background-color: #FFF8CE;
}
.member-restricted-block .sign-in {
  aborder: solid 2px #78A139;
  abackground-color: #A0C963;
  abackground-color: white;
}
.fb_iframe_widget iframe {
  position: relative !important;
}
#inlineBannerAds1 {
  margin: auto;
  margin-bottom: 15px;
}
#inlineBannerAds1 {
  margin: 10px auto;
  width: 100%;
}
#inlineLargeRectangleAds1 {
  float: right;
  padding: 10px;
  margin-bottom: 0px;
}
#inlineSquareAds1 {
  width: 250px;
  margin: auto;
}
.random_ads {
  margin: auto;
  width: 468px;
}
.addthis_toolbox.addthis_32x32_style a {
  margin: 1em 1em 0 1em;
}
.hreview-aggregate,
.hreview .rating,
.hreview .vcard {
  display: none;
}
/**
*  New style for footer page
*/
#inlineLeaderboardOrCarousel {
  width: 728px;
  margin: 20px auto auto;
}
.vcard.reviewer {
  display: block;
}
.inner_content div#content {
  font-size: 14px;
  display: inline;
  float: right;
  width: 700px;
  margin: 0 10px 20px 0;
}
#content h1 {
  font-size: 40px;
  font-weight: normal;
  line-height: 40px;
  margin: 5px 0 31px;
  color: #000000;
  font-family: 'banda-regular-normal', 'Trebuchet MS', Trebuchet, sans-serif;
  letter-spacing: -1px;
}
#content h2 {
  color: #000000;
  font-family: 'banda-regular-normal', 'Trebuchet MS', Trebuchet, sans-serif;
  font-size: 22px;
  line-height: 27px;
  font-weight: normal;
  margin: 1em 0 0.7em;
  border-bottom: none;
  padding-bottom: 0;
  padding-top: 0;
  clear: both;
}
#content h2.post {
  margin-bottom: 5px;
}
span.meta-date {
  font-size: 12px;
  margin-bottom: 15px;
  display: block;
}
#content h3 {
  font-family: 'banda-regular-normal', 'Trebuchet MS', Trebuchet, sans-serif;
  font-size: 18px;
  line-height: 27px;
  margin: 1.5em 0 0.3em;
}
#content h4 {
  font-family: 'banda-regular-normal', 'Trebuchet MS', Trebuchet, sans-serif;
  font-size: 18px;
  line-height: 27px;
  margin: 0 0 0.5em;
}
#content p {
  font-size: 14px;
  line-height: 22px;
  margin: 0 0 1em;
}
#content td {
  font-size: 14px;
  line-height: 22px;
}
#content div.two_col {
  display: inline;
  width: 47%;
}
#content div.two_col.left {
  float: left;
}
#content div.two_col.right {
  float: right;
}
#content div.four_col {
  float: left;
  font-size: 14px;
  margin-bottom: 25px;
  text-align: center;
  width: 24%;
}
#content div.four_col img {
  background-color: #f5f5f5;
  display: block;
  margin: 0 auto;
  padding: 15px;
}
#content div.four_col.last {
  border: 1px solid green;
}
div #left-sidebar {
  display: inline;
  float: left;
  width: 220px;
  margin: 10px 0 0 10px;
}
div #sidebar-menu {
  margin: 0;
  padding: 0;
  margin-bottom: 25px;
}
div #sidebar-menu ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
div #sidebar-menu ul li a {
  background-color: #a0c963;
  color: #fff;
  display: block;
  font-family: 'banda-regular-normal', 'Trebuchet MS', Trebuchet, sans-serif;
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  margin-bottom: 10px;
  padding-left: 10px;
  text-decoration: none;
}
div #sidebar-menu > ul > li > a {
  height: auto !important;
  line-height: auto;
  min-height: 50px;
}
div #sidebar-menu ul li a.selected {
  background-color: #658a2f;
  color: #FFF;
}
div #sidebar-menu ul li a:hover {
  background-color: #658a2f;
  color: #FFF;
}
div #sidebar-menu ul li ul li {
  vertical-align: text-bottom;
  border-bottom: 1px dashed #aaa;
  position: relative;
}
div #sidebar-menu ul li ul li a {
  background-color: #ffffff;
  color: #aaa;
  display: block;
  height: auto;
  font-family: 'banda-regular-normal', 'Trebuchet MS', Trebuchet, sans-serif;
  font-size: 18px;
  line-height: 20px;
  padding-left: 10px;
  text-decoration: none;
  margin-left: 10px;
  vertical-align: text-bottom;
}
div #sidebar-menu ul li ul li a.selected {
  background-color: #ffffff;
  color: #666;
}
div #sidebar-menu ul li ul li:hover {
  border-bottom: 1px dashed #666;
}
div #sidebar-menu ul li ul a:hover {
  background-color: #ffffff;
  color: #666;
}
#sidebar-menu .inlineA {
  display: inline;
  margin: 0;
  padding: 0;
  background-color: none;
}
/* TOC */
#content .toc {
  list-style: none outside none;
  margin: 0 0 10px;
  padding: 0;
}
#content .toc:before {
  content: "";
  display: block;
}
#content .toc:after {
  clear: both;
  content: "";
  display: table;
}
#content .toc:before {
  content: "";
  display: block;
}
#content .toc:after {
  clear: both;
  content: "";
  display: table;
}
#content .toc li {
  float: left;
  width: 25%;
}
#content .toc li a {
  font-size: 12px;
}
/* Back to top*/
.separator_top {
  border-bottom: 1px dashed #A0B549;
  height: 1px;
  margin: 0 0 20px 0;
  clear: both;
  margin-top: 0;
}
#content a.back_to_top {
  background-color: #658a2f;
  clear: both;
  color: white;
  float: right;
  font-size: 12px;
  padding: 8px 20px 8px 10px;
  position: relative;
  text-decoration: none;
}
#content a.back_to_top .arrow_up {
  border-bottom: 5px solid white;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  bottom: 9px;
  height: 0;
  position: absolute;
  right: 5px;
  transition: all 0.2s linear 0s;
  width: 0;
  z-index: 10;
}
#content a.back_to_top:hover .arrow_up {
  bottom: 18px;
  transition: all 0.2s linear 0s;
}
/* boutons*/
.btn-type1 {
  background-color: #a51e22;
  color: #FFFFFF !important;
  cursor: pointer;
  text-decoration: none !important;
}
.btn-type1:hover {
  background-color: #cf0000;
  text-decoration: none !important;
}
.btn-type1:active {
  background-color: #db1717;
}
.btn-cta {
  border-radius: 4px 4px 4px 4px;
  display: inline-block;
  font: 18px 'banda-regular-normal', 'Trebuchet MS', Trebuchet, sans-serif;
  padding: 12px 24px 9px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s linear 0s;
  white-space: nowrap;
}
.btn-cta-sm {
  border-radius: 4px 4px 4px 4px;
  display: inline-block;
  font: 14px 'banda-regular-normal', 'Trebuchet MS', Trebuchet, sans-serif;
  padding: 14px 14px 11px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s linear 0s;
  white-space: nowrap;
}
.btn-cta-med {
  border-radius: 4px 4px 4px 4px;
  display: inline-block;
  font: 20px 'banda-regular-normal', 'Trebuchet MS', Trebuchet, sans-serif;
  padding: 16px 32px 13px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s linear 0s;
  white-space: nowrap;
}
.btn-cta-lrg {
  border-radius: 4px 4px 4px 4px;
  display: inline-block;
  font-family: 'banda-regular-normal', 'Trebuchet MS', Trebuchet, sans-serif;
  padding: 17px 27px 13px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s linear 0s;
  white-space: nowrap;
}
.btn-cta-lrg .btn-t {
  font-size: 22px;
}
.btn-cta-lrg .btn-st {
  font-size: 12px;
  text-align: center;
}
.btn-cta-sec {
  background-color: #F4F4F4;
  border: 1px solid #CECECE;
  border-radius: 4px 4px 4px 4px;
  color: #686868 !important;
  display: inline-block;
  font-size: 12px;
  padding: 4px 12px;
  text-decoration: none !important;
  transition: all 0.1s linear 0s;
}
.btn-cta-sec:hover {
  background-color: #E8E8E8;
  transition: all 0.1s linear 0s;
}
/* Utilities */
.alignleft {
  margin: 5px 20px 20px 0;
  float: left;
}
.clear,
.clearboth {
  clear: both;
}
.separator {
  border-bottom: 1px dashed #A0B549;
  height: 1px;
  margin: 6px 0 20px 0;
  clear: both;
}
#content span.do {
  background-image: url("https://ressources.soscuisine.com/media/images/do.png");
  display: block;
  float: left;
  height: 18px;
  margin: 0 5px 10px 0;
  width: 18px;
}
#content span.dont {
  background-image: url("https://ressources.soscuisine.com/media/images/dont.png");
  display: block;
  float: left;
  height: 18px;
  margin: 0 5px 10px 0;
  width: 18px;
}
#content img.screenshots {
  background-color: #f5f5f5;
  display: block;
  margin: 0 0 20px 15px;
  padding: 15px;
  width: 300px;
  float: right;
}
#content img.team {
  background-color: #f5f5f5;
  display: block;
  margin: 0 15px 20px 0;
  padding: 15px;
  width: 180px;
  float: left;
}
/* Testimonials*/
.quote-block {
  padding: 0 45px;
  position: relative;
  float: right;
  width: 430px;
}
.quote-open {
  background: url("https://ressources.soscuisine.com/media/images/icon_quotation.png") no-repeat scroll 0 0 transparent;
  left: 0;
  top: 0;
}
.quote-block .quote-close {
  bottom: 50px;
}
.quote-close {
  background: url("https://ressources.soscuisine.com/media/images/icon_quotation.png") no-repeat scroll right 0 transparent;
  bottom: 0;
  right: 0;
}
.quote-close,
.quote-open {
  height: 23px;
  position: absolute;
  width: 27px;
}
#content .quote-block p.quote-author {
  font-size: 16px;
  line-height: 22px;
}
.quote-block span.quote-position {
  display: block;
  font-size: 12px;
  line-height: 16px;
}
.pestoBlog {
  width: 100%;
}
.pestoBlog > div {
  width: 223px;
  padding: 5px;
  float: left;
}
.pestoBlog > div img {
  display: block;
  margin: 0 auto;
  padding: 10px;
  background-color: #f5f5f5;
}
.pestoBlog > div h3 {
  margin-top: 0.5em !important;
}
.pestoBlog > div h3 a {
  color: black;
}
.pestoBlog > div h3:hover a {
  color: #c00;
}
.pestoLink {
  text-align: right;
  padding-right: 5px;
}
#menu img {
  margin-right: 0px;
}
/*--------------------*/
/*Collapsible sections*/
/*--------------------*/
.expandCollapseAllContainer {
  font-size: 12px !important;
  text-align: right;
  padding-right: 20px;
}
.expandCollapseAllContainer a {
  font-size: 12px !important;
  color: #c00 !important;
}
.collapsibleContainer {
  border-bottom: 1px dashed #A0B549;
  margin: 3px 0px;
  width: auto;
  padding: 5px 10px;
  text-align: left;
}
.collapsibleContainer.last {
  border-bottom: none;
}
.collapsibleContainer > .collapsibleHeading {
  font-weight: bold;
  cursor: pointer;
}
.collapsibleContainer > .collapsibleContent {
  margin-top: 5px;
  padding-left: 24px;
}
.collapsibleContainer .title {
  display: inline-block;
  vertical-align: middle;
}
.collapsibleContainer .icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
}
/* Tips and advice in meal plan description */
.collapsibleContainer.tip {
  border-left: none;
  border-right: none;
}
/** VIP COOK **/
div.steps-number {
  color: #a0c963;
  font: 32px 'banda-regular-normal', 'Trebuchet MS', Trebuchet, sans-serif;
  float: left;
  margin-bottom: 20px;
  width: 60px;
  text-align: center;
}
div.steps-description {
  float: right;
  width: 600px;
  padding-top: 10px;
}
div.steps-description2 {
  padding-left: 60px;
  float: right;
  width: 600px;
}
.quote-block-full {
  padding: 0 45px;
  position: relative;
}
.quote-block-full span.quote-position {
  display: block;
  font-size: 12px;
}
.alignRight {
  text-align: right;
  padding-right: 10px;
}
.logoSacreeSoiree {
  background-color: #f5f5f5;
  display: block;
  margin: 0 15px 1px 0;
  padding: 15px;
  float: left;
}
table.exemples {
  width: 100%;
}
table.exemples tr {
  border: 1px dotted #A0B549;
}
table.exemples tr:hover {
  background-color: #e4e4e4;
}
table.exemples tr.dish-header {
  border-bottom: 1px white solid;
}
table.exemples tr.dish-header:hover {
  background-color: white;
}
table.exemples tr.dish-header th {
  text-align: center;
  font-size: 10px;
  padding-top: 5px;
}
table.exemples tr.dish-header th:first-child {
  font-weight: bold;
}
table.exemples td {
  text-align: center;
  padding-top: 10px !important;
  border-spacing: 1%;
  border-collapse: separate;
  clear: both;
}
table.exemples td.recipeEx {
  width: 29%;
  padding: 1%;
}
table.exemples td.addition {
  width: 0.5%;
  padding-top: 52px !important;
  font-size: 24px !important;
  font-weight: bold;
}
.redCheck {
  list-style-image: url('https://ressources.soscuisine.com/media/images/vip/vip_cook/check-red.png');
}
#dialogModal {
  text-align: left;
}
.collapsibleContainer.tip .title {
  display: inline-block;
  vertical-align: middle;
}
.collapsibleContainer.tip .icon {
  width: 20px;
  height: 20px;
}
/* TIPS */
.collapsibleContainer.tip.recommendation.collapsed .icon {
  background-image: url("https://ressources.soscuisine.com/media/images/meal_plan_description_pages/recommandation_collapsed.png");
}
.collapsibleContainer.tip.recommendation.expanded .icon {
  background-image: url("https://ressources.soscuisine.com/media/images/meal_plan_description_pages/recommandation_expanded.png");
}
.collapsibleContainer.tip.warning.collapsed .icon {
  background-image: url("https://ressources.soscuisine.com/media/images/meal_plan_description_pages/warning_collapsed.png");
}
.collapsibleContainer.tip.warning.expanded .icon {
  background-image: url("https://ressources.soscuisine.com/media/images/meal_plan_description_pages/warning_expanded.png");
}
.collapsibleContainer.tip.discouraged.collapsed .icon {
  background-image: url("https://ressources.soscuisine.com/media/images/meal_plan_description_pages/discouraged_collapsed.png");
}
.collapsibleContainer.tip.discouraged.expanded .icon {
  background-image: url("https://ressources.soscuisine.com/media/images/meal_plan_description_pages/discouraged_expanded.png");
}
/* FAQ (specific to meal plans)*/
.collapsibleContainer.faq .title {
  width: 655px;
  display: inline-block;
}
/* Green up down arrows*/
.collapsibleContainer.greenUpDownArrow .icon {
  width: 18px;
  height: 18px;
  margin-bottom: 3px;
}
.collapsibleContainer.greenUpDownArrow.collapsed .icon {
  background-image: url("https://ressources.soscuisine.com/media/images/meal_plan_description_pages/arrow-down-a0c963.jpg");
}
.collapsibleContainer.greenUpDownArrow.expanded .icon {
  background-image: url("https://ressources.soscuisine.com/media/images/meal_plan_description_pages/arrow-up-a0c963.jpg");
}
/* FAQ (general)*/
.collapsibleContainer.generalFaq .title {
  width: 655px;
  display: inline-block;
}
/* Neutral plus minus arrows*/
.collapsibleContainer.neutralPlusMinus .icon {
  width: 18px;
  height: 18px;
  margin-bottom: 3px;
}
.collapsibleContainer.neutralPlusMinus.collapsed .icon {
  background-image: url("https://ressources.soscuisine.com/media/images/faq/plus_dark_grey.png");
}
.collapsibleContainer.neutralPlusMinus.expanded .icon {
  background-image: url("https://ressources.soscuisine.com/media/images/faq/minus_dark_grey.png");
}
/*FAQ INDEX*/
#faqIndexTable {
  width: 100%;
  border: none;
}
#faqIndexTable tr {
  height: 55px;
}
#faqIndexTable a {
  font-size: 18px;
  margin-left: 20px;
}
#faqIndexTable img {
  width: 45px;
  height: 45px;
  padding: 0 0 5px 10px;
}
/* New Pages rules extracted from special_events.css */
.newDesign h1 {
  font-size: 36px !important;
  text-align: left;
}
.newDesign h2 {
  font-weight: bold !important;
}
.newDesign h2 a,
.newDesign h2 a:link,
.newDesign h2 a:visited,
.newDesign h2 a:hover,
.newDesign h2 a:active {
  color: black;
}
/* New partners pages */
.logos {
  margin-bottom: 25px;
}
.logos img {
  display: block;
  margin-bottom: 50px;
}
.cell img {
  display: block;
  margin: 0 auto;
  padding: 15px;
  background-color: #f5f5f5;
}
.iconAlert {
  display: inline-block;
  margin-bottom: -8px;
  width: 32px;
  height: 32px;
  background: url('https://ressources.soscuisine.com/media/images/icons/warning-5-64-b-mark.png') no-repeat center center;
  background-size: 32px 32px;
}
/**** Pages Premium *******/
#presentation {
  position: relative;
}
#presentation {
  width: 96%;
  height: 339px;
  margin: 0 2%;
  background: url('https://ressources.soscuisine.com/media/images/menu/new/service-soscuisine-premium.jpg') no-repeat center center;
  background-size: 968px 339px;
  -moz-background-size: 968px 339px;
  -webkit-background-size: 968px 339px;
  -o-background-size: 968px 339px;
}
#presentation img {
  width: 968px;
  height: 339px;
}
#presentation h1 {
  color: #e73922;
  font-size: 60px;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  padding-top: 30px;
  /*position: absolute;
    top: 65px;
    left: 20px;*/
}
#presentation p {
  /*position: absolute;
    top: 175px;
    left: 20px;*/
  max-width: 55%;
  font-size: 32px;
  padding: 75px 20px 0;
}
#menusContainer {
  position: relative;
}
#menusContainer .cell {
  display: inline;
  width: 171px;
  height: 200px;
  float: left;
}
/******************************** 
  Adding all.less to this file
********************************/
.greyBG {
  background: #666666;
}
.redBG {
  background: #cf0000;
}
.indent {
  text-indent: -9999px;
  overflow: hidden;
}
.reset-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.border-box {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.layuot {
  content: "";
  display: block;
  clear: both;
}
.img-resize {
  width: 100%;
  height: auto;
  display: block;
}
.content-center {
  max-width: 1000px;
  margin: 0 auto;
}
/* ---------------------------------------------------------
   1. General reset
   2. Common site styles
   3. Styles for responsive breakpoints
   4. Print style
   ---------------------------------------------------------*/
/* ---------------------------------------------------------
   2. General reset
   ---------------------------------------------------------*/
*,
*:before,
*:after {
  box-sizing: inherit;
}
html {
  box-sizing: border-box;
}
/*
 * set default text color
 * set default font size, line height and font family
 * set default background
 */
body {
  margin: 0;
  color: #333333;
  font: 14px/16px Verdana, Geneva, sans-serif;
  background: #ffffff;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: none;
  min-width: 320px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}
img {
  border-style: none;
  display: inline-block;
  vertical-align: top;
}
/* set styles for default page links */
a {
  text-decoration: none;
  /*color:@green-color;*/
}
a:hover {
  text-decoration: underline;
}
/* set default styles in all browsers */
input,
textarea,
select {
  font-family: 'Open Sans', Verdana, Geneva, sans-serif;
  vertical-align: middle;
  color: #333;
  outline: none;
}
textarea {
  overflow: auto;
  resize: vertical;
  vertical-align: top;
}
form,
fieldset {
  margin: 0;
  padding: 0;
  border-style: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  overflow: visible;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
input[type="search"]::-webkit-search-decoration {
  display: none;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: '';
  content: none;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
p {
  margin: 0 0 1.2em;
}
/* ---------------------------------------------------------
   2. Сommon site styles
   ---------------------------------------------------------*/
/* main container styles */
#wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}
/* main informative part styles */
#main {
  max-width: 1000px;
  margin: 0 auto;
  /*margin-bottom:9px;*/
}
.content-section {
  margin: 0 -9999px;
  padding: 31px 9999px 50px;
}
.content-section.grey {
  background: #f1f1f1;
}
.content-section h1 {
  color: #54880b;
  font-size: 40px;
  line-height: 44px;
  margin: 0 0 28px;
  font-weight: normal;
  text-align: center;
}
#signUpDiv #newsletterDetails {
  font-size: 0.9em;
  font-style: italic;
  margin-top: 10px;
}
#signUpDiv .error {
  color: red;
}
/* cycle carousel basic styles */
.cycle-gallery {
  position: relative;
  overflow: hidden;
}
.cycle-gallery .gallery-holder {
  padding: 47px 63px 55px 60px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
}
.cycle-gallery.ipad .gallery-holder {
  background: url(/media/images/budget/bg-ipad.png) no-repeat;
  background-size: 100% auto;
  width: 53%;
  margin: 0 -20px 0 -18px;
  float: right;
  z-index: 5;
}
.cycle-gallery.ipad .pagination {
  padding-top: 20px !important;
  float: left;
}
.cycle-gallery.iphone .gallery-holder {
  background: url(../images/bg-iphone.png) no-repeat;
  width: 194px;
  height: 386px;
  padding: 79px 14px 80px 16px;
  margin: 0 -5px 0 41px;
}
.cycle-gallery.iphone .pagination {
  margin: 4px 0 0;
  width: 65%;
}
.cycle-gallery.iphone .pagination li {
  margin: 0 0 10px;
}
.cycle-gallery.iphone .pagination a {
  border-radius: 0 6px 6px 0;
  padding: 17px 10px 19px 22px;
  height: 76px;
}
.cycle-gallery .mask {
  position: relative;
  overflow: hidden;
}
.cycle-gallery .mask .slideset {
  width: 99999px;
  float: left;
}
.cycle-gallery .slide {
  float: left;
  overflow: hidden;
}
.cycle-gallery .slide.active {
  z-index: 1;
}
.two-box {
  margin: 0 -20px 0 0;
  padding: 23px 0 0;
  overflow: hidden;
}
.two-box .col {
  width: 42%;
  float: left;
  padding: 0 20px 0 0;
}
.two-box .col:first-child {
  width: 58%;
  padding: 0 54px 0 0;
}
.two-box .col img {
  margin: -17px 0 0;
}
/* list steps styles */
.list-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0 0 25px;
}
.list-steps li {
  border: 1px solid #a0c963;
  border-radius: 7px;
  padding: 0;
  margin: 0 0 10px;
  display: table;
  width: 100%;
  height: 86px;
}
.list-steps .step {
  background: #a0c963;
  border-radius: 4px 0 0 4px;
  overflow: hidden;
  text-align: center;
  color: #ffffff;
  font: 700 48px/50px Arial, Helvetica, sans-serif;
  display: table-cell;
  vertical-align: middle;
  width: 66px;
}
.list-steps .description {
  display: table-cell;
  vertical-align: middle;
  padding: 12px 9px 12px 19px;
}
.list-steps .title {
  font-weight: normal;
  font-size: 24px;
  line-height: 29px;
  margin: 0 0 2px;
  display: block;
}
.list-steps p {
  margin: 0 0 2px;
}
.box-centered {
  text-align: center;
}
.btn {
  background: #54880b;
  text-align: center;
  padding: 15px 39px 21px;
  display: inline-block;
  vertical-align: top;
  color: #ffffff;
  font-size: 30px;
  line-height: 34px;
  border-radius: 7px;
  transition: 0.3s ease-out 0s;
  -moz-transition: 0.3s ease-out 0s;
  -webkit-transition: 0.3s ease-out 0s;
  -o-transition: 0.3s ease-out 0s;
}
.btn:active,
.btn:hover {
  background: #a0c963;
  text-decoration: none;
}
.recipeNutritionColumn.halfColumn {
  width: 50% !important;
  float: left;
}
#fullContent {
  padding: 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
}
#fullContent h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 40px;
  margin: 5px 0 31px;
  padding-top: 20px;
  color: #588a0f;
  font-family: 'banda-regular-normal', 'Trebuchet MS', Trebuchet, sans-serif;
  letter-spacing: -1px;
  text-align: center;
}
#fullContent .fullWidthImg {
  display: block;
  margin: 10px auto 25px;
  max-width: 90%;
  height: auto;
}
#fullContent label {
  display: inline-block;
  width: 300px;
}
#fullContent .error {
  color: #cf0000;
  text-align: center;
}
#fullContent p.successMessage {
  display: none;
  color: #a0c963;
  font-size: 16px;
  font-weight: bold;
}
/* footer styles */
#footer {
  width: 100%;
  overflow: hidden;
  background: #333333;
}
#footer .footer-holder {
  overflow: hidden;
  max-width: 1000px;
  margin: 0 auto;
  padding: 11px 0 2px 12px;
}
#footer .footer-holder .item-list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 2px 5px 0 0;
  float: left;
  font-size: 12px;
  line-height: 14px;
  width: 76%;
}
#footer .footer-holder .item-list li {
  float: left;
  padding: 0 0 0 2px;
  margin: 0 0 5px 2px;
  position: relative;
  color: #ffffff;
}
#footer .footer-holder .item-list li:before {
  content: "/";
  margin: 0 2px 0 0;
  display: inline-block;
  vertical-align: top;
}
#footer .footer-holder .item-list li:first-child {
  margin-left: 0;
  padding: 0;
}
#footer .footer-holder .item-list li:first-child:before {
  display: none;
}
#footer .footer-holder .item-list li a {
  color: #ffffff;
  transition: color 0.3s ease-out 0s;
  -moz-transition: color 0.3s ease-out 0s;
  -webkit-transition: color 0.3s ease-out 0s;
  -o-transition: color 0.3s ease-out 0s;
}
#footer .footer-holder .item-list li a:hover {
  color: #e73922;
  text-decoration: none;
}
#footer .footer-holder .socials-list {
  margin: -4px 0 0;
}
/* more links styles */
.footer-columns {
  overflow: hidden;
  margin: 0 -20px 34px 0;
  color: #ffffff;
}
.footer-columns .col {
  float: left;
  width: 20%;
  padding: 0 20px 0 0;
  position: relative;
}
.footer-columns .list-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-columns .list-links li {
  margin: 0 0 4px;
}
.footer-columns .list-links a {
  color: #ffffff;
  transition: color 0.3s ease-out 0s;
  -moz-transition: color 0.3s ease-out 0s;
  -webkit-transition: color 0.3s ease-out 0s;
  -o-transition: color 0.3s ease-out 0s;
}
.footer-columns .list-links a:hover {
  color: #e73922;
  text-decoration: none;
}
.footer-columns .title {
  font-size: 20px;
  line-height: 24px;
  margin: 0 0 14px;
  font-weight: normal;
  display: block;
}
.footer-columns p {
  margin: 0 0 3px;
}
.footer-columns .slide-holder {
  line-height: 19px;
}
/*  form styles */
#searchSiteForm,
#feedbackForm,
#NLFooterForm {
  position: relative;
  padding: 3px 30px 6px 8px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
}
#searchSiteForm input[type=submit],
#feedbackForm input[type=submit],
#NLFooterForm input[type=submit] {
  border-style: none;
  width: 20px;
  height: 19px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../../media/images/sprite.png) no-repeat;
  background-color: #ffffff;
}
#searchSiteForm.feedback-form,
#feedbackForm.feedback-form,
#NLFooterForm.feedback-form {
  padding: 0 30px 0 0;
  height: 21px;
}
#searchSiteForm.feedback-form input[type=email],
#feedbackForm.feedback-form input[type=email],
#NLFooterForm.feedback-form input[type=email] {
  text-overflow: ellipsis;
  outline: none;
  line-height: 16px;
  height: 21px;
  padding: 0 0 3px 8px;
}
#searchSiteForm.feedback-form input[type=submit],
#feedbackForm.feedback-form input[type=submit],
#NLFooterForm.feedback-form input[type=submit] {
  background-position: -178px -28px;
}
#searchSiteForm input[type=search],
#feedbackForm input[type=search],
#NLFooterForm input[type=search],
#searchSiteForm input[type=password],
#feedbackForm input[type=password],
#NLFooterForm input[type=password],
#searchSiteForm input[type=tel],
#feedbackForm input[type=tel],
#NLFooterForm input[type=tel],
#searchSiteForm input[type=email],
#feedbackForm input[type=email],
#NLFooterForm input[type=email],
#searchSiteForm input[type=text],
#feedbackForm input[type=text],
#NLFooterForm input[type=text] {
  /*color: #bcbaba;*/
  font-size: 14px;
  line-height: 18px;
  background: none;
  border-style: none;
  width: 100%;
  padding: 0;
  margin: 0;
  display: block;
}
.hidden {
  display: none;
  visibility: hidden;
}
.accessibility {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.accessibility:focus {
  position: static;
  width: auto;
  height: auto;
}
/* Pop-up styles */
#newLayoutHelp {
  text-align: left;
}
#newLayoutHelp h2 {
  font-size: 18px;
}
/* ---------------------------------------------------------
   3. Print styles
   ---------------------------------------------------------*/
@media print {
  * {
    color: #000 !important;
    background: none !important;
  }
  .cycle-gallery .pagination {
    width: 100% !important;
    float: none !important;
    font-size: 16px !important;
    line-height: 18px !important;
  }
  .cycle-gallery .pagination a {
    padding: 0 !important;
    height: auto !important;
  }
  .cycle-gallery .pagination a i {
    display: none !important;
  }
  .list-steps {
    font-size: 14px;
    line-height: 16px;
  }
  .list-steps .title {
    font-size: 18px;
    line-height: 20px;
  }
  .list-steps li {
    border-style: none;
    height: auto;
  }
  .list-steps .step {
    font-size: 20px;
    line-height: 20px;
  }
  .list-steps .description {
    padding: 0;
  }
  .two-box .col {
    width: 100% !important;
    float: none;
    padding: 0;
  }
  .two-box img,
  .footer-columns,
  .btn,
  .gallery-holder,
  .hero,
  .nav-user,
  #nav,
  .socials-list,
  form {
    display: none !important;
  }
  .content-section {
    padding: 0;
    margin: 0 0 20px;
  }
  .content-section h1 {
    font-size: 30px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer-holder {
    width: 100%;
    padding: 11px 15px 2px;
  }
  .footer-columns .col {
    width: 33.33%;
    margin: 0 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  #footer .footer-holder {
    padding: 11px 15px;
    overflow: visible;
    text-align: center;
  }
  #footer .footer-holder .socials-list {
    float: none;
    letter-spacing: -4px;
    margin: 0 0 10px;
  }
  #footer .footer-holder .socials-list li {
    float: none;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    margin: 0 5px;
  }
  #footer .footer-holder .item-list {
    width: auto;
    float: none;
    letter-spacing: -4px;
  }
  #footer .footer-holder .item-list li {
    float: none;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
  }
  .footer-columns {
    margin: 0;
    overflow: visible;
  }
  .footer-columns .title {
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    transition: color 0.3s ease-out 0s;
    -moz-transition: color 0.3s easeout 0s;
    -webkit-transition: color 0.3s ease-out 0s;
    -o-transition: color 0.3s ease-out 0s;
  }
  .footer-columns .title:hover {
    color: #e73922;
  }
  .footer-columns .title:hover:after {
    border-top-color: #e73922;
  }
  .footer-columns .title:after {
    content: '';
    border: 5px solid transparent;
    border-top: 5px solid #fff;
    display: inline-block;
    vertical-align: top;
    margin: 8px 0 0 9px;
  }
  .footer-columns .col {
    padding: 0;
    float: none;
    width: 100%;
  }
  .footer-columns .col.active .title {
    color: #e73922;
  }
  .footer-columns .col.active .title:after {
    content: ' ';
    border-bottom: 5px solid #e73922;
    border-top: none;
  }
  .footer-columns .item-slide {
    margin: 10px -15px;
  }
  .footer-columns .list-links,
  .footer-columns .slide-holder {
    border-style: none;
    background: #f1f1f1 !important;
    padding: 15px;
    color: #333333;
  }
  .footer-columns .list-links a,
  .footer-columns .slide-holder a {
    color: #333333;
  }
}

#atedraHeader, #atedraFooter{
    display: block;
    margin: auto;
    width:  728px;
}

.price_for_selling_unit{
  font-weight: bold;
}

.showTablet{
display: none;
}