/* ************************************** -
  This is the main stylesheet for an AME based website.
************************************* */


/* -------Standard elements  ---------- */

html {}

body {
   color: white;
   background-color: black;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 12pt;
   line-height: 1.2;
}

.AMEbody {
   color: black;
   background-color: white;
}


/* ---------------std tags ---------- */

table {}

td {}

th {
   font-style: italic;
   font-weight: normal;
   font-size: 80%;
}

img {}

a {
   color: black;
}

a:hover {
   color: black;
   xtext-decoration: none;
}

h1 {
   xfont-size: 1.875em;
   /* 30px/16=1.875em */
   xfont-weight: bold;
}

h2 {
   xfont-size: 1.5em;
   /* 24px */
}

h3 {
   xfont-size: 1.25em;
   /* 20px */
}

h4 {
   xfont-size: 1em;
   /* 16px */
   xfont-weight: bold;
}

h5 {
   xfont-size: 0.875em;
   /* 14px */
   xlist-style-type: Circle;
}

p {
   xmargin-top: 0px;
   xmargin-bottom: 5px;
}

label {
   font-weight: 200;
   Font-size: 0.8em;
}

blink {
   behavior: url(blink.htc);
}

strong {}


/* ---------Ad hoc classes  ----------- */

.Warning {
   padding-left: 18px;
   font-size: 1.2em;
   font-weight: bold;
   color: Red;
}

.error {
   width: 75%;
   font-size: 0.875em;
}

.AdobeReader {
   font-size: 0.625em;
   text-align: center;
   color: #A9A9A9;
}

.noWrap {
   white-space: nowrap;
}

.clear {
   clear: both;
}

@function black($opacity) {
   @return rgba(black, $opacity)
}

@function white($opacity) {
   @return rgba(white, $opacity)
}

.half-black {
   background: black(0.5);
}


/* --------bootstrap variations ---------- */

.col-wrap {
   overflow: hidden;
}

// 20px gutter
.gutter-20.row {
   margin-right: -10px;
   margin-left: -10px;
}

.gutter-20>[class^="col-"],
.gutter-20>[class^=" col-"] {
   padding-right: 10px;
   padding-left: 10px;
}

// 10px gutter
.gutter-10.row {
   margin-right: -5px;
   margin-left: -5px;
}

.gutter-10>[class^="col-"],
.gutter-10>[class^=" col-"] {
   padding-right: 5px;
   padding-left: 5px;
}

.gutter-10>[class^="col-"]:first-of-type,
.gutter-10>[class^=" col-"]:first-of-type {
   padding-left: 15px;
}

.gutter-10>[class^="col-"]:last-of-type,
.gutter-10>[class^=" col-"]:last-of-type {
   padding-right: 15px;
}

// 0px gutter
.gutter-0.row {
   margin-right: 0;
   margin-left: 0;
}

.gutter-0>[class^="col-"],
.gutter-0>[class^=" col-"] {
   padding-right: 0;
   padding-left: 0;
}


/* ---------------Container ------------ */

.container {
   color: black;
   background-color: white;
}


/* ---------------Container2 ------------ */

#container2 {
   margin-top: 0px;
   xmargin-bottom: 20px;
   padding-left: 20px;
   background-color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 768px) {
   #container2 {
      min-height: 600px;
      margin-top: 10px;
   }
}


/* --------Left Mast Section --------- */

#divLeftMast {
   margin-bottom: -99999px;
   padding-bottom: 99999px;
}

.LeftMast {
   padding-left: 30px;
   padding-right: 35px;
   background-image: url(images/Brown-paper-effect.png);
   background-position: top right;
   background-repeat: repeat;
}

#divLeftMastBottom .LeftMast {
   padding-bottom: 10px;
}

@media (max-width: 768px) {
   .LeftMast {
      padding-left: 10px;
      padding-right: 15px;
   }
   #divLeftMastBottom .LeftMast {
      padding-bottom: 0px;
   }
   #divLeftMastBottom>[class^="col-"],
   #divLeftMastBottom>[class^=" col-"] {
      padding-right: 0;
      padding-left: 0;
   }
}


/* ---------------right mast ---------- */

#divRightMast {
   xdisplay: none;
   float: right;
   xmargin-left: 15px;
   xmargin-right: 0px;
   xbackground-color: Crimson;
   border-left: 1px solid DarkGray;
}


/* ---------------Header  ---------------- */

#divHeader {
   clear: both;
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 15px;
   text-align: center;
   background-color: black;
}

@media (min-width: 768px) {
   #divHeader {
      margin-top: 12px;
   }
}

#divHeaderLogo {
   padding-top: 55px;
   text-align: Left;
}

.HeadLogo {
   width: 100%;
}

#divHeaderTaglineIntro {
   padding-top: 5px;
   text-align: left;
   vertical-align: top;
   font-size: 1.em;
   xfont-weight: bold;
   color: #ffcc00;
}

