/* FONTS */
@font-face {
  font-family: 'Shadows Into Light Two';
  font-style: normal;
  font-weight: normal;
  src: url('/fonts/Shadows_Into_Light_Two/ShadowsIntoLightTwo-Regular.eot') format('embedded-opentype');
  src: local('Shadows Into Light Two'), local('ShadowsIntoLightTwo-Regular'), url('/fonts/Shadows_Into_Light_Two/ShadowsIntoLightTwo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Crete Round';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/Crete_Round/CreteRound-Regular.eot') format('embedded-opentype');
  src: local('Crete Round'), local('CreteRound-Regular'), url('/fonts/crete_round/CreteRound-Regular.ttf') format('truetype');
}

/* BASE */
HTML {
	PADDING-BOTTOM: 0px; 
  MARGIN: 0px; 
  PADDING-LEFT: 0px; 
  PADDING-RIGHT: 0px; 
  FONT-FAMILY: "Arial", Helvetica, sans-serif;
  COLOR: #666666; 
  PADDING-TOP: 0px;
}
BODY {
	PADDING-BOTTOM: 0px; 
  MARGIN: 0px; 
  PADDING-LEFT: 0px; 
  PADDING-RIGHT: 0px; 
  FONT-FAMILY: "Arial", Helvetica, sans-serif;
  /* FONT-FAMILY: "Crete Round", serif; */
  COLOR: #000000; 
  PADDING-TOP: 0px;
  -WEBKIT-PRINT-COLOR-ADJUST: exact;
  /* HEIGHT: 100%; */
}
  #interior {
    BACKGROUND: url(/img/site_bg.jpg) repeat-x center 101px;
  }
  #interior_nofeat {
    BACKGROUND: url(/img/site_bg_nofeat.jpg) repeat-x center 101px;
  }
  #home {
    BACKGROUND: url(/img/site_bg.jpg) repeat-x center 101px;
  }
A:link {
	COLOR: #008390; 
  TEXT-DECORATION: none;
}
A:visited {
	COLOR: #008390; 
}
A IMG {
	BORDER-BOTTOM: medium none; 
  BORDER-LEFT: medium none; 
  BORDER-TOP: medium none; 
  BORDER-RIGHT: medium none;
}
H1 {
	LINE-HEIGHT: 1.1em; 
  MARGIN: 0px; 
  FONT-FAMILY: "Arial";
  COLOR: #AF006E; 
  FONT-SIZE: 2.3em;
}
H2 {
	FONT-FAMILY: "Arial";
  COLOR: #AF006E; 
  FONT-SIZE: 2em;
}
H3 {
	FONT-FAMILY: "Arial";
  COLOR: #AF006E; 
  FONT-SIZE: 1em; 
  FONT-WEIGHT: normal;
}
SMALL {
	FONT-SIZE: 0.8em;
}
P {
	LINE-HEIGHT: 1.2em; 
  COLOR: #666666; 
  FONT-SIZE: 0.9em;
}
LI {
	LIST-STYLE-TYPE: square;
}
.bold {
	FONT-WEIGHT: bold;
}
.reg12pt{
  FONT-SIZE: 12px; 
  LINE-HEIGHT: 12px; 
  TEXT-ALIGN: left;
  VERTICAL-ALIGN: baseline;
}
#modal {
  DISPLAY: none;
  Z-INDEX: 999999 !important;
}
  .fancybox-overlay {
    Z-INDEX: 999 !important;
  }
  .fancybox-wrap {
    Z-INDEX: 9999999 !important;
  }
TEXTAREA {
  RESIZE: none;
}
INPUT[type="text"].number,
INPUT[type="text"].number2 {
  HEIGHT: 16px;
  WIDTH: 30px !important;
  MIN-WIDTH: 30px !important;
  TEXT-ALIGN: center;
  FONT-SIZE: 14px;
  FLOAT: left;
  -webkit-border-radius: 0px;
  BORDER-RADIUS: 0px;
}
  INPUT[type="text"].number:invalid,
  INPUT[type="text"].number2:invalid {
    BOX-SHADOW: none;
  }
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.smallText{
  FONT-SIZE: 12px;
}
BUTTON.button {
  BACKGROUND: #00788A !important;
  COLOR: #FFFFFF !important;
  /* FONT-SIZE: 1.3em !important; */
  FONT-SIZE: 20.8px !important;
}
  BUTTON.FlatRight {
    BORDER-TOP-RIGHT-RADIUS: 0px !important;
    BORDER-BOTTOM-RIGHT-RADIUS: 0px !important;
  }
  BUTTON.FlatLeft {
    BORDER-TOP-LEFT-RADIUS: 0px !important;
    BORDER-BOTTOM-LEFT-RADIUS: 0px !important;
  }
  BUTTON.Incrementer {
    HEIGHT: 22.37px !important;
  }
    BUTTON.Incrementer SPAN {
      PADDING-TOP: 0px !important;
      PADDING-BOTTOM: 0px !important;
      PADDING-RIGHT: 5px !important;
      PADDING-LEFT: 5px !important;
      /* HEIGHT: 20px !important; */
      MARGIN-TOP: -2px !important;
    }
  BUTTON.Plus {
    MARGIN-LEFT: -1px !important;
  }
  BUTTON.Minus {
    MARGIN-RIGHT: -1px !important;
  }
  BUTTON.button.tiny SPAN {
    FONT-SIZE: 11px !important;
    PADDING: 0.2em 0.5em !important;
  }
  BUTTON.button.small SPAN {
    FONT-SIZE: 13px !important;
    PADDING: 0.2em 0.5em !important;
  }
  BUTTON.button.medium SPAN {
    FONT-SIZE: 18px !important;
    PADDING: 0.3em 0.75em !important;
  }
  BUTTON.button.purple {
    BACKGROUND: #AF006E !important;
  }
    BUTTON.button.purple.ui-state-default {
      BORDER: 1px solid #AF006E !important;
    }
  BUTTON.button.black {
    BACKGROUND: #000000 !important;
  }
    BUTTON.button.black.ui-state-default {
      BORDER: 1px solid #000000 !important;
    }
BUTTON.ui-state-default  {
  BORDER: 1px solid #00788A !important;
}
.ui-dialog BUTTON {
  BACKGROUND: #00788A !important;
  COLOR: #FFFFFF !important;
  FONT-SIZE: 16px !important;
}
A[role=button] {
  PADDING: 8px 20px;
  BACKGROUND-COLOR: #00788A;
  COLOR: #FFFFFF !important;
  BORDER-RADIUS: 5px;
  DISPLAY: inline-block;
  MARGIN-BOTTOM: 2px;
  FONT-SIZE: 21px;
  FONT-WEIGHT: bold;
  CURSOR: pointer;
  TEXT-ALIGN: center;
}
  A[role=button].inline {
    DISPLAY: inline-block;
  }
  A[role=button].tiny {
    FONT-SIZE: 11px;
    PADDING: 2px 11px;
  }
  A[role=button].small {
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    PADDING: 3px 13px;
  }
  A[role=button].small.minPadding {
    PADDING: 3px 8px;
  }
  A[role=button].medium {
    FONT-SIZE: 18px;
    FONT-WEIGHT: bold;
    PADDING: 6px 18px;
  }
  A[role=button].black {
    BACKGROUND-COLOR: #000000;
  }
  A[role=button].purple {
    BACKGROUND-COLOR: #AF006E;
  }
  A[role=button].orange {
    BACKGROUND-COLOR: #F15D22;
  }
  A[role=button].red {
    BACKGROUND-COLOR: #ED1849;
  }
  A[role=button].FlatRight {
    BORDER-TOP-RIGHT-RADIUS: 0px !important;
    BORDER-BOTTOM-RIGHT-RADIUS: 0px !important;
  }
  A[role=button].FlatLeft {
    BORDER-TOP-LEFT-RADIUS: 0px !important;
    BORDER-BOTTOM-LEFT-RADIUS: 0px !important;
  }
  A[role=button].Incrementer,
  A[role=button].Incrementer2 {
    HEIGHT: 21px;
    FONT-SIZE: 20px !important;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 6px;
    PADDING-TOP: 1px;
    PADDING-BOTTOM: 0px;
    MARGIN-BOTTOM: 0px;
    FLOAT: left;
  }
  A[role=button].Plus {
    MARGIN-LEFT: -1px !important;
  }
  A[role=button].Minus {
    MARGIN-RIGHT: -1px !important;
  }
DIV.InputPillContainer {
  -webkit-user-select: none; /* webkit (safari, chrome) browsers */
  -moz-user-select: none; /* mozilla browsers */
  -khtml-user-select: none; /* webkit (konqueror) browsers */
  -ms-user-select: none; /* IE10+ */
}
.floatLeft {
  FLOAT: left;
}
.floatRight {
  FLOAT: right;
}
.clearLeft {
  CLEAR: left;
}
.clearRight {
  CLEAR: right;
}
DIV.clear {
  CLEAR: both;
}
.ui-state-highlight {
  BACKGROUND: none !important;
  BACKGROUND-COLOR: #F3F3F3 !important;
  BORDER-COLOR: #DDDDDD !important; 
}
.ui-state-error {
  BACKGROUND: none !important;
}
.ui-dialog-titlebar-close {
  VISIBILITY: hidden;
}
.ui-widget-header {
  BACKGROUND: none !important;
  COLOR: #00788A !important;
  BORDER: none !important;
  BORDER-BOTTOM: solid 1px #DDDDDD !important;
}
.ui-widget-content {
  BORDER-COLOR: #DDDDDD !important;
}
A.not-active {
  POINTER-EVENTS: none;
  CURSOR: default;
  BACKGROUND-COLOR: #DDDDDD;
}
IMG {
  -ms-interpolation-mode: bicubic;
}



/* TEMPLATE */
#top_bar {
	BACKGROUND-COLOR: #008390; 
  WIDTH: 100%; 
  HEIGHT: 5px;
}
#scrap_bar {
	Z-INDEX: 99999; 
  POSITION: absolute; 
  WIDTH: 100%; 
  BACKGROUND: url(/img/scrap_bar.png) -10px 50%; 
  HEIGHT: 32px; 
  TOP: 515px;
}
#container {
	/* MARGIN: 0px auto;  */
	/* MARGIN: 0px 10px;  */
  /* WIDTH: 990px; */
  MIN-HEIGHT: -webkit-calc(100% - 175px);
  MIN-HEIGHT: -moz-calc(100% - 175px);
  MIN-HEIGHT: calc(100% - 175px);
  MAX-WIDTH: 1440px;
  MARGIN-LEFT: auto;
  MARGIN-RIGHT: auto;
  PADDING-LEFT: 10px;
  PADDING-RIGHT: 10px;
  
}
  #container #centeredContainer {
    WIDTH: 90%;
    MARGIN-LEFT: auto;
    MARGIN-RIGHT: auto;
  }
#top {
	Z-INDEX: 999; 
  POSITION: relative; 
  WIDTH: 100%; 
  FONT-FAMILY: "Crete Round", serif;
  FLOAT: left; 
  HEIGHT: 150px;
}
  #interior_nofeat #top {
    HEIGHT: 175px;
  }
    #top SPAN:not(.numItemsInCart) {
      MARGIN-LEFT: 2px; 
      MARGIN-RIGHT: 2px;
    }
  #logo {
    MARGIN-TOP: -5px; 
    FLOAT: left;
    WIDTH: 15%;
    PADDING-RIGHT: 10px;
  }
  #top_navi {
    TEXT-TRANSFORM: uppercase; 
    MARGIN-TOP: -1px; 
    WIDTH: 800px; 
    /* FONT-FAMILY: "Arial", Helvetica, sans-serif;  */
    FLOAT: right; 
    HEIGHT: 28px; 
    FONT-SIZE: 0.8em;
  }
  #main_navi {
    TEXT-ALIGN: left; 
    LINE-HEIGHT: 1.2em; 
    TEXT-TRANSFORM: uppercase; 
    MARGIN-TOP: 37px; 
    WIDTH: 83%;
    FLOAT: right; 
    LETTER-SPACING: 0.1em; 
    HEIGHT: 30px; 
    CLEAR: right; 
    FONT-SIZE: 0.9em;
  }
    #main_navi A:not(.cart_items A):not(#cart_icon_link):not(#checkout_link) {
      PADDING-BOTTOM: 5px; 
      PADDING-LEFT: 3px; 
      PADDING-RIGHT: 3px; 
      DISPLAY: inline-block; 
      HEIGHT: 21px; 
      PADDING-TOP: 5px;
    }
    #main_navi A:not(.cart_items A):not(#cart_icon_link):not(#checkout_link).active {
      BACKGROUND-COLOR: #008390; 
      COLOR: #fff;
    }
    #main_navi A:not(.cart_items A):not(#cart_icon_link):not(#checkout_link).hover {
      BACKGROUND-COLOR: #D3CEBA !important; 
      COLOR: #fff !important;
    }
    #main_navi #cart {
      MARGIN-TOP: -10px;
      PADDING-RIGHT: 10px;
      FLOAT: right;
      CURSOR: pointer;
    }
      #main_navi .cart_items {
        POSITION: absolute; 
        TEXT-ALIGN: center; 
        WIDTH: 20px; 
        MARGIN-TOP: 5px; 
        MARGIN-LEFT: 25px; 
        COLOR: #00788A;
        FONT-WEIGHT: bold;
      }
      #main_navi .cart_items A {
        COLOR: #00788A;
      }
        #main_navi .cart_items .numItemsInCart {
          FONT-SIZE: 18px;
        }
      #main_navi A {
        TEXT-DECORATION: none;
      }
      #main_navi #cart .checkout {
        WIDTH: 70px; 
        TEXT-ALIGN: center;
        MARGIN-TOP: -5px;
      }
      #main_navi #cart #checkout_link {
        FONT-SIZE: 0.85em; 
        COLOR: #47C3D3; 
        FONT-WEIGHT: bold;
      }
  #sub_navi {
    /* TEXT-ALIGN: center;  */
    TEXT-ALIGN: left; 
    LINE-HEIGHT: 1.2em; 
    MARGIN-TOP: -2px; 
    WIDTH: 79%; 
    FLOAT: left;
    LETTER-SPACING: 0.05em; 
    HEIGHT: 25px; 
    MARGIN-LEFT: 32px; 
    FONT-SIZE: 0.84em; 
    OVERFLOW: hidden; 
    PADDING-TOP: 8px;
  }
    #sub_navi .active {
      PADDING-BOTTOM: 12px; 
      BACKGROUND-COLOR: #F9F6EF; 
      PADDING-LEFT: 3px; 
      PADDING-RIGHT: 3px; 
      HEIGHT: 18px; 
      COLOR: #008389; 
      PADDING-TOP: 4px;
    }
    #sub_navi A {
      HEIGHT: 30px; 
      /* MARGIN-RIGHT: 3px; */
    }
    #sub_navi A:hover {
      COLOR: #fff;
    }
    #sub_navi A.active:hover {
      COLOR: #008389;
    }
  /* #OrderTypeDisplay {
    WIDTH: 70%;
    TEXT-ALIGN: left;
    FLOAT: left;
    HEIGHT: 25px;
    MARGIN-LEFT: 20px;
    MARGIN-TOP: 5px;
  }
    #OrderTypeDisplay DIV {
      FLOAT: left;
      FONT-FAMILY: arial;
      PADDING-RIGHT: 3px;
    }
    #OrderTypeDisplay #OrderTypeCell, #OrderTypeDisplay #OrderStoreCell,
    #OrderTypeDisplay #OrderDateCell, #OrderTypeDisplay #OrderTimeCell, 
    #OrderTypeDisplay #OrderLocationCell  {
      MARGIN-RIGHT: 15px;
    }
    #OrderTypeDisplay #OrderTypeLabel, #OrderTypeDisplay #OrderStoreLabel,
    #OrderTypeDisplay #OrderDateLabel, #OrderTypeDisplay #OrderTimeLabel,
    #OrderTypeDisplay #OrderLocationLabel {
      FONT-SIZE: 14px;
      PADDING-TOP: 1px;
    }
    #OrderTypeDisplay #OrderTypeValue, #OrderTypeDisplay #OrderStoreValue,
    #OrderTypeDisplay #OrderDateValue, #OrderTypeDisplay #OrderTimeValue, 
    #OrderTypeDisplay #OrderLocationValue {
      FONT-WEIGHT: bold;
    } */
#top_responsive {
  DISPLAY: none;
}
#top_responsive_spaer {
  DISPLAY: none;
}
NAV#menu:not(.mm-menu) {
  DISPLAY: none;
}
/* .mm-listview .mm-next:not(.FullSubMenu) {
  WIDTH: 60px !important;
} */
#BioContainer {
  DISPLAY: none;
}
#CategoryListResponsive {
    DISPLAY: none;
  }
#FeaturedEvent {
  DISPLAY: none;
}
#SoupsOfTheDay {
  DISPLAY: none;
}
IFRAME.newsletter {
  WIDTH: 100%; 
  MIN-HEIGHT: 100vh;
  BORDER: none;
}
.NewsletterSideBar {
  FLOAT: right;
}
INPUT.gsc-search-button {
  COLOR: #FFFFFF !important;
  BORDER: NONE !important; 
  BACKGROUND-COLOR: #00788A !important; 
  PADDING: 3px 10px !important; 
  FLOAT: left !important;
  FONT-SIZE: 12px !important; 
  FONT-WEIGHT: bold !important;
  CURSOR: pointer !important;
  BORDER-RADIUS: 5px !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
.gsc-results-wrapper-overlay {
  Z-INDEX: 9999999 !important;
  MIN-HEIGHT: 80vh;
}
#tabs .ui-state-default:not(.ui-state-active) {
  BACKGROUND: none;
}
  #tabs .ui-state-default:not(.ui-state-active) A {
    COLOR: #00788A;
  }


/* MMenu */    
#mast {
	MARGIN-TOP: -25px;
  /* PADDING-TOP: 85px; */
  /* WIDTH: 1015px;  */
  WIDTH: -webkit-calc(100% - 225px);
  WIDTH: -moz-calc(100% - 225px);
  WIDTH: calc(100% - 225px);
  FLOAT: right; 
  HEIGHT: 408px; 
  /* MARGIN-LEFT: -23px;  */
  OVERFLOW: hidden;
  DISPLAY: block;
  /* MARGIN-LEFT: auto; */
  MARGIN-RIGHT: -18px;
  POSITION: relative;
}
  #mast.slideshow { 
    WIDTH: 800px;
    POSITION: relative;
    OVERFLOW: visible; 
  }
  #mast #mast_content {
    PADDING-BOTTOM: 30px;
    MARGIN-TOP: 40px;
    PADDING-LEFT: 30px; 
    WIDTH: 300px; 
    PADDING-RIGHT: 30px;
    BACKGROUND: url(/img/mast_highlight.png); 
    FLOAT: left; 
    HEIGHT: 400px; 
    PADDING-TOP: 65px;
  }
  #mast_content H2 {
    TEXT-TRANSFORM: uppercase; 
    LETTER-SPACING: 1px; 
    FONT-SIZE: 0.9em;
  }
  #mast.mast_product {
    MARGIN-LEFT: 10%; 
    MARGIN-RIGHT: 10%; 
    WIDTH: 80%;
  }
#content {
	WIDTH: 100%;
  HEIGHT: 100%;
  MIN-HEIGHT: 400px;
  FLOAT: left;
  CLEAR: left;
  POSITION: relative;
}
  #content #centerContentCell {
    HEIGHT: 100%;
    WIDTH: 980px;
    MARGIN-LEFT: auto;
    MARGIN-RIGHT: auto;
  }
  #interior.banners #content { 
    FLOAT: left; 
    /* WIDTH: 780px;  */
  }
#footer {
	TEXT-ALIGN: center; 
  LINE-HEIGHT: 1.8em; 
  TEXT-TRANSFORM: uppercase; 
  BACKGROUND-COLOR: #008390; 
  MARGIN-TOP: 35px; 
  WIDTH: 100%; 
  FLOAT: left; 
  HEIGHT: 65px;
  COLOR: #fff; 
  CLEAR: left; 
  FONT-SIZE: 0.8em; 
  PADDING-TOP: 25px;
  Z-INDEX: 999;
  POSITION: relative;
}
  #footer A {
    COLOR: #fff;
  }
#footer_responsive {
  DISPLAY: none;
}
.crete {
  FONT-FAMILY: "Crete Round", serif;
}
.divider {
  WIDTH: 100%;
  HEIGHT: 1px;
  BORDER-BOTTOM: 1px solid #79B7E7;
  MARGIN-BOTTOM: 10px;
  MARGIN-TOP: 9px;
}
.overlay {
  POSITION: absolute;
  TOP: 0;
  LEFT: 0;
  WIDTH: 100%;
  HEIGHT: 2000px; /* arbitrary height to make sure it spans the page even if the user scrolls - 100% just consumes the loading screen, not the container */
  Z-INDEX: 100000;
  BACKGROUND-COLOR: rgba(0,0,0,0.5); /*dim the background*/
  DISPLAY: none;
}
DIV.spacer {
  MARGIN-BOTTOM: 20px;
}

/* CUSTOM GOOGLE SEARCH */
#GoogleSearchCell {
  FLOAT: right;
  WIDTH: 240px;
  HEIGHT: 27px;
  Z-INDEX: 99999 !important;
}
  #GoogleSearchCell .gsc-control-cse {
    WIDTH: 240px;
    PADDING: 0;
    MARGIN-TOP: 1px;
  }
  #GoogleSearchCell INPUT[type=text] {
    WIDTH: 150px;
  }
  #GoogleSearchCell INPUT[type=button] {
    BACKGROUND-COLOR: #00788A;
    COLOR: #FFFFFF;
    BORDER: none;
  }
  #GoogleSearchCell .gsc-input{
    PADDING-RIGHT: 0px !important;
  }

