/*******************************
  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 */
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 {
}
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;
}
/*******************************************************************************
* Standard Layout
*******************************************************************************/
body {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    height: 100%;
}
#main {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #333;
    /*background-color: #ecf2e4;*/
    line-height: normal;
    position: relative;
}
#wrapper {
    position: relative;
/*    overflow: hidden;*/
    width: 998px;
    margin: 0 auto;
    text-align: left;
    padding: 0;
}
.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;
}
/* 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;
}
/*******************************************************************************
* Site Menu
*******************************************************************************/
#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 {
    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.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 {
    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: 900;
    padding-top: 8px;
    padding-bottom: 6px;
}
#mainMenu li.home.active a img {
    padding-top: 4px;
    padding-bottom: 3px;
}

.showTablet{
display: 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 img {
    border-style: none;
}
#printable_logo {
    display: none;
}
#third_party_logo img {
    border-style: 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;
}
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;
}
.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: initial;
}
ol {
    list-style-type: decimal;
}
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;
}
/*******************************************************************************
* 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;
}
/*******************************************************************************
* 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
*******************************************************************************/
.memberSignup .question,
.memberProfile .question {
    margin-bottom: 1em;
}
.memberSignup .question .answer,
.memberProfile .question .answer {
    margin-left: 2em;
    margin-right: 2em;
}
.memberSignup .question .answer textarea,
.memberProfile .question .answer textarea {
    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;
}
/*******************************************************************************
* 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;
    font-family: 'Open Sans', arial, helvetica, sans-serif;
}
.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 .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;
    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: 1px solid;
    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_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 {
    margin: 0;
    list-style: none outside none;
}
.inner_content .box ul.links li,
ul.links li {
    padding: 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;
}
/*******************************************************************************
* Newletter Subscription
*******************************************************************************/
#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('../../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 0 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: 1px solid #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 .buttons_container {
    position: relative;
    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 .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