#divHeaderTagline {
   padding-top: 5px;
   text-align: left;
   vertical-align: top;
   font-size: 1em;
   xfont-weight: bold;
   color: #ffcc00;
   word-wrap: break-word;
}

#divHeaderImage2 {
   display: None;
}

.HeaderImage2 {
   height: 90px;
}


/* ---------------Search  ------------- */

#SearchBox table.gcsc-branding {
   display: none;
}

.gsc-control-cse {
   margin-top: -10px;
}

#divContent .gsc-control-cse {
   padding: 5px;
}


/* ---------------social media  -------- */

#divTop {
   xbackground-color: black;
   margin-top: 70px;
   margin-bottom: 0px;
   margin-left: -31px;
   padding-left: 15px;
   background-image: url(images/Brown-paper-edge.png);
   background-position: top left;
   background-repeat: repeat-y;
}

@media (max-width: 768px) {
   #divTop {
      background-color: black;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: -20px;
      padding-bottom: 10px;
      padding-left: 15px;
      padding-right: 15px;
      background-image: none;
   }
}

#pintrestButton {
   float: right;
   margin-top: 22px;
   margin-left: 10px;
}

#pintrestButton span {
   width: 40px
}

#twitterButton {
   float: right;
   margin-top: 25px;
   margin-left: 10px;
}

#FBicon {
   position: relative;
   z-index: 8;
   float: right;
   width: 30px;
   margin-top: 20px;
   margin-bottom: 5px;
}

#facebooklike {
   margin-top: 24px;
   margin-right: -20px;
   margin-left: 10px;
   opacity: 0;
   position: relative;
   z-index: 9;
   float: right;
   width: 20px;
}

#FacebookLikeFaces {
   overflow: hidden;
}

.FBlink {
   float: right;
   text-align: right;
}

.FBlink img {
   float: right;
   margin-left: 15px;
   max-width: 40%;
   border-radius: 10px;
}

.FBlinkSide {
   margin-top: 15px;
}

.FBlinkSide img {
   float: right;
   max-width: 100%;
   border-radius: 10px;
}

@media (max-width: 768px) {
   #pintrestButton {
      margin-top: 6px;
   }
   #twitterButton {
      margin-top: 7px;
   }
   #FBicon {
      margin-top: 5px;
   }
}


/* ---------------Contact block ----------- */

#divContacts {
   position: relative;
   xbottom: 5px;
   xmargin-top: 15px;
   padding-top: 20px;
   padding-bottom: 20px;
   padding-left: 15px;
   padding-right: 15px;
   font-size: 0.8em;
   text-align: left;
   color: white;
   background-color: black;
}

@media (max-width: 768px) {
   #divContacts {
      margin-top: 0px;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 10px;
      padding-right: 10px;
   }
}

#divContacts a {
   color: white;
}


/* ---------------footer Section ------------------ */

#divFooter {
   position: relative;
   bottom: 0px;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 15px;
   padding-right: 15px;
   font-size: 0.7em;
   text-align: left;
   color: white;
   background-color: black;
}

#divFooter a {
   color: white;
}

.footer {
   margin-left: 5px;
   margin-right: 5px;
   font-size: 1em;
   text-align: left;
}

div#FooterChild {
   margin-top: 10px;
}

#FooterChild li {
   xdisplay: inline;
}

#divFooterLogo {
   display: none;
   width: 200px;
   float: right;
   margin-right: 25px;
}


/* ---------------design credit------------------ */

#divDesign {
   width: 100%;
   clear: both;
   padding: 15px;
   padding-top: 50px;
   font-size: 0.6em;
   text-align: center;
   color: #808080;
   background-color: black;
}

#divDesign a {
   color: #808080;
}

#divDesign a:hover {
   font-size: 1em;
   color: white;
}


/* --------Content Section ------------- */

#divContent {
   margin-bottom: 5px;
   height: auto;
   min-height: 200px;
   xbackground-color: CornflowerBlue;
}


/* ---------------Article-------------- */

#Article {}

#Archive {}

.ArticleMainDiv {
   xwidth: 100%;
   xoverflow: auto;
   min-height: 1px;
   padding: 0px;
}

.ArticleHEADER {
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 0px;
   font-size: 1.4em;
   text-align: left;
   display: none;
   min-height: 1px;
   height: 1px;
}

.ArticleTAGLINE {
   margin-top: 15px;
   font-size: 1.375em;
   font-weight: bold;
}

.ArticleAUTHOR {
   margin-bottom: 5px;
   padding-top: 15px;
   padding-left: 15px;
   font-size: 0.75em;
   text-align: left;
}

.ArticleIMGlarge {
   font-size: 0.75em;
}

img.ArticleIMGlarge {
   width: 100%;
}


/* --------Article Section1 ---------- */

.DivArticleSection1 {
   padding: 5px;
   padding-left: 0px;
   padding-right: 0px;
}

.ArticleIMG1 {
   float: right;
   max-width: 50%;
   margin-left: 10px;
   padding: 0px;
   overflow: Hidden;
   font-size: 0.75em;
   text-align: right;
}