/* COMMON */
	/* content styles */
  #content .photo {
    PADDING-BOTTOM: 10px; 
    MARGIN-TOP: 10px; 
    PADDING-LEFT: 20px;
    WIDTH: 300px; 
    FLOAT: right;
    MARGIN-RIGHT: 30px;
  }
  #content .photo2 {
    PADDING-BOTTOM: 5px; 
    MARGIN-TOP: 5px; 
    PADDING-LEFT: 5px;
    WIDTH: 150px; 
    FLOAT: left;
    MARGIN-RIGHT: 10px;
  }
  #content .photo_feature {
    position: relative;
    /* MARGIN: 10px;  
    WIDTH: 640px; */
    WIDTH: 100%;
    FLOAT: right;
    PADDING-BOTTOM:10px;
  }
   #content .photo_feature2 {
    position: relative;
    MARGIN: 10px;  
    WIDTH: 940px; 
    /*WIDTH: 100%;
    FLOAT: right;*/
  }
  #content .photo_feature2 {
    position: relative;
    MARGIN: 10px;  
    WIDTH: 900px; 
    /*WIDTH: 100%;
    FLOAT: right;*/
  }
  
  #content .photo_small {
    PADDING-BOTTOM: 10px; 
    MARGIN-TOP: 10px;
    PADDING-LEFT: 20px;
    WIDTH: 150px; 
    FLOAT: right;
    MARGIN-RIGHT: 30px;
  }
  #content P {
    LINE-HEIGHT: 1.2em; 
    /* COLOR: #666666;  */
    COLOR: #000000; 
    FONT-SIZE: 0.9em;
  }
  #content H1 {
    COLOR: #AF006E;
    FONT-SIZE: 2.2em;
    FONT-WEIGHT: normal;
    /* FONT-FAMILY: "Crete Round", serif;  */
    FONT-FAMILY: "Arial";
  }
  #content H2 {
    TEXT-TRANSFORM: uppercase; 
    COLOR: #AF006E;
    /* COLOR: #000000;  */
    FONT-SIZE: 1.2em; 
    FONT-WEIGHT: bold;
    /* FONT-FAMILY: "Crete Round", serif;  */
    FONT-FAMILY: "Arial";
    MARGIN-BOTTOM: 2px;
    MARGIN-TOP: 2px;
  }
  #content H22 {
    TEXT-TRANSFORM: uppercase; 
    COLOR: #5a5b58;
    /* COLOR: #000000;  */
    FONT-SIZE: 30px; 
    FONT-WEIGHT: bold;
    /*FONT-FAMILY: "Shadows Into Light Two", serif; */
    FONT-FAMILY: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
    /*FONT-FAMILY: "Arial";*/
    MARGIN-BOTTOM: 2px;
    MARGIN-TOP: 2px;
  }
   #content H23 {
    /*TEXT-TRANSFORM: uppercase; */
    COLOR: #000000;
    /* COLOR: #000000;  */
    FONT-SIZE: 17px; 
    FONT-FAMILY: "Open Sans", serif; 
    /*FONT-FAMILY: "Arial";*/
    MARGIN-BOTTOM: 2px;
    MARGIN-TOP: 12px;
  }
  #content H3 {
    COLOR: #AF006E; 
    FONT-SIZE: 1em;
    /* FONT-FAMILY: "Crete Round", serif;  */
    FONT-FAMILY: "Arial";
  }
  #interior_nofeat #content {
    /* MARGIN-TOP: 20px;  */
    /* WIDTH: 675px; */
    WIDTH: 100%;
    MARGIN: auto; 
    DISPLAY: block;
    /* PADDING: 0 5%; */
  }
  #content TABLE {
    
  }
    #content TABLE TD {
      /* FONT-SIZE: 0.9em; */
      FONT-SIZE: 14px;
    }
    #content TABLE TH {
      FONT-SIZE: 1em; 
      FONT-WEIGHT: bold;
    }
    #content #left_colm {
      FLOAT: left;
      WIDTH: 45%;
      PADDING-TOP: 0px;
      MARGIN-TOP: 10px;
      BORDER-RIGHT: #DDDDDD 1px solid;
      PADDING-RIGHT: 40px;
    }
    #content #right_colm {
      WIDTH: 45%;
      FLOAT: right;
      PADDING-TOP: 0px;
      MARGIN-TOP: 10px;
    }
  .AccommodateSideBar {
    WIDTH: -webkit-calc(100% - 320px) !important;
    WIDTH: -moz-calc(100% - 320px) !important;
    WIDTH: calc(100% - 320px) !important;
  }
  #content .ContentArticle {
    PADDING-TOP: 20px;
    PADDING-LEFT: 7%;
    PADDING-RIGHT: 7%;
  }
  #content .ContentBody {
    WIDTH: 100%;
  }
  #content .ContentColumn {
    WIDTH: 100%;
  }
    #content .ContentColumn .image {
      WIDTH: 200px
    }
    #content .ContentColumn .image IMG {
      WIDTH: 100%;
    }
      #content .ContentColumn .image.wholeCell {
        WIDTH: 325px;
      }
  
  /* IFRAME Videos */
  .videoWrapper {
    POSITION: relative;
    PADDING-BOTTOM: 56%; /* 16:9 */
    HEIGHT: 0;
  }
  .videoWrapper IFRAME {
    POSITION: absolute;
    TOP: 0;
    LEFT: 0;
    WIDTH: 100%;
    HEIGHT: 100%;
  }
  .youtubeVideo {
    FLOAT: left; 
    WIDTH: 48%; 
    MARGIN-RIGHT: 1%; 
    MARGIN-BOTTOM: 15px;
  }
    .youtubeVideo H2 {
      FONT-SIZE: 17px !important;
    }
  
  /* alt heading styles */
  H1.script {
    FONT-FAMILY: "Shadows Into Light Two", cursive; 
    LETTER-SPACING: 0.05em; 
    COLOR: #5C6F7C;
    FONT-SIZE: 1.9em;
    FONT-WEIGHT: 100;
  }
  H1.big {
    FONT-SIZE: 3.5em;
  }
  H2.script {
    FONT-FAMILY: "Shadows Into Light Two", cursive; 
    LETTER-SPACING: 0.05em; 
    COLOR: #5C6F7C;
    FONT-SIZE: 1.9em;
    FONT-WEIGHT: 100;
  }
  H2.big {
    FONT-SIZE: 2.5em;
  }
  H3.script {
    FONT-FAMILY: "Shadows Into Light Two", cursive; 
    LETTER-SPACING: 0.05em; 
    COLOR: #5C6F7C;
    FONT-SIZE: 1.9em;
    FONT-WEIGHT: 100;
  }
  H3.big {
    FONT-SIZE: 1.5em;
  }
  
  
  /* buttons */
  .button_large {
    TEXT-ALIGN: center; 
    WIDTH: 215px; 
    DISPLAY: inline-block; 
    /* FONT-FAMILY: "Crete Round", serif; */
    BACKGROUND: url(/img/button_large.png) no-repeat; 
    HEIGHT: 35px; 
    COLOR: #fff;
    FONT-SIZE: 0.9em; 
    PADDING-TOP: 8px;
  }
    .button_large:hover {
      TEXT-DECORATION: underline;
    }
    .button_large:active {
      MARGIN-TOP: 1px;
    }
  .button_medium {
    TEXT-ALIGN: center; 
    WIDTH: 150px;
    DISPLAY: inline-block;
    /* FONT-FAMILY: "Crete Round", serif;  */
    BACKGROUND: url(/img/button_medium.png) no-repeat; 
    HEIGHT: 30px; 
    COLOR: #fff;
    FONT-SIZE: 0.9em; 
    PADDING-TOP: 2px;
  }
    .button_medium:hover {
      TEXT-DECORATION: underline;
    }
    .button_medium:active {
      MARGIN-TOP: 1px;
    }
  .button_small { 
    BACKGROUND: url(/img/button_small.png) no-repeat; 
    DISPLAY: inline-block; 
    HEIGHT: 25px; 
    WIDTH: 105px; 
    COLOR: #FFF; 
    PADDING-TOP: 2px; 
    TEXT-ALIGN: center; 
    FONT-SIZE: .9em; 
    /* FONT-FAMILY: 'Crete Round', serif;  */
  }
    .button_small:hover {
      TEXT-DECORATION: underline;
    }  
    .button_small:active {
      MARGIN-TOP: 1px;
    }
  A.button_large {
    COLOR: #fff;
  }
  A.button_medium {
    COLOR: #fff;
  }
  A.button_small {
    COLOR: #fff;
  }

  /* forms */
  .form_text {
    BORDER-BOTTOM: gray 1px solid; 
    BORDER-LEFT: gray 1px solid; 
    PADDING-BOTTOM: 0px;
    LINE-HEIGHT: 1em;
    MARGIN: 0px; 
    PADDING-LEFT: 0px;
    WIDTH: 130px; 
    PADDING-RIGHT: 0px;
    FLOAT: left; 
    HEIGHT: 20px; 
    FONT-SIZE: 0.8em; 
    BORDER-TOP: gray 1px solid; 
    BORDER-RIGHT: gray 1px solid; 
    PADDING-TOP: 0px;
  }
  .form_submit {
    BORDER: NONE; 
    BACKGROUND-COLOR: #00788A; 
    /* BACKGROUND-COLOR: #008390;  */
    PADDING: 8px 20px; 
    FLOAT: left;
    COLOR: #FFFFFF; 
    FONT-SIZE: 21px; 
    FONT-WEIGHT: bold;
    CURSOR: pointer;
    BORDER-RADIUS: 5px;
    -webkit-appearance: none;
    appearance: none;
  }
    .form_submit.small {
      FONT-SIZE: 12px;
      PADDING: 3.5px 10px;
    }
    .form_submit.medium {
      FONT-SIZE: 18px;
      PADDING: 7px 15px;
    }
    .form_submit.orange {
      BACKGROUND-COLOR: #F15D22;
      COLOR: #FFFFFF;
    }
    .form_submit.purple {
      BACKGROUND-COLOR: #AF006E;
      COLOR: #FFFFFF;
    }
    .form_submit.black {
      BACKGROUND-COLOR: #000000;
      COLOR: #FFFFFF;
    }
  .form_submit_alt {
    BORDER-BOTTOM: #008390 1px solid; 
    BORDER-LEFT: medium none; 
    PADDING-BOTTOM: 2px; 
    BACKGROUND-COLOR: #b2bb1c; 
    MARGIN: 0px;
    PADDING-LEFT: 2px; 
    PADDING-RIGHT: 2px; 
    FLOAT: left; 
    HEIGHT: 22px; 
    COLOR: #fff; 
    FONT-SIZE: 0.7em;
    BORDER-TOP: #008390 1px solid; 
    BORDER-RIGHT: #008390 1px solid;
    PADDING-TOP: 2px;
  }
   .form_submit_email {
    BORDER-BOTTOM: #008390 1px solid; 
    BORDER-LEFT: medium none; 
    PADDING-BOTTOM: 2px; 
    BACKGROUND-COLOR: #b2bb1c; 
    MARGIN: 0px;
    PADDING-LEFT: 2px; 
    PADDING-RIGHT: 2px; 
    FLOAT: left; 
    HEIGHT: 28px; 
    WIDTH:52px;
    COLOR: #fff; 
    FONT-SIZE: 0.8em;
    BORDER-TOP: #008390 1px solid; 
    BORDER-RIGHT: #008390 1px solid;
    PADDING-TOP: 2px;
    Margin-TOP: 5px;
  }

  /* right col mast banners */
	#banners { 
    CLEAR: right;
    FLOAT: right;
    /* MARGIN-TOP: -410px; */
    MARGIN-TOP: -75px; 
    BACKGROUND-IMAGE: url(/img/banner_bg.png);
    BACKGROUND-REPEAT: no-repeat; 
    WIDTH: 205px; 
    HEIGHT: 715px;
    POSITION: relative; 
    Z-INDEX: 9999; 
  }
		#banners H3 { 
      HEIGHT: 25px; 
    }
    #banners H3.join {
      TEXT-ALIGN: center; 
      PADDING-BOTTOM: 5px;
      MARGIN: 10px 0px 0px; 
      PADDING-LEFT: 5px; 
      PADDING-RIGHT: 5px; 
      COLOR: #008390;
      PADDING-TOP: 5px;
    }
		 #banners H3.connect {
      TEXT-ALIGN: center;
      PADDING-BOTTOM: 5px;
      MARGIN: 35px 0px 0px 3px; 
      PADDING-LEFT: 5px; 
      PADDING-RIGHT: 5px; 
      COLOR: #008390; 
      BORDER-TOP: #ccc 1px dashed; 
      PADDING-TOP: 10px;
    }
    #banners #box_1{ 
      FLOAT: right; 
      HEIGHT: 208px;
      MARGIN-LEFT: 15px; 
      WIDTH: 175px; 
      MARGIN-TOP: 10px; 
      FONT-SIZE: 1em; 
    }
		#banners #box_2{ 
      FLOAT: right; 
      MARGIN-TOP: 11px; 
      WIDTH: 175px;
      HEIGHT: 220px; 
    }
		#banners #box_3{ 
      FLOAT: right; 
      MARGIN-LEFT: -1px;
      WIDTH: 175px;
      MARGIN-TOP: 0px; 
    }

  #banners2 { 
    CLEAR: right;
    FLOAT: right;
    MARGIN-TOP: -25px;
    /* MARGIN-TOP: -75px;  */
    BACKGROUND-IMAGE: url(/img/banner_bg3.png);
    BACKGROUND-REPEAT: no-repeat; 
    WIDTH: 205px; 
    HEIGHT: 715px; 
    POSITION: relative; 
    Z-INDEX: 9999; 
  }
		#banners2 H3 { 
      HEIGHT: 25px; 
    }
    #banners2 H3.join {
      TEXT-ALIGN: center; 
      PADDING-BOTTOM: 5px;
      MARGIN: 10px 0px 0px; 
      PADDING-LEFT: 5px; 
      PADDING-RIGHT: 5px; 
      COLOR: #008390;
      PADDING-TOP: 5px;
    }
		 #banners2 H3.connect {
      TEXT-ALIGN: center;
      PADDING-BOTTOM: 5px;
      MARGIN: 35px 0px 0px 3px; 
      PADDING-LEFT: 5px; 
      PADDING-RIGHT: 5px; 
      COLOR: #008390; 
      BORDER-TOP: #ccc 1px dashed; 
      PADDING-TOP: 10px;
    }
    #banners2 #box_1{ 
      FLOAT: right; 
      HEIGHT: 208px;
      MARGIN-LEFT: 15px; 
      WIDTH: 175px; 
      MARGIN-TOP: 7px; 
      FONT-SIZE: 1em; 
    }
		#banners2 #box_2{ 
      FLOAT: right; 
      MARGIN-TOP: 16px; 
      WIDTH: 175px;
      HEIGHT: 220px; 
    }
		#banners2 #box_3{ 
      FLOAT: right; 
      MARGIN-LEFT: -1px;
      WIDTH: 175px;
      MARGIN-TOP: 0px; 
    }
      
    

  /* green style */
	.green { 
    COLOR: #B2BB1E; 
  }
	#content.green h1 { 
    COLOR:#B2BB1E; 
  }
	#content.green h1.top { 
    COLOR:#5C6F7C; 
  }
	#content.green h2 { 
    COLOR:#B2BB1E; 
  }
  .green h1 { 
    COLOR:#B2BB1E; 
  }
	.green h1.top { 
    COLOR:#5C6F7C; 
  }
	.green h2 { 
    COLOR:#B2BB1E; 
  }
	.green .button_small, .button_small.green  {
    BACKGROUND: url(/img/button_small_green.png) no-repeat;  
  }
	.green .button_medium, .button_medium.green  { 
    BACKGROUND: url(/img/button_medium_green.png) no-repeat;  
  }
	.green .button_large, .button_large.green { 
    BACKGROUND: url(/img/button_large_green.png) no-repeat;  
  }
 
  /* Dark Blue style */
	.dblue { 
    COLOR: #008390; 
  }
	#content.dblue h1 { 
    COLOR:#008390; 
  }
	#content.dblue h1.top { 
    COLOR:#5C6F7C; 
  }
	#content.dblue h2 { 
    COLOR:#008390; 
  }
	#content.dblue h3 { 
    COLOR:#008390; 
  }
	.dblue h1 { 
    COLOR:#008390; 
  }
	.dblue h1.top { 
    COLOR:#5C6F7C; 
  }
	.dblue h2 { 
    COLOR:#008390; 
  }
  .dblue h3 { 
    COLOR:#008390; 
  }
  .dblue .button_small, .button_small.dblue  {
    BACKGROUND: url(/img/button_small_dblue.png) no-repeat;  
  }
	.dblue .button_medium, .button_medium.dblue  { 
    BACKGROUND: url(/img/button_medium_dblue.png) no-repeat;  
  }
	.dblue .button_large, .button_large.dblue { 
    BACKGROUND: url(/img/button_large_dblue.png) no-repeat;  
  }
 
   /* Light Blue style */
	.lblue { 
    COLOR: #47C3D3; 
  }
	#content.lblue h1 { 
    COLOR:#47C3D3; 
  }
	#content.lblue h1.top { 
    COLOR:#5C6F7C; 
  }
	#content.lblue h2 { 
    COLOR:#47C3D3; 
  }
  #content.lblue h3 { 
    COLOR:#47C3D3; 
  }
  .lblue h1 { 
    COLOR:#47C3D3; 
  }
	.lblue h1.top { 
    COLOR:#5C6F7C; 
  }
	.lblue h2 { 
    COLOR:#47C3D3; 
  }
  .lblue h3 { 
    COLOR:#47C3D3; 
  }
	.lblue .button_small, .button_small.lblue  {
    BACKGROUND: url(/img/button_small_lblue.png) no-repeat;  
  }
	.lblue .button_medium, .button_medium.lblue  { 
    BACKGROUND: url(/img/button_medium_lblue.png) no-repeat;  
  }
	.lblue .button_large, .button_large.lblue { 
    BACKGROUND: url(/img/button_large_lblue.png) no-repeat;  
  }

  /* purple style */
	.purple { 
    /* COLOR: #AF006E;  */
  }
	#content.purple h1 { 
    COLOR:#AF006E; 
  }
	#content.purple h1.top { 
    COLOR:#5C6F7C; 
  }
	#content.purple h2 { 
    COLOR:#AF006E; 
  }
  .purple h1 { 
    COLOR:#AF006E; 
  }
	.purple h1.top { 
    COLOR:#5C6F7C; 
  }
	.purple h2 { 
    COLOR:#AF006E; 
  }
	.purple .button_small, .button_small.purple  {
    BACKGROUND: url(/img/button_small_dblue.png) no-repeat;  
  }
	.purple .button_medium, .button_medium.purple  { 
    BACKGROUND: url(/img/button_medium_dblue.png) no-repeat;  
  }
	.purple .button_large, .button_large.purple { 
    BACKGROUND: url(/img/button_large_dblue.png) no-repeat;  
  }

  /* orange style */
	.orange { 
    COLOR: #F15D22; 
  }
	#content.orange h1 { 
    COLOR:#F15D22; 
  }
	#content.orange h1.top { 
    COLOR:#5C6F7C; 
  }
	#content.orange h2 { 
    COLOR:#F15D22; 
    TEXT-TRANSFORM: uppercase; 
    FONT-SIZE: 1.2em;
    FONT-WEIGHT: normal;
    /* FONT-FAMILY: "Crete Round", serif;  */
    MARGIN-BOTTOM: 2px;
    MARGIN-TOP: 2px;
  }
  #content.orange h3 { 
    COLOR:#F15D22; 
  }
  .orange h1 { 
    COLOR:#F15D22; 
  }
	.orange h1.top { 
    COLOR:#5C6F7C; 
  }
	.orange h2 { 
    COLOR:#F15D22; 
    TEXT-TRANSFORM: uppercase; 
    FONT-SIZE: 1.2em;
    FONT-WEIGHT: normal;
    /* FONT-FAMILY: "Crete Round", serif;  */
    MARGIN-BOTTOM: 2px;
    MARGIN-TOP: 2px;
  }
	.orange h3 { 
    COLOR:#F15D22; 
  }
  .orange .button_small, .button_small.orange  {
    BACKGROUND: url(/img/button_small_orange.png) no-repeat;  
  }
	.orange .button_medium, .button_medium.orange  { 
    BACKGROUND: url(/img/button_medium_orange.png) no-repeat;  
  }
	.orange .button_large, .button_large.orange { 
    BACKGROUND: url(/img/button_large_orange.png) no-repeat;  
  }

  /* yellow style */
	.yellow { 
    COLOR: #FFD200; 
  }
	.yellow h1 { 
    COLOR:#FFD200; 
  }
	.yellow h1.top { 
    COLOR:#5C6F7C; 
  }
	.yellow h2 { 
    COLOR:#FFD200; 
  }
	.yellow .button_small, .button_small.yellow  {
    BACKGROUND: url(/img/button_small_yellow.png) no-repeat;  
  }
	.yellow .button_medium, .button_medium.yellow  { 
    BACKGROUND: url(/img/button_medium_yellow.png) no-repeat;  
  }
	.yellow .button_large, .button_large.yellow { 
    BACKGROUND: url(/img/button_large_yellow.png) no-repeat;  
  }

  /* Cream style */
	.cream { 
    COLOR: #F1E5C7; 
  }
	.cream h1 { 
    COLOR:#F1E5C7; 
  }
	.cream h1.top { 
    COLOR:#5C6F7C; 
  }
	.cream h2 { 
    COLOR:#F1E5C7; 
  }
	.cream .button_small, .button_small.cream  {
    BACKGROUND: url(/img/button_small_dblue.png) no-repeat;  
  }
	.cream .button_medium, .button_medium.cream  { 
    BACKGROUND: url(/img/button_medium_dblue.png) no-repeat;  
  }
	.cream .button_large, .button_large.cream { 
    BACKGROUND: url(/img/button_large_dblue.png) no-repeat;  
  }

  /* mint style */
	.mint { 
    COLOR: #D3EBDB; 
  }
	.mint h1 { 
    COLOR:#D3EBDB; 
  }
	.mint h1.top { 
    COLOR:#5C6F7C; 
  }
	.mint h2 { 
    COLOR:#D3EBDB; 
  }
	.mint p { 
    COLOR:#5C6F7C; 
  }
	.mint .button_small, .button_small.mint  {
    BACKGROUND: url(/img/button_small_dblue.png) no-repeat;  
  }
	.mint .button_medium, .button_medium.mint  { 
    BACKGROUND: url(/img/button_medium_dblue.png) no-repeat;  
  }
	.mint .button_large, .button_large.mint { 
    BACKGROUND: url(/img/button_large_dblue.png) no-repeat;  
  }

  /* Grey style */
	.grey { 
    COLOR: #666666; 
  }
	#content.grey h1 { 
    COLOR:#666666; 
  }
	#content.grey h1.top { 
    COLOR:#666666; 
  }
	#content.grey h2 { 
    COLOR:#666666; 
  }
  .grey h1 { 
    COLOR:#666666; 
  }
	.grey h1.top { 
    COLOR:#666666; 
  }
	.grey h2 { 
    COLOR:#666666; 
  }
	.grey .button_small, .button_small.grey  {
    BACKGROUND: url(/img/button_small_dblue.png) no-repeat;  
  }
	.grey .button_medium, .button_medium.grey  { 
    BACKGROUND: url(/img/button_medium_dblue.png) no-repeat;  
  }
	.grey .button_large, .button_large.grey { 
    BACKGROUND: url(/img/button_large_dblue.png) no-repeat;  
  }

  /* red style */
  .red {
    COLOR: #ED1849;
  }
  #content.red H1 {
    COLOR: #ED1849;
  }
  #content.red H1.top {
    COLOR: #5C6F7C;
  }
  #content.red H2 {
    COLOR: #ED1849;
  }
  #content.red H3 {
    COLOR: #ED1849;
  }
  .red H1 {
    COLOR: #ED1849;
  }
  .red H1.top {
    COLOR: #5C6F7C;
  }
  .red H2 {
    COLOR: #ED1849;
  }
  .red H3 {
    COLOR: #ED1849;
  }
  .red .form_submit {
    BACKGROUND-COLOR: #ED1849; 
    COLOR: #fff;
  }
  .red .button_small, .button_small.red  {
    BACKGROUND: url(/img/button_small_red.png) no-repeat;  
  }
	.red .button_medium, .button_medium.red  { 
    BACKGROUND: url(/img/button_medium_red.png) no-repeat;  
  }
  .red .button_large, .button_large.red {
    BACKGROUND: url(/img/button_large_red.png) no-repeat;
  }
  
  /* Black style */
  #content.black H3 {
    COLOR: #000000;
  }
  .black {
    COLOR: #000000;
  }
  #content.black H1 {
    COLOR: #000000;
  }
  #content.black H1.top {
    COLOR: #000000;
  }
  #content.black H2 {
    COLOR: #000000;
  }
  .black H1 {
    COLOR: #000000;
  }
  .black H1.top {
    COLOR: #000000;
  }
  .black H2 {
    COLOR: #000000;
  }
  .black H3 {
    COLOR: #000000;
  }
  .black P {
    COLOR: #000000;
  }

  
  /* list boxes */
  .blog_box { 
    FLOAT: left;
    WIDTH: 31%;
    PADDING: 1%; 
    MARGIN-TOP: 10px;
  }
    .blog_box:nth-child(n+3) {
      BORDER-LEFT: 1px solid #DDDDDD;
    }
    .blog_box IMG {
      WIDTH: 100%;
    }
  .list_box {
    BORDER-BOTTOM: #DDDDDD 1px solid; 
    PADDING-BOTTOM: 20px;
    MARGIN-TOP: 10px; 
    WIDTH: 463px; 
    PADDING-RIGHT: 30px; 
    FLOAT: left;
    HEIGHT: 180px;
    /* MARGIN-LEFT: 2px; removed to close space between boxes */
  }
    .list_box .listImage {
      FLOAT: right;
      WIDTH: 200px
    }
      .list_box .listImage IMG {
        WIDTH: calc(100% - 10px);
      }
    .list_box .listContent {
      WIDTH: 240px;
    }
  .left_colm {
    WIDTH: 480px; 
    FLOAT: left;
  }
    .left_colm H3 {
      MARGIN-TOP: 0px;
      MARGIN-BOTTOM: -10px;
    }
  .right_colm {
    PADDING-LEFT: 20px; 
    WIDTH: 480px; 
    FLOAT: left;
  }
    .right_colm H3 {
      MARGIN-TOP: 0px;
      MARGIN-BOTTOM: -10px;
    }
  .right {
    PADDING-RIGHT: 0px;
    MARGIN-RIGHT: 0px;
  }
  .left {
    
  }
  .list_box.bottom {
    BORDER-BOTTOM: medium none;
  }
  
  /* ul list */
  UL.list {
    PADDING-BOTTOM: 15px;
    LINE-HEIGHT: 1.2em; 
    PADDING-LEFT: 20px; 
    PADDING-RIGHT: 15px; 
    COLOR: #AF006E; 
    MARGIN-LEFT: -5px;
    FONT-SIZE: 0.9em; 
    PADDING-TOP: 15px;
  }
    UL.list.bulleted LI { 
      LIST-STYLE: square; 
    }
    UL.list LI {
      LIST-STYLE-TYPE: none;
      MARGIN-TOP: 4px; 
      LIST-STYLE-IMAGE: none;
    }
    UL.list LI A:hover {
      TEXT-DECORATION: underline;
    }
    UL.list LI.indent {
      MARGIN-LEFT: 15px;
    }
    #event_list {
      
    }
  
  /* ol list */
  OL.ordered_list {
    /* COLOR: #5C6F7C; */
    COLOR: #000000;
  }
  OL.ordered_list LI {
    LIST-STYLE-TYPE: decimal;
  }
  
  /* countdown Timers */
  .timers {
    FONT-SIZE: 26px;
    FONT-WEIGHT: bold;
  }
  