*******************************************************************************/
.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 Glossaire
*******************************************************************************/
.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: 1000000;
}
#dhtmlpointer {
    position: absolute;
    left: -300px;
    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;
}
#dhtmltooltip img {
    float: left;
}
div.recipeInformationTooltip .block {
    padding: 8px;
    margin-bottom: 12px;
    line-height: 24px;
}
/*******************************************************************************
* Bookstore Page
*******************************************************************************/
.bookstore img {
    margin-right: 8px;
}
/* *********************************** */
.titreSection {
    font-size: 18px;
    color: #475C4D;
}
.titreSectionLettrine {
    font-size: 24px;
    color: #475C4D;
}
.notes {
    font-size: 11px;
    font-style: italic;
    color: #475C4D;
}
.textVert {
    color: #475C4D;
}
.textRouge {
    color: #C63128;
}
.faq_container a,
.faq_container a:visited {
    color: #333;
}
.faq_container a:hover {
    color: #C00;
}
.faq_container ul {
    list-style-position: outside;
}
.content {
    vertical-align: top;
    height: auto;
    padding: 10px;
}
.recipeNutritionTable .content {
    padding: 10px 0;
}
.blocLogin,
.blocText {
    font-size: 10px;
}
.blocLoginSpecial {
    font-size: 10px;
    color: #C63128;
}
/*******************************************************************************
* Popup
*******************************************************************************/
body.popup {
    padding-left: 0;
    background-color: #FFFFFF;
    text-align: left;
}
#header,
#footer {
    margin-left: 0;
}
/*******************************************************************************
* Content
*******************************************************************************/
.printable #contentHeader h1 {
    background: none;
    height: 30px;
}
#contentHeader h1:first-letter {
    font-size: 24px;
}
/*******************************************************************************
* 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;
}
/*******************************************************************************
* MOTD Box
*******************************************************************************/
.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: 1px solid #475C4D;
}
.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 0 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 .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;
}
/*******************************************************************************
* 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: 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;
    border: solid 4px #CD5E3D;
    background: #FFFADB no-repeat center center;
    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_container {
    height: 255px;
    overflow: auto;
    margin-bottom: 8px;
}
#modal_dialog_content_user_settings {
    height: auto;
/*    background: no-repeat center center;*/
}
#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 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_tomatoes_chart_container {
    vertical-align: middle;
    padding: 0;
    margin: 0 0 10px;
}
#recipe_tomatoes_chart_container img.rating {
    vertical-align: top;
    margin-left: 2px;
}
#recipe_tomatoes_chart_container span.rating {
    font-size: 85%;
    margin-left: 7px;
    vertical-align: top;
}
.rnc_error {
    background-color: #bd1b20;
    border: 3px solid #bd1b20;
    color: #fff;
    padding: 10px;
}
.rnc_success {
    color: #339933;
    margin-left: 20px;
}
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 div.hr {
    border: 0;
    border-top: 1px dotted #666;
    margin: 0;
    padding: 0;
    width: 620px;
}
/************************************************************************
* Unclassified
************************************************************************/
.warning_container{
    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 {
    background-color: #F07A56;
    border: 2px solid #CD5E3D;
    color: White;
    padding: 4px 4px 0;
}
.myMealPlanResetWarning span.tooltip {
    border-bottom: 1px dotted black;
    cursor: help;
}
.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 0 10px;
}
.hidden {
    display: none;
}
.middle {
    vertical-align: middle;
}
#selected_recipes_container {
    height: 270px;
    overflow-y: auto;
}
#meal_plan_is_premium_message_container {
    background: url(/media/images/upgrade-account-bkgd.jpg) 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%;
    _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-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;
}
.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;
    text-align: center;
    border: 1px solid #CC3333;
    margin-bottom: 5px;
    padding: 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.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;
    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 */

}
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: 11px;
}
/**
* 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 #dedede;
    border-right-color: #aeaeae;
    border-bottom-color: #989898;
    border-left-color: #c5c5c5;
}
/**
* Side banners
*/
.left-side-banner {
    position: absolute;
    right: 50%;
    margin-right: 499px;
    visibility: visible;
}
.right-side-banner {
    position: absolute;
    left: 50%;
    margin-left: 499px;
    visibility: visible;
}
/**
* 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 1.5em 0.5em 0.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 {
    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;
}
.fb_iframe_widget iframe {
    position: relative !important;
}
.addthis_toolbox.addthis_32x32_style a {
    margin: 1em 1em 0 1em;
}
.hreview .rating,
.hreview .vcard {
    display: none;
}
/**
*  New style for footer page
*/
.vcard.reviewer {
    display: block;
}
.inner_content div#content {
    font-size: 14px;
    display: inline;
    float: right;
    width: 700px;
    margin: 0 10px 20px 0;
}
#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;
}
#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 {
    padding: 0;
    margin: 0 0 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: normal;
    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: transparent;
}
/* 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;
    clear: both;
}
#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: #e73922;
    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("/media/images/do.png");
    display: block;
    float: left;
    height: 18px;
    margin: 0 5px 10px 0;
    width: 18px;
}
#content span.dont {
    background-image: url("/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("/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("/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;
}
.pestoLink {
    text-align: right;
    padding-right: 5px;
}
#menu img {
    margin-right: 0;
}
/*--------------------*/
/*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 0;
    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: no-repeat center;
    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;
}
.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-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;
}
#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("/media/images/meal_plan_description_pages/recommandation_collapsed.png");
}
.collapsibleContainer.tip.recommendation.expanded .icon {
    background-image: url("/media/images/meal_plan_description_pages/recommandation_expanded.png");
}
.collapsibleContainer.tip.warning.collapsed .icon {
    background-image: url("/media/images/meal_plan_description_pages/warning_collapsed.png");
}
.collapsibleContainer.tip.warning.expanded .icon {
    background-image: url("/media/images/meal_plan_description_pages/warning_expanded.png");
}
.collapsibleContainer.tip.discouraged.collapsed .icon {
    background-image: url("/media/images/meal_plan_description_pages/discouraged_collapsed.png");
}
.collapsibleContainer.tip.discouraged.expanded .icon {
    background-image: url("/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("/media/images/meal_plan_description_pages/arrow-down-a0c963.jpg");
}
.collapsibleContainer.greenUpDownArrow.expanded .icon {
    background-image: url("/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("/media/images/faq/plus_dark_grey.png");
}
.collapsibleContainer.neutralPlusMinus.expanded .icon {
    background-image: url("/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;
}
/**** Pages Premium *******/
#presentation {
    position: relative;
}
#presentation img {
    width: 968px;
    height: 339px;
}
#presentation h1 {
    color: #e73922;
    font-size: 60px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    position: absolute;
    top: 65px;
    left: 20px;
}
#presentation p {
    position: absolute;
    top: 175px;
    left: 20px;
    max-width: 400px;
    font-size: 32px;
}
/******************************** 
  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;
}
.layout {
    content: "";
    display: block;
    clear: both;
}
.img-resize {
    width: 100%;
    height: auto;
    display: block;
}
.content-center {
    max-width: 100%;
    margin: 0 auto;
	/*max-width was 1000px*/
}
/* ---------------------------------------------------------
   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;
    vertical-align: middle;
    padding: 3px;
    margin: 0 auto;
    width: 100%;
}
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: 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;
}
/* ---------------------------------------------------------
   2. Сommon site styles
   ---------------------------------------------------------*/