@media (max-width: 480px) {
   .ArticleIMG1 {
      max-width: 100%;
   }
}

.ArticleIMG1 img {
   max-width: 100%;
   display: block;
   clear: both;
}

.ArticleBODY {
   margin: 0px;
}

.ArticleEmbedFrame {
   width: 100%;
   height: 100%;
   border: 0px;
}


/* ----------Article Section2 ----------- */

.DivArticleSection2 {
   margin-bottom: 10px;
   padding: 5px;
   padding-left: 0px;
   padding-right: 0px;
}

.ArticleIMG2 {
   float: left;
   max-width: 100%;
   margin-right: 10px;
   margin-bottom: 10px;
   overflow: Hidden;
   font-size: 0.75em;
   text-align: left;
}

.ArticleIMG2 img {
   max-width: 100%;
   display: block;
}

.ArticleNOTES {}

.ArticleATTACH {
   font-size: 1em;
}

.ArticleATTACHbody {
   font-size: 0.625em;
   margin-left: 10px;
}

.DivArticleClear {
   clear: both;
   display: none;
   min-height: 1px;
   height: 1px;
}


/* ---------------ArticleImageLeft ----------- */

#ArticleImageLeft .ArticleIMG1 {
   float: left;
   margin-left: 0px;
   margin-right: 10px;
   text-align: left;
}

#ArticleImageLeft .ArticleIMG1 img {}

#ArticleImageLeft .DivArticleSection2 {}

#ArticleImageLeft .ArticleIMG2 {
   float: right;
   margin-left: 10px;
   margin-right: 0px;
   text-align: right;
}

#ArticleImageLeft .ArticleIMG2 img {}


/* ---------------Article2columns ----------- */

@media (min-width: 480px) {
   #Article2columns .DivArticleSection1 {
      float: left;
      width: 48%;
      padding: 0px;
      padding-right: 10px;
   }
   #Article2columns .ArticleIMG1 {
      max-width: 100%;
   }
   #Article2columns .ArticleIMG1 img {}
   #Article2columns .ArticleBODY {}
   #Article2columns .DivArticleSection2 {
      float: right;
      width: 48%;
      padding-left: 16px;
      border-left: 1px solid DarkGrey;
   }
   #Article2columns .ArticleIMG2 {
      margin-left: 0px;
      padding-right: 20px;
      text-align: right;
   }
   #Article2columns .ArticleIMG2 img {
      clear: right;
      float: right;
      max-width: 100%;
      margin-right: 0px;
   }
   #Article2columns .ArticleNOTES {}
}


/* ---------------HomeRight-------------- */

.HomeRight {
   padding: 29px;
   padding-right: 15px;
   padding-left: 15px;
   margin-bottom: 10px;
   text-align: center;
   font-weight: bold;
}

@media (max-width: 1024px) {
   .HomeRight {
      padding: 15px;
   }
}

@media (max-width: 768px) {
   #HomeRight {
      padding: 10px;
   }
}

.HomeRight img {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
}

#HomeRight1 {
   color: black;
   background-color: #ffcc00;
}

#HomeRight2 {
   color: white;
   background-color: #ED1c24;
}

#HomeRight2 a {
   color: white;
}

#HomeRight3,
#HomeRight4,
#HomeRight5,
#HomeRight6 {
   color: white;
   background-color: black;
}

#HomeRight3 img {
   width: 65%;
}

@media (max-width: 768px) {
   #HomeRight3 {
      display: none;
   }
}

#HomeRight4 .ChildMenuHeading {
   text-align: center;
   xfont-weight: bold;
   font-size: 1.1em;
}

#HomeRight4 .ChildMenu {
   text-align: center;
   font-weight: normal;
   border: 0px;
   font-size: 0.875em;
}

#HomeRight4 a {
   color: white;
}

#HomeRight4 A:hover {
   text-decoration: underline;
}

#HomeRight5 a.ChildMenu {
   display: none;
}

#HomeRight5 .ChildMenu {
   border-bottom: none;
   margin: 0px;
}

#HomeRight5 .ChildMenuList {
   border-bottom: none;
   margin: 0px;
}

#HomeRight5 img {
   width: 100%;
}

#HomeRight5 {
   padding: 0px;
   margin-bottom: 0px;
}

#HomeRight6 a.ChildMenu {
   display: none;
}

#HomeRight6 .ChildMenu {
   border-bottom: none;
   margin: 0px;
}

#HomeRight6 .ChildMenuList {
   border-bottom: none;
   margin: 0px;
}

#HomeRight6 img {
   width: 100%;
}

#HomeRight6 {
   padding: 0px;
   xmargin-bottom: 0px;
}


/* ---------------Conversations------- */

#Conversations {
   color: black;
   background-color: #ffcc00;
   padding-bottom: 5px;
}

#divRightMast #Conversations .ChildMenuHeading {
   text-align: left;
   xfont-weight: bold;
   font-size: 1.2em;
}

#Conversations .ChildMenu {
   margin-left: 5%;
   font-weight: normal;
   border: 0px;
}