/* SPECIFIC */

	/* side banner */
  #side_banner { 
    MARGIN-TOP:-10px; 
  }
		#side_banner .top { 
      BACKGROUND-COLOR: #979F95; 
      HEIGHT: 65px;
      BORDER-BOTTOM: 1px solid #B2BB1C; 
    }
			#side_banner .top img { 
        POSITION: relative;
        TOP: 6px;
        LEFT: -17px; 
      }
			#side_banner .top h3 { 
        FONT-FAMILY: 'Shadows Into Light Two', cursive;
        TEXT-ALIGN:right;
        MARGIN-RIGHT:5px;
        FONT-SIZE:1em;
        MARGIN-TOP:-66px;
        MARGIN-RIGHT:10px; 
      }
		#side_banner .bottom { 
      BACKGROUND-COLOR: #FFF;
      BORDER: 1px solid #D7D0BD;
      PADDING-BOTTOM: 25px; 
      TEXT-ALIGN: center;
    }
  
  /* slideshow */
  #slide_buttons {
    Z-INDEX: 99; 
    POSITION: absolute; 
    /* MARGIN-TOP: 100px;  */
    TOP: 38px; 
    RIGHT: 31px;
  }
    #slide_buttons SPAN {
      BORDER-BOTTOM: #ccc 1px solid; 
      TEXT-ALIGN: center;
      BORDER-LEFT: #ccc 1px solid;
      WIDTH: 25px; 
      DISPLAY: inline-block; 
      HEIGHT: 20px; 
      MARGIN-LEFT: 2px; 
      FONT-SIZE: 0.7em; 
      BORDER-TOP: #ccc 1px solid;
      CURSOR: pointer; 
      BORDER-RIGHT: #ccc 1px solid;
      PADDING-TOP: 5px;
    }
    #slide_buttons SPAN.active_button {
      BACKGROUND-COLOR: #FFFFFF;
    }
    #slide_buttons SPAN:hover:not(.active_button) {
      BACKGROUND-COLOR: #DDDDDD;
    }
  .slide {
    POSITION: relative;
    /* WIDTH: 825px; 
    HEIGHT: 450px; */
    WIDTH: 100%;
    MAX-WIDTH: 1015px;
    /* MARGIN-TOP: -75px; */
    FLOAT: right;
  }
    .slide_content {
      PADDING-LEFT: 30px;
      PADDING-TOP: 45px;
      PADDING-RIGHT: 30px;
      PADDING-BOTTOM: 40px;
      WIDTH: 280px;
      BACKGROUND: url(/img/mast_highlight.png);
      FLOAT: left; 
      HEIGHT: 330px;     
      Z-INDEX: 99;
      POSITION: absolute;
    }
      .slide_content H2 {
        TEXT-TRANSFORM: uppercase; 
        FONT-FAMILY: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
        LETTER-SPACING: 1px; 
        FONT-SIZE: 0.9em;
        FONT-WEIGHT: normal;
      }
    .slide_background {
      FLOAT: right;
      Z-INDEX: 10;
    }
      .slide_background IMG {
        HEIGHT: 415px;
      }
      
  /* home */
  #content.homePage {
    WIDTH: -webkit-calc(100% - 225px);
    WIDTH: -moz-calc(100% - 225px);
    WIDTH: calc(100% - 225px);
  }
  #home_banners { 
    CLEAR: right;
    FLOAT: right;
    MARGIN-TOP: -25px; 
    BACKGROUND-IMAGE: url(/img/banner_bg_4.png);
    BACKGROUND-REPEAT: no-repeat; 
    WIDTH: 206px; 
    HEIGHT: 888px; 
    POSITION: relative; 
    Z-INDEX: 99; 
  }
  .side_head { 
    MARGIN-TOP: -70px; 
    MARGIN-BOTTOM: 15px; 
    PADDING-BOTTOM: 0px; 
    PADDING-RIGHT: 5px; 
    COLOR: #FFFFFF; 
    FONT-SIZE: 14px; 
    LINE-HEIGHT: 1.2em; 
    font-family: 'Shadows Into Light Two', cursive;
  }
  .feature {
    MARGIN-TOP: 15px; 
    WIDTH: 30%;
    PADDING-RIGHT: 1%; 
    PADDING-LEFT: 2%;
    FLOAT: left;
  }
    .feature:not(:first-child) {
      BORDER-LEFT: 1px solid #DDDDDD;
      PADDING-LEFT: 10px;
    }
    .feature .featureImage { 
      WIDTH: -webkit-calc(100% - 12px);
      WIDTH: -moz-calc(100% - 12px);
      WIDTH: calc(100% - 12px);
      PADDING: 5px;
      MARGIN-TOP: 10px;
    }
      .feature .featureImage.border {
        BORDER: #DDDDDD 1px solid;
      }
    #content .feature H2 {
      MARGIN: 0px; 
      FONT-FAMILY: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
      FONT-SIZE: 0.9em;
      FONT-WEIGHT: normal;
    }
  #club_deals {
    MARGIN-TOP: 0px; 
    FLOAT: none; 
    HEIGHT: 208px; 
    MARGIN-LEFT: 15px; 
    FONT-SIZE: 14px;
  }
    #club_deals .banner {
      POSITION: relative; 
      TOP: 5px; 
      LEFT: -15px;
    }
    #club_deals H3.join {
      TEXT-ALIGN: center; 
      PADDING-BOTTOM: 5px;
      MARGIN: 10px 0px 0px; 
      PADDING-LEFT: 5px; 
      PADDING-RIGHT: 5px; 
      COLOR: #008390;
      PADDING-TOP: 5px;
    }
    #club_deals H3.connect {
      TEXT-ALIGN: center;
      PADDING-BOTTOM: 5px;
      MARGIN: 35px 0px 0px 3px; 
      PADDING-LEFT: 5px; 
      PADDING-RIGHT: 5px; 
      COLOR: #008390; 
      BORDER-TOP: #ccc 1px dashed; 
      PADDING-TOP: 10px;
    }
  #home_event{
    MARGIN-TOP: 15px; 
    FLOAT: none;
    POSITION: relative;
    HEIGHT: 206px;
  }
  #soup_deals {
    MARGIN-TOP: -10px;
    FLOAT: none;
    POSITION: relative;
    HEIGHT: 190px;
  }
    #soup_deals .headerImage {
      BORDER-BOTTOM: medium none; 
      POSITION: relative; 
      BORDER-LEFT: medium none; 
      BORDER-TOP: medium none; 
      TOP: 6px; 
      BORDER-RIGHT: medium none;
    }
    #soup_deals .soupImage {
      BORDER-BOTTOM: medium none; 
      BORDER-LEFT: medium none; 
      /* MARGIN-TOP: 20px;  */
      BORDER-TOP: medium none;
      BORDER-RIGHT: medium none;
      MARGIN-TOP: -3px;
      WIDTH: 188px;
    }
  #shop_deals {
    FLOAT: none; 
    MARGIN-LEFT: -1px;
    POSITION: relative;
    MARGIN-TOP: -35px;
  }
    #shop_deals .headerImage {
      POSITION: relative; 
      MARGIN-TOP: 5px; 
      MARGIN-BOTTOM: -26px;
    }
    #shop_deals .shopImage{
      FLOAT: right; 
      MARGIN-RIGHT: 4px; 
    }
    #shop_deals P {
      MARGIN-TOP: 20px; 
      PADDING-RIGHT: 15px; 
      FLOAT: right;
    }
  
  /* blog */
  #top_bar {
    BORDER-BOTTOM: #ccc 1px solid;
  }
  #blog_content {
    WIDTH: 666px; 
    FLOAT: left;
  }
    #blog_content H2 {
      COLOR: #B2BB1E;
    }
  #blog_sidebar {
    WIDTH: 275px;
    FLOAT: right;
  }
  .post {
    TEXT-ALIGN: center; 
    /* BACKGROUND-COLOR: #B2BB1E;  */
    /* WIDTH: 275px;  */
    /* HEIGHT: 40px;  */
    COLOR: #ffffff; 
    FONT-SIZE: 16px;
  }
  .post_list {
    BACKGROUND-IMAGE: url(/img/bg_transparent.png); 
    TEXT-ALIGN: left; 
    MARGIN-TOP: -20px; 
    WIDTH: 275px; 
    HEIGHT: 280px; 
    COLOR: #000000; 
    FONT-SIZE: 16px;
  }
  .list_p {
    LINE-HEIGHT: 18px; 
    LIST-STYLE-TYPE: none;
    WIDTH: 240px; 
    MARGIN-LEFT: -15px; 
    FONT-SIZE: 14px;
    LIST-STYLE-IMAGE: none; 
    PADDING-TOP: 20px;
  }
  #searchbar {
    BACKGROUND-COLOR: #ccc; 
    MARGIN-TOP: 10px; 
    WIDTH: 275px; 
    HEIGHT: 60px; 
    COLOR: #000000;
  }
  .categories {
    TEXT-ALIGN: center; 
    BACKGROUND-COLOR: #95A0A9; 
    WIDTH: 275px; 
    HEIGHT: 50px;
    PADDING-TOP: 2px;
    COLOR: #FFFFFF; 
    FONT-SIZE: 16px;
    /* BACKGROUND-IMAGE: url(http://beta.dorothylane.com/img/greybanner.png); */
  }
    .post h3, .categories h3 { 
      COLOR: #FFF; 
      TEXT-ALIGN: left; 
      MARGIN-LEFT: 25px; 
    }
  .categories_list {
    TEXT-ALIGN: left; 
    BACKGROUND-COLOR: #eee;
    MARGIN-TOP: -20px; 
    WIDTH: 255px; 
    HEIGHT: auto;
    COLOR: #000; 
    /* PADDING-TOP: 5px; */
    PADDING-LEFT: 20px;
    FONT-SIZE: 16px;
  }
  .list_p2 {
    LINE-HEIGHT: 16px; 
    LIST-STYLE-TYPE: none; 
    WIDTH: 240px; 
    MARGIN-LEFT: -15px;
    FONT-SIZE: 14px; 
    LIST-STYLE-IMAGE: none; 
    PADDING-TOP: 20px;
  }

  /* SOUPS */
  .soupCell {
    WIDTH: 210px; 
    FLOAT: left; 
    PADDING-LEFT: 10px;
  }
    .soupCell:not(:last-child) {
      BORDER-RIGHT: 1px solid #DDDDDD;
      PADDING-RIGHT: 10px;
    }
	
	
  .oysterHolder{
	  width: 100%;
	  clear: both;
	  font-size: 0px;
	  display: flex;
  }
  .oysterCell {
    min-width: 210px;
	width: 33%;
	max-width: 350px;
	flex: 1;
    display: inline-block; 
    PADDING: 0 10px;
	font-size: 16px;
  }
    .oysterCell:nth-child(even) {
      BORDER-RIGHT: 1px solid #DDDDDD;
      BORDER-LEFT: 1px solid #DDDDDD;
    }
	
	.oysterCell .header{
		PADDING: 5px 0;
		MARGIN-TOP: 0px;
		BACKGROUND-COLOR: #AF006E;
		COLOR: #FFF !important;
		TEXT-ALIGN: center;
	}
	
	.oysterCell .label{
		PADDING: 5px 0;
		MARGIN: 0 10px;
		BORDER-BOTTOM: #AF006E 1px solid;
		TEXT-ALIGN: left;
		COLOR: #AF006E !important;
		font-weight: bold;
	}
	
	.oysterCell ul{
		LINE-HEIGHT: 1.1em;
		MARGIN-LEFT: -30px;
	}
	
	.oysterCell > ul > li{
		LIST-STYLE-TYPE: none;
	}
	
	.oysterCell > ul > li > ul{
		FONT-SIZE: 0.75em;
		margin-left: -20px;
	}
	
	.oysterCell > ul > li > ul > li:nth-child(1){
		LIST-STYLE-TYPE: circle;
	}
	
	.oysterCell > ul > li > ul > li:nth-child(2){
		LIST-STYLE-TYPE: none;
	}
	
	@media only screen and (max-device-width: 768px) and (min-device-width: 320px){
		.oysterHolder{
			display: block;
		}
		
		.oysterCell{
			display: block;
			width: auto;
			margin: 0 auto;
			border: none !important;
		}
	}
  /* school of cooking */
	#class_search { 
    FLOAT: left;
    WIDTH: 98%;
    PADDING: 1%;
    BACKGROUND-COLOR: #008390;
    MARGIN: 10px 0px 30px;
    BORDER-BOTTOM: 1px solid #b2bb1c;
    COLOR: #FFF;
    FONT-SIZE: .8em;
    font-weight: bold; 
  }
	.class_list { 
    FLOAT: left; 
    CLEAR: left; 
    WIDTH: 100%; 
    BORDER-BOTTOM: 1px dashed #008390; 
    MARGIN-BOTTOM: 20px; 
    PADDING-BOTTOM: 5px; 
  }
	.class_list h2 { 
    MARGIN-TOP: 0px; 
  }
	.class_list p { 
    CLEAR:left; 
  }
	.class_list p em { 
    DISPLAY: inline-block; 
    MARGIN-TOP: 12px; 
  }
	.class_list span { 
    FONT-SIZE: .8em;
    FONT-WEIGHT: bold;
    DISPLAY: block;
    MARGIN-TOP: -10px; 
  }
	.class_list img { 
    FLOAT: left;
    MARGIN-RIGHT: 10px;
    MARGIN-BOTTOM: 10px; 
  }
	.class_list .button_large { 
    FLOAT: right; 
  }
	.disclaimer { 
    FONT-SIZE: .8em; 
  }
  #checkout_table TD {
    COLOR: #AF006E;
    /* FONT-FAMILY: "Crete Round", serif;  */
    FONT-SIZE: 1em;
    FONT-WEIGHT: normal;
  }
  .calendar_cell {
    WIDTH: 105px;
    HEIGHT: 158px;
    BORDER-TOP: 1px solid #95A0A9;
    BORDER-LEFT: 1px solid #95A0A9;
    FLOAT: left;
    OVERFLOW: none;
    FONT-SIZE: 9px;
  }
    .calendar_cell .class {
      PADDING: 2px;
    }
    .calendar_cell .cell_date {
      COLOR: #B2BB1E;
      FONT-WEIGHT: bold;
      PADDING-LEFT: 2px;
      PADDING-TOP: 2px;
      PADDING-BOTTOM: 0px;
      FONT-SIZE: 14px;
    }
    .calendar_cell .class_name {
      FONT-SIZE: 10px;
    }
    .calendar_cell .class_name a:link {
      COLOR: #AF006E;
      TEXT-TRANSFORM: uppercase;
    }
    .calendar_cell .class_name a:visited {
      COLOR: #AF006E;
      TEXT-TRANSFORM: uppercase;
    }
    .calendar_cell .symbol {
      COLOR: #666666;
    }
    .calendar_cell .instructor {
      COLOR: #000000;
    }
      .calendar_cell .instructor a:link {
        COLOR: #000000;
      }
      .calendar_cell .instructor a:visited {
        COLOR: #000000;
      }
    .calendar_cell .time {
      COLOR: #000000;
    }
  .calendar_dow {
    FLOAT: left;
    WIDTH: 103px;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 2px;
    COLOR: #00788A;
    FONT-WEIGHT: bold;
  }
  .classesContainer {
    /* WIDTH: 737px; */
    HEIGHT: 850px;
  }
    .classesContainer A:link {
      COLOR: #666666;
    }
    .classesContainer A:visited {
      COLOR: #666666;
    }
    .classesContainer H2 {
      TEXT-TRANSFORM: uppercase;
      COLOR: #47C3D3;
      FONT-SIZE: 1em; 
      FONT-WEIGHT: bold;
      FONT-FAMILY: "Arial", Helvetica, sans-serif;
      PADDING: 0px;
      MARGIN: 0px;
    }
    .classesContainer P {
      LINE-HEIGHT: 1.2em; 
      COLOR: #666666; 
      FONT-SIZE: 0.8em;
      MARGIN: 0px;
    }
    .classesContainer .class_list_left {
      /* CLEAR: left; */
      FLOAT: left;
      WIDTH: 370px;
      /* PADDING-BOTTOM: 10px; */
      PADDING-RIGHT: 10px;
    }
    .classesContainer .class_list_right {
      FLOAT: right;
      WIDTH: 350px;
      /* PADDING-BOTTOM: 10px; */
      MARGIN-RIGHT: 15px;
    }
    .classesContainer .hidden_table {
      MARGIN-LEFT: -6000px;
      /* DISPLAY: none; */
    }
    
  /* MARKET REPORT */
  #MarketReportLinks {
    DISPLAY: none;
  }

  /* Events Page */
  #nav{
    list-style: none;
    font-weight: normal;
    /* margin-bottom: 10px; */
    /* Clear floats */
    float: right;
    clear: both;
    /* width: 100%; */
    /* Bring the nav above everything else--uncomment if needed. */
    position: relative;
    z-index: 500;
    
  }
  #nav li{
    float: right;
    /* margin-right: 10px; */
    position: relative;
    list-style: none;
  }
  #nav a{
    display: block;
    /* padding: 5px; */
    color: #AF006E;
    background: #fff;
    text-decoration: none;
  }
  #nav a:hover{
    color: #AF006E;
    background: #fff;
    text-decoration: underline;
  }
  .Event {
    WIDTH: 100%;
  }
    .Event .CalendarCell {
      BORDER-BOTTOM: solid #AF006E 1px; 
      BORDER-TOP: solid #AF006E 1px; 
      BORDER-RIGHT: solid #AF006E 1px; 
      BORDER-LEFT: solid #AF006E 1px; 
      WIDTH: 100px; 
      HEIGHT: 90px;
      PADDING: 0px;
      MARGIN: 0px;
      POSITION: relative;
      FLOAT: left;
    }
      .Event .CalendarCell .Days {
        MARGIN-TOP: 0px; 
        PADDING-TOP: 2px; 
        PADDING-LEFT: 5px; 
        PADDING-BOTTOM: 2px; 
        TEXT-ALIGN: left; 
        COLOR: #fff !important; 
        BACKGROUND-COLOR: #AF006E; 
        BORDER-BOTTOM: solid #AF006E 1px;
      }
      .Event .CalendarCell .EventDate {
        COLOR: #00788A !important; 
        MARGIN-TOP: 10px; 
        FONT-SIZE: 0.9em; 
        TEXT-ALIGN: center;
      }
    .Event .EventDetails {
      FLOAT: left;
      MARGIN-LEFT: 20px;
      /* MARGIN-TOP: -80px; */
      MAX-WIDTH: 640px;
      HEIGHT: auto;
    }    
    .Event .EventDetails.showImage {
      /* WIDTH: 420px !important; */
    }
    .Event .TitleCell {
      MARGIN-TOP: 0px; 
      MARGIN-BOTTOM: 0px; 
      PADDING-BOTTOM: 0px;
      WIDTH: 100%;
      COLOR: #AF006E;
      FONT-SIZE: 1em;
      /* FONT-FAMILY: "Crete Round", serif; */
    }
    .Event .EventTimeCell {
      MARGIN-TOP: 0px; 
      MARGIN-LEFT: 20px;
      MARGIN-BOTTOM: 0px; 
      COLOR: #00788A; 
      CLEAR: both; 
      FLOAT: left;
      WIDTH: 100%;
    }
      .Event .EventTimeCell .EventTime {
        FLOAT: left; 
        FONT-SIZE: 0.9em;
      }
    .Event .EventBody {
      MARGIN-LEFT: 20px; 
      MARGIN-TOP: 30px; 
      MARGIN-BOTTOM: 10px; 
      LINE-HEIGHT: 1em; 
      DISPLAY: block; 
      CLEAR: both;
      WIDTH: 100%;
    }
    .EventPhoto {
      WIDTH: 102px;
      HEIGHT: 90px;
      FLOAT: right;
      /* MARGIN-TOP: -90px; */
    }
      .EventPhoto IMG {
        WIDTH: 100%;
      }
    .Event .Dash {
      MARGIN-TOP: 20px; 
      MARGIN-BOTTOM: 20px; 
      BORDER-BOTTOM: solid #DDDDDD 1px; 
      WIDTH: 100%; 
      CLEAR: both;
      FLOAT: left;
    }
  
  /*--- DROPDOWN ---*/
  #nav ul{
    background: #fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    /*background: rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    list-style: none;
    position: absolute;
    left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
  }
  #nav ul li{
    padding-top: 1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float: none;
  }
  #nav ul a{
    white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
  }
  #nav li:hover ul{ /* Display the dropdown on hover */
    left: 0; /* Bring back on-screen when needed */
  }
  #nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    background: #fff;
    text-decoration: underline;
  }
  #nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration: none;
  }
  #nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background: #fff;
  }
  
  /* locations */
  #locations {
    FLOAT: left; 
    MIN-WIDTH: 190px; 
    WIDTH: 20%; 
    FONT-SIZE: 0.9em; 
    MARGIN-TOP: 5px;
  }
    #locations .location {
      PADDING-BOTTOM: 10px;
    }
    #locations .location:not(:last-child) {
      BORDER-BOTTOM: 1px solid #DDDDDD; 
    }
    #locations H2 {
      CURSOR: pointer;
    }
  #map_canvas {
    FLOAT: left; 
    WIDTH: 75%; 
    MAX-WIDTH: 900px; 
    HEIGHT: 500px; 
    MARGIN-LEFT: 20px;
  }

  /* hover box photo gallery */
  .hoverbox {
    CURSOR: default;
    LIST-STYLE: none;
  }
  .hoverbox a  {
    CURSOR: default;
  }
  .hoverbox a .preview  {
    DISPLAY: none;
  }
  .hoverbox a:hover .preview  {
    DISPLAY: block;
    POSITION: fixed;
    TOP: 225px;
    LEFT: 300px;
    Z-INDEX: 10000;
  }
  .hoverbox img  {
    BACKGROUND: #fff;
    BORDER-COLOR: #aaa #ccc #ddd #bbb;
    BORDER-STYLE: solid;
    BORDER-WIDTH: 1px;
    COLOR: inherit;
    PADDING: 2px;
    VERTICAL-ALIGN: top;
    WIDTH: 100px;
    HEIGHT: 100px;
  }
  .hoverbox li  {
    BACKGROUND: #fff;
    BORDER-COLOR: #95A0A9;
    BORDER-STYLE: solid;
    BORDER-WIDTH: 1px;
    color: inherit;
    display: inline;
    float: left;
    MARGIN: 4px;
    PADDING: 5px;
    POSITION: relative;
  }
  .hoverbox .preview  {
    BORDER-COLOR: #000;
    WIDTH: 600px;
    HEIGHT: 400px;
  }
  
  /* BEER MENUS Widget */
  #menu_widget {
    WIDTH: 100% !important;
    MAX-WIDTH: 100% !important;
  }
    #menu_widget A {
      COLOR: #008390 !important;
    }
    
    /* HOMEPAGE ON TAP */
    #BeerMenuHomePage {
      WIDTH: 100%;
      MARGIN-TOP: 20px;
    }
      #BeerMenuHomePage #BeerMenuHeader {
        COLOR: #00788A;
        FONT-SIZE: 20px;
        TEXT-TRANSFORM: uppercase;
        MARGIN-BOTTOM: 5px;
      }
      #BeerMenuHomePage #BeerMenuCell {
        BORDER-TOP: 1px solid #00788A;
        POSITION: relative;
        PADDING-BOTTOM: 10px;
      }
        #BeerMenuHomePage #BeerMenuCell .StoreMenu {
          WIDTH: 33%;
          FLOAT: left;
        }
      #BeerMenuHomePage #menu_widget .abv,
      #BeerMenuHomePage #menu_widget .price,
      #BeerMenuHomePage #menu_widget .serving,
      #BeerMenuHomePage #menu_widget td.beer-description,
      #BeerMenuHomePage #menu_widget .updated-at,
      #BeerMenuHomePage #menu_widget .serving-types{
        DISPLAY: none;
      }
      #BeerMenuHomePage #menu_widget SPAN#featured{
        DISPLAY: none;
      }
      #BeerMenuHomePage #menu_widget TD{
        PADDING-TOP: 4px;
        PADDING-BOTTOM: 4px;
        FONT-SIZE: 12px;
      }


  /* My Account Offers */
  .offer {
    CLEAR: both;
    PADDING-LEFT: 10px;
    PADDING-TOP: 1px;
    WIDTH: 100%;
  }
    .offer .name {
      FLOAT: left; 
      COLOR: #00788A; 
      FONT-WEIGHT: bold;
      WIDTH: 110px;
      PADDING-TOP: 3px;
    }
    .offer .progressbar {
      FLOAT: left; 
      CLEAR: none; 
      WIDTH: 100px; 
      HEIGHT: 20px;
    }
    .offer .min {
      FLOAT: left; 
      PADDING-RIGHT: 5px; 
      COLOR: #47C3D3; 
      FONT-WEIGHT: bold;
      WIDTH: 15px;
      TEXT-ALIGN: right;
      HEIGHT: 20px;
      PADDING-TOP: 3px;
    }
    .offer .max {
      FLOAT: left; 
      PADDING-LEFT: 5px; 
      COLOR: #47C3D3; 
      FONT-WEIGHT: bold;
      WIDTH: 15px;
      TEXT-ALIGN: left;
      HEIGHT: 20px;
      PADDING-TOP: 3px;
    }
    .offer .desc {
      FLOAT: left;
      FONT-SIZE: 13px;
      PADDING-LEFT: 7px;
      WIDTH: 275px;
      TEXT-ALIGN: left;
      PADDING-TOP: 5px;
    }
  
  /* My Account */
  #MyDLMReturn {
    FLOAT: right;
    TEXT-ALIGN: right;
    WIDTH: 100%;
    MARGIN-TOP: -20px;
  }
  #LeftMyAccountCell {
    FLOAT: left;
    WIDTH: 660px;
  }
    #MyAccountContainer {
      /* FLOAT: left; 
      WIDTH: 600px; 
      PADDING: 10px 0; 
      MARGIN-BOTTOM: 20px; */
      WIDTH: 100%;
    }
      #MyAccountContainer .grid-item {
        BORDER: solid 1px #DDDDDD;
        PADDING: 5px;
        MARGIN: 0.75%;
      }
      #MyAccountContainer .grid-item A[role=button] {
        VERTICAL-ALIGN: top;
        MARGIN-TOP: 2px;
      }
      #MyAccountContainer #AccountEmailContainer {
        WIDTH: 45%;
        MIN-WIDTH: 280px;
      }
      #MyAccountContainer #AccountInformation {
        FLOAT: left;
        MIN-WIDTH: 280px;
      }
      #MyAccountContainer #EmailSubscriptions {
        FLOAT: left;
        TEXT-ALIGN: right;
        MIN-WIDTH: 220px;
      }
      #MyAccountContainer #AccountInformation IMG, 
      #MyAccountContainer #EmailSubscriptions IMG {
        PADDING-TOP: 0px;
      }    
      #MyAccountContainer #AddressBookContainer {
        WIDTH: 45%;
      }
        #MyAccountContainer #AddressBookContainer .Address {
          FLOAT: left;
          WIDTH: 48%;
          MIN-WIDTH: 185px;
        }
          #MyAccountContainer #AddressBookContainer .Address .headerCell IMG {
            MARGIN-TOP: -8px;
          }
      #MyAccountContainer #CreditCardContainer {
        WIDTH: 45%;
      }
        #MyAccountContainer #CreditCardContainer .CreditCard{
          
        }
          #MyAccountContainer #CreditCardContainer .CreditCard .headerCell IMG {
            MARGIN-TOP: -8px;
          }
      #MyAccountContainer #ClubContainer {
        WIDTH: 45%;
      }
			#MyAccountContainer #goodNeighborContainer {
        WIDTH: 45%;
      }
      #MyAccountContainer #OffersContainer {
        WIDTH: 45%;
      }
      #MyAccountContainer #RecentTransactionContainer {
        WIDTH: 45%;
      }
      #MyAccountContainer #RecentOnlineOrderContainer {
        WIDTH: 45%;
      }
      #MyAccountContainer #ShopDLMContainer {
        WIDTH: 45%;
      }
      #MyAccountContainer #ShoppingListContainer {
        WIDTH: 45%;
      }
  #EditAddressContainer {
    WIDTH: 100%;
  }
    #EditAddressContainer .Address {
      FLOAT: left;
      PADDING: 5px;
      MARGIN: 5px;
      BORDER: solid 1px #DDDDDD;
      MIN-HEIGHT: 150px;
      WIDTH: 15%;
      MIN-WIDTH: 180px;
    }
      #EditAddressContainer .Address .headerCell IMG {
        MARGIN-TOP: -8px;
      }
      #EditAddressContainer .Address.highlight {
        BORDER: solid 1px #00788A;
      }
  #EditCreditCardContainer {
    WIDTH: 100%;
  }
    #EditCreditCardContainer .CreditCard {
      FLOAT: left;
      PADDING: 5px;
      MARGIN: 5px;
      BORDER: solid 1px #DDDDDD;
      MIN-HEIGHT: 100px;
      WIDTH: 15%;
      MIN-WIDTH: 180px;
    }
      #EditCreditCardContainer .CreditCard .headerCell IMG {
        MARGIN-TOP: -4px;
      }
      #EditCreditCardContainer .CreditCard.highlight {
        BORDER: solid 1px #00788A;
      }
  #NewShoppingListContainer {
    MARGIN-LEFT: 10px;
    MARGIN-TOP: 10px;
    MARGIN-BOTTOM: 45px;
  }
  #ShoppingListContainer {
    WIDTH: 100%;
    MARGIN: 10px;
  }
    #ShoppingListContainer #LeftContainer {
      BORDER: solid 1px #DDDDDD;
      MIN-WIDTH: 220px;
      WIDTH: 19%;
      PADDING: 10px;
      FLOAT: left;
      MARGIN-RIGHT: 1%;
      MARGIN-BOTTOM: 10px;
    }
    #ShoppingListContainer #LeftContainer #EditContainer {
      PADDING-BOTTOM: 10px;
      BORDER-BOTTOM: solid 1px #DDDDDD;
    }
      #ShoppingListContainer #LeftContainer #EditContainer #ShoppingListName {
        WIDTH: -webkit-calc(100% - 125px);
        WIDTH: -moz-calc(100% - 125px);
        WIDTH: calc(100% - 125px);
      }
      #ShoppingListContainer #LeftContainer #AllShoppingLists UL {
        PADDING-LEFT: 5px;
      }
        #ShoppingListContainer #LeftContainer #AllShoppingLists UL LI {
          LIST-STYLE-TYPE: none;
          FONT-SIZE: 13px;
          PADDING-BOTTOM: 10px;
          POSITION: relative;
          MIN-HEIGHT: 19px;
        }
          #ShoppingListContainer #LeftContainer #AllShoppingLists UL LI:after {
            CLEAR: both;
            DISPLAY: block;
            CONTENT: " ";
            HEIGHT: 0;
          }
          #ShoppingListContainer #LeftContainer #AllShoppingLists UL LI .ListName {
            FLOAT: left;
            WIDTH: -webkit-calc(100% - 80px);
            WIDTH: -moz-calc(100% - 80px);
            WIDTH: calc(100% - 80px);
            POSITION: relative;
          }
          #ShoppingListContainer #LeftContainer #AllShoppingLists UL LI .ListButton {
            FLOAT: right;
            /* WIDTH: 73px; */
            POSITION: relative;
          }
    #ShoppingListContainer #RightContainer {
      /* BORDER: solid 1px #DDDDDD; */
      FLOAT: left;
      WIDTH: 70%;
      MIN-HEIGHT: 400px;
      MARGIN-TOP: -25px;
    }
      #ShoppingListContainer #RightContainer #TopCell {
        FLOAT: left;
        WIDTH: 100%;
      }
        #ShoppingListContainer #RightContainer #ButtonCell {
          /* WIDTH: 100%; */
          BORDER-TOP: none !important;
          /* MARGIN-TOP: -26px; */
          FLOAT: right;
        }
      #ShoppingListContainer #RightContainer #BottomCell {
        FLOAT: left;
        WIDTH: 100%;
        BORDER: 1px solid #DDDDDD;
        MIN-HEIGHT: 200px;
      }
      #ShoppingListContainer #RightContainer .ShoppingListDept {
        FONT-WEIGHT: bold;
        MARGIN-LEFT: 10px;
        MARGIN-TOP: 15px;
        PADDING-BOTTOM: 5px;
        BORDER-BOTTOM: 1px solid #DDDDDD;
        WIDTH: 97%;
        CLEAR: both;
      }
      #ShoppingListContainer #RightContainer .ShoppingListItem {
        WIDTH: 97%;
        CLEAR: both;
        HEIGHT: 120px;
        MARGIN: 0 10px;
      }
       /*  #ShoppingListContainer #RightContainer .ShoppingListItem:not(:nth-child(2)) {
          BORDER-TOP: solid 1px #DDDDDD;
        } */
        #ShoppingListContainer #RightContainer .ShoppingListItem DIV {
          FLOAT: left;
          OVERFLOW: hidden;
          POSITION: relative;
        }
        #ShoppingListContainer #RightContainer .ShoppingListItem .image {
          WIDTH: 140px;
          MAX-HEIGHT: 100px;
          PADDING: 10px;
          TEXT-ALIGN: center;
        }
          #ShoppingListContainer #RightContainer .ShoppingListItem .image IMG {
            MAX-WIDTH: 100px;
            MAX-HEIGHT: 100px;
          }
        #ShoppingListContainer #RightContainer .ShoppingListItem .description {
          WIDTH: -webkit-calc(100% - 355px - 175px);
          WIDTH: -moz-calc(100% - 355px - 175px);
          WIDTH: calc(100% - 355px - 175px);
          HEIGHT: 100px;
          PADDING: 10px 0;
          FONT-SIZE: 18px;
          OVERFLOW: auto;
        }
          #ShoppingListContainer #RightContainer .ShoppingListItem .description A {
            COLOR: #000000;
          }
          #ShoppingListContainer #RightContainer .ShoppingListItem .description .subDescription {
            FONT-SIZE: 11px;
            CLEAR: both;
            PADDING-TOP: 3px;
            MARGIN-LEFT: 10px;
            FONT-STYLE: italic;
          }
        #ShoppingListContainer #RightContainer .ShoppingListItem .PricingContainer {
          FLOAT: right;
        }
          #ShoppingListContainer #RightContainer .ShoppingListItem .PricingContainer .price {
            MIN-WIDTH: 60px;
            HEIGHT: 60px;
            PADDING: 22px 5px;
            FONT-SIZE: 11px;
            FONT-WEIGHT: bold;
            TEXT-ALIGN: center;
            TEXT-TRANSFORM: uppercase;
          }
          #ShoppingListContainer #RightContainer .ShoppingListItem .PricingContainer .qty {
            WIDTH: 110px;
            HEIGHT: 60px;
            PADDING: 22px 0px;
            FONT-WEIGHT: bold;
            TEXT-ALIGN: center;
            TEXT-TRANSFORM: uppercase;
          }
            #ShoppingListContainer #RightContainer .ShoppingListItem .PricingContainer .qty .InputPillContainer {
              WIDTH: 82px;
              MARGIN: 0px auto;
              FLOAT: none;
            }
          #ShoppingListContainer #RightContainer .ShoppingListItem .PricingContainer .buttons {
            FLOAT: right;
            HEIGHT: 24px;
            PADDING: 48px 5px;
            TEXT-ALIGN: center;
          }
            #ShoppingListContainer #RightContainer .ShoppingListItem .PricingContainer .buttons .ItemAddToCart {
              MARGIN-RIGHT: 5px;
            }
            #ShoppingListContainer #RightContainer .ShoppingListItem .PricingContainer .buttons .OutOfStock {
              COLOR: #ED1849;
              MARGIN-RIGHT: 10px;
              PADDING-TOP: 2px;
            }
      #ShoppingListContainer #RightContainer #AddToListContainer {
        /* MARGIN-TOP: -36px; */
        HEIGHT: 25px;
        /* WIDTH: 250px; */
        /* PADDING-TOP: 10px; */
        FLOAT: left;
      }
    #AddDashItemDialog {
      DISPLAY: none;
      /* MAX-WIDTH: 400px; */
    }
      #AddDashItemDialog #UnlistedDashMessage {
        DISPLAY: none;
        COLOR: #ED1849;
        FONT-SIZE: 14px;
        PADDING-BOTTOM: 5px;
      }
      #AddDashItemDialog #SearchCell {
        PADDING-BOTTOM: 10px;
        MARGIN-BOTTOM: 10px;
        BORDER-BOTTOM: 1px solid #DDDDDD;
      }
        #AddDashItemDialog #SearchCell INPUT {
          WIDTH: 100%;
        }
      #AddDashItemDialog #FlavorOptionCell {
        PADDING-BOTTOM: 10px;
      }
        #AddDashItemDialog #FlavorOptionCell LABEL {
          FONT-WEIGHT: bold;
        }
    .ui-autocomplete {
      MAX-HEIGHT: 300px;
      MAX-WIDTH: 450px;
      OVERFLOW-Y: auto;
      OVERFLOW-X: auto;
    }
      .ui-autocomplete LI A {
        PADDING: 1px .2em !important;
        LINE-HEIGHT: 1.2 !important;
        FONT-SIZE: 0.9em !important;
      }
  #RightMyAccountCell {
    FLOAT: right;
    WIDTH: 280px;
    PADDING: 10px;
  }
  #PrintableShoppingListHeader {
    FONT-SIZE: 18px;
    FONT-WEIGHT: bold;
  }
  #PrintableShoppingListContainer {
    
  }
    #PrintableShoppingListContainer .ShoppingListDept {
      FONT-WEIGHT: bold;
      MARGIN-LEFT: 10px;
      MARGIN-TOP: 14px;
      PADDING-BOTTOM: 5px;
      BORDER-BOTTOM: 1px solid #DDDDDD;
      WIDTH: 97%;
      CLEAR: both;
    }
    #PrintableShoppingListContainer .ShoppingListItem {
      WIDTH: 97%;
      CLEAR: both;
      MARGIN: 0 10px;
      BORDER-BOTTOM: 1px solid #EDEDED;
    }
      #PrintableShoppingListContainer .ShoppingListItem DIV {
        FLOAT: left;
        OVERFLOW: hidden;
        POSITION: relative;
      }
      #PrintableShoppingListContainer .ShoppingListItem .description {
        WIDTH: 93%;
        PADDING: 5px 0;
        FONT-SIZE: 13px;
        OVERFLOW: auto;
      }
        #PrintableShoppingListContainer .ShoppingListItem .description .subDescription {
          FONT-SIZE: 11px;
          CLEAR: both;
          PADDING-TOP: 3px;
          MARGIN-LEFT: 10px;
        }
      #PrintableShoppingListContainer .ShoppingListItem .PricingContainer {
        FLOAT: right;
        WIDTH: 5%;
      }
        #PrintableShoppingListContainer .ShoppingListItem .PricingContainer .qty {
          PADDING: 11px 0px;
          FONT-WEIGHT: bold;
          TEXT-ALIGN: center;
          TEXT-TRANSFORM: uppercase;
        }
        #PrintableShoppingListContainer .ShoppingListItem .PricingContainer .buttons {
          FLOAT: right;
          PADDING: 48px 5px;
          TEXT-ALIGN: center;
        }
          #PrintableShoppingListContainer .ShoppingListItem .PricingContainer .buttons .OutOfStock {
            COLOR: #ED1849;
            MARGIN-RIGHT: 10px;
            PADDING-TOP: 2px;
          }

  
  
  /* Photo Galleries */
  .galleryCell {
    TEXT-ALIGN: center;
    MARGIN: 5px;
    BOX-SHADOW: 0 3px 6px rgba(0,0,0,0.3), inset 0 -3px 3px rgba(0,0,0,0.1);
  }
    .galleryCell.grid-item {
      WIDTH: 22.5%;
      PADDING: 3px;
    }
    .galleryCell IMG {
      WIDTH: 100%;
    }
    .galleryCell H3 {
      MARGIN-TOP: 0px;
      MARGIN-BOTTOM: 5px;
    }
  
  /* Club Deals Page */
  #ClubDeals {
    WIDTH: 90%;
  }
    #ClubDeals #header {
      HEIGHT: 125px;
      MARGIN-BOTTOM: 7px;
    }
      #ClubDeals #header #header_image {
        FLOAT: left;
        WIDTH: 75%;
        BACKGROUND-COLOR: #ED1849;
        OVERFLOW: hidden;
      }
      #ClubDeals #header #header_image_B {
        FLOAT: center;
        WIDTH: 75%;
        /*BACKGROUND-COLOR: #ED1849;*/
        OVERFLOW: hidden;
      }
        #ClubDeals #header #header_image IMG {
          HEIGHT: 100%;
        }
        #ClubDeals #header #header_image #date {
          FLOAT: none;
          MARGIN-TOP: -22px;
          MARGIN-LEFT: 30px;
          FONT-SIZE: 16px;
          COLOR: #FFFFFF;
        }
      #ClubDeals #header #header_nav {
        FLOAT: right;
        WIDTH: 25%;
        HEIGHT: 124px;
      }
        #ClubDeals #header #header_nav UL {
          FLOAT: right;
          VERTICAL-ALIGN: bottom;
          MARGIN-TOP: 0px;
          HEIGHT: 124px;
          PADDING-LEFT: 10px;
          WIDTH: 95%;
        }
        #ClubDeals #header #header_nav .header_nav_link  {
          TEXT-TRANSFORM: uppercase;
          TEXT-ALIGN: right;
          LIST-STYLE-TYPE: none;
          FONT-SIZE: 14px;
          HEIGHT: 20px;
          PADDING-TOP: 5px;
          MARGIN-LEFT: 10px;
        }
          #ClubDeals #header #header_nav  A {
            COLOR: #000000;
          }
          #ClubDeals #header #header_nav  .border_bottom {
            BORDER-BOTTOM: 1px solid #666666;
            PADDING-BOTTOM: 5px;
          }
          #ClubDeals #header #header_nav  .border_top {
            BORDER-TOP: 1px solid #666666;
            PADDING-TOP: 5px;
          }
    #ClubDeals #deals {
      FLOAT: left;
    }
      #ClubDeals #deals .dept {
        WIDTH: 100%;
        PADDING-TOP: 10px;
      }
        #ClubDeals #deals .dept .dept_name {
          COLOR: #ED1849;
          FONT-SIZE: 16px;
          BORDER-BOTTOM: 1px solid #666666;
          PADDING-BOTTOM: 5px;
          MARGIN-LEFT: 20px;
          MARGIN-BOTTOM: 5px;
          WIDTH: 85%;
          FONT-WEIGHT: bold;
          TEXT-TRANSFORM: uppercase;
        }
        #ClubDeals #deals .cream {
          BACKGROUND-COLOR: #F8F4E9;
        }
        #ClubDeals #deals .blue {
          BACKGROUND-COLOR: #DBF3F7;
        }
        #ClubDeals #deals UL {
          MARGIN: 0px;
          PADDING-LEFT: 20px;
          PADDING-RIGHT: 10px;
        }
        #ClubDeals #deals LI {
          LIST-STYLE-TYPE: none;
          MARGIN-LEFT: 0px;
          PADDING-LEFT: 0px;
          PADDING-BOTTOM: 10px;
          FONT-SIZE: 13px;
          COLOR: #000000;
        }
      #ClubDeals #deals .double_wide {
        FLOAT: left;
        WIDTH: 100%;
        MARGIN-BOTTOM: 10px;
      }
      #ClubDeals #deals .left_column {
        FLOAT: left;
        WIDTH: 49%;
      }
      #ClubDeals #deals .right_column {
        FLOAT: right;
        WIDTH: 49%;
      }
      #ClubDeals #deals .right_columnb {
        FLOAT: right;
        WIDTH: 49%;
      }
  
    /*Club Deals 2017*/
     #ClubDeals1 {
    WIDTH: 90%;
    MAX-WIDTH: 900px;
  }
    #ClubDeals1 #header {
      HEIGHT: 125px;
      MARGIN-BOTTOM: 7px;
    }
    #ClubDeals1 #header #header_links {
      MARGIN-BOTTOM: 7px;
      FONT-SIZE: 12px;
      TEXT-TRANSFORM: uppercase;
      TEXT-ALIGN: center;
    }
    #ClubDeals1 #header #header_links A:visited {
      COLOR: grey;
    }
    #ClubDeals1 #header #header_links A:link {
      COLOR: grey;
    }
     #ClubDeals1 #header #header_image_b  {
          TEXT-ALIGN: center;
        }
     #ClubDeals1 #header #header_image_b IMG {
          MARGIN-TOP: 10px;
          FLOAT: none;
          HEIGHT: 100%;
          TEXT-ALIGN: center;
        }
        #ClubDeals1 #header #header_image_b #date {
          FLOAT: none;
          FONT-SIZE: 16px;
          TEXT-TRANSFORM: uppercase;
          TEXT-ALIGN: center;
        }
        #ClubDeals1 #header #header_image_lead {
          FLOAT: none;
          TEXT-ALIGN: center;
          COLOR: #FFFFFF;
        }
        
        #ClubDeals1 #header #header_image_Lead #date {
          FLOAT: none;
          MARGIN-TOP: -22px;
          /*MARGIN-LEFT: 30px;*/
          FONT-SIZE: 16px;
          COLOR: #FFFFFF;
        }
      #ClubDeals1 #header #header_nav {
        FLOAT: right;
        WIDTH: 25%;
        HEIGHT: 124px;
      }
        #ClubDeals1 #header #header_nav UL {
          FLOAT: right;
          VERTICAL-ALIGN: bottom;
          MARGIN-TOP: 0px;
          HEIGHT: 124px;
          PADDING-LEFT: 10px;
          WIDTH: 95%;
        }
        #ClubDeals1 #header #header_nav .header_nav_link  {
          TEXT-TRANSFORM: uppercase;
          TEXT-ALIGN: right;
          LIST-STYLE-TYPE: none;
          FONT-SIZE: 14px;
          HEIGHT: 20px;
          PADDING-TOP: 5px;
          MARGIN-LEFT: 10px;
        }
          #ClubDeals1 #header #header_nav  A {
            COLOR: #000000;
          }
          #ClubDeals1 #header #header_nav  .border_bottom {
            BORDER-BOTTOM: 1px solid #666666;
            PADDING-BOTTOM: 5px;
          }
          #ClubDeals1 #header #header_nav  .border_top {
            BORDER-TOP: 1px solid #666666;
            PADDING-TOP: 5px;
          }
     #ClubDeals1 #header #header_lead_text {
          FLOAT: none;
          MARGIN-TOP: -10px;
          BACKGROUND-COLOR: #EAE5E3;
          COLOR: #000000;
          PADDING-BOTTOM: 12px;
          PADDING-TOP: 12px;
          WIDTH: 100%;
		  MAX-WIDTH: 100%;
                  
        }
       #ClubDeals1 #header #header_lead_text .left_column{
         
          TEXT-ALIGN: right;
          /*MARGIN-RIGHT: 375px;*/
          WIDTH:55%;
          FONT-SIZE: 13px;
          COLOR: #000000;
          PADDING-LEFT: 20px;
          PADDING-RIGHT: 20px;
          PADDING-BOTTOM: 20px;
          PADDING-TOP: 15px;
          border-right: #FF0000 solid thin;
          
        }
         #ClubDeals1 #header #header_lead_text .right_column_name{		 
          FLOAT: left;
          TEXT-ALIGN: left;
          MARGIN-LEFT: 550px;   
          COLOR: #000000;
          FONT-SIZE: 16px;
          FONT-WEIGHT: bold;
          TEXT-TRANSFORM: uppercase;
          MARGIN-TOP: -65px;
        }
       #ClubDeals1 #header #header_lead_text .right_column_price{
          FLOAT: left;
          TEXT-ALIGN: left;
          MARGIN-LEFT: 550px;   
          COLOR: #ED1849;
          FONT-SIZE: 30px;
          FONT-WEIGHT: bold;
          MARGIN-TOP: -42px;
        }
       #ClubDeals1 #header #header_lead_text .right_column_savings{
          FLOAT: left;
          TEXT-ALIGN: left;
          MARGIN-LEFT: 550px;   
          COLOR: #000000;
          FONT-SIZE: 12px;
          MARGIN-TOP: -8px;
        } 
       #ClubDeals1 #header #ad_image {
        FLOAT: none;
        TEXT-ALIGN: center;
        WIDTH: 100%;
        PADDING-BOTTOM: 10px;
        PADDING-TOP: 10px;
       
        }    
    #ClubDeals1 #deals {
      FLOAT: left;
    }
   
      #ClubDeals1 #deals .dept {
        WIDTH: 100%;
        PADDING-TOP: 10px;
      }
        #ClubDeals1 #deals .dept .dept_name {
          COLOR: #ED1849;
          FONT-SIZE: 16px;
          /*BORDER-BOTTOM: 1px solid #666666;*/
          PADDING-BOTTOM: 5px;
          MARGIN-LEFT: 20px;
          MARGIN-BOTTOM: 5px;
          WIDTH: 85%;
          FONT-WEIGHT: bold;
          TEXT-TRANSFORM: uppercase;
        }
        #ClubDeals1 #deals .cream {
          BACKGROUND-COLOR: #F8F4E9;
        }
        #ClubDeals1 #deals .blue {
          BACKGROUND-COLOR: #DBF3F7;
        }
        #ClubDeals1 #deals UL {
          MARGIN: 0px;
          PADDING-LEFT: 20px;
          PADDING-RIGHT: 10px;
        }
        #ClubDeals1 #deals LI {
          LIST-STYLE-TYPE: none;
          MARGIN-LEFT: 0px;
          PADDING-LEFT: 0px;
          PADDING-BOTTOM: 10px;
          FONT-SIZE: 12px;
          COLOR: #000000;
        }
      #ClubDeals1 #deals .double_wide {
        FLOAT: left;
        WIDTH: 100%;
        MARGIN-BOTTOM: 10px;
      }
      #ClubDeals1 #deals .left_column {
        FLOAT: left;
        WIDTH: 49%;
      }
      #ClubDeals1 #deals .right_column {
        FLOAT: right;
        WIDTH: 49%;
      }
      #ClubDeals1 #deals .right_columnb {
        FLOAT: right;
        WIDTH: 49%;
      }
      #ClubDeals1 #deals .featured {
        FLOAT: left;
        WIDTH: 100%;
        BACKGROUND: #dbd1cd;
        MARGIN-BOTTOM: 10px;
      }
        #ClubDeals1 #deals .featured .name {
          COLOR: #000000;
          FONT-SIZE: 18px;
          FONT-WEIGHT: bold;
          TEXT-ALIGN: LEFT;
        }
        #ClubDeals1 #deals .featured .description {
          COLOR: #000000;
          FONT-SIZE: 12px;
        }
        #ClubDeals1 #deals .featured .price {
          COLOR: #FF0000;
          FONT-SIZE: 30px;
          TEXT-ALIGN: right;
        }
        #ClubDeals1 #deals .featured .size {
          COLOR: #000000;
          FONT-SIZE: 8px;
          FONT-STYLE: italic;
        }
		@media only screen and (max-device-width: 900px) and (min-device-width: 320px), only screen and (max-width: 900px)
		{
			#ClubDeals1{
				WIDTH: 100%;
				MAX-WIDTH: 100%;
			}
			
			#ClubDeals1 #header #header_links{
				HEIGHT: 1em !important;
			}
			
			#ClubDeals1 #header{
				MAX-WIDTH: 100%;
			}
			
			#ClubDeals1 #header #header_image_b IMG,
			#ClubDeals1 #header #header_image_lead img,
			#ClubDeals1 #header #ad_image img{
				WIDTH: 100%;
			}
			
			#ClubDeals1 #header #header_lead_text{
				WIDTH: 100%;
			}
			
			#ClubDeals1 #header #header_lead_text .left_column{
				WIDTH: 50%;
				PADDING-RIGHT: 15px;
				PADDING-LEFT: 15px;
			}
			
			#ClubDeals1 #header #header_lead_text .right_column_name,
			#ClubDeals1 #header #header_lead_text .right_column_price,
			#ClubDeals1 #header #header_lead_text .right_column_savings
			{
				/*WIDTH: 45%;
				MARGIN-LEFT: 55%;*/
				WIDTH: 40% !important;
				MARGIN-LEFT: 60%;
			}
			
			#ClubDeals1 #header #header_lead_text .right_column_name{
				FONT-SIZE: 16px;
				MARGIN-TOP: -80px;
			}
			
			#ClubDeals1 #header #header_lead_text .right_column_price{
				FONT-SIZE: 24px;
				MARGIN-TOP: -62px;
			}
			
			#ClubDeals1 #header #header_lead_text .right_column_savings{
				MARGIN-TOP: -28px;
			}
			
		}
  /* KID'S CLUB PAGE */
  .PageHeaderImage {
    MARGIN: 0px auto; 
    TEXT-ALIGN: center;
  }
  
  /* INTERNAL MODE */
  DIV.internal {
    BORDER: solid 1px #DDDDDD;
    PADDING: 8px;
    WIDTH: 100%;
  }
  DIV.internal, TABLE.internal {
    /* BORDER-BOTTOM: solid 1px #DDDDDD; */
    WIDTH: 100%;
  }
  
  /* Cakes by DLM Pages */
  DIV.pagetitle {
    FONT-SIZE: 24px;
    FONT-WEIGHT: bold;
    TEXT-TRANSFORM: uppercase;
    COLOR: #00788A;
  }
  DIV.sectiontitle {
    FONT-SIZE: 24px;
    TEXT-TRANSFORM: uppercase;
    COLOR: #166E55;
    MARGIN-TOP: 20px;
    BORDER-TOP: solid 1px #DDDDDD;
    PADDING: 10px 0;
  }
  DIV#content DIV.itemtile {
    POSITION: relative;
    FLOAT: left;
    WIDTH: 22%;
    MIN-WIDTH: 236px;
    MAX-HEIGHT: 200px;
    /* MARGIN: 10px 20px 25px; */
    PADDING-TOP: 20px;
    PADDING-BOTTOM: 70px;
    PADDING-LEFT: 25px;
  }
  DIV#content DIV.itemtile DIV.thumb {
    POSITION: relative;
    HEIGHT: 200px;
    TEXT-ALIGN: center;
    MARGIN-BOTTOM: 5px;
    WIDTH: 100%;
  }
    DIV#content DIV.itemtile DIV.thumb IMG{
      MAX-WIDTH: 100%;
      MAX-HEIGHT: 200px;
    }
  /* DIV#content DIV.itemtile DIV.thumb TABLE {
    BORDER: none;
    WIDTH: 200px;
    HEIGHT: 200px;
    MARGIN-TOP: 10px;
    BORDER-COLLAPSE: collapse;
  }
  DIV#content DIV.itemtile DIV.thumb TABLE TD {
    VERTICAL-ALIGN: bottom;
  } */
  DIV#content DIV.itemtile DIV.thumb IMG.thumblabel {
    POSITION: absolute;
    TOP: 0px;
    LEFT: 0px;
  }
  DIV#content DIV.itemtile DIV.rollover {
    POSITION: absolute;
    TOP: 22px;
    LEFT: 19px;
    WIDTH: 116px;
    HEIGHT: 109px;
    PADDING: 5px;
    BACKGROUND-IMAGE: url('/img/rollover_bg.png');
    BACKGROUND-REPEAT: no-repeat;
    FONT-SIZE: 11px;
    DISPLAY: none;
  }
  DIV#content DIV.itemtile DIV.rollover DIV.text {
    HEIGHT: 85px;
    OVERFLOW: hidden;
  }
  DIV#content DIV.itemtile DIV.rollover DIV.text A {
    TEXT-DECORATION: none;
  }
  DIV#content DIV.itemtile DIV.rollover DIV.readmore {
    FONT-STYLE: italic;
    TEXT-ALIGN: right;
    TEXT-TRANSFORM: uppercase;
  }
  DIV#content DIV.itemtile DIV.name {
    FONT-SIZE: 14px;
    OVERFLOW: hidden;
    PADDING-TOP: 2px;
  }
  DIV#content DIV.itemtile DIV.price {
    FONT-SIZE: 15px;
    COLOR: #000000 !important;
  }
  DIV#content DIV.itemtile DIV.ButtonCell {
    FLOAT: right;
  }
  DIV.message {
    MARGIN-TOP: 10px;
    MARGIN-BOTTOM: 10px;
    BORDER: solid 1px #E6A64F;
    PADDING: 5px;
    BACKGROUND-COLOR: #FFFFFF;
  }
  DIV.error {
    MARGIN-TOP: 10px;
    MARGIN-BOTTOM: 10px;
    BORDER: solid 1px #E64F4F;
    PADDING: 5px;
    BACKGROUND-COLOR: #FFE5E5;
  }
  
  
  /* CART PAGE */
  DIV.cart {
    MARGIN-TOP: 10px;
  }
  DIV.cart DIV.item {
    CLEAR: both;
    MAX-HEIGHT: 180px;
    PADDING: 0 10px;
    BORDER-TOP: solid 1px #DDDDDD;
  }
  DIV.cart DIV.item DIV {
    FLOAT: left;
    OVERFLOW: hidden;
    POSITION: relative;
  }
  DIV.cart DIV.item DIV.image {
    WIDTH: 180px;
    MAX-HEIGHT: 180px;
    PADDING: 10px;
    TEXT-ALIGN: center;
  }
    DIV.cart DIV.item DIV.image.dash {
      MAX-HEIGHT: 100px;
    }
    DIV.cart DIV.item DIV.image IMG {
      MAX-WIDTH: 180px;
      MAX-HEIGHT: 180px;
    }
      DIV.cart DIV.item DIV.image IMG.dash {
      MAX-WIDTH: 100px;
      MAX-HEIGHT: 100px;
    }
  DIV.cart DIV.item DIV.description {
    WIDTH: 100%;
    MAX-WIDTH: -webkit-calc(100% - 795px);
    MAX-WIDTH: -moz-calc(100% - 795px);
    MAX-WIDTH: calc(100% - 795px);
    MAX-HEIGHT: 180px;
    PADDING: 10px 0;
    FONT-SIZE: 18px;
    OVERFLOW: auto;
    LINE-HEIGHT: 16px;
  }
    DIV.cart DIV.item DIV.description A {
      COLOR: #000000;
    }
    DIV.cart DIV.item DIV.description.dash {
      HEIGHT: 100px;
    }
    DIV.cart DIV.item DIV.description DIV.subDescription {
      FONT-SIZE: 11px;
      CLEAR: both;
      PADDING-TOP: 3px;
      MARGIN-LEFT: 10px;
    }
      DIV.cart DIV.item DIV.description DIV.subDescription .CakeColors{
        PADDING-TOP: 3px;
      }
  DIV.cart DIV.item DIV.OrderTypeContainer {
    WIDTH: 210px;
    FLOAT: right;
    HEIGHT: 60px;
    PADDING: 40px 0px;
  }
    DIV.cart DIV.item DIV.OrderTypeContainer.dash {
      PADDING: 30px 0px;
    }
  DIV.cart DIV.item DIV.PricingContainer {
    FLOAT: right;
    MIN-WIDTH: 355px;
  }
    DIV.cart DIV.item DIV.PricingContainer .InputPillContainer {
      FLOAT: none;
      MARGIN: 0px auto;
      WIDTH: 83px;
    }
      DIV.cart DIV.item DIV.PricingContainer .InputPillContainer.RandomWeight {
        FLOAT: left;
      }
  DIV.cart DIV.item DIV.price {
    WIDTH: 60px;
    HEIGHT: 60px;
    PADDING: -webkit-calc(30% - 70px) 0;
    PADDING: -moz-calc(30% - 70px) 0;
    PADDING: calc(30% - 70px) 0;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
  }
    DIV.cart DIV.item DIV.price.dash {
      PADDING: 30px 0;
    }
    DIV.cart DIV.item DIV.price.dash.RandomWeight {
      WIDTH: 80px;
    }
  DIV.cart DIV.item DIV.extras {
    WIDTH: 60px;
    HEIGHT: 60px;
    PADDING: -webkit-calc(30% - 70px) 0;
    PADDING: -moz-calc(30% - 70px) 0;
    PADDING: calc(30% - 70px) 0;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
    TEXT-TRANSFORM: uppercase;
  }
    DIV.cart DIV.item DIV.extras.dash {
      DISPLAY: none;
    }
  DIV.cart DIV.item DIV.qty {
    WIDTH: 115px;
    HEIGHT: 60px;
    PADDING: -webkit-calc(30% - 70px) 0;
    PADDING: -moz-calc(30% - 70px) 0;
    PADDING: calc(30% - 70px) 0;
    TEXT-ALIGN: center;
  }
    DIV.cart DIV.item DIV.qty.dash {
      PADDING: 30px 0;
    }
    DIV.cart DIV.item DIV.qty .RandomWeightQtyText {
      FLOAT: left;
      PADDING-TOP: 3px;
      PADDING-LEFT: 1px;
    }
  #quantity_internal {
    WIDTH: 35px;
  }
  DIV.cart DIV.item DIV.total {
    WIDTH: 60px;
    HEIGHT: 60px;
    PADDING: -webkit-calc(30% - 70px) 0;
    PADDING: -moz-calc(30% - 70px) 0;
    PADDING: calc(30% - 70px) 0;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
    TEXT-TRANSFORM: uppercase;
  }
    DIV.cart DIV.item DIV.total.dash {
      PADDING: 30px 0;
    }
  DIV.cart DIV.item DIV.points {
    WIDTH: 45px;
    HEIGHT: 60px;
    PADDING: -webkit-calc(30% - 70px) 0;
    PADDING: -moz-calc(30% - 70px) 0;
    PADDING: calc(30% - 70px) 0;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
    TEXT-TRANSFORM: uppercase;
    COLOR: #00788A;
  }
    DIV.cart DIV.item DIV.points.dash {
      PADDING: 19px 0;
    }
  DIV.cart DIV.item DIV.buttons {
    FLOAT: right;
    WIDTH: 90px;
    /* HEIGHT: 80px; */
    PADDING: -webkit-calc(30% - 70px) 0;
    PADDING: -moz-calc(30% - 70px) 0;
    PADDING: calc(30% - 70px) 0;
    TEXT-ALIGN: center;
    TEXT-ALIGN: -webkit-center;
  }
    DIV.cart DIV.item DIV.buttons.dash {
      PADDING: 40px 0;
    }
  DIV.cart DIV.item DIV.buttons INPUT {
    MARGIN: 5px;
  }
  DIV.cart DIV.summary {
    CLEAR: both;
    /* padding: 0 20px; */
    BORDER-TOP: solid 1px #DDDDDD;
  }
    DIV.cart DIV.summary DIV.totals {
      /* width: 980px; */
      PADDING: 10px 0;
      FONT-SIZE: 18px;
      FONT-WEIGHT: bold;
      TEXT-ALIGN: right;
      /* TEXT-TRANSFORM: uppercase; */
    }
      DIV.cart DIV.summary DIV.totals .update {
        font-size: 13px;
        font-weight: normal;
        text-transform: none;
      }
      DIV.cart DIV.summary DIV.totals .winewarning {
        font-size: 11px;
        text-transform: none;
      }
      DIV.cart DIV.summary DIV.totals .shipping {
        font-weight: normal;
        font-size: 13px;
        text-transform: none;
      }
    DIV.cart DIV.summary DIV.buttons {
      float: right;
      width: 120px;
      padding: 10px 0;
      text-align: center;
    }
    DIV.cart DIV.summary #UnlistedMessage {
      FLOAT: right;
      FONT-SIZE: 12px;
    }  
  #EditDashItemDialog {
    DISPLAY: none;
  }
  .ui-dialog TEXTAREA {
    FONT-SIZE: 14px !important;
  }
  #DashSpecialInstructions {
    WIDTH: 98%;
  }
  DIV.cart DIV.item DIV.InputPillContainer {
    MARGIN-LEFT: 5.5px;
  }
  #SavedForLaterContainer {
    PADDING-TOP: 30px;
  }
    #SavedForLaterContainer #SavedForLaterHeader {
      FONT-WEIGHT: bold;
      PADDING-BOTTOM: 5px;
    }
  #CartUnlistedItem {
    WIDTH: 100%;
    MARGIN-BOTTOM: 0px;
    MARGIN-TOP: 10px;
    MIN-HEIGHT: 80px;
  }
    #CartUnlistedItem #Message {
      FLOAT: left;
      WIDTH: 100%;
      MARGIN-BOTTOM: 5px;
    }
      #CartUnlistedItem #Message A[role=button] {
        MARGIN-TOP: 5px;
      }
    #CartUnlistedItem #UnlistedFieldContainer {
      WIDTH: 100%;
      FLOAT: left;
      MARGIN-BOTTOM: 15px;
      DISPLAY: none;
    }
    #CartUnlistedItem #ProductNameCell {
      FLOAT: left;
      MARGIN-RIGHT: 15px;
      HEIGHT: 48px;
        WIDTH: 200px;
    }
      #CartUnlistedItem #ProductNameCell TEXTAREA {
        HEIGHT: 100%;
        WIDTH: 100%;
        OVERFLOW: auto;
      }
    #CartUnlistedItem #SpecialInstructionsCell {
      FLOAT: left;
      MARGIN-RIGHT: 15px;
      HEIGHT: 48px;
      WIDTH: 200px;
    }
      #CartUnlistedItem #SpecialInstructionsCell TEXTAREA {
        HEIGHT: 100%;
        WIDTH: 100%;
        OVERFLOW: auto;
      }
    #CartUnlistedItem #ButtonCell {
      FLOAT: left;
      WIDTH: 200px;
    }
      #CartUnlistedItem #ButtonCell .InputPillContainer {
        WIDTH: 100%;
        FLOAT: left;
        PADDING-BOTTOM: 10px;
      }
      #CartUnlistedItem #ButtonCell #submit_internal {
        
      }
      #CartUnlistedItem #ButtonCell #UnlistedCancelEdit {
        DISPLAY: none;
        MARGIN-LEFT: 10px;
      }
    #CartUnlistedItem #PriceCell {
      FLOAT: left;
      WIDTH: 150px;
    }
    #CartUnlistedItem #TypeCell {
      FLOAT: left;
      WIDTH: 180px;
    }
    #CartUnlistedItem #DeptCell {
      FLOAT: left;
      WIDTH: 350px;
    }
    #CartUnlistedItem #OrderTypeCell {
      FLOAT: left;
      CLEAR: both;
      MARGIN-TOP: 5px;
    }
    #CartUnlistedItem #OptionCell {
      FLOAT: left;
      CLEAR: both;
      MARGIN-TOP: 5px;
    }
  
  
  /* REVIEW ORDER SCREEN */
  DIV.orderdetail {
    margin-top: 10px;
    FONT-SIZE: 14px;
  }
  DIV.orderdetail .ui-tabs {
    background:none;
  }
  DIV.orderdetail .ui-tabs-nav {
    background:none;
    border:none;
  }
  DIV.orderdetail DIV.instructions {
    color: #00788A;
    padding: 10px 0;
    border-top: solid 1px #DDDDDD;
    border-bottom: solid 1px #DDDDDD;
    margin-bottom: 10px;
  }
  DIV.orderdetail DIV.grid-item DIV.field {
    clear: both;
    padding-bottom: 10px;
  }
  DIV.orderdetail DIV.grid-item DIV.label {
    display: block;
    float: left;
    padding-top: 4px;
  }
  DIV.orderdetail DIV.grid-item LABEL {
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
  }
    DIV.orderdetail DIV.grid-item DIV.OrderTypeDetails {
      
    }
      DIV.orderdetail DIV.grid-item DIV.OrderTypeDetails DIV.labelCell {
        TEXT-TRANSFORM: uppercase;
        FONT-WEIGHT: bold;
        WIDTH: 120px;
        FLOAT: left;
      }
  DIV.orderdetail DIV.grid-item DIV.label2 {
    display: block;
    float: left;
    padding-top: 4px;
  }
  DIV.orderdetail DIV.grid-item label2 {
    font-size: 12px;
    text-align: left;
    text-transform: uppercase;
  }
  DIV.title {
    font-size: 18px;
    text-transform: uppercase;
  }
  DIV.orderdetail .green {
    color: #166E55;
  }
  DIV.orderdetail DIV.column1 {
    float: left;
    width: 350px;
    padding-right: 10px;
  }
  DIV.orderdetail DIV.column2 {
    float: left;
    width: 240px;
    padding-right: 10px;
  }
  DIV.orderdetail DIV.column3 {
    FLOAT: right;
    WIDTH: 260px;
    PADDING: 10px;
    BORDER: solid 1px #DDDDDD;
  }
  DIV.orderdetail #OrderDetailsContainer {
    WIDTH: -webkit-calc(100% - 290px); 
    WIDTH: -moz-calc(100% - 290px); 
    WIDTH: calc(100% - 290px); 
    FLOAT: left;
  }
  DIV.orderdetail DIV.grid {
    WIDTH: 100%;
  }
    DIV.orderdetail DIV.grid .grid-item {
      MARGIN-BOTTOM: 20px;
      MARGIN-RIGHT: 10px;
      MIN-HEIGHT: 200px;
      MIN-WIDTH: 160px;
    }
    DIV.orderdetail DIV.grid .grid-item--width2 {
      /* WIDTH: 300px; */
    }
  DIV.orderdetail DIV.reviewCart{
    POSITION: relative;
  }
  DIV.orderdetail DIV.item {
    CLEAR: both;
    MAX-HEIGHT: 180px;
    PADDING: 0 20px;
    BORDER-TOP: solid 1px #DDDDDD;
  }
  DIV.orderdetail DIV.item DIV {
    FLOAT: left;
    OVERFLOW: hidden;
    POSITION: relative;
  }
  DIV.orderdetail DIV.item DIV.image {
    WIDTH: 180px;
    MAX-height: 180px;
    PADDING: 10px;
    TEXT-ALIGN: center;
  }
    DIV.orderdetail DIV.item DIV.image.dash {
      MAX-HEIGHT: 100px;
    }
    DIV.orderdetail DIV.item DIV.image IMG {
      MAX-WIDTH: 180px;
      MAX-HEIGHT: 180px;
    }
      DIV.orderdetail DIV.item DIV.image IMG.dash {
      MAX-WIDTH: 100px;
      MAX-HEIGHT: 100px;
    }
  DIV.orderdetail DIV.item DIV.description {
    width: 100%;
    MAX-WIDTH: -webkit-calc(100% - 700px);
    MAX-WIDTH: -moz-calc(100% - 700px);
    MAX-WIDTH: calc(100% - 700px);
    MAX-HEIGHT: 180px;
    padding: 10px 0;
    font-size: 18px;
    OVERFLOW: auto;
    LINE-HEIGHT: 16px;
  }
    DIV.orderdetail DIV.item DIV.description A {
      COLOR: #000000;
    }
    DIV.orderdetail DIV.item DIV.description.dash {
      HEIGHT: 100px;
    }
    DIV.orderdetail DIV.item DIV.description DIV.subDescription {
      FONT-SIZE: 11px;
      CLEAR: both;
      PADDING-TOP: 3px;
      MARGIN-LEFT: 10px;
    }
      DIV.orderdetail DIV.item DIV.description DIV.subDescription .CakeColors{
        PADDING-TOP: 3px;
      }
  DIV.orderdetail DIV.item DIV.OrderTypeContainer {
    WIDTH: 140px;
    FLOAT: right;
    HEIGHT: 60px;
    PADDING: 40px 0px;
  }
    DIV.orderdetail DIV.item DIV.OrderTypeContainer.dash {
      PADDING: 30px 0px;
    }
  DIV.orderdetail DIV.item DIV.PricingContainer {
    FLOAT: right;
    MIN-WIDTH: 210px;
  }
  DIV.orderdetail DIV.item DIV.points {
    WIDTH: 45px;
    HEIGHT: 60px;
    PADDING: -webkit-calc(30% - 70px) 0;
    PADDING: -moz-calc(30% - 70px) 0;
    PADDING: calc(30% - 70px) 0;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
    TEXT-TRANSFORM: uppercase;
    COLOR: #00788A;
  }
    DIV.orderdetail DIV.item DIV.points.dash {
      PADDING: 19px 0;
    }
  DIV.orderdetail DIV.item DIV.price {
    WIDTH: 60px;
    HEIGHT: 60px;
    PADDING: -webkit-calc(30% - 40px) 0px;
    PADDING: -moz-calc(30% - 40px) 0px;
    PADDING: calc(30% - 40px) 0px;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
    TEXT-TRANSFORM: uppercase;
  }
    DIV.orderdetail DIV.item DIV.price.dash {
        PADDING: 30px 0;
        WIDTH: 75px;
    }
  DIV.orderdetail DIV.item DIV.extras {
    WIDTH: 60px;
    HEIGHT: 60px;
    PADDING: -webkit-calc(30% - 40px) 0px;
    PADDING: -moz-calc(30% - 40px) 0px;
    PADDING: calc(30% - 40px) 0px;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
    TEXT-TRANSFORM: uppercase;
  }
    DIV.orderdetail DIV.item DIV.extras.dash {
      DISPLAY: none;
    }
  DIV.orderdetail DIV.item DIV.qty {
    WIDTH: 50px;
    HEIGHT: 60px;
    PADDING: -webkit-calc(30% - 40px) 0px;
    PADDING: -moz-calc(30% - 40px) 0px;
    PADDING: calc(30% - 40px) 0px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
  }
    DIV.orderdetail DIV.item DIV.qty.dash {
      PADDING: 30px 0;
      WIDTH: 75px;
    }
  DIV.orderdetail DIV.item DIV.total {
    WIDTH: 60px;
    HEIGHT: 60px;
    PADDING: -webkit-calc(30% - 40px) 0px;
    PADDING: -moz-calc(30% - 40px) 0px;
    PADDING: calc(30% - 40px) 0px;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
    TEXT-TRANSFORM: uppercase;
  }
    DIV.orderdetail DIV.item DIV.total.dash {
      PADDING: 30px 0;
    }
  DIV.orderdetail DIV.item DIV.buttons {
    float: right;
    width: 90px;
    height: 60px;
    padding: 60px 0;
    text-align: center;
  }
  DIV.orderdetail DIV.item DIV.buttons input {
    margin: 5px;
  }
  DIV.orderdetail DIV.summary {
    text-align: right;
    clear: both;
    padding: 10px 0;
    border-top: solid 1px #DDDDDD;
  }
  DIV.orderdetail #placeorder_button1 {
    WIDTH: 160px;
    FONT-SIZE: 28px; 
    FLOAT: right; 
    DISPLAY: none;
    TEXT-ALIGN: center;
  }
  DIV.orderdetail #placeorder_button2 {
    WIDTH: 160px;
    FONT-SIZE: 28px; 
    FLOAT: left; 
    DISPLAY: none;
    TEXT-ALIGN: center;
  }
  DIV.orderdetail #UnlistedMessage {
    FLOAT: left;
    WIDTH: 100%;
  }
  #payment-errors {
    DISPLAY: none;
  }
  
  /* LOVE CAKES pages */
  #CakeItemCell {
    WIDTH: 30%;
    FLOAT: left;
  }
    #CakeItemCell #CakeImage {
      FLOAT: left;
      WIDTH: 100%;
    }
      #CakeItemCell #CakeImage IMG {
        MAX-WIDTH: 100%;
        MAX-HEIGHT: 300px;
      }
    #CakeItemCell #CakeDescription {
      WIDTH: 100%;
      FLOAT: left;
      PADDING-LEFT: 15px;
    }
    #CakeItemCell #OrderTypeContainer {
      WIDTH: 100%;
      FLOAT: left;
      PADDING-LEFT: 15px;
    }
  #CakeOptionsCell {
    WIDTH: 65%;
    FLOAT: left;
    MARGIN-LEFT: 10px;
  }
    #CakeOptionsCell #CakeColorsContainer {
      MARGIN-LEFT: 125px;
    }
      #CakeOptionsCell #CakeColorsContainer .ColorCell {
        FLOAT: left;
        WIDTH: 195px;
        PADDING-BOTTOM: 2px;
        PADDING-RIGHT: 20px;
      }
        #CakeOptionsCell #CakeColorsContainer .ColorInput {
          FLOAT: left;
        }
        #CakeOptionsCell #CakeColorsContainer .ColorPreview {
          BORDER: solid 1px #000; 
          HEIGHT: 15px; 
          WIDTH: 15px; 
          CLEAR: none; 
          FLOAT: right;
        }
    #CakeOptionsCell #QuantityCell {
      FLOAT: left;
      PADDING-RIGHT: 20px;
      PADDING-TOP: 12px;
    }
    #CakeOptionsCell #PriceCell {
      FLOAT: left;
      PADDING-RIGHT: 20px;
      PADDING-TOP: 12px;
      FONT-WEIGHT: bold;
      FONT-SIZE: 20px;
    }
    #CakeOptionsCell #ButtonCell {
      FLOAT: left;
    }
    #CakeOptionsCell #DisclaimerCell {
      CLEAR: both;
      MARGIN-LEFT: 150px;
      PADDING-TOP: 15px;
    }
  
  /* Gluten Free Newsletter */
  #newsletterFrame {
    WIDTH: 750px;
    HEIGHT: 2688px;
    BORDER: none;
    OVERFLOW-Y: hidden;
    FLOAT: left;
  }
  
  /* RECIPE PAGE */
  #RecipeImage {
    FLOAT: right;
  }
    #RecipeImage IMG {
      WIDTH: 100%;
      MAX-WIDTH: 500px; 
      PADDING-LEFT: 5px;
    }
  
  /* GIFT CARD PAGE */
  .CheckCardBalance {
    MIN-HEIGHT: 420px;
  }
  #GiftCardCell {
    CLEAR: both; 
    PADDING-TOP: 15px; 
    TEXT-ALIGN: center;
    WIDTH: 100%;
  }
    #GiftCardCell .GiftCard {
      FLOAT: left;
      MARGIN-RIGHT: 5px;
      WIDTH: 200px;
    }
      #GiftCardCell .GiftCard IMG {
        WIDTH: 100%;
      }
  
  /* CONTACT US PAGE */
  #ContactForm {
    FLOAT: left; 
    MARGIN-LEFT: 50px; 
    WIDTH: 70%;
  }
  
  /* CULINARY CENTER */
  #CookingClassContainer {
    WIDTH: 100%;
    MARGIN-TOP: 10px;
  }
    #CookingClassContainer .Class {
      WIDTH: calc(100% - 20px);
      BORDER-TOP: 1px solid #DDDDDD;
      FLOAT: left;
      PADDING: 10px;
    }
      #CookingClassContainer .Class .ClassImage {
        WIDTH: 65px;
        FLOAT: left;
      }
        #CookingClassContainer .Class .ClassImage IMG {
          WIDTH: 100%;
        }
      #CookingClassContainer .Class .ClassDescriptionCell {
        WIDTH: calc(100% - 80px);
        MARGIN-LEFT: 10px;
        FLOAT: left;
      }
        #CookingClassContainer .Class .ClassHeader {
          WIDTH: 100%;
          PADDING-BOTTOM: 10px;
          FONT-SIZE: 18px;
          FONT-WEIGHT: bold;
          COLOR: #AF006E;
        }
        #CookingClassContainer .Class .ClassDescription {
          FONT-SIZE: 13px;
          PADDING-BOTTOM: 5px;
        }
        #CookingClassContainer .Class .ClassDetails {
          FONT-SIZE: 12px;
        }
          #CookingClassContainer .Class .ClassDetails .AddToCartButtonCell {
            MARGIN-TOP: 5px;
          }
  #InstructorContainer {
    WIDTH: 100%;
  }
    #InstructorContainer .Instructor {
      WIDTH: calc(100% - 20px);
      BORDER-BOTTOM: 1px solid #DDDDDD;
      FLOAT: left;
      PADDING: 10px;
    }
      #InstructorContainer .Instructor .InstructorImage {
        WIDTH: 65px;
        FLOAT: left;
      }
      #InstructorContainer .Instructor .InstructorContent {
        WIDTH: calc(100% - 80px);
        MARGIN-LEFT: 10px;
        FLOAT: left;
      }
        #InstructorContainer .Instructor .InstructorContent .InstructorName {
          WIDTH: 100%;
          FONT-SIZE: 18px;
          FONT-WEIGHT: bold;
          PADDING-BOTTOM: 10px;
          COLOR: #AF006E
        }
        #InstructorContainer .Instructor .InstructorContent .InstructorBio {
          WIDTH: 100%;
          FONT-SIZE: 13px
        }
    