/* main container styles */
#wrapper {
    width: 100%;
    /*overflow: hidden;*/
    position: relative;
    padding: 0;
}
/* main informative part styles */
#main {
    max-width: 1000px;
	min-width: 1000px;
    /*margin-bottom:9px;*/
	margin: 0 auto;

}
.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 .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(../images/bg-ipad.png) no-repeat;
    background-size: 100% auto;
    width: 53%;
    margin: 0 -35px 0 -18px;
}
.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;
    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;
    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,
#NLFooterForm {
    position: relative;
    padding: 3px 30px 6px 8px;
    background: #ffffff;
    border: 1px solid #d9d9d9;
}
#searchSiteForm 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: #ffffff url(../images/sprite.png) no-repeat;
}
#searchSiteForm.feedback-form,
#NLFooterForm.feedback-form {
    padding: 0 30px 0 0;
    height: 21px;
}
#searchSiteForm.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],
#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,
    .not_printable {
        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 ease-out 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-color: #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;
    }
}
#responsiveSidebarContainer {
    text-align: center;
    margin: auto;
    position: relative;
    vertical-align: top;
    min-width: 300px;
    max-width: 100%;
}
.responsiveHorizontalContainer {
    text-align: center;
    margin: 5px;
}
#responsiveSidebarContainer .responsive-sidebar {
    width: 1px;
    height: 1px;
}
@media (min-width: 800px) {
    #responsiveSidebarContainer .responsive-sidebar {
        width: 160px;
        height: 600px;
    }
}
@media (min-width: 1000px) {
    #responsiveSidebarContainer .responsive-sidebar {
        width: 300px;
        height: 600px;
    }
}
.responsiveHorizontalContainer .responsive-footer,
.responsiveHorizontalContainer .responsive-header,
.responsiveHorizontalContainer .responsive-inner-content {
    width: 320px;
    height: 50px;
}
@media (min-width: 500px) {
    .responsiveHorizontalContainer .responsive-footer,
    .responsiveHorizontalContainer .responsive-header,
    .responsiveHorizontalContainer .responsive-inner-content {
        width: 468px;
        height: 60px;
    }
}
@media (min-width: 800px) {
    .responsiveHorizontalContainer .responsive-footer,
    .responsiveHorizontalContainer .responsive-header,
    .responsiveHorizontalContainer .responsive-inner-content {
        width: 728px;
        height: 90px;
    }
}
@media (min-width: 1000px) {
    .responsiveHorizontalContainer .responsive-footer,
    .responsiveHorizontalContainer .responsive-header,
    .responsiveHorizontalContainer .responsive-inner-content {
        width: 970px;
        height: 90px;
    }
}