#Conversations a {
   color: black;
}

#Conversations A:hover {
   text-decoration: underline;
}


/* ---------------Product-------------- */

#Product .ArticleMainDiv {
   margin-bottom: 10px;
}

#Product .ArticleIMG1 {
   margin-bottom: 10px;
}


/* ---------------Recipe---------------- */

#Recipe .ArticleHEADER {}

#Recipe .ArticleTAGLINE {}

#Recipe .DivArticleSection1 {
   padding: 0px;
   padding-top: 10px;
   border-bottom: 1px solid #ffcc00;
}

#Recipe .DivArticleSection1Clear {
   xclear: both;
}

#Recipe .ArticleIMG1 {
   float: none;
   max-width: 100%;
   margin-left: 0px;
   padding: 0px;
   overflow: Hidden;
   font-size: 0.75em;
   text-align: right;
}

#Recipe .ArticleExtraOutPut {
   margin-top: 10px;
   border: 1px solid black;
   border-bottom: 0px solid black;
   padding: 10px;
   padding-left: 15px;
}

#Recipe .ArticleExtraOutPutClear {
   clear: both;
}

#Recipe .ArticleTAGLINE2 {
   margin-top: 15px;
   margin-bottom: 15px;
   font-size: 1.2em;
   font-weight: bold;
   padding-left: 0px;
   padding-right: 15px;
}

#PrintButDiv,
.dt-button {
   float: right;
   margin: 10px;
   padding: 3px 5px;
   background-color: #ffcc00;
   border-radius: 10px;
   font-size: 0.875em;
}

#Recipe .ArticleThumbnail {
   float: right;
   margin-left: 7px;
   max-width: 50%;
   overflow: hidden;
}

#Recipe .ArticleBODY {
   border-left: 1px solid black;
   border-right: 1px solid black;
   padding: 10px;
}

#Recipe .DivArticleSection2 {
   border: 1px solid black;
   border-top: 0px solid black;
}

#Recipe .DivArticleSection2 li {
   font-size: 0.875em
}

#Recipe .DivArticleSection2 li p {
   margin: 0;
}

#Recipe .ArticleIMG2 {
   float: right;
}

#Recipe .ArticleNOTES {
   padding: 25px;
}


/* ---------------Ingredients---------- */

table.Ingredients,
table.ingredients {
   margin: 0px;
   margin-bottom: 10px;
   font-size: 0.875em;
}

.Ingredients td:first-of-type,
.ingredients td:first-of-type {
   width: 30%;
   text-align: right;
   padding-right: 20px;
}

.Ingredients td:nth-of-type(2),
.ingredients td:nth-of-type(2) {
   xdisplay: list-item;
}

.xIngredients td:nth-of-type(2) :before {
   content: "\00BB";
   /* Insert content that looks like bullets */
   padding-right: 8px;
   color: #FC0;
   /* Or a color you prefer */
}

.Ingredients td p {
   margin: 0;
   margin-bottom: 2px;
}


/* ---------------Nutrition---------- */

table.Nutrition,
table.nutrition,
table.ProductIngredients,
table.productingredients {
   margin: 0px;
   margin-top: 10px;
   margin-bottom: 10px;
   font-size: 0.875em;
   clear: both;
   border: 1px solid black;
}

.Nutrition td,
.nutrition td,
.ProductIngredients td,
.productingredients td {
   text-align: center;
   padding-right: 10px;
   padding-left: 5px;
}

.Nutrition td:first-of-type,
.nutrition td:first-of-type,
.ProductIngredients td:first-of-type,
.productingredients td:first-of-type {
   width: 55%;
   text-align: right;
   padding-right: 20px;
}

.Nutrition tr:first-of-type td,
.nutrition tr:first-of-type td {
   padding-top: 10px;
}

.Nutrition td:nth-of-type(2),
.nutrition td:nth-of-type(2),
.ProductIngredients td:nth-of-type(2),
.productingredients td:nth-of-type(2) {
   xdisplay: list-item;
}


/* ---------------Butcheries--------- */

#Butcheries .DivArticleSection1 {
   background-color: #e1e1e1;
   padding: 10px;
   font-size: 0.875em;
   margin-bottom: 20px;
}

div.ButcheryMap {
   float: right;
   width: 100%;
   max-width: 100%;
   margin-top: 10px;
   margin-left: 10px;
   padding: 0px;
   overflow: Hidden;
   text-align: right;
}

@media (max-width: 768px) {
   div.ButcheryMap {
      max-width: 100%;
   }
}

div.ButcheryMap iframe {
   width: 100%;
   height: 350px;
   margin-left: 0px;
}

@media (max-width: 768px) {
   div.ButcheryMap iframe {
      width: 100%;
      height: 250px;
   }
}

#Butcheries .DivArticleSection1Clear {
   clear: both;
}

.OpenTimes tr td:First-of-type {
   font-weight: bold;
   padding-right: 5px
}

.OpenTimes tr td:nth-of-type(2) {
   padding-right: 5px;
   text-align: right;
}