/* REGISTRATION PAGE */
#RegistrationPage #EndText {
  BORDER-TOP: 1px solid #DDDDDD;
  PADDING-TOP: 10px;
  PADDING-BOTTOM: 10px;
  FLOAT: left;
}
#RegistrationPage #SignatureCell {
  PADDING-TOP: 10px;
  PADDING-BOTTOM: 10px;
  BORDER-TOP: 1px solid #DDDDDD;
  FLOAT: left;
  WIDTH: 100%;
}
#RegistrationPage .login {
  BORDER-TOP: 1px solid #DDDDDD;
}
#RegistrationPage #TotalFormatted {
  FONT-WEIGHT: bold;
}
#RegistrationPage #ButtonCell {
  PADDING-TOP: 20px;
}
/* ADD EMAIL PAGE */
#AddEmail  {
  WIDTH: 100%;
  
}
#AddEmail #Name {
  FONT-FAMILY: "Shadows Into Light Two", Cursive;
  COLOR: ##AF006E;
  PADDING-TOP: 10px;
  PADDING-BOTTOM: 10px;
  BORDER-TOP: 1px solid #DDDDDD;
  FLOAT: left;
  WIDTH: 100%;
}

#AddEmail #TotalFormatted {
  FONT-WEIGHT: bold;
}

    
/* Central Ordering */
  #BreadCrumbs {
    WIDTH: 100%;
    /* HEIGHT: 32px; */
    COLOR: #00788A;
    FONT-SIZE: 22px;
    FONT-WEIGHT: bold;
    BORDER-BOTTOM: 2px solid #00788A;
    MARGIN-BOTTOM: 5px;
    Z-INDEX: 999;
    POSITION: relative;
    PADDING-BOTTOM: 5px;
  }
    .BreadCrumbArrow {
      FONT-SIZE: 25px;
    }
    /* .box-shadow:after {
      CONTENT: "";
      WIDTH: 100%;
      HEIGHT: 1px;
      MARGIN-TOP: 0.5px;
      DISPLAY: block;
      Z-INDEX: -1;
      -WEBKIT-BOX-SHADOW: 0px 8px 5px rgba(0,0,0,0.8);
         -MOZ-BOX-SHADOW: 0px 8px 5px rgba(0,0,0,0.8);
              BOX-SHADOW: 0px 8px 5px rgba(0,0,0,0.8);
      
    } */
  #OrderDetailCell {
    BACKGROUND-COLOR: #F9F3E7;
    MIN-HEIGHT: 100vh;
    WIDTH: 230px;
    FLOAT: right;
    MARGIN-TOP: -5px;
    Z-INDEX: 999;
    POSITION: relative;
    RIGHT: 0;
    /* TRANSFORM: translateX(490px);
    -WEBKIT-TRANSFORM: translateX(490px);
    -MS-TRANSFORM: translateX(490px); */
  }
    .fix-OrderDetail {
      POSITION: fixed !important;
      TOP: 0;
      MARGIN-RIGHT: 10px;
      /* TRANSFORM: translateX(485px) !important;
      -WEBKIT-TRANSFORM: translateX(485px) !important;
      -MS-TRANSFORM: translateX(485px) !important; */
    }
    #OrderDetailCell #OrderTypeCell {
      MARGIN-TOP: 35px;
      MARGIN-LEFT: 10px;
      MARGIN-RIGHT: 10px;
      PADDING-BOTTOM: 10px;
      BORDER-BOTTOM: 2px solid #00788A;
      DISPLAY: none;
    }
      #OrderDetailCell #OrderTypeCell #TypeName {
        COLOR: #5C707C;
        MARGIN-LEFT: 5px;
        FLOAT: RIGHT;
        width: 60PX;
        POSITION: relative;
        MARGIN-TOP: 25px;
      }
        #OrderDetailCell #OrderTypeCell #TypeName #OrderTypeValue {
          WIDTH: 140px;
          MARGIN-RIGHT: 0px;
          PADDING: 0px;
          FONT-SIZE: 24px;
          TEXT-TRANSFORM: uppercase;
          FONT-WEIGHT: bold;
        }
        #OrderDetailCell #OrderTypeCell #TypeName #EditPencil {
          FLOAT: right;
          WIDTH: 55px;
          MARGIN-TOP: -22px;
        }
      #OrderDetailCell #OrderTypeCell #TypeImage {
        MARGIN-TOP: -25px;
        
      }
      #OrderDetailCell #OrderTypeCell #TypeImage IMG {
        HEIGHT: 100px;
      }
      #OrderDetailCell #OrderTypeCell #TypeDetails {
        FONT-WEIGHT: bold;
        FONT-SIZE: 24px;
        COLOR: #000000;
        MARGIN-LEFT: 5px;
      }
        #OrderDetailCell #OrderTypeCell #TypeDetails #OrderStoreValue {
          FONT-SIZE: 18px;
        }
        #OrderDetailCell #OrderTypeCell #TypeDetails #OrderLocationValue {
          FONT-SIZE: 18px;
        }
      #OrderDetailCell #OrderTypeCell #ChangeOrderType {
        COLOR: #95A0A9;
      }
    #OrderDetailCell #SpecialInstructionsCell {
      COLOR: #000000;
      MARGIN-TOP: 10px;
      MARGIN-LEFT: 10px;
      MARGIN-RIGHT: 10px;
      PADDING-TOP: 10px;
    }
      #OrderDetailCell #SpecialInstructionsCell #SpecialInstructions {
        WIDTH: 93%;
        MARGIN-LEFT: 5px;
      }
    #OrderDetailCell #PreparedForCell {
      COLOR: #000000;
      MARGIN-TOP: 10px;
      MARGIN-LEFT: 10px;
      MARGIN-RIGHT: 10px;
      PADDING-BOTTOM: 10px;
      BORDER-BOTTOM: 2px solid #00788A;
    }
      #OrderDetailCell #PreparedForCell #PreparedFor {
        WIDTH: 93%;
        MARGIN-LEFT: 5px;
      }
    #OrderDetailCell #QuantityCell {
      MARGIN-TOP: 10px;
      MARGIN-LEFT: 10px;
      MARGIN-RIGHT: 10px;
      COLOR: #000000;
      CLEAR: both;
      height: 17px;
    }
      #OrderDetailCell #QuantityCell #QuantityLeft {
        FLOAT: left;
        MARGIN-LEFT: 5px;
      }
      #OrderDetailCell #QuantityCell #QuantityRight {
        FLOAT: right;
        MARGIN-RIGHT: 2px;
      }
    #OrderDetailCell #ItemTotalCell {
      MARGIN-TOP: 10px;
      MARGIN-LEFT: 10px;
      MARGIN-RIGHT: 10px;
      COLOR: #000000;
      CLEAR: both;
      height: 17px;
    }
      #OrderDetailCell #ItemTotalCell #TotalLeft {
        FLOAT: left;
        MARGIN-LEFT: 5px;
      }
      #OrderDetailCell #ItemTotalCell #ItemTotal {
        FLOAT: right;
        MARGIN-RIGHT: 5px;
      }
    #OrderDetailCell #ExtrasTotalCell {
      MARGIN-TOP: 10px;
      MARGIN-LEFT: 10px;
      MARGIN-RIGHT: 10px;
      PADDING-BOTTOM: 10px;
      BORDER-BOTTOM: 2px solid #00788A;
      COLOR: #000000;
      CLEAR: both;
      HEIGHT: 17px;
    }
      #OrderDetailCell #ExtrasTotalCell #ExtrasLeft {
        FLOAT: left;
        MARGIN-LEFT: 5px;
      }
      #OrderDetailCell #ExtrasTotalCell #ExtrasTotal {
        FLOAT: right;
        MARGIN-RIGHT: 5px;
      }
    #OrderDetailCell #GrandTotalCell {
      COLOR: #000000;
      FONT-WEIGHT: bold;
      FONT-SIZE: 24px;
      TEXT-ALIGN: center;
      MARGIN-TOP: 10px;
    }
      #OrderDetailCell #GrandTotalCell #TotalText {
        WIDTH: 100%;
      }
      #OrderDetailCell #GrandTotalCell #GrandTotal {
        COLOR: #00788A;
        FONT-WEIGHT: bold;
        FONT-SIZE: 36px;
        WIDTH: 100%
      }
    #OrderDetailCell #ButtonCell {
      MARGIN-TOP: 10px;
      TEXT-ALIGN: center;
      FONT-WEIGHT: bold;
    }
      #OrderDetailCell #ButtonCell #ResetButtonCell {
          WIDTH: 100%;
      }
      #OrderDetailCell #ButtonCell #AddToCartButtonCell {
          WIDTH: 100%;
      }
      #OrderDetailCell #ButtonCell #SendToFriendButtonCell {
          WIDTH: 100%;
      }
      /* #OrderDetailCell #ButtonCell #AddToCartButton {
        BACKGROUND: #00788A !important;
        COLOR: #FFFFFF;
      } */
  #CentralOrderingContainer {
    HEIGHT: auto;
    WIDTH: -webkit-calc(100% - 230px);
    WIDTH: -moz-calc(100% - 230px);
    WIDTH: calc(100% - 230px);
    FLOAT: left;
  }
    #CentralOrderingContainer LABEL {
      FONT-SIZE: 11.5px;
      VERTICAL-ALIGN: top;
      BACKGROUND: none;
      BORDER: none;
      /* MIN-HEIGHT: 139px; */
      /* MARGIN-RIGHT: 0px; */
      MARGIN-LEFT: 0px;
      COLOR: #000000;
    }
    #CentralOrderingContainer LABEL.ImageLabel {
      WIDTH: 140px;
    }
    #CentralOrderingContainer LABEL.TextLabel {
      WIDTH: -webkit-calc(100% - 22px);
      WIDTH: -moz-calc(100% - 22px);
      WIDTH: calc(100% - 22px);
      PADDING-TOP: 2px;
      PADDING-BOTTOM: 2px;
    }
      #CentralOrderingContainer LABEL SPAN.ui-button-text {
        PADDING-TOP: 5px;
        PADDING-BOTTOM: 2px;
        PADDING-RIGHT: 0.0px;
        PADDING-LEFT: 0.0px;
      }
      #CentralOrderingContainer LABEL IMG {
        WIDTH: 130px;
        HEIGHT: 100px;
        BOX-SHADOW: 0 3px 6px rgba(0,0,0,0.3), inset 0 -3px 3px rgba(0,0,0,0.1);
      }
      #CentralOrderingContainer LABEL.ui-state-active {
        BORDER: 1px solid #79B7E7;
        BACKGROUND: #DEF3FA;
        BOX-SHADOW: 0 3px 6px rgba(0,0,0,0.3), inset 0 -3px 3px rgba(0,0,0,0.1);
      }
      #CentralOrderingContainer LABEL.ui-corner-left,
      #CentralOrderingContainer LABEL.ui-corner-right {
        border-bottom-left-radius: 0px !important;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
      }
      #CentralOrderingContainer LABEL INPUT[type="number"] {
        WIDTH: 30px;
      }
    #CentralOrderingContainer .ItemLabel {
      PADDING-TOP: 2px;
      PADDING-BOTTOM: 2px;
      CLEAR: none;
    }
  #showCentralOrderingPrompts {
    WIDTH: 500px;
    HEIGHT: 156px;
  }
    #showCentralOrderingPrompts .fields {
      WIDTH: 350px;
      HEIGHT: 92px;
      MARGIN: 0px;
      PADDING: 0px;
    }
      #showCentralOrderingPrompts .field {
        WIDTH: 100%;
        HEIGHT: 23px;
      }
        #showCentralOrderingPrompts .field .label {
          WIDTH: 115px;
          FLOAT: LEFT;
          FONT-WEIGHT: bold;
        }
        #showCentralOrderingPrompts .field .input {
          FLOAT: LEFT;
        }
    #showCentralOrderingPrompts .pagetitle {
      FONT-SIZE: 16px;
      PADDING-BOTTOM: 10px;
    }
    #showCentralOrderingPrompts #ButtonCell {
      WIDTH: 100px;
      FLOAT: right;
      MARGIN-TOP: -60px;
    }
    #showCentralOrderingPrompts #setCookieErrorMessage {
      COLOR: #ED1849;
    }
  #showItemAddedToCart {
    WIDTH: 850px;
    PADDING: 20px;
  }
    #showItemAddedToCart DIV#image {
      FLOAT: left;
      WIDTH: 200px;
      OVERFLOW: hidden;
    }
      #showItemAddedToCart DIV#image IMG {
        FLOAT: left;
        MAX-WIDTH: 180px;
        MAX-HEIGHT: 180px;
        OVERFLOW: hidden;
      }
    #showItemAddedToCart DIV#buttons {
      FLOAT: right;
    }
    #showItemAddedToCart DIV#description {
      FLOAT: left;
      WIDTH: calc(100% - 210px);
    }
      #showItemAddedToCart #description #ItemFlavorOptionCell {
        MARGIN-BOTTOM: 10px;
        FONT-WEIGHT: bold;
        WIDTH: 100%;
        FLOAT: left;
      }
      #showItemAddedToCart #description #ItemHowPreparedCell {
        MARGIN-BOTTOM: 10px;
        FONT-WEIGHT: bold;
        WIDTH: 100%;
        FLOAT: left;
      }
      #showItemAddedToCart #description #ItemSizeOptionCell {
        MARGIN-BOTTOM: 10px;
        FONT-WEIGHT: bold;
        WIDTH: 100%;
        FLOAT: left;
      }
      #showItemAddedToCart #description #ItemAllowSubstitutions {
        MARGIN-BOTTOM: 10px;
        WIDTH: 100%;
        FLOAT: left;
      }
    #showItemAddedToCart #updateQuantity {
      FLOAT: left
    }
    #showItemAddedToCart #SpecialInstructionsCell {
      MARGIN-BOTTOM: 10px;
      WIDTH: 100%;
      FLOAT: left;
    }
    #showItemAddedToCart .InputPillContainer {
      MARGIN-BOTTOM: 10px;
      FLOAT: left;
    }
    #showItemAddedToCart #RandomWeight {
      MARGIN-TOP: 3px;
      MARGIN-LEFT: 3px;
      FLOAT: left;
    }
    
  /* Checkout Screens */
  DIV#checkoutImage {
    WIDTH: 377px;
    PADDING-BOTTOM: 10px;
  }
    DIV#checkoutImage IMG {
      WIDTH: 100%;
    }
  #checkoutContinueCell {
    POSITION: absolute;
    RIGHT: 0px;
    MARGIN-TOP: -10px;
  }
  DIV#loginSVC {
    WIDTH: 950px; 
  }
  DIV.login {
    FLOAT: left;
    WIDTH: 100%;
  }
    DIV.login DIV.pagetitle {
      PADDING-BOTTOM: 5px;
      BORDER-BOTTOM: solid 1px #DDDDDD;
    }
      DIV.login DIV.pagetitle #DeliveryAddressText {
        /* MARGIN-LEFT: 50%; */
        DISPLAY: none;
      }
    DIV.login DIV.form {
      PADDING-TOP: 20px;
    }
      DIV.login#DeliveryFields {
        MIN-HEIGHT: 326px;
      }
      DIV.login DIV.form#DeliveryFields {
        DISPLAY: none;
      }
      DIV.login DIV.form DIV.field {
        CLEAR: both;
        PADDING-BOTTOM: 10px;
        MIN-HEIGHT: 18px;
      }
        DIV.login DIV.form DIV.label {
          DISPLAY: block;
          FLOAT: left;
          /* PADDING-TOP: 4px; */
        }
        DIV.login DIV.form DIV.input {
          DISPLAY: block;
          FLOAT: left;
          TEXT-ALIGN: left;
        }
        DIV.login DIV.form DIV.text {
          PADDING-TOP: 0px;
        }
        DIV.DiscountCodeLeft {
          FLOAT: left;
          HEIGHT: 17px;
          WIDTH: 100px;
          TEXT-ALIGN: left;
        }
        DIV.DiscountCodeRight {
          FLOAT: right;
          HEIGHT: 17px;
          WIDTH: 100px;
          TEXT-ALIGN: right;
          PADDING-RIGHT: 100px;
        }
        DIV.GiftCardLeft {
          FLOAT: left;
          HEIGHT: 17px;
          WIDTH: 100px;
          TEXT-ALIGN: left;
        }
        DIV.GiftCardRight {
          FLOAT: right;
          HEIGHT: 17px;
          WIDTH: 100px;
          TEXT-ALIGN: right;
          PADDING-RIGHT: 100px;
        }
    DIV.login DIV.form LABEL {
      FONT-SIZE: 14px;
      FONT-WEIGHT: bold;
      TEXT-ALIGN: left;
      TEXT-TRANSFORM: uppercase;
    }
    DIV.login DIV.labelsize1 DIV.label { 
      WIDTH: 50px; 
    }
    DIV.login DIV.labelsize2 DIV.label { 
      WIDTH: 75px; 
    }
    DIV.login DIV.labelsize3 DIV.label { 
      WIDTH: 100px; 
    }
    DIV.login DIV.labelsize4 DIV.label { 
      WIDTH: 125px; 
    }
    DIV.login DIV.labelsize5 DIV.label { 
      WIDTH: 150px; 
    }
    DIV.login DIV.labelsize6 DIV.label { 
      WIDTH: 165px; 
    }
    DIV.login DIV.labelsize7 DIV.label { 
      WIDTH: 180px; 
    }
    DIV.login DIV.labelsize1 DIV.input.blank {
      MARGIN-LEFT: 50px;
    }
    DIV.login DIV.labelsize2 DIV.input.blank {
      MARGIN-LEFT: 75px;
    }
    DIV.login DIV.labelsize3 DIV.input.blank {
      MARGIN-LEFT: 100px;
    }
    DIV.login DIV.labelsize4 DIV.input.blank {
      MARGIN-LEFT: 125px;
    }
    DIV.login DIV.labelsize5 DIV.input.blank {
      MARGIN-LEFT: 150px;
    }
    DIV.login DIV.labelsize6 DIV.input.blank {
      MARGIN-LEFT: 165px;
    }
    DIV.login DIV.labelsize7 DIV.input.blank {
      MARGIN-LEFT: 180px;
    }
    DIV.login DIV.form DIV.orange, DIV.login DIV.form DIV.orange A {
      COLOR: #F15D22;
      FONT-WEIGHT: normal;
      TEXT-TRANSFORM: none;
    }
    DIV.login DIV.form DIV.grey, DIV.login DIV.form DIV.grey A {
      COLOR: #666666;
      FONT-WEIGHT: normal;
      TEXT-TRANSFORM: none;
    }
    DIV.login.loginLeft {
      WIDTH: 50%;
    }
    DIV.login.loginRight {
      WIDTH: 50%;
    }
    DIV.login DIV.field.loginButtonSVC {
      FLOAT: right; 
      MARGIN-RIGHT: 75px;
    }
    DIV.login DIV.forgotPasswordSVC {
      FLOAT: none; 
      MARGIN-RIGHT: 75px; 
      MARGIN-TOP: -15px;
      TEXT-ALIGN: right;
      HEIGHT: 32px;
    }
    DIV.login DIV.field.loginButton {
      /* TEXT-ALIGN: right;  */
      MARGIN-RIGHT: 145px;
    }
    DIV.login DIV.forgotPassword {
      FLOAT: none;
      MARGIN-RIGHT: 145px; 
      /* TEXT-ALIGN: right; */
      HEIGHT: 32px;
    }
    DIV.login DIV.form .smallText {
      FONT-SIZE: 12px;
    }
    DIV.login DIV#OrderTypeCell {
      FONT-WEIGHT: bold;
    }
    DIV.login #OrderTime {
      WIDTH: 82px;
    }
    DIV.login #SpecialInstructions {
      WIDTH: 100%;
    }
  #siteseal {
    FLOAT: left;
    WIDTH: 100%;
  }    
  
  /* Box Lunch */
  #CentralOrderingContainer #ItemContainer {
    HEIGHT: 425px;
  }
    #CentralOrderingContainer #ItemContainer #ItemCell {
      WIDTH: 100%;
      MIN-HEIGHT: 130px;
      MARGIN-TOP: 5px;
      CLEAR: both;
      POSITION: relative;
    }
      #CentralOrderingContainer #ItemContainer #ItemCell .ItemCell {
        HEIGHT: 138px;
        FLOAT: left;
        POSITION: relative;
        MARGIN-BOTTOM: 5px;
        MARGIN-RIGHT: 2px;
      }
      #CentralOrderingContainer #ItemContainer #ItemHeader {
        FONT-SIZE: 32px;
        FONT-WEIGHT: bold;
        COLOR: #00788A;
        BORDER-BOTTOM: 2px solid #00788A;
        MARGIN-TOP: 10px;
        MARGIN-BOTTOM: 10px;
        MARGIN-RIGHT: 10px;
        FLOAT: left;
        WIDTH: calc(100% - 10px);
      }
      #CentralOrderingContainer #ItemContainer #ItemImage {
        WIDTH: 340px;
        HEIGHT: 230px;
        FLOAT: left;
      }
        #CentralOrderingContainer #ItemContainer #ItemImage IMG {
          WIDTH: 330px;
          HEIGHT: 220px;
          BOX-SHADOW: 0 3px 6px rgba(0,0,0,0.3), inset 0 -3px 3px rgba(0,0,0,0.1);
        }
      #CentralOrderingContainer #ItemContainer #ItemDescriptionContainer {
        WIDTH: -webkit-calc(100% - 350px);
        WIDTH: -moz-calc(100% - 350px);
        WIDTH: calc(100% - 350px);
        FLOAT: right;
        HEIGHT: 229px;
        POSITION: relative;
      }
      #CentralOrderingContainer #ItemContainer  #ItemDescriptionContainer #ItemDescription{
        PADDING-TOP: 5px;
        MARGIN-LEFT: 10px;
        FONT-SIZE: 14px;
        LINE-HEIGHT: 20px;
      }
      #CentralOrderingContainer #ItemContainer #ItemDescriptionContainer #ItemServingSize {
        PADDING-TOP: 5px;
        MARGIN-LEFT: 10px;
        FONT-SIZE: 14px;
      }
        #CentralOrderingContainer #ItemContainer #ItemDescriptionContainer #ItemServingSize #ServingSizeDesc {
          LINE-HEIGHT: 20px;
        }
        #CentralOrderingContainer #ItemContainer #ItemDescriptionContainer #ItemServingSize #ServingSizeInput INPUT[type=number] {
          WIDTH: 40px;
        }
      #CentralOrderingContainer #ItemContainer #ItemDescriptionContainer #ItemHowPreparedCell {
        DISPLAY: none;
        PADDING-TOP: 5px;
        MARGIN-LEFT: 10px;
        FONT-SIZE: 14px;
      }
      #CentralOrderingContainer #ItemContainer #ItemDescriptionContainer #ItemSizeOptionCell {
        DISPLAY: none;
        PADDING-TOP: 5px;
        MARGIN-LEFT: 10px;
        FONT-SIZE: 14px;
      }
      #CentralOrderingContainer #ItemContainer #ItemDescriptionContainer #ItemOrderOptionCell {
        DISPLAY: none;
        MARGIN-LEFT: 10px;
        HEIGHT: 60px;
        POSITION: absolute;
        bottom: 20px;
      }
        #CentralOrderingContainer #ItemContainer #ItemDescriptionContainer #ItemOrderOptionCell #ItemDeliveryOptionCell {
          DISPLAY: none;
          FLOAT: left;
          WIDTH: 122px;
          HEIGHT: 83px;
          POSITION: relative
        }
        #CentralOrderingContainer #ItemContainer #ItemDescriptionContainer #ItemOrderOptionCell #ItemPickupOptionCell {
          DISPLAY: none;
          FLOAT: left;
          WIDTH: 67px;
          HEIGHT: 83px;
          POSITION: relative
        }
        #CentralOrderingContainer #ItemContainer #ItemDescriptionContainer  #ItemOrderOptionCell #ItemDineInOptionCell {
          DISPLAY: none;
          FLOAT: left;
          WIDTH: 102px;
          HEIGHT: 83px;
          POSITION: relative
        }
          #CentralOrderingContainer #ItemContainer #ItemDescriptionContainer  #ItemOrderOptionCell IMG {
            PADDING: 5px;
            HEIGHT: 72px;
          }
  #OrderTypeWarningMessage {
    DISPLAY: none;
    POSITION: absolute;
    Z-INDEX: 1000;
    WIDTH: 980px;
    PADDING: 5px;
    BACKGROUND-COLOR: #FFFFFF;
    BOX-SHADOW: 0 3px 6px rgba(0,0,0,0.3), inset 0 -3px 3px rgba(0,0,0,0.1);
    FONT-SIZE: 20px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
  }
    #OrderTypeWarningMessage DIV {
      WIDTH: 500px;
      MARGIN: 0 auto;
    }
  #ItemDetailContainer {
    
  }
    #ItemDetailContainer .header {
      COLOR: #000000;
      TEXT-TRANSFORM: uppercase;
      FONT-WEIGHT: bold;
      FONT-SIZE: 14px;
    }
    #ItemDetailContainer .IngredientCell {
      MAX-WIDTH: 225px;
      MARGIN-RIGHT: 15px;
      /* MIN-WIDTH: 215px; */
      DISPLAY: table;
      FLOAT: left;
    }
      #ItemDetailContainer .IngredientCell.borderRight {
        BORDER-RIGHT: 1px dashed #95A0A9;
      }
      .IngredientImage {
        MAX-WIDTH: 200px;
      }
      .ItemDetailTooltip {
        MAX-WIDTH: auto !important;
      }
        .ItemDetailTooltip IMG {
          MAX-WIDTH: 200px !important;
        }


  #MeatCell SELECT, #CheeseCell SELECT, #ToppingsCell SELECT, #SidesCell SELECT, #DessertCell SELECT,
  #SaladProteinCell SELECT, #PastaSaladCell SELECT, #ComplimentarySideCell SELECT {
    WIDTH: 70%;
    FONT-SIZE: 11px;
  }
  #BreadCell {
    /* WIDTH: 100%; */
    /* CLEAR: left; */
    OVERFLOW: auto;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
  }
    #BreadCell DIV.Bread {
      FLOAT: left;
      MARGIN-TOP: 0px;
      MARGIN-BOTTOM: 0px;
      MARGIN-LEFT: 0px;
      MARGIN-RIGHT: 5px;
      POSITION: relative;
      /* HEIGHT: 115px; */
      WIDTH: 100%;
    }
  #MeatCell {
    /* WIDTH: 100%; */
    /* CLEAR: left; */
    OVERFLOW: auto;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
  }
    #MeatCell DIV.Meat {
      FLOAT: left;
      MARGIN: 0px;
      POSITION: relative;
      /* HEIGHT: 135px; */
      MARGIN-RIGHT: 5px;
      WIDTH: 100%;
    }
  #SaladProteinCell {
    /* WIDTH: 100%; */
    /* CLEAR: left; */
    OVERFLOW: auto;
    /* BORDER-TOP: 1px solid #79B7E7; */
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
  }
    #SaladProteinCell DIV.SaladProtein {
      FLOAT: left;
      MARGIN: 0px;
      POSITION: relative;
      /* HEIGHT: 135px; */
      MARGIN-RIGHT: 5px;
      WIDTH: 100%;
    }
  #PastaSaladCell {
    /* WIDTH: 100%; */
    /* CLEAR: left; */
    OVERFLOW: auto;
    /* BORDER-TOP: 1px solid #79B7E7; */
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
  }
    #PastaSaladCell DIV.PastaSalad {
      FLOAT: left;
      MARGIN: 0px;
      POSITION: relative;
      /* HEIGHT: 135px; */
      MARGIN-RIGHT: 5px;
      WIDTH: 100%;
    }
  #CheeseCell {
    /* WIDTH: 100%; */
    /* CLEAR: left; */
    OVERFLOW: auto;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
  }
    #CheeseCell DIV.Cheese {
      FLOAT: left;
      MARGIN: 0px;
      POSITION: relative;
      /* HEIGHT: 120px; */
      MARGIN-RIGHT: 5px;
      MARGIN-BOTTOM: 5px;
      WIDTH: 100%;
    }
  #ToppingsCell {
    /* WIDTH: 100%; */
    /* CLEAR: left; */
    OVERFLOW: auto;
    /* BORDER-TOP: 1px solid #79B7E7; */
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
  }
    #ToppingsCell DIV.Toppings {
      FLOAT: left;
      MARGIN: 0px;
      POSITION: relative;
      /* HEIGHT: 120px; */
      MARGIN-RIGHT: 5px;
      MARGIN-BOTTOM: 5px;
      WIDTH: 100%;
    }
  #CondimentsCell {
    /* WIDTH: 100%; */
    /* CLEAR: left; */
    OVERFLOW: auto;
    /* BORDER-TOP: 1px solid #79B7E7; */
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
  }
    #CondimentsCell DIV.Condiments {
      FLOAT: left;
      MARGIN: 0px;
      POSITION: relative;
      MARGIN-RIGHT: 5px;
      WIDTH: 100%;
    }
  #SidesCell {
    WIDTH: 100%;
    CLEAR: left;
    OVERFLOW: auto;
    /* BORDER-BOTTOM: 1px dashed #00788A; */
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
  }
    #SidesCell DIV.Side {
      FLOAT: left;
      MARGIN: 0px;
      POSITION: relative;
      MARGIN-RIGHT: 5px;
    }
  #DessertCell {
    WIDTH: 100%;
    CLEAR: left;
    OVERFLOW: auto;
    /* BORDER-BOTTOM: 1px dashed #00788A; */
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
  }
    #DessertCell DIV.Dessert {
      FLOAT: left;
      MARGIN: 0px;
      POSITION: relative;
      MARGIN-RIGHT: 5px;
    }
  #ComplimentarySideCell {
    WIDTH: 100%;
    CLEAR: left;
    OVERFLOW: auto;
    /* BORDER-BOTTOM: 1px dashed #00788A; */
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
  }
    #ComplimentarySideCell DIV.ComplimentarySide {
      FLOAT: left;
      MARGIN: 0px;
      POSITION: relative;
      MARGIN-RIGHT: 5px;
      MARGIN-BOTTOM: 5px;
    }  
  #SeasoningCell {
    WIDTH: 100%;
    /* CLEAR: left; */
    OVERFLOW: auto;
    /* BORDER-BOTTOM: 1px solid #79B7E7; */
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
  }
    #SeasoningCell DIV.Seasoning {
      FLOAT: left;
      MARGIN: 0px;
      POSITION: relative;
      /* HEIGHT: 120px; */
      MARGIN-RIGHT: 5px;
      MARGIN-BOTTOM: 5px;
      WIDTH: 100%;
    }
  #BeverageCell {
    WIDTH: 100%;
    CLEAR: left;
    OVERFLOW: auto;
    /* BORDER-BOTTOM: 1px dashed #00788A; */
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
    /* MARGIN-RIGHT: 10px; */
  }
    #BeverageCell DIV.Beverage {
      /* FLOAT: left; */
      MARGIN-RIGHT: 0px;
      MARGIN-LEFT: 0px;
      MARGIN-TOP: 0px;
      MARGIN-BOTTOM: 0px;
      POSITION: relative;
      PADDING-TOP: 5px;
    }
    #BeverageCell LABEL {
      WIDTH: auto;
      VERTICAL-ALIGN: middle;
      FONT-SIZE: 12px;
    }
  #ExtrasCell {
    WIDTH: 100%;
    CLEAR: left;
    OVERFLOW: auto;
    /* BORDER-BOTTOM: 1px dashed #00788A; */
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
    /* MARGIN-RIGHT: 10px; */
  }
    #ExtrasCell .IngredientTypeCell {
      WIDTH: 45%;
      HEIGHT: auto;
      /* FLOAT: LEFT; */
      PADDING-RIGHT: 10px;
      PADDING-BOTTOM: 10px;
    }
    #ExtrasCell DIV.Extra {
      PADDING-BOTTOM: 5px;
      CLEAR: left; 
      POSITION: relative; 
      MIN-HEIGHT: 22px;
    }
      #ExtrasCell DIV.Extra .InputPillContainer {
        FLOAT: left; 
        POSITION: relative;
      }
      #ExtrasCell DIV.Extra .TextContainer {
        MARGIN-LEFT: 3px; 
        FLOAT: left; 
        WIDTH: calc(100% - 90px); 
        POSITION: relative;
      }
    #ExtrasCell .mainHeader {
      FONT-SIZE: 22px;
      COLOR: #00788A;
      BORDER-BOTTOM: 2px solid #00788A;
      MARGIN-BOTTOM: 5px;
      MARGIN-RIGHT: 10px;
    }
    /* #ExtrasCell SELECT:not(#ExtraSoupFlavor) {
      WIDTH: 100px;
    }
    #ExtrasCell .OptionCell {
      WIDTH: 255px;
      FLOAT: left;
    }
      #ExtrasCell .OptionCell:last-child {
        WIDTH: 98.5%;
      }
      #ExtrasCell .OptionCell:nth-last-child(2) {
        WIDTH: 255px;
      } */
      #ExtrasCell LABEL {
        WIDTH: auto;
        TEXT-ALIGN: left;
        VERTICAL-ALIGN: middle;
        FONT-SIZE: 12px
      }
  #ExtrasCell .LeftIngredient, #BeverageCell .LeftIngredient {
    FLOAT: left;
    WIDTH: 45%;
    PADDING-TOP: 5px;
  }
  #ExtrasCell .RightIngredient, #BeverageCell .RightIngredient {
    FLOAT: left;
    WIDTH: -webkit-calc(45% - 5px);
    WIDTH: -moz-calc(45% - 5px);
    WIDTH: calc(45% - 5px);
    TEXT-ALIGN: left;
    PADDING-TOP: 5px;
  }
  #InstructionsCell {
    WIDTH: 100%;
    CLEAR: left;
    OVERFLOW: auto;
    /* BORDER-BOTTOM: 1px dashed #00788A; */
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
  }
    #InstructionsCell #SpecialInstructionsCell{
      WIDTH: 95%;
      FLOAT: left;
      COLOR: #000000;
    }
      #InstructionsCell #SpecialInstructionsCell #SpecialInstructions{
        WIDTH: 100%;
        OVERFLOW: auto;
      }
    /* #InstructionsCell #PreparedForCell{
      WIDTH: 240px;
      FLOAT: left;
    }
      #InstructionsCell #PreparedForCell #PreparedFor{
        WIDTH: 225px;
        OVERFLOW: auto;
      } */
    /* #InstructionsCell #OrderQtyCell {
      WIDTH: 100px;
      FLOAT: left;
      MARGIN-TOP: 20px;
      TEXT-ALIGN: center;
    }
      #InstructionsCell #OrderQtyCell INPUT[type="number"]{
        WIDTH: 40px;
      }
    #InstructionsCell #OrderTotalCell{
      WIDTH: 400px;
      FLOAT: right;
      MARGIN-TOP: 20px;
    }
      #InstructionsCell #OrderTotalCell #TotalCell {
        FLOAT: left;
        MARGIN-LEFT: 20px;
        MARGIN-TOP: 18px;
      }
      #InstructionsCell #OrderTotalCell #ItemTotalCell {
        FLOAT: left;
        MARGIN-LEFT: 20px;
        TEXT-ALIGN: center;
      }
      #InstructionsCell #OrderTotalCell #ExtrasTotalCell {
        FLOAT: left;
        MARGIN-LEFT: 20px;
        TEXT-ALIGN: center;
      } */
      /* #InstructionsCell #OrderTotalCell #GrandTotalCell {
        FLOAT: left;
        MARGIN-LEFT: 20px;
        TEXT-ALIGN: center;
      } */
  /* #CentralOrderingContainer #ButtonCell {
    PADDING-TOP: 10px;
    TEXT-ALIGN: center;
    WIDTH: 980px;
  } */

  
  /* Dash Category Page */
  #CategoryContainer {
    WIDTH: 100%;
    HEIGHT: 100%;
  }
    #CategoryContainer #NarrowContainer {
      /* MIN-HEIGHT: 100vh; */
      HEIGHT: 100%;
      WIDTH: 210px;
      FLOAT: left;
      OVERFLOW: hidden;
      BORDER-BOTTOM: 1px solid #DDDDDD;
      PADDING-BOTTOM: 50px;
    }
      #CategoryContainer #NarrowContainer UL {
        MARGIN: 0px;
        PADDING-TOP: 0px;
        PADDING-BOTTOM: 0px;
        PADDING-LEFT: 0px;
        PADDING-RIGHT: 0px;
      }
        #CategoryContainer #NarrowContainer UL LI {
          LIST-STYLE: none;
          PADDING-LEFT: 0px;
          FONT-SIZE: 12px;
          PADDING-BOTTOM: 3px;
        }
          #CategoryContainer #NarrowContainer .NarrowTitle {
            PADDING-LEFT: 0px;
            FONT-WEIGHT: bold;
            FONT-SIZE: 16px;
            PADDING-TOP: 10px;
          }
          #CategoryContainer #NarrowContainer UL LI.dept {
            FONT-WEIGHT: bold;
            PADDING-TOP: 3px;
            PADDING-LEFT: 10px;
          }
          #CategoryContainer #NarrowContainer UL LI.indent {
            PADDING-LEFT: 10px;
          }
          #CategoryContainer #NarrowContainer UL LI.indent2 {
            PADDING-LEFT: 20px;
          }
          #CategoryContainer #NarrowContainer UL LI.indent3 {
            PADDING-LEFT: 30px;
          }
          #CategoryContainer #NarrowContainer UL LI.indent4 {
            PADDING-LEFT: 40px;
          }
          #CategoryContainer #NarrowContainer UL LI A {
            COLOR: #000000;
          }
            #CategoryContainer #NarrowContainer A.clearLink {
              COLOR: #000000;
              FONT-WEIGHT: normal;
            }
      #CategoryContainer #NarrowContainer #ResultDetails {
        FONT-SIZE: 14px;
        PADDING-BOTTOM: 10px;
      }
        #CategoryContainer #NarrowContainer #ResultDetails #RefineResults {
          DISPLAY: none;
        }
      #CategoryContainer #NarrowContainer #KeywordCell SELECT {
        WIDTH: 72%;
      }
      #CategoryContainer #NarrowContainer #KeywordCell INPUT {
        WIDTH: 70%;
        MARGIN-RIGHT: 5px;
      }
      #CategoryContainer #NarrowContainer #KeywordCell BUTTON SPAN {
        FONT-SIZE: 13px;
        PADDING: 0.2em 0.5em;
      }
      #CategoryContainer #NarrowContainer #KeywordCell #KeywordClear {
        PADDING-LEFT: 5px;
        PADDING-BOTTOM: 5px;
        PADDING-TOP: 3px;
        FONT-SIZE: 12px;
      }
      #CategoryContainer #NarrowContainer #BrandCell {
        DISPLAY: block;
      }
        #CategoryContainer #NarrowContainer #BrandCell UL {
          MAX-HEIGHT: 303px;
          OVERFLOW: hidden;
        }
      #CategoryContainer #NarrowContainer #NarrowOptions {
        DISPLAY: block;
      }
      #CategoryContainer #NarrowContainer #CategoryCell {
        DISPLAY: block;
      }
        #CategoryContainer #NarrowContainer #CategoryCell UL {
          MAX-HEIGHT: 300px;
          OVERFLOW: hidden;
        }
          #CategoryContainer #NarrowContainer UL.ShowAll {
            MAX-HEIGHT: 400px !important;
            OVERFLOW-Y: auto !important;
            BORDER: 1px solid #DDDDDD;
          }
          #CategoryContainer #NarrowContainer UL LI.hideCell {
            DISPLAY: none;
          }
          #CategoryContainer #NarrowContainer UL LI.showCell {
            DISPLAY: block;
          }
      #CategoryContainer #NarrowContainer .ShowMoreLess {
        FONT-SIZE: 14px;
        PADDING-LEFT: 5px;
        CURSOR: pointer;
        WIDTH: 100px;
      }
    #CategoryContainer #ItemContainer {
      WIDTH: -webkit-calc(100% - 225px);
      WIDTH: -moz-calc(100% - 225px);
      WIDTH: calc(100% - 225px);
      FLOAT: right;
      BORDER-LEFT: 1px solid #DDDDDD;
      PADDING-LEFT: 10px;
    }
      #CategoryContainer #ItemContainer .ItemCell {
        /* WIDTH: 236px; */
        WIDTH: 24%;
        MIN-WIDTH: 236px;
        HEIGHT: 300px;
        FLOAT: left;
        PADDING-TOP: 20px;
        PADDING-BOTTOM: 70px;
        PADDING-LEFT: 1%;
        POSITION: relative;
        BORDER-BOTTOM: 1px solid #DDDDDD;
      }
        #CategoryContainer #ItemContainer .ItemCell:nth-child(1n+5) {
          /* BORDER-TOP: 1px solid #DDDDDD; */
        }
        #CategoryContainer #ItemContainer .ItemCell .ItemImageCell {
          TEXT-ALIGN: center;
          WIDTH: 180px;
          HEIGHT: 200px;
          /* MARGIN: auto;  */
          DISPLAY: block;
        }
          #CategoryContainer #ItemContainer .ItemCell .ItemImageCell .ItemImage{
            MAX-WIDTH: 180px;
            MAX-HEIGHT: 180px;
          }
          #CategoryContainer #ItemContainer .ItemCell .ItemImageCell .ItemBadgeCell{
            POSITION: absolute;
            TOP: 15px;
            RIGHT: 10px;
          }
            #CategoryContainer #ItemContainer .ItemCell .ItemImageCell .ItemBadgeCell .ItemBadge{
              MAX-WIDTH: 60px;
            }
        #CategoryContainer #ItemContainer .ItemCell .ItemDescriptionCell {
          FONT-WEIGHT: bold;
          FONT-SIZE: 14px;
        }
        #CategoryContainer #ItemContainer .ItemCell .ItemBrandCell {
          FONT-SIZE: 12px;
        }
        #CategoryContainer #ItemContainer .ItemCell .ItemPriceCell {
          FONT-SIZE: 15px;
          MARGIN-TOP: 4px;
          MARGIN-BOTTOM: 2px;
        }
        #CategoryContainer #ItemContainer .ItemCell .ItemLink {
          COLOR: #000000;
        }
        #CategoryContainer #ItemContainer .ItemCell .ItemButtonCell {
          MAX-WIDTH: 270px;
          MARGIN-TOP: 5px;
        }
          #CategoryContainer #ItemContainer .ItemCell .ItemButtonCell .QtyButtons {
            FLOAT: left;
          }
          #CategoryContainer #ItemContainer .ItemCell .ItemButtonCell .ItemConversionContainer {
            /* HEIGHT: 55px; */
          }
            #CategoryContainer #ItemContainer .ItemCell .ItemButtonCell .ItemConversionContainer .InputButtonContainer {
              FLOAT: left;
            }
            #CategoryContainer #ItemContainer .ItemCell .ItemButtonCell .ItemConversionContainer .InputPillContainer {
              FLOAT: left;
            }
            #CategoryContainer #ItemContainer .ItemCell .ItemButtonCell .ItemConversionContainer .EachQty {
              FLOAT: left;
              HEIGHT: 25px;
            }
            #CategoryContainer #ItemContainer .ItemCell .ItemButtonCell .ItemConversionContainer .ResultText {
              PADDING-LEFT: 3px;
              FLOAT: left;
              HEIGHT: 25px;
            }
          #CategoryContainer #ItemContainer .ItemCell .ItemButtonCell .RandomWeight {
            FLOAT: left;
            MARGIN-TOP: 3px;
            MARGIN-LEFT: 3px;
          }
          #CategoryContainer #ItemContainer .ItemCell .ItemButtonCell .ItemAddToCart {
            FLOAT: left;
            CLEAR: left;
            MARGIN-TOP: 7px;
          }
          #CategoryContainer #ItemContainer .ItemCell .ItemButtonCell .AddToShoppingList {
            FLOAT: left;
            CLEAR: left;
            MARGIN-TOP: 4px;
          }
            #CategoryContainer #ItemContainer .ItemCell .ItemButtonCell .ItemAddToCart SPAN {
              FONT-SIZE: 13px;
              PADDING: 0.2em 0.5em;
            }
          #CategoryContainer #ItemContainer .ItemCell .ItemButtonCell .ItemBuild,
          #CategoryContainer #ItemContainer .ItemCell .ItemButtonCell .CakeBuild          {
            /* FLOAT: right; */
          }
            #CategoryContainer #ItemContainer .ItemCell .ItemButtonCell .ItemBuild SPAN,
            #CategoryContainer #ItemContainer .ItemCell .ItemButtonCell .CakeBuild SPAN {
              FONT-SIZE: 13px;
              PADDING: 0.2em 0.5em;
            }
          #CategoryContainer #ItemContainer .ItemCell .ItemButtonCell .ItemSeeMore {
            FLOAT: right;
          }
            #CategoryContainer #ItemContainer .ItemCell  .ItemButtonCell .ItemSeeMore SPAN:not([id^='Group_']) {
              FONT-SIZE: 13px;
              PADDING: 0.2em 0.5em;
            }
          #CategoryContainer #ItemContainer .ItemCell  .ItemButtonCell .OutOfStock {
            COLOR: #ED1849;
          }
    #CategoryContainer #PageNumberCell {
      WIDTH: -webkit-calc(100% - 210px);
      WIDTH: -moz-calc(100% - 210px);
      WIDTH: calc(100% - 210px);
      FLOAT: right;
      MARGIN-TOP: 10px;
    }
      #CategoryContainer #PageNumberCell #PageNumberContainer {
        POSITION: relative;
        HEIGHT: 30px;
        MARGIN: 0 auto;
        DISPLAY: table;
      }
        #CategoryContainer #PageNumberCell #PageNumberContainer #PrevPage,
        #CategoryContainer #PageNumberCell #PageNumberContainer  #NextPage {
          FLOAT: left;
          HEIGHT: 32px;
        }
        #CategoryContainer #PageNumberCell #PageNumberContainer #PrevPage A,
        #CategoryContainer #PageNumberCell #PageNumberContainer  #NextPage A {
          VERTICAL-ALIGN: middle;
          VERTICAL-ALIGN: -webkit-baseline-middle;
          FONT-SIZE: 18px;
          FONT-WEIGHT: bold;
          MARGIN-LEFT: 5px;
          MARGIN-RIGHT: 10px;
        }
      #CategoryContainer #PageNumberCell .PageNumber {
        MIN-WIDTH: 20px;
        TEXT-ALIGN: center;
        CLEAR: none;
        FLOAT: left;
        BORDER: 1px solid #DDDDDD;
        PADDING: 5px;
        MARGIN-RIGHT: 5px;
        MARGIN-BOTTOM: 5px;
        CURSOR: pointer;
        POSITION: relative;
      }
      #CategoryContainer #PageNumberCell .PageElipsis {
        MIN-WIDTH: 20px;
        TEXT-ALIGN: center;
        CLEAR: none;
        FLOAT: left;
        MARGIN-RIGHT: 5px;
        MARGIN-BOTTOM: 5px;
        POSITION: relative;
        HEIGHT: 32px;
        FONT-SIZE: 20px;
        VERTICAL-ALIGN: bottom;
        MARGIN-TOP: 3px;
      }
      #CategoryContainer #PageNumberCell .selectedPage {
        BACKGROUND-COLOR: #DDDDDD;
        CURSOR: default;
      }
  #SortByCell {
    FLOAT: right;
    COLOR: #000000;
    FONT-SIZE: 14px;
    MARGIN-TOP: 8px;
    HEIGHT: 100%;
  }
  #ResultsPerPageCell {
    FLOAT: right;
    COLOR: #000000;
    FONT-SIZE: 14px;
    MARGIN-TOP: 8px;
    HEIGHT: 100%;
    PADDING-RIGHT: 20px;
  }
  #AddDashItemDialog #ShoppingListContainer {
    PADDING-BOTTOM: 10px;
    MARGIN-BOTTOM: 10px;
    FONT-SIZE: 14px;
    BORDER-BOTTOM: 1px solid #DDDDDD;
    MAX-HEIGHT: 200px;
    OVERFLOW-Y: auto;
    OVERFLOW-X: hidden;
  }
    #AddDashItemDialog #ShoppingListContainer .ShoppingListCell {
      WIDTH: calc(100% - 20px);
      FLOAT: left;
      PADDING: 3px;
    }
      #AddDashItemDialog #ShoppingListContainer .ShoppingListCell .Name {
        FLOAT: left;
      }
        #AddDashItemDialog #ShoppingListContainer .ShoppingListCell .Name .ListMessage {
          DISPLAY: none;
          FONT-SIZE: 12px;
        }
      #AddDashItemDialog #ShoppingListContainer .ShoppingListCell .Button {
        FLOAT: right;
      }
      #AddDashItemDialog #ShoppingListContainer .ShoppingListCell.selected {
        BACKGROUND-COLOR: #EDEDED;
        BORDER-RADIUS: 5px;
      }

  /* Dash Item page */
  #ShoppingListDialogue {
    DISPLAY: none;
  }
    #ShoppingListDialogue .ShoppingList {
      WIDTH: 100%;
      MARGIN-BOTTOM: 10px;
    }
      #ShoppingListDialogue .ShoppingList:after {
        CLEAR: both;
        DISPLAY: block;
        CONTENT: " ";
        HEIGHT: 0;
      }
      #ShoppingListDialogue .ShoppingList .Name {
        FLOAT: left;
        FONT-SIZE: 14px;
      }
      #ShoppingListDialogue .ShoppingList .Button {
        FLOAT: right;
        MARGIN-TOP: -3px;
      }
  #DashItemContainer {
    WIDTH: 100%;
    MARGIN-TOP: 20px;
  }
    #DashItemContainer #ItemHeader {
      WIDTH: 100%;
      COLOR: #00788A;
      /* BORDER-BOTTOM: 2px solid #00788A; */
      /* MARGIN-BOTTOM: 5px; */
      MARGIN-RIGHT: 10px;
      FONT-SIZE: 30px;
      FONT-WEIGHT: bold;
    }
    #DashItemContainer #ItemBrand {
      FONT-SIZE: 14px;
      MARGIN-BOTTOM: 10px;
      COLOR: #5C6F7C;
    }
      #DashItemContainer #ItemBrand A {
        COLOR: #5C6F7C;
      }
    #DashItemContainer #ItemImageCell {
      MAX-WIDTH: 400px;
      WIDTH: 30%;
      MARGIN-RIGHT: 30px;
      FLOAT: left;
      POSITION: relative;
      TEXT-ALIGN: center;
      MARGIN-TOP: 5px;
    }
      #DashItemContainer #ItemImageCell IMG {
        MAX-WIDTH: 100%;
        MAX-HEIGHT: 400px;
        MARGIN-LEFT: auto;
        MARGIN-RIGHT: auto;
      }
      #DashItemContainer #ItemImageCell #ItemBadgeCell{
        POSITION: absolute;
        TOP: 15px;
        RIGHT: 0px;
      }
        #DashItemContainer #ItemImageCell #ItemBadgeCell #ItemBadge{
          MAX-WIDTH: 100px;
        }
    #DashItemContainer #ItemDetails {
      /* WIDTH: -webkit-calc(100% - 420px);
      WIDTH: -moz-calc(100% - 420px);
      WIDTH: calc(100% - 420px); */
      WIDTH: 65%;
      FLOAT: left;
    }
    #DashItemContainer #ItemDetails #ItemDescription {
      WIDTH: 100%;
      FLOAT: left;
      PADDING-TOP: 20px;
      PADDING-BOTTOM: 5px;
      LINE-HEIGHT: 130%;
    }
    #DashItemContainer #ItemDetails #ItemUPC {
      FONT-SIZE: 12px;
      PADDING-BOTTOM: 20px;
    }
    #DashItemContainer #ItemDetails #ItemButtons {
      WIDTH: 230px;
      PADDING-TOP: 20px;
      FLOAT: left;
    }
      #DashItemContainer #ItemDetails #QtyCell {
        FLOAT: left;
        PADDING-RIGHT: 10px;
        MARGIN-TOP: 10px;
        WIDTH: 145px;
        VERTICAL-ALIGN: middle;
      }
        #DashItemContainer #ItemDetails #QtyCell #QtyButtons {
          FLOAT: left;
        }
        #DashItemContainer #ItemDetails #QtyCell #RandomWeight {
          FLOAT: left;
          WIDTH: 50px;
          MARGIN-TOP: 2px;
          MARGIN-LEFT: 5px;          
        }
      #DashItemContainer #ItemDetails #ItemButtons #ServingSizeInput {
        FLOAT: left;
        PADDING-RIGHT: 10px;
        PADDING-TOP: 10px;
      }
      #DashItemContainer #ItemDetails #ItemButtons #ButtonCell {
        FLOAT: left;
        WIDTH: 225px;
      }
        #DashItemContainer #ItemDetails #ItemButtons #ButtonCell #AddToShoppingList {
          MARGIN-TOP: 5px;
        }
      #DashItemContainer #ItemDetails #ItemButtons #ButtonCell .OutOfStock {
        COLOR: #ED1849;
      }
    #DashItemContainer #ItemDetails #ItemFlavorOptionCell {
      MARGIN-BOTTOM: 10px;
      FONT-WEIGHT: bold;
    }
    #DashItemContainer #ItemDetails #ItemHowPreparedCell {
      MARGIN-BOTTOM: 10px;
      FONT-WEIGHT: bold;
    }
    #DashItemContainer #ItemDetails #ItemSizeOptionCell {
      MARGIN-BOTTOM: 10px;
      FONT-WEIGHT: bold;
    }
    #DashItemContainer #ItemDetails #ItemAllowSubstitutions {
      MARGIN-BOTTOM: 10px;
    }
    #DashItemContainer #ItemDetails #ItemSpecialInstructions {
      WIDTH: 100%;
      CLEAR: left;
      PADDING-TOP: 10px;
      MARGIN-BOTTOM: 3px;
    }
      #DashItemContainer #ItemDetails #ItemSpecialInstructions TEXTAREA {
        MAX-WIDTH: 400px;
        MIN-WIDTH: 200px;
        WIDTH: 100%;
        HEIGHT: 50px;
      }
    #DashItemContainer #ItemDetails #ItemPrice {
      FONT-SIZE: 30px;
      MARGIN-TOP: 20px;
    }
    #DashItemContainer #ItemDetails #ItemConversionContainer {
      WIDTH: 100%;
      MARGIN-TOP: 20px;
    }
        #DashItemContainer #ItemDetails #ItemConversionContainer #ItemConversionText {
          MARGIN-BOTTOM: 7px;
        }
        #DashItemContainer #ItemDetails #ItemConversionContainer #EachQty .InputPillContainer {
          PADDING-RIGHT: 5px;
          FLOAT: left;
        }
        #DashItemContainer #ItemDetails #ItemConversionContainer #ResultText {
          MARGIN-TOP: 3px;
          MARGIN-LEFT: 3px;
          FLOAT: left;
          MARGIN-RIGHT: 3px;
        }
          #DashItemContainer #ItemDetails #ItemConversionContainer #QtyButtons {
            FLOAT: left;
          }
          #DashItemContainer #ItemDetails #ItemConversionContainer #RandomWeight {
            MARGIN-TOP: 3px;
            MARGIN-LEFT: 3px;
            FLOAT: left;
          }
    #DashItemContainer #ItemDetails #ItemOrderOptionCell {
      HEIGHT: 60px;
      FLOAT: left;
      MARGIN-TOP: 15px;
    }
      #DashItemContainer #ItemDetails #ItemOrderOptionCell #ItemDeliveryOptionCell {
        DISPLAY: none;
        FLOAT: left;
        WIDTH: 112px;
        HEIGHT: 83px;
        POSITION: relative
      }
      #DashItemContainer #ItemDetails #ItemOrderOptionCell #ItemPickupOptionCell {
        DISPLAY: none;
        FLOAT: left;
        WIDTH: 67px;
        HEIGHT: 83px;
        POSITION: relative
      }
      #DashItemContainer #ItemDetails  #ItemOrderOptionCell #ItemDineInOptionCell {
        DISPLAY: none;
        FLOAT: left;
        WIDTH: 102px;
        HEIGHT: 83px;
        POSITION: relative
      }
      #DashItemContainer #ItemDetails  #ItemOrderOptionCell #ItemDashOptionCell {
        DISPLAY: none;
        FLOAT: left;
        /* WIDTH: 102px; */
        WIDTH: 67px;
        HEIGHT: 83px;
        POSITION: relative
      }
        #DashItemContainer #ItemDetails  #ItemOrderOptionCell IMG {
          PADDING: 5px;
          HEIGHT: 60px;
        }
    #DashItemContainer #ItemDetails  #RandomWeightDisclaimer {
      WIDTH: 70%;
      CLEAR: left;
      PADDING-TOP: 10px;
      FONT-SIZE: 12px;
    }
    #DashItemContainer #ItemDetails #ItemCurrentShoppingLists {
      MARGIN-BOTTOM: 20px;
      MAX-WIDTH: 400px;
      BORDER-BOTTOM: 1px solid #DDDDDD;
      BORDER-TOP: 1px solid #DDDDDD;
      PADDING: 10px;
    }
      #DashItemContainer #ItemDetails #ItemCurrentShoppingLists .CurrentShoppingLists {
        FLOAT: left;
        WIDTH: 80%;
        PADDING-TOP: 5px;
      }
        #DashItemContainer #ItemDetails #ItemCurrentShoppingLists .CurrentShoppingLists .Name {
          FLOAT: left;
        }
        #DashItemContainer #ItemDetails #ItemCurrentShoppingLists .CurrentShoppingLists .Button {
          FLOAT: right;
        }
    #DashItemContainer #ItemDetails #ItemShoppingListLink {
      FLOAT: left;
      WIDTH: 100%;
      MARGIN-TOP: 20px;
    }
    #DashItemContainer #ItemDetails #ItemShopDLMURL {
      FLOAT: left;
      MARGIN-TOP: 40px;
      PADDING: 15px;
      BORDER: 1px solid #DDDDDD;
    }
  #SimilarItemsContainer {
    WIDTH: 100%;
    PADDING-TOP: 20px;
  }
    #SimilarItemsContainer .header {
      BORDER-BOTTOM: 2px solid #00788A;
      COLOR: #00788a;
      FONT-WEIGHT: bold;
      FONT-SIZE: 20px;
    }
    #SimilarItemsContainer #ItemContainer {
      WIDTH: 100%;
      MARGIN-LEFT: auto;
      MARGIN-RIGHT: auto;
    }
      #SimilarItemsContainer #ItemContainer .ItemCell {
        WIDTH: 23.25%;
        MIN-WIDTH: 230px;
        HEIGHT: 250px;
        FLOAT: left;
        PADDING-TOP: 20px;
        PADDING-BOTTOM: 20px;
        PADDING-LEFT: 2%;
        POSITION: relative;
      }
        #SimilarItemsContainer #ItemContainer > :first-child{
          PADDING-LEFT: 0px;
        }
        #SimilarItemsContainer #ItemContainer .ItemCell .ItemImageCell {
          TEXT-ALIGN: center;
          WIDTH: 200px;
          HEIGHT: 200px;
          MARGIN: auto; 
          DISPLAY: block;
        }
          #SimilarItemsContainer #ItemContainer .ItemCell .ItemImageCell .ItemImage{
            MAX-WIDTH: 180px;
            MAX-HEIGHT: 180px;
          }
          #SimilarItemsContainer #ItemContainer .ItemCell .ItemImageCell .ItemBadgeCell{
            POSITION: absolute;
            TOP: 15px;
            RIGHT: 0px;
          }
            #SimilarItemsContainer #ItemContainer .ItemCell .ItemImageCell .ItemBadgeCell .ItemBadge{
              MAX-WIDTH: 50px;
            }
        #SimilarItemsContainer #ItemContainer .ItemCell .ItemDescriptionCell {
          FONT-WEIGHT: bold;
          FONT-SIZE: 14px;
        }
        #SimilarItemsContainer #ItemContainer .ItemCell .ItemBrandCell {
          FONT-SIZE: 12px;
        }
        #SimilarItemsContainer #ItemContainer .ItemCell .ItemPriceCell {
          FONT-SIZE: 15px;
          MARGIN-TOP: 2px;
          MARGIN-BOTTOM: 2px;
        }
        #SimilarItemsContainer #ItemContainer .ItemCell .ItemLink {
          COLOR: #000000;
        }
        #SimilarItemsContainer #ItemContainer .ItemCell .ItemButtonCell {
          /* MAX-WIDTH: 270px; */
        }
          #SimilarItemsContainer #ItemContainer .ItemCell .ItemButtonCell .QtyButtons {
            FLOAT: left;
          }
          #SimilarItemsContainer #ItemContainer .ItemCell .ItemButtonCell .RandomWeight {
            FLOAT: left;
            MARGIN-TOP: 3px;
            MARGIN-LEFT: 3px;
          }
          #SimilarItemsContainer #ItemContainer .ItemCell .ItemButtonCell .ItemAddToCart {
            FLOAT: right;
          }
            #SimilarItemsContainer #ItemContainer .ItemCell .ItemAddToCart SPAN {
              FONT-SIZE: 13px;
              PADDING: 0.2em 0.5em;
            }
          #SimilarItemsContainer #ItemContainer .ItemCell .ItemButtonCell .ItemSeeMore {
            FLOAT: right;
          }
            #SimilarItemsContainer #ItemContainer .ItemCell .ItemSeeMore SPAN:not([id^='Group_']) {
              FONT-SIZE: 13px;
              PADDING: 0.2em 0.5em;
            }
          #SimilarItemsContainer #ItemContainer .ItemCell .ItemButtonCell .OutOfStock {
            COLOR: #ED1849;
          }

  /* main Online Ordering page */
  .OnlineOrderingCell {
    WIDTH: 31%;
    FLOAT: left;
    MARGIN-TOP: 10px;
    POSITION: relative;
    /* TEXT-ALIGN: CENTER; */
    /* BORDER: 1px solid #DDDDDD; */
  }
    .OnlineOrderingCell:not(:last-child) {
      PADDING-RIGHT: 3%;
    }
    .OnlineOrderingCell .CellImage {
      WIDTH: 100%;
      HEIGHT: 215px;
      MARGIN-LEFT: auto;
      MARGIN-RIGHT: auto;
    }
      .OnlineOrderingCell .CellImage IMG {
        MAX-WIDTH: 100%;
        MAX-HEIGHT: 215px;
        MARGIN-LEFT: auto;
        MARGIN-RIGHT: auto;
      }
    .OnlineOrderingCell .CellTitle {
      FONT-SIZE: 22px;
      FONT-WEIGHT: bold;
      COLOR: #00788A;
    }
    .OnlineOrderingCell .CellDescription {
      TEXT-ALIGN: left;
      FONT-SIZE: 14px;
    }
    .OnlineOrderingCell .CellLink {
      PADDING-TOP: 10px;
    }
	