.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;
}
.layout {
    content: "";
    display: block;
    clear: both;
}
.img-resize {
    width: 100%;
    height: auto;
    display: block;
}
.content-center {
    max-width: 1000px;
    margin: 0 auto;
}
/* header styles */
#mainHeader {
    width: 100%;
}
#mainHeader:after {
    content: "";
    display: block;
    clear: both;
}
#mainHeader .header-holder {
    position: relative;
    z-index: 50;
    background-color: white;
}
#mainHeader .header-frame {
    max-width: 1000px;
    margin: 0 auto;
    padding: 7px 0 0;
}
#mainHeader .header-frame:after {
    content: "";
    display: block;
    clear: both;
}
#mainHeader .socials-list {
    float: left;
    margin: 16px 0 0;
}
#mainHeader .socials-list li {
    margin: 0 0 0 4px;
}
#mainHeader .hidden {
    display: none;
    visibility: hidden;
}
.header-fixed .header-holder {
    position: fixed !important;
    left: 0;
    right: 0;
    top: 0;
    background: #ffffff;
    opacity: 0.95;
}
/*.header-fixed #nav {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
search form styles */
#searchSiteForm {
    float: left;
    width: 21%;
    height: 30px;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    margin: 13px 10px 0 0;
    padding: 0 30px 0 8px;
}
#searchSiteForm input[type=submit] {
    background-position: -154px 4px !important;
    width: 26px !important;
    height: 27px !important;
}
#searchSiteForm input[type=search] {
    padding: 5px 0 3px;
}
form[name=auth_form] {
    background: none;
    border: none;
}
/* page logo styles */
.logo {
    float: left;
    margin: 0 8px 7px -23px;
    width: 124px;
}
.logo img {
    display: block;
}
.header-list {
    list-style: none;
    padding: 0;
    margin: 0;
    float: right;
    font-size: 12px;
    line-height: 14px;
}
.header-list li {
    float: left;
    margin: 0 0 0 15px;
}
.header-list li:first-child {
    margin: 0;
}
.header-list a {
    color: #737373 !important;
    transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
}
.header-list a:hover {
    text-decoration: none;
    color: #e73922;
}
.userInfosContainer {
    float: right;
    width: 40%;
    padding-right: 20px;
}
.nav-user.active li > a.user-name {
    color: #e73922 !important;
    border: 1px solid #d3d3d3;
    border-bottom: none;
    padding: 5px 5px 4px 8px;
    margin: 0 0 -1px;
    background: #ffffff;
}
.nav-user.active li > a.user-name:before {
    background-position: -178px -50px;
}
.nav-user {
    list-style: none;
    padding: 0;
    margin: 0 -6px 0 10px;
    float: right;
    font-size: 12px;
    line-height: 14px;
    position: relative;
    z-index: 5;
    /*dropdown styles */
}
.nav-user li {
    float: right;
    margin: 0 0 0 10px;
    position: relative;
}
.nav-user li.log-out {
    /*display:none;*/
}
.nav-user li.log-out .user-name {
    border-style: none !important;
}
.nav-user li.hover > a.user-name {
    color: #e73922 !important;
    border: 1px solid #d3d3d3;
    border-bottom: none;
    /*padding:5px 5px 4px 8px;*/
    margin: 0 0 -1px;
    background: #ffffff;
}
.nav-user li.hover > a.user-name:before {
    background-position: -178px -50px;
}
.nav-user li.hover .dropdown {
    display: block;
    z-index: 50;
}
.nav-user a {
    position: relative;
    color: #e73922 !important;
    display: block;
    z-index: 50;
    font-weight: bold;
    padding: 5px 5px 2px 8px;
    border: 1px solid transparent;
    text-decoration: none !important;
    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;
}
.nav-user a:hover {
    color: #54880b;
}