.OpenTimes {
   line-height: 70%;
}


/* ---------------Video-------------- */

#Video iframe {
   height: 400px;
   margin-top: 10px;
}

@media (max-width: 768px) {
   #Video iframe {
      height: 300px;
   }
}

@media (max-width: 480px) {
   #Video iframe {
      height: 200px;
   }
}

#Video .DivChildSection {
   float: none;
}

#VideoMenu .MenuThumbnail img {
   width: 100%;
   display: block;
}

#VideoMenu a.MenuThumbnail::after {
   content: " ";
   width: 30px;
   height: 0;
   border-top: 15px solid transparent;
   border-bottom: 15px solid transparent;
   border-left: 15px solid white;
   border-radius: 10px;
   margin-left: 35%;
   margin-top: -35%;
   box-sizing: border-box;
   position: absolute;
   z-index: 99;
   color: green;
   background-color: #404040;
   opacity: 0.8;
}

#VideoList #DivChildren .ChildThumbnail a:hover::after,
#VideoMenu a.MenuThumbnail:hover::after {
   background-color: #ED1c24;
}


/* ---------------Child-------------- */

.DivChildSection {
   xfloat: right;
   xwidth: 66%;
}

#Child0 {
   xfloat: left;
   margin-right: 0px;
}

#Child1 {
   xfloat: left;
   margin-right: 0px;
}

.ChildBox {
   margin-top: 30px;
}

.ChildThumbnail {
   float: left;
   max-width: 50%;
   margin-left: 0px;
   margin-right: 20px;
   margin-top: 10px;
   text-align: center;
}

#Child0 .ChildThumbnail {}

#xChild1 .ChildThumbnail {
   float: right;
   margin-left: 10px;
   margin-right: 0px;
}

.ChildThumbnail img {
   max-width: 100%;
}

.ChildHeadline {
   position: absolute;
   top: 0px;
   left: 0px;
   margin-top: 10px;
   margin-left: 15px;
   white-space: nowrap;
}

#Child1 .ChildHeadline {
   xfloat: left;
}

.ChildHeadline A {
   background-color: #ED1c24;
   font-size: 0.875em;
   xfont-weight: bold;
   color: white;
   text-transform: uppercase;
   text-decoration: none;
   padding: 3px;
   padding-left: 10px;
   padding-right: 20px;
}

.ChildHeadline A::after {
   content: " ";
   width: 0px;
   height: 0;
   border-top: 11px solid transparent;
   border-bottom: 11px solid transparent;
   border-right: 11px solid white;
   margin-left: 9px;
   margin-top: -1px;
   box-sizing: border-box;
   position: absolute;
   z-index: 99;
}

.ChildTAGLINE {
   padding-top: 7px;
   padding-bottom: 10px;
   padding-left: 0px;
   font-size: 1.1em;
   xfont-weight: bold;
   text-align: Left;
}

@media (max-width: 768px) {
   .ChildTAGLINE {
      padding-top: 32px;
   }
}

.ChildAbstract {
   padding-top: 5px;
   padding-left: 0px;
   font-size: 0.875em;
}

a.ReadMore {
   display: block;
   float: right;
   padding: 5px;
   margin-top: -20px;
   margin-bottom: 5px;
   padding-bottom: 0px;
   font-size: 0.875em;
   color: #ED1c24;
   /*    -ms-transform: rotate(-7deg);*/
   /* IE 9 */
   /*      -webkit-transform: rotate(-7deg);*/
   /* Chrome, Safari, Opera */
   /*       transform: rotate(-10deg); */
}

a.ReadMore::after {
   content: "\2026";
}


/* ---------------RecipeResults ------------- */

#RecipeResults {
   padding-top: 20px;
   margin-bottom: 20px;
   clear: both;
}

#article3childColumns .ChildBox,
#VideoList .ChildBox,
#BookletList .ChildBox,
#RecipeResults .ChildBox {
   position: relative;
   height: 185px;
   overflow: hidden;
   margin-top: 0px;
}

#article3childColumns .ChildThumbnail,
#VideoList .ChildThumbnail,
#BookletList .ChildThumbnail,
#RecipeResults .ChildThumbnail {
   width: 100%;
   max-width: 100%;
   height: 160px;
   overflow: hidden;
   margin-right: 0px;
}

#article3childColumns .ChildHeadline,
#VideoList .ChildHeadline,
#BookletList .ChildHeadline,
#RecipeResults .ChildHeadline {
   top: auto;
   bottom: 0px;
   width: 100%;
   margin-left: 0px;
   xmargin-right: 5px;
   padding: 0px;
   color: #ED1c24;
   font-size: 0.8em;
   white-space: normal;
   background-color: transparent;
}

#article3childColumns .ChildHeadline a,
#VideoList .ChildHeadline a,
#BookletList .ChildHeadline a,
#RecipeResults .ChildHeadline a {
   display: block;
   position: relative;
   bottom: 0px;
   xwidth: 100%;
   color: white;
   padding: 5px;
   padding-left: 10px;
   font-size: 1.2em;
   text-transform: capitalize;
   background-color: black;
}