/*	SITE:DorothyLane.com/cooking/recipes/*	*/
	.SiteCategory.recipelist{
		DISPLAY: inline-block;
		WIDTH: 100%;
		MARGIN-BOTTOM: 15px;
		MARGIN-TOP: 15px;
		BORDER-BOTTOM: solid 1px #DDDDDD;
	}
	
	.SiteCategory.categories_list{
		MARGIN-TOP: 0px;
		WIDTH: 100%;
	}
	
	/*.SiteCategory*/
	@media only screen and (min-width: 600px) and (max-width: 767px){
		.col-xs-12.col-sm-4{
			width: 50%;
		}
	}
	
	.SiteRecipe.categories_list{
		MARGIN-TOP: -14px;
	}
	
	.SiteRecipe.header{
		BORDER: 2px solid black;
		PADDING-TOP: .5em;
		MARGIN-BOTTOM: .5em;
	}
	
	#RecipeImage.SiteRecipe{
		DISPLAY: inline-block;
		MAX-WIDTH: 40%;
		FLOAT: none;
		MARGIN-RIGHT: 1em;
	}
	
	.SiteRecipe.description{
		DISPLAY: inline-block;
		MAX-WIDTH: 60%;
		VERTICAL-ALIGN: 400%;
	}
	
	.SiteRecipe.description p{
		FONT-SIZE: 0.75em;
		WIDTH: 70%;
	}
	
	td.SiteRecipe{
		padding: 5px 0;
	}
	
	dl.SiteRecipe{
		DISPLAY: inline-block;
		VERTICAL-ALIGN: top;
		LIST-STYLE-TYPE: none;
		WIDTH: 31%;
		PADDING-LEFT: 1.25em;
		MARGIN-TOP: 0;
		MARGIN: 0 auto;
	}
	
	dl.SiteRecipe dd,
	dl.SiteRecipe dt{
		LIST-STYLE: none;
		MARGIN-BOTTOM: 1em;
	}
	
	dl.SiteRecipe dd{
		COUNTER-INCREMENT: step-counter;
		MARGIN-LEFT: 0;
	}
	
	dl.SiteRecipe dd:before{
		CONTENT: counter(step-counter);
		padding: 2px 8px;
		margin-right: .5em;
		border-radius: 25px;
		border: 1px solid #201747;
		background-color: #201747;
		line-height: 22px;
		font-size: 1.2em;
		color: white;
		text-align: center;
	}
	
	dl .SiteRecipe.divider{
		padding: 0 2%;
		margin-left: 1.6em;
		border-bottom: 1px solid black;
		font-weight: bold;
		font-size: 1.25em;
		
	}
	
	ul.SiteRecipe img{
		width: 1em;
		height: 1em;
	}
	
	caption.SiteRecipe{
		text-align: left;
		font-size: 1.25em;
		font-weight: bold;
	}
	
	@media only screen and (min-width: 600px) and (max-width: 1024px) {
		dl.SiteRecipe{
			MAX-WIDTH: none;
			WIDTH: 45%;
			PADDING: 0;
			MARGIN-LEFT: 4%;
		}
	}