
/* Desktops (960 +)
================================================== */
@media all and (min-width: 768px) {

    /* Containers */
    .container { 
        margin: 0 auto;
        max-width: 980px /*1140px*/;
        /*min-width: 768px;*/ } 

    .header .container {
        background: url('Images/bg_topmenu.png') no-repeat 100% 0; }
      
    
    /* Header Top Menu  */
    div.RadTabStripTop_topmenu {
        float: right;
        text-align: right; }

    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL {
        margin: 5px 30px 0 0;
        float: right; }   
          
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsLink,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsLink span.rtsOut,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsLink span.rtsIn,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsLink span.rtsTxt {
        color: #7b6a58; }
              
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsLink:hover,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsLink:hover span.rtsOut,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsLink:hover span.rtsIn,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsLink:hover span.rtsTxt,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsSelected,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsSelected span.rtsOut,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsSelected span.rtsIn,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsSelected span.rtsTxt {
        color: #b1163d; }  
                 
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI {
        margin: 0 8px; }
          
          
    /* Header Main Menu  */
    .mainmenu {
        position: relative;
        top: 20px; }

    .header div.RadMenu {
        float: right;
        text-align: right; }

    .header div.RadMenu ul.sfNavList,
    .header div.RadMenu ul.rmRootGroup {
        padding: 6px 40px 18px 3px; } 

    .ie7 .header, .ie7 .header .container {
        position: relative;
        z-index: 2; }

    .ie7 .header div.RadMenu ul.rmRootGroup li.rmItem,
    .ie7 .banner .container,
    .ie7 .banner .sfimageWrp { 
        position: relative; }

    .header div.RadMenu ul.sfNavList li,
    .header div.RadMenu ul.rmHorizontal li.rmItem span.rmText {
        margin: 0 7px !important; }

    .header div.RadMenu ul.sfNavList li a,
    .header div.RadMenu ul.rmRootGroup li.rmItem a.rmLink {
        padding: 4px 0px;
        display: block
    }
    
    .header div.RadMenu ul.rmHorizontal a.rmLink.rmExpanded,
    .header div.RadMenu ul.rmHorizontal a.rmLink.rmExpanded span,
    .header div.RadMenu ul.rmHorizontal a.rmLink.rmExpanded:hover,
    .header div.RadMenu ul.rmHorizontal a.rmLink.rmExpanded:hover span {
        color: #fff;
        background: #00673c !important;
        -webkit-border-radius: 4px 4px 0px 0px;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0px 0px;
        position: relative;
        behavior: url(/scripts/PIE.htc); }  
    
    .header div.RadMenu ul.rmHorizontal a.rmLink.rmExpanded,
    .header div.RadMenu ul.rmHorizontal a.rmLink.rmExpanded:hover {
        padding: 4px 0 !important; }

    

    .ul.bxslider li.bxsliderListItem,
    .banner .container { position: relative; }

    .bxsliderBadge { 
        position: absolute; 
        top: 50px; 
        left: 70px; 
        z-index: 1;
        width: 138px;
        height: 133px;
        display: block;
        background: url('Images/winner-best-foods-awards.png') no-repeat 0 0; }   

    ul.bxslider li.bxsliderListItem div.bxsliderItemContent::before,
    .banner .sfimageWrp:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        box-shadow: inset 0 0 30px 10px rgba(0,0,0,.8);
        -moz-box-shadow: inset 0 0 30px 10px rgba(0,0,0,.8);
        -webkit-box-shadow: inset 0 0 30px 10px rgba(0,0,0,.8);
        behavior: url(/scripts/PIE.htc); } 

    /* Main */
    .main { padding: 20px 0; }
    .fullWidthWrp .maincontent .sf_2cols_1_50 .sf_colsIn { padding: 0 0 0 10px; }
    .fullWidthWrp .maincontent .sf_2cols_2_50 .sf_colsIn { padding: 0 20px 0 0; }

    /* Call2actions */
    .call2action .sfContentBlock { 
        margin: 0 20px 0 0; }

    .sidebar .call2action .sfContentBlock { 
        margin: 0; }

    .call2action .sfContentBlock img { 
        max-width:96%;
        padding:2%;
        background: #fff; }


    /* Sidebar Vertical Navigation */
    .RadPanelBar,
    .RadPanelBar a.rpLink,
    .RadPanelBar span.rpText {
      font: 14px/20px Tahoma, Geneva, sans-serif; }

    .RadPanelBar ul.rpRootGroup li.rpItem ul.rpGroup,
    .RadPanelBar ul.rpRootGroup li.rpItem ul.rpGroup a.rpLink,
    .RadPanelBar ul.rpRootGroup li.rpItem ul.rpGroup span.rpText {
      font: normal 13px/18px Tahoma, Geneva, sans-serif; }

    /* Product / Recipes / News */
    .maincontent ul.sfitemsList li.sfitem .sfimageWrp { width: 120px; }

    .maincontent ul.sfnewsList li.sfnewsListItem .sfimageWrp img {
        padding: 5px !important;
        width: 110px !important;
        max-width: 110px;
        min-width: 110px; }

    .maincontent ul.sfitemsList li.sfitem h2.sfitemTitle,
    .maincontent ul.sfitemsList li.sfitem .sfitemRichText,
    .maincontent ul.sfitemsList li.sfitem .sfnewsMetaInfo,
    .maincontent ul.sfitemsList li.sfitem .sfitemFullDetails,
    .maincontent ul.sfitemsList li.sfitem .sfitemShortTxtWrp,
    .maincontent ul.sfnewsList li.sfnewsListItem h2.sfnewsTitle,
    .maincontent ul.sfnewsList li.sfnewsListItem .sfnewsMetaInfo,
    .maincontent ul.sfnewsList li.sfnewsListItem .sfnewsSummary,
    .maincontent ul.sfnewsList li.sfnewsListItem .sfnewsFullStory {
        margin-left: 15px; } 

    .maincontent ul.sfitemsList li.sfitem .sfitemShortTxtWrp {
        margin-top: 30px; }

    /* News Details */
    .maincontent .sfitemDetails .sfimageWrp { 
        padding: 5px 0px 5px 5px;
        width: 280px; }

    .sfnewsDetails .sfimageWrp {
        float: right; }

    .ie8 .sfnewsDetails .sfimageWrp {
        float: none;
        display: inline; }

    .sfnewsDetails .sfimageWrp img { 
        margin: 50px 0 10px 30px;
        padding: 5px;
        width: 280px !important; }

    .ie8 .sfnewsDetails .sfimageWrp img {  float: right; } 

    /* Footer */
    .footerRowOne { font-size: 13px; }

    .footerAwards ul.sflistList li.sflistListItem div.sflistItemContent img {
        height: 70px; }

    .footerContact ul.sflistList li.sflistListItem div.sflistItemContent ul li {
        margin: 3px 0 0 0;
        padding: 4px 6px; }

    .footerValues ul.sflistList li.sflistListItem div.sflistItemContent ul li {
        display: inline;
        float: left;
        width: 50%; }

    .ie7 .footerValues ul.sflistList li.sflistListItem div.sflistItemContent ul li {
        width: 49%; }

    .footerRowTwo .sfContentBlock { padding: 30px 0 20px 0; }
    .footerRowTwo .sfsimpleListWrp { padding: 30px 0 20px 0; }
    .footerCredit { text-align: right !important; }

} /* end */


/* Tablet portrait and small tablet landscape
================================================== */
@media all and (max-width: 800px) {
    .main .container,
    .footer .container {
        padding-left: 10px !important;
        padding-right: 10px !important; }
}

/* All Smartphone styles
================================================== */
@media all and (min-width: 480px) and (max-width: 767px), 
(min-width: 320px) and (max-width: 479px), 
(min-width: 240px) and (max-width: 319px) 
{

    .main .container,
    .footer .container {
        padding-left: 10px;
        padding-right: 10px; }
      
    /* Header Logo  */
    .headerLogo .sfContentBlock {
        margin: 0 auto;
        text-align: center; }
      

    /* Header Top Menu  */
    div.RadTabStripTop_topmenu,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL {
        margin: 0 auto;
        width: 100%;
        text-align: center; }

    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsLink,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsLink span.rtsOut,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsLink span.rtsIn,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsLink span.rtsTxt {
        float: none;
        display: inline-block;
        text-align: center; }
      
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsLink,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsLink span.rtsOut,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsLink span.rtsIn,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsLink span.rtsTxt {
        color: #bfb6ac; }
          
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsLink:hover,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsLink:hover span.rtsOut,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsLink:hover span.rtsIn,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsLink:hover span.rtsTxt,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsSelected,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsSelected span.rtsOut,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsSelected span.rtsIn,
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI a.rtsSelected span.rtsTxt {
        color: #fff; }
      
    div.RadTabStripTop_topmenu div.rtsLevel ul.rtsUL li.rtsLI {
        margin: 0 5px; } 

      
    /* Header Main Menu  */
    div.mainmenu {
        margin: 20px 0 0 0; }

    .header div.RadMenu ul.rmRootGroup {
        padding: 6px 40px 18px 3px; } 

    .header div.RadMenu ul.rmRootGroup li.rmItem a.rmLink {
        padding: 2px 7px; }

    .header div.RadMenu ul.rmHorizontal a.rmLink.rmFocused,
    .header div.RadMenu ul.rmHorizontal a.rmLink.rmFocused span,
    .header div.RadMenu ul.rmHorizontal a.rmLink.rmSelected,
    .header div.RadMenu ul.rmHorizontal a.rmLink.rmSelected span,
    .header div.RadMenu ul.rmHorizontal a.rmLink.rmExpanded,
    .header div.RadMenu ul.rmHorizontal a.rmLink.rmExpanded span,
    .header div.RadMenu ul.rmHorizontal a.rmLink.rmExpanded:hover,
    .header div.RadMenu ul.rmHorizontal a.rmLink.rmExpanded:hover span {
        color: #00673c;
        background: none; }

    .header div.RadMenu div.rmSlide {
        display: none !important; }

    /* Main */
    .main {
        padding-top: 10px !important; }

    .fullWidthWrp {
        margin-bottom: 10px !important; }

    .maincontent div.sf_pagerNumeric a 
    {
        padding: 10px 14px; }



    /* Sidebar */
    .sidebar {
        padding-top: 20px !important; }

    /* Call2actions */
    .call2action .sfContentBlock {
      margin-bottom: 20px; }

    /* Our Story */
    .ourStory .sfContentBlock {
      margin: 0 auto;
      margin-bottom: 20px;
      text-align: center; }

    .call2action .sf_3cols_1in_33,
    .call2action .sf_3cols_2in_34,
    .call2action .sf_3cols_3in_33 {
        width: 100%; }
    
    .call2action .sfContentBlock img { 
        max-width:98%;
        padding:1%;
        background: #fff; }


    /* Sidebar Vertical Navigation */
    .sidebar h3 { margin-top: 20px; }

    .RadPanelBar,
    .RadPanelBar a.rpLink,
    .RadPanelBar span.rpText {
      font: 18px/30px Tahoma, Geneva, sans-serif; }

    .RadPanelBar ul.rpRootGroup li.rpItem ul.rpGroup,
    .RadPanelBar ul.rpRootGroup li.rpItem ul.rpGroup a.rpLink,
    .RadPanelBar ul.rpRootGroup li.rpItem ul.rpGroup span.rpText {
      font: normal 16px/24px Tahoma, Geneva, sans-serif; }

    /* Product / Recipes List */
    .maincontent ul.sfitemsList li.sfitem .sfimageWrp { width: 100px; }

    .maincontent ul.sfnewsList li.sfnewsListItem .sfimageWrp img {
        padding: 5px !important;
        width: 100px !important;
        max-width: 100px;
        min-width: 100px; }

    .maincontent ul.sfitemsList li.sfitem h2.sfitemTitle,
    .maincontent ul.sfitemsList li.sfitem .sfitemRichText,
    .maincontent ul.sfitemsList li.sfitem .sfnewsMetaInfo,
    .maincontent ul.sfitemsList li.sfitem .sfitemFullDetails,
    .maincontent ul.sfitemsList li.sfitem .sfitemShortTxtWrp,
    .maincontent ul.sfnewsList li.sfnewsListItem h2.sfnewsTitle,
    .maincontent ul.sfnewsList li.sfnewsListItem .sfnewsMetaInfo,
    .maincontent ul.sfnewsList li.sfnewsListItem .sfnewsSummary,
    .maincontent ul.sfnewsList li.sfnewsListItem .sfnewsFullStory {
        margin-left: 10px; } 

    .maincontent ul.sfitemsList li.sfitem .sfitemShortTxtWrp {
        margin-top: 10px; }

    /* Product / Recipes Details */
    .maincontent .sfitemDetails table td {
        width: 100%;
        padding: 0 0 20px 0;
        display: block; }    

    .maincontent .sfitemDetails .sfimageWrp img { 
        margin: 0 auto;
        margin-bottom: 20px;
        text-align: center; }
    
    /* News Details */
    .sfnewsDetails .sfimageWrp 
    {
        display: block; }
    
    .sfnewsDetails .sfimageWrp img { 
        margin: 0 auto;
        margin-bottom: 20px;
        text-align: center;
        width: 100%; }
        
    /* Footer */
    .footerRowOne { font-size: 15px; }

    .footerAwards ul.sflistList li.sflistListItem div.sflistItemContent img {
        height: 67px !important; }

    .footerContact ul.sflistList li.sflistListItem div.sflistItemContent ul li {
        margin: 5px 0 0 0;
        padding: 6px 6px; }

    .footerRowTwo .sfContentBlock { 
        padding: 20px 0 0 0; 
        line-height: 18px; }

} /* end */


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
        content: '\0020';
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0; }
    .row:after,
    .clearfix:after {
        clear: both; }
    .row,
    .clearfix {
        zoom: 1; }

    .clear {
        clear: both;
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0; }