#article3childColumns .ChildHeadline a:after,
#VideoList .ChildHeadline a:after,
#BookletList .ChildHeadline a:after,
#RecipeResults .ChildHeadline a:after {
   content: "";
   border: none;
   margin: 0;
}

#article3childColumns .ChildTAGLINE,
#VideoList .ChildTAGLINE,
#BookletList .ChildTAGLINE,
#RecipeResults .ChildTAGLINE {
   display: none;
}

.RecipeNew {
   display: none;
   padding: 5px;
   margin-bottom: -10px;
   padding-bottom: 0px;
   -ms-transform: rotate(7deg);
   /* IE 9 */
   -webkit-transform: rotate(7deg);
   /* Chrome, Safari, Opera */
   transform: rotate(10deg);
}


/* ---------------StaffList------------- */

#StaffList .ChildBox {
   position: relative;
   xheight: 350px;
   overflow: hidden;
   margin-top: 10px;
}

#StaffList .ChildThumbnail {
   width: 100%;
   max-width: 100%;
   xheight: 260px;
   xmax-height: calc(20vw);
   overflow: hidden;
   margin-bottom: 5px;
   margin-right: 0px;
}

@media (max-width: 767px) {
   #StaffList .ChildThumbnail {
      height: calc(60vw);
   }
}

@media (max-width: 520px) {
   #StaffList .ChildThumbnail {
      height: calc(70vw);
   }
}

@media (max-width: 430px) {
   #StaffList .ChildThumbnail {
      height: calc(80vw);
   }
}

#StaffList .ChildHeadline {
   position: static;
   width: 100%;
   margin-left: 0px;
   padding: 0px;
   font-size: 0.8em;
   white-space: normal;
   background-color: transparent;
}

#StaffList .ChildHeadline a,
#StaffList .ChildTAGLINE {
   display: block;
   position: static;
   width: 100%;
   padding: 5px;
   padding-left: 10px;
   font-size: 1.2em;
   text-transform: capitalize;
   color: white;
   background-color: black;
}

#StaffList .ChildHeadline a:after {
   content: "";
   border: none;
   margin: 0;
}

#StaffList .ChildAbstract {
   display: none;
}


/* ---------------VideoList------------- */

#VideoList #DivChildren .ChildThumbnail a::after {
   content: " ";
   width: 40px;
   height: 0;
   border-top: 15px solid transparent;
   border-bottom: 15px solid transparent;
   border-left: 25px solid white;
   border-radius: 10px;
   margin-left: 35%;
   margin-top: -45%;
   box-sizing: border-box;
   xposition: absolute;
   z-index: 99;
   color: green;
   background-color: #404040;
   opacity: 0.8;
   display: block;
   margin-bottom: 30%;
}


/* ---------------BookletList-------------- */

#BookletList a.ReadMore {
   margin-top: -60px;
}


/* ---------------ProductList-------------- */

#ProductList .ChildBox {
   border: 1px solid;
   padding: 2px;
}

#ProductList .ChildThumbnail {
   max-height: 180px;
   overflow: hidden;
   width: 100%;
   max-width: 100%;
   margin-top: 0px;
}

#ProductList .ChildHeadline {
   position: static;
   white-space: normal;
}

#ProductList .ChildHeadline A {
   font-size: 0.875em;
   color: black;
   background-color: white;
   text-transform: capitalize;
   padding-left: 0px;
   padding-right: 0px;
}

#ProductList .ChildHeadline A::after {
   content: "";
   width: 0px;
   border: 0px;
   margin: 0px;
}

#ProductList .ChildTAGLINE {
   display: none;
}

#ProductList .ChildAbstract {
   display: none;
}


/* ---------------SectionTitle ------------- */

.SectionTitle {
   position: relative;
   float: left;
   margin-top: 0px;
   margin-right: 15px;
   padding: 3px;
   padding-left: 10px;
   padding-right: 20px;
   background-color: #ED1c24;
   font-size: 0.875em;
   color: white;
   text-transform: uppercase;
}

.SectionTitle::after {
   content: " ";
   width: 0px;
   height: 0;
   border-top: 12px solid transparent;
   border-bottom: 12px solid transparent;
   border-right: 12px solid white;
   margin-left: 10px;
   margin-top: 0px;
   box-sizing: border-box;
   position: absolute;
   top: 0;
   right: 0;
   z-index: 99;
}


/* ---------------RecipeSearchForm ------------------ */

#divRightMast legend {
   padding-left: 10px;
   xfont-weight: bold;
   font-size: 80%;
   background-color: #ffcc00;
}