.nav-user a.user-name {
    color: #54880b !important;
}
.nav-user a.user-name:before {
    content: '';
    width: 14px;
    height: 16px;
    margin: 0 11px 0 0;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/sprite.png) no-repeat -182px 0;
}
.nav-user .dropdown {
    position: absolute;
    border: 1px solid #d3d3d3;
    background: #ffffff;
    width: 188px;
    z-index: 50;
    display: none;
}
.nav-user .dropdown ul {
    list-style: none;
    margin: 0;
    padding: 2px 0 0;
    font-size: 12px;
    line-height: 14px;
}
.nav-user .dropdown ul li {
    float: none;
    margin: 0 0 3px;
}
.nav-user .dropdown ul li.active a {
    background: #eee;
}
.nav-user .dropdown ul a {
    display: block;
    color: #333333 !important;
    padding: 6px 10px;
    transition: background 0.3s ease-out 0s;
    -moz-transition: background 0.3s ease-out 0s;
    -o-transition: background 0.3s ease-out 0s;
}
.nav-user .dropdown ul a:hover {
    background: #eee;
    text-decoration: none;
}
/* main navigation styles */
#nav {
    background: #e73922;
    padding: 0 9999px;
    margin: 0 -9999px;
    clear: both;
}
#nav .opener-title {
    right: 54px;
    top: 16px;
    left: auto;
}
.not-signed #nav {
    background: #fff2a6;
}
.not-signed .nav > li > .item > a {
    color: #333333;
}
.not-signed .nav > li > .item > a:hover {
    color: #ffffff;
}
.not-signed .nav > li.active > .item > a {
    color: #ffffff !important;
}
.not-signed .nav > li.home a:after {
    background-position: -165px -107px !important;
}
.not-signed .nav > li.home a:hover:after {
    background-position: -165px -79px !important;
}
.not-signed .header-holder .socials-list {
    display: none;
}
.not-signed .header-holder .log-out {
    display: block;
}
.not-signed .header-holder .log-out .user-name {
    display: block;
}
.not-signed .header-holder .user-name {
    display: none;
}
.nav {
    list-style: none;
    padding: 0;
    font-size: 20px;
    line-height: 24px;
    display: table;
    width: 100%;
    margin: 0;
    position: relative;
    /* main navigation dropdown */
}
.nav > li {
    display: table-cell !important;
    vertical-align: top;
    text-align: center;
    position:initial !important;
}
.nav > li.hover .nav-drop {
    display: block;
}
.nav > li.active a {
    background-color: #333333;
}
.nav > li.home {
    width: 44px;
    height: 44px;
}
.nav > li.home > .item > a {
    text-indent: -9999px;
    overflow: hidden;
    padding: 0;
    width: 44px;
    height: 44px;
    position: relative;
}
.nav > li.home > .item > a:after {
    content: '';
    background: url(../images/sprite.png) no-repeat -165px -79px;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: 10px;
    -webkit-transform: translateZ(0);
}
.nav > li > .item {
    display: block;
}
.nav > li > .item > a {
    display: block;
    padding: 10px;
    text-decoration: none;
    transition: background 0.3s ease-out 0s;
    -moz-transition: background 0.3s ease-out 0s;
    -webkit-transition: background 0.3s ease-out 0s;
    -o-transition: background 0.3s ease-out 0s;
    color: #ffffff;
}
.nav > li > .item > a:hover {
    background-color: #333333;
}
.nav .nav-drop {
    background: #333333;
    padding: 19px 18px 24px;
    position: absolute !important;
    left: 0;
    top: 43px;
    right: 0;
    z-index: 10;
    display: none;
    width: inherit;
}
.nav .nav-drop ul {
    list-style: none;
    margin: 0;
    text-align: left;
    font-size: 14px;
    line-height: 16px;
    width: 26%;
    float: left;
    padding: 0 18px 0 0;
}
.nav .nav-drop ul li {
    border-bottom: 1px solid #707070;
    padding: 0 0 9px;
    margin: 0 0 8px;
    display: block;
}
.nav .nav-drop ul a {
    background: none;
    color: #ffffff;
    text-decoration: none;
    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;
}
.nav .nav-drop ul a:hover {
    color: #e73922;
}
.nav .drop-visual {
    overflow: hidden;
}
.nav .drop-visual .frame {
    overflow: hidden;
    margin: 4px -20px 0 0;
}
.nav .drop-visual .col {
    float: left;
    width: 50%;
    padding: 0 20px 0 0;
    text-align: left;
}
.nav .drop-visual img {
    margin: 0 0 7px;
}
.nav .drop-visual .title {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 20px;
    padding: 0 0 0 11px;
}
.nav .drop-visual a {
    display: block;
    text-decoration: none;
    text-align: center;
    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;
    color: #ffffff;
}
.nav .drop-visual a:hover {
    color: #e73922;
}
.nav .drop-slide-wrapper {
    width: 100% !important;
}
.opener-02,
.opener {
    float: right;
    width: 31px;
    height: 31px;
    background: #54880b;
    border-radius: 3px;
    text-indent: -9999px;
    overflow: hidden;
    z-index: 999;
    display: none;
    position: absolute;
    right: 15px;
    top: 0;
}
.opener-title {
    font-size: 14px;
    line-height: 18px;
    color: #54880b;
    font-weight: normal;
    position: absolute;
    left: 54px;
    top: 16px;
    display: none;
}
.opener-02 span,
.opener-02:after,
.opener-02:before {
    background: #ffffff;
    border-radius: 4px;
    position: absolute;
    top: 16px;
    left: 25%;
    right: 25%;
    height: 3px;
    margin-top: -2px;
    /* height/2 */
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.opener:before,
.opener:after,
.opener span {
    background: #ffffff;
    border-radius: 4px;
    position: absolute;
    top: 16px;
    left: 44%;
    right: 44%;
    height: 4px;
    margin-top: -3px;
    /* height/2 */
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.opener-02:after,
.opener-02:before,
.opener:before,
.opener:after {
    content: '';
    top: 10px;
}
.opener-02:after,
.opener:after {
    top: auto;
    bottom: 8px;
}
/* close button transition */
.header-slide.active .opener-02 span,
.nav-active .opener span {
    opacity: 0;
}
.header-slide.opener-02,
.opener:hover {
    opacity: .95;
}
.header-slide.active .opener-02:before,
.header-slide.active .opener-02:after,
.nav-active .opener:after,
.nav-active .opener:before {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 16px;
    left: 15%;
    right: 15%;
}
.header-slide.active .opener-02:after,
.nav-active .opener:after {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/* hero styles */
.hero {
    position: relative;
}
.hero img {
    width: 100%;
    height: auto;
    display: block;
}
.hero .holder {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.hero .frame {
    padding: 50px 0 0 11px;
    max-width: 1000px;
    margin: 0 auto;
}
.hero h1 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 58px;
    line-height: 64px;
    color: #e73922;
    margin: 0 0 20px;
}
.hero .hero-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.hero .hero-box .hero-item {
    max-width: 1000px;
    margin: 0 auto;
    font-size: 40px;
    line-height: 52px;
}
.saved-members {
    display: block;
    overflow: hidden;
    margin: 0 0 15px;
}
.saved-members .item {
    float: left;
    margin: 0 6px 0 0;
    font-size: 40px;
    line-height: 40px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    color: #ffffff;
}
.saved-members .item span {
    float: left;
    margin: 0 0 0 1px;
    position: relative;
    padding: 9px 10px 12px;
    z-index: 2;
}
.saved-members .item span:first-child {
    margin: 0;
}
.saved-members .item span:before,
.saved-members .item span:after {
    content: '';
    height: 48%;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
    border-radius: 4px 4px 0 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3MzczNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTFlMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #373737 0%, #323232 29%, #1e1e1e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #373737), color-stop(29%, #323232), color-stop(100%, #1e1e1e));
    background: -webkit-linear-gradient(top, #373737 0%, #323232 29%, #1e1e1e 100%);
    background: -o-linear-gradient(top, #373737 0%, #323232 29%, #1e1e1e 100%);
    background: -ms-linear-gradient(top, #373737 0%, #323232 29%, #1e1e1e 100%);
    background: linear-gradient(to bottom, #373737 0%, #323232 29%, #1e1e1e 100%);
    background-color: #373737;
    z-index: -1;
}
.saved-members .item span:after {
    border-radius: 0 0 4px 4px;
    top: auto;
    bottom: 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE4MTgxOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iIzA2MDYwNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTAxMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #181818 0%, #060606 69%, #010101 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #181818), color-stop(69%, #060606), color-stop(100%, #010101));
    background: -webkit-linear-gradient(top, #181818 0%, #060606 69%, #010101 100%);
    background: -o-linear-gradient(top, #181818 0%, #060606 69%, #010101 100%);
    background: -ms-linear-gradient(top, #181818 0%, #060606 69%, #010101 100%);
    background: linear-gradient(to bottom, #181818 0%, #060606 69%, #010101 100%);
    background-color: #181818;
}
.saved-members .item span .line {
    position: absolute;
    left: 2px;
    right: 2px;
    top: 50%;
    height: 2px;
    background: #373737;
    z-index: 3;
    margin-top: -1px;
}
/* socials list styles */
.socials-list {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}
.socials-list li {
    float: left;
    margin: 0 0 0 5px;
}
.socials-list li a {
    display: block;
    width: 27px;
    height: 28px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/sprite.png) no-repeat 0 -1px;
    transition: opacity 0.3s ease-out 0s;
    -moz-transition: opacity 0.3s ease-out 0s;
    -webkit-transition: opacity 0.3s ease-out 0s;
    -o-transition: opacity 0.3s ease-out 0s;
}

.socials-list li a.instagram {
    background-position: -204px -2px;
}
.socials-list li a.pinterest {
    background-position: -31px -2px;
}
.socials-list li a.twitter {
    background-position: -61px -2px;
}
.socials-list li a.rss {
    background-position: -93px -1px;
}
.socials-list li a.youtube {
    background-position: -123px -2px;
}
.socials-list li a:hover {
    opacity: 0.7;
}
/* styles for tablet device */
@media only screen and (max-width: 1023px) {
    #mainHeader .header-frame {
        width: 100%;
/*        padding: 0 15px 10px;*/
        margin: 10px 0 0;
        position: relative;
    }
    .nav-user {
        /*margin:15px 0 0 10px;*/
    }
    .header-list {
        /*margin:21px 7px 12px 0;*/
    }
    .nav {
        margin: 0;
        font-size: 15px;
    }
    .nav .drop-visual .title {
        font-size: 14px;
        line-height: 18px;
    }
    .hero h1 {
        font-size: 46px;
        line-height: 50px;
    }
    .hero .frame {
        padding: 50px 0 122px 11px;
        width: 100%;
    }
    .hero .hero-box .hero-item {
        width: 100%;
        padding: 0 15px;
        font-size: 26px;
        line-height: 30px;
    }
    .saved-members {
        margin: 0 0 7px;
    }
    .saved-members .item {
        font-size: 30px;
        line-height: 34px;
    }
    .saved-members .item span {
        padding: 8px 10px;
    }

.showTablet {
display: inline;
}

.hideTablet {
display: none;
}

}
/* styles for mobile device */
@media only screen and (max-width: 767px) {

#newsletterDiv{
 width: 300px;
}

#newsletterLabel{
 display: inherit;
 width: 300px;
 white-space: normal;
}

/*    .header-slide{
        display: inline-block;
    }

    #mainHeader .header-frame {
        margin: 0 auto;
        padding: 0;
    }
*/
    #mainHeader .socials-list {
        display: none;
    }
    #mainHeader.header-fixed {
        position: relative !important;
    }
    .header-slide .slide .slide-holder .socials-list {
        display: block;
        float: none !important;
    }
    .header-slide .slide .slide-holder .userInfosContainer {
        float: none !important;
        width: 100%;
    }
    .header-slide .search-form {
        margin: 0;
        width: 67%;
    }
    .header-slide .search-form input[type=search] {
        text-overflow: ellipsis;
        font-size: 12px;
    }
/*    #searchSiteForm {
        position: absolute;
        top: 65px;
        width: 150px;
    }
    .header-list {
        float: none;
        letter-spacing: -4px;
        text-align: center;
        clear: both;
        margin: 5px 0;
    }*/

    #searchSiteForm {
        float: none !important;
        width: 100%;
    }
    .header-list {
        float: none;
        letter-spacing: -4px;
        text-align: center;
        clear: both;
        padding: 10px 0 0;
        margin: 0;
    }

    .header-list li {
        margin: 0 0 0 20px;
        float: none;
        letter-spacing: normal;
        display: inline-block;
        vertical-align: top;
    }
    .nav-user {
        margin: 0 0 0 -10px;
        display: block;
        text-align: center;
        float: none;
    }
    .nav-user li {
        float: none;
    }
    #nav ul.nav {
        overflow-y: scroll;
        overflow-x: hidden;
    }

.header-slide .opener-02,
    #nav .opener {
        display: block;
        margin: 10px 0 0;
    }
    .opener-title {
        display: block;
    }
    .header-slide .slide,
    .slide-nav {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 999;
    }
    .header-slide .slide-holder {
        border: 1px solid #000;
    }

    .item-slide {
        overflow: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 999;
        max-height: 0;
        -webkit-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }
    .header-slide.active .slide,
    .footer-columns .col.active .item-slide,
    .nav-active .slide-nav {
        max-height: 4000px;
    }
    .header-slide .slide-holder,
    .footer-columns .list-links,
    .footer-columns .slide-holder,
    .slide-drop ul,
    .nav {
        transition: all 0.25s linear;
-webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        border: 1px solid #000;
        display: block;
    }
    .header-slide.active .slide-holder,
    .footer-columns .col.active .slide-holder,
    .footer-columns .col.active .list-links,
    .nav-active .nav {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    #mainHeader .header-slide.active .slide {
        overflow: visible !important;
    }
    #mainHeader .header-slide.active .slide .slide-holder {
        overflow: visible !important;
    }
/*    .logo {
        float: none;
        margin: 0;
        display: inline-block;
    }*/
.logo {
        float: none;
        margin: 10px auto;
        display: block;
    }
    .opener-02 {
        position: absolute;
        left: 15px;
        top: 0;
    }
    .nav {
        background: #a0c963;
        display: block;
    }
    .nav > li {
        display: block;
        position: relative;
    }
    .nav > li.drop-active {
        z-index: 10;
    }
    .nav > li .item {
        position: relative;
    }
    .nav > li.home {
        width: auto;
        height: auto;
    }
    .nav > li.home > .item > a {
        padding: 10px;
        width: auto;
        height: auto;
        text-indent: 0;
    }
    .nav > li.home > .item > a:after {
        display: none;
    }
    .nav .nav-drop {
        position: relative;
        padding: 0 15px 10px;
    }
    .nav .nav-drop ul {
        width: 100%;
        float: none;
        text-align: center;
    }
    .nav .nav-drop ul a {
        display: block;
    }
    .nav .nav-drop .drop-visual {
        display: none;
    }
    .hero .hero-box {
        position: static;
        background: rgba(160, 201, 99, 0.4);
    }
    .hero .hero-box .hero-item {
        font-size: 16px;
        line-height: 20px;
        padding: 18px 15px 2px;
    }
    .hero h1 {
        font-size: 24px;
        line-height: 28px;
    }
    .hero img {
        max-width: none;
        width: 140%;
        margin-left: -5%;
    }
    .saved-members .item {
        font-size: 16px;
        line-height: 20px;
    }
    .saved-members .item span {
        padding: 8px;
    }
}
@media only screen and (min-width: 1025px) {
    .tel-link {
        cursor: default;
        pointer-events: none;
    }
}
@media only screen and (min-width: 768px) {
    .header-slide .slide,
    #nav .slide-nav {
        position: static !important;
        left: 0 !important;
        top: 0 !important;
        display: block !important;
        height: auto;
    }
}
@media print {
    .header-list a {
        display: none;
    }
    .header-list a.tel-link {
        display: block;
    }
}
/*** connection pop-up ***/
.signUpLogIn .ui-dialog-titlebar,
.freeSubscriptionForm .ui-dialog-titlebar {
    border: none;
    background: none;
}
#logInDiv,
#signUpDiv {
    text-align: left;
}
.signUpLogIn iframe {
    width: 500px !important;
}
#logInDiv h3,
#signUpDiv h3 {
    font-size: 27px;
    font-weight: normal;
    color: #588a0f;
    text-align: left;
    height: auto !important;
    line-height: 32px !important;
    margin-bottom: 15px;
}
#logInDiv .error,
#signUpDiv .error {
    color: #c00;
    font-weight: bold;
}
#logInDiv input[type=text],
#signUpDiv input[type=text],
#logInDiv input[type=password],
#signUpDiv input[type=password],
#logInDiv input[type=email],
#signUpDiv input[type=email],
#logInDiv select,
#signUpDiv select {
    width: 300px;
    max-width: 95%;
    border-radius: 10px;
    margin-bottom: 20px;
    height: 30px;
}
#logInDiv .greenButton,
#signUpDiv .greenButton {
    border-radius: 10px;
    font-size: 24px;
    color: white;
    text-align: center;
    padding: 0.5em 1em;
    background: #a0c963;
}
#logInDiv .greenButton:hover,
#signUpDiv .greenButton:hover {
    background: #588a0f;
}
#logInDiv .redLink,
#signUpDiv .redLink {
    color: #cc0000 !important;
}
#logInDiv #newsletterLabel,
#signUpDiv #newsletterLabel,
#logInDiv #newsletterDiv,
#signUpDiv #newsletterDiv {
    font-size: 12px;
    font-style: italic;
}

.header-frame form
{
padding: 0px;
}

@media only screen and (min-width: 768px) {
    a[name] {
        padding-top: 150px;
        margin-top: -150px;
        display: inline-block; /* required for webkit browsers */
    }
}

.nav-logged{
background: #588a0f none repeat scroll 0 0;
}