#RecipeSearchForm label {
   xposition: relative;
   xz-index: 20;
   margin-right: 18px;
   margin-bottom: 0px;
   float: right;
   font-size: 80%;
   opacity: 0.9;
   background-color: transparent;
   background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 39%, rgba(255, 255, 255, 0.98) 40%, rgba(255, 255, 255, 0) 100%);
   /* FF3.6-15 */
   background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 39%, rgba(255, 255, 255, 0.98) 40%, rgba(255, 255, 255, 0) 100%);
   /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 39%, rgba(255, 255, 255, 0.98) 40%, rgba(255, 255, 255, 0) 100%);
   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
   /* IE6-9 */
}

#RecipeSearchForm select {
   width: 100%
}

#RecipeSearchForm input {
   width: 100%
}

#RecipeSearchForm input[type="submit"] {
   margin-top: 10px;
}

#RecipeSearchForm {
   margin-bottom: 20px;
   padding-bottom: 20px;
   border-bottom: 1px solid #ffcc00;
}

#divRecipeCategoryList form {
   font-size: 80%;
}

#divRecipeCategoryList {
   margin-bottom: 20px;
}


/* ---------------RecipeProducts ----------- */

#RecipeProducts {
   font-size: 10px;
   xtext-align: center;
   margin-bottom: 20px;
   padding-bottom: 10px;
   border-bottom: 1px solid #FC0;
}

#RecipeProducts .ChildBox {
   margin-top: 5px;
}

#RecipeProducts .ChildHeadline {
   margin-left: 0px;
   display: none;
}

#RecipeProducts .ChildThumbnail {
   float: none;
   width: 100%;
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
}

#RecipeProducts .ChildTAGLINE {
   font-size: 12px;
   margin-left: 0px;
   padding-top: 0px;
   padding-left: 5px;
   xtext-align: center;
   xfont-weight: bold;
}


/* ---------------RecipeMealTypes --------- */

#RecipeMealTypes {
   font-size: 12px;
   xfont-weight: bold;
   text-align: left;
   margin-top: 20px;
   margin-bottom: 20px;
   padding-bottom: 10px;
   border-bottom: 1px solid #FC0;
}

#RecipeMealTypes span {
   font-weight: normal;
   display: block;
   clear: left;
   margin-left: 10px;
}

#RecipeMealTypes {}


/* ---------------Mugshots ------------------ */

#Mugshots {
   display: block;
   float: right;
   width: 136px;
   margin-left: 20px;
   position: Relative;
   text-align: right;
   top: 0px;
   background-color: #C7D8EF;
}

#Mugshots .ChildBox {
   border: 1px solid #808080;
   text-align: center;
   background-color: #FFFFFF;
}

#Mugshots .ChildThumbnail {
   width: 100%;
   max-width: 100%;
   margin-left: 5px;
   margin-top: 4px;
   text-align: center;
}

#Mugshots .ChildHeadline {
   padding-left: 0px;
   border: 1px dotted #808080;
   font-size: 0.875em;
   text-decoration: none;
   text-transform: uppercase;
}

#Mugshots .ChildHeadline A {
   text-decoration: none;
}

#Mugshots .ChildTAGLINE {
   padding-left: 0px;
   font-size: 0.625em;
   text-align: center;
}

#Mugshots .ChildAbstract {
   padding-left: 0px;
   font-size: 0.625em;
   text-align: justify;
}


/* ---------------Film strip ------------ */

#divFilmStrip {
   width: 100%;
   clear: both;
   margin-left: 0px;
   text-align: center;
   xbackground-color: Coral;
}

.FilmStripImg {
   display: block;
   float: left;
   width: 230px;
   height: 172px;
   margin: 0px;
   padding: 0px;
   border: 0px solid black;
   xborder-radius: 15px;
}


/* ---------------Sitemap ------------------ */

#Sitemap {
   margin-left: 40px;
   font-size: 0.625em;
}

.Sitemap a {
   font-size: 0.625em;
}


/* ---------------Login ------------------ */

#divLogin {
   margin: 0px;
   padding: 2px;
   font-size: 0.625em;
   text-align: right;
}

#divLogin a {
   font-size: 0.625em;
   text-align: right;
}

#divLogin form {
   margin: 0px;
}

.LoginError {
   font-size: 0.625em;
   color: red;
}

.EditControls80 {
   width: 80px;
   border-bottom: 1px solid #000000;
   border-left: 1px solid #000000;
   border-right: 1px solid #000000;
   border-top: 1px solid #000000;
   font-size: 0.625em;
}

.ButtonControls {
   border-bottom: 1px SOLID white;
   border-left: 1px SOLID white;
   border-right: 1px SOLID white;
   border-top: 1px SOLID white;
   font-size: 0.75em;
}


/* ---------------PWord change------------------ */

#ChgPword {
   width: 400px;
   margin: 20px 0px 30px 0px;
   text-align: right;
}


/* ---------------rotator ------------------ */

#divRotator {}

.RotatorCONTENT {
   font-size: 0.625em;
   text-align: center;
   color: #000000;
}

.RotatorCONTENT A {
   font-size: 0.625em;
   text-decoration: none;
   color: blue;
}

.RotatorCONTENT A:hover {
   font-size: 0.625em;
   text-decoration: underline;
   color: blue;
}

.RotatorHEADER {
   position: relative;
   top: 6.5px;
   left: 7px;
   width: 160px;
   font-size: 0.6875em;
   xfont-weight: bold;
   text-align: center;
   color: #BFBFBF;
}

.RotatorIMG {
   position: relative;
   top: 12px;
   left: 10px;
   width: 120px;
   font-size: 0.6875em;
   xfont-weight: bold;
   text-decoration: none;
   color: #006600;
}

.RotatorDIV {
   position: absolute;
   top: 135px;
   left: 5px;
   z-index: 5;
   height: 400px;
   width: 180px;
   font-size: 0.6875em;
   text-align: center;
}


/* ---------------App ---------- */

.AppDiv {}

.AppHeader {
   margin-top: 15px;
   font-size: 1.375em;
   font-weight: bold;
}

.AppInfo {}

.AppDiv a {
   text-decoration: underline;
}


/* ---------------Reports---------- */

.Report {
   padding-left: 10px;
   border-right: dotted 3px black;
}

.Report Th {
   padding-left: 10px;
   padding-right: 10px;
   font-size: 0.625em;
   font-variant: small-caps;
   text-align: Right;
}

.Report Td {
   padding-left: 10px;
   padding-right: 10px;
   font-size: 0.75em;
   text-align: right;
}

.ReportHeader {
   padding-left: 10px;
}

#Report1 {
   float: Left;
}

#Report2 {
   float: Left;
}

#Report3 {}

#Report4 {}


/* ---------------Data tables ------------------ */

table .datatable {
   margin-left: 54px;
   color: black;
   background-color: white;
}

table .datatable thead {
   font-size: 0.6875em;
   xfont-weight: bold;
   color: white;
   background-color: #808080;
}

table .datatable tbody td {
   padding: 0px 12px 0px 12px;
   border-bottom: dotted 1px black;
   border-left: dotted 1px black;
   font-size: 0.875em;
   color: #808080;
}

table .datatable a {
   color: black;
}


/* --------------- Forms  ---------------- */

.FieldLabel {
   padding-left: 12px;
   font-size: 0.625em;
   text-align: right;
   vertical-align: top;
}

span.FieldLabelExtra {
   display: block;
   clear: left;
   font-size: 0.625em;
   text-align: centre;
}

.Fieldinfo {
   padding-bottom: 12px;
   padding-top: 12px;
   font-size: 0.75em;
   text-align: center;
}

.FieldData {
   padding-left: 8px;
}

.FieldHelp {
   display: block;
   clear: left;
   float: right;
   font-size: 0.625em;
   text-align: centre;
}

.FieldDataInvoice {
   text-align: right;
}

.RequiredFlag {
   color: Red;
}

.Feedback {
   padding: 5px;
   font-size: 0.75em;
}

.ActionLinks {
   font-size: 0.875em;
   text-align: right;
}

.ActionLinks a {}


/* ---------------- breadcrumb ---------- */

.breadcrumb {
   margin-left: -31px;
   margin-right: -15px;
   margin-bottom: 5px;
   padding-bottom: 5px;
   padding-top: 5px;
   padding-left: 32px;
   color: black;
   background-color: #ffcc00;
   border-radius: 0px;
   font-size: 80%;
   line-height: 0.8;
   background-image: url(images/Brown-paper-edge.png);
   background-position: top left;
   background-repeat: repeat-y;
}

.breadcrumb>li+li:before {
   content: "\00BB";
   color: black;
}

.breadcrumb>.active {
   color: black;
}


/* ---------------- InfoItem ---------- */

.InfoItem td:first-of-type {
   padding-left: 10px;
   padding-right: 20px;
   padding-bottom: 0px;
   border-bottom: 10px solid transparent;
   background-color: #ED1c24;
   font-size: 0.875em;
   xfont-weight: bold;
   color: white;
   text-transform: uppercase;
   text-align: right;
   vertical-align: top;
}

.InfoItem td:first-of-type::after {
   content: " ";
   width: 0px;
   height: 0;
   border-top: 15px solid transparent;
   border-bottom: 15px solid transparent;
   border-right: 15px solid white;
   margin-left: 6px;
   margin-top: -27px;
   box-sizing: border-box;
   position: absolute;
   z-index: 99;
}

.InfoItem td:nth-of-type(2) {
   padding-left: 20px;
   font-weight: bold;
}


/* ---------------- ButcheriesChildMenu ------ */

#ButcheriesChildMenu {}

#divRightMast .ChildMenuHeading {
   padding-left: 10px;
   xfont-weight: bold;
   font-size: 80%;
   background-color: #ffcc00;
}

#divRightMast .ChildMenu {}


/* ---------------- END --------------- */

.PromoIMG img {
   width: 100%;
}

input[type=file] {
   vertical-align: text-top;
   margin-bottom: 3px;
}

.beyondsecurity,
.beyondsecurity a {
   background-color: #black;
   width: 1px;
}

.beyondsecurity img {
   opacity: 0;
}

.black {
   background-color: #black;
}