/* Default Store Styles
================================================
This is the default stylesheet for the store related elements. */


/* ## General Store Styles ## */
.imgLabel {background-repeat:no-repeat; background-position:0 0; text-indent:-9999em;}
.sale {color:#ea0000; font-weight:bold;}
.regular {color:#000; font-weight:bold;}


/* ## Header Links cart addition ## */
.headerLinks a.cartLink, 
.headerLinks a.cartLink:link, 
.headerLinks a.cartLink:visited,
.headerLinks a.cartLink:hover {
  margin-left: 5px;
  display: inline-block;
  background: #6b87b7;
  color: #fff;
  padding: 12px 14px;
  border-radius: 40px;
  position: relative;
  text-decoration: none;
}

.headerLinks .spanCartTotal {
  display: inline-block;
  background: #E3383E;
  padding: 2px 8px;
  position: absolute;
  top: -8px;
  border-radius: 40px;
  right: -12px;
  border: 2px solid #F4ECDE;
}

.headerLinks a:before,
ul.socialFollow li a:before,
.btnWishlist .btn:before,
.dropCartHeader:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size:1.2em;
}
.headerLinks a.cartLink:before {
    content: "\e60a";
}

/* ##block modules used for "grid" of layout ## */
/* LEGACY CODE TO BE REMOVED */
.block175, .block320, .block323, .block432, .block438, .block502, .block630, .block765 {float:left; display:inline;}
.block175 {width:175px;}
.block320 {width:320px;}
.block323 {width:323px;}
.block432 {width:432px;}
.block438 {width:438px;}
.block502 {width:502px;}
.block630 {width:630px;}
.block765 {width:765px;}

.marginB10  { margin-bottom:10px; }
.marginR5   { margin-right:5px; }
.marginR10  { margin-right:10px; }

.pad10  {padding:10px;}
.padS10 {padding-left:10px; padding-right:10px;}
.padL10 {padding-left:10px;}
.padT5  {padding-top:5px;}
.padT10 {padding-top:10px;}
.padB5  {padding-bottom:5px;}



/* ## Shop By  Menu Theme ## */

.shopBy {position:relative; height:30px; padding:0 10px 0 21px; margin-bottom:4px; z-index:110;}
.shopBy .imgLabel {float:left;}

.shopBy .sf-menu {float:left;}
.shopBy .sf-menu a,
.shopBy .sf-menu a:link,
.shopBy .sf-menu a:visited {height:30px; color:#13a; text-decoration:none; text-indent:-9999em;}

.shopBy .sf-menu li {}
.shopBy .sf-menu li ul {background-color:#fff; border:1px solid #c7c7c7;}
.shopBy .sf-menu li li {background-color:#fff;}
.shopBy .sf-menu li li li {}

.shopBy .sf-menu li li a,
.shopBy .sf-menu li li a:link,
.shopBy .sf-menu li li a:visited {height:auto; padding:5px 10px; text-indent:0; background:url(/cms/images/layout/arrow_right_blue.gif) no-repeat 2px -999px;}  
.shopBy .sf-menu li.sfHover a {background-position:0 -30px;}
.shopBy .sf-menu li li a:hover,
.shopBy .sf-menu li li a:active {background-position:3px 8px;}

.shopBy .sf-menu li:hover,
.shopBy .sf-menu li.sfHover,
.shopBy .sf-menu a:focus,
.shopBy .sf-menu a:hover,
.shopBy .sf-menu a:active {outline:0;}


/* Site Defaults */

.hdng {margin:0 0 7px 0; padding:0; font-size:1.6em; font-weight:normal; background:none; border:0;}
.hdng2 {margin:0; padding:0; font-size:1.2em; font-weight:bold; background:none;}
.hdng3 {margin:0 0 5px 0; font-size:1.8em; font-weight:normal; }
.imghdng {margin:5px 0; background-position:0 0; background-repeat:no-repeat; text-indent:-9999em;}
.hdngbox {margin:0; padding:3px 10px; font-size:16px; font-weight:bold; color:#fff; background-color:#999;}


/* ## Store Buttons ## */
.btnAddToCart {margin-bottom:15px;}
.btnAddToCart .btn{}

.btnWishlist {}
.btnWishlist .btn {text-align: left; }
.btnWishlist .btn:before {content: "\e60b"; font-size:1.5em; margin:0 10px;}
.btnWishlist:hover, .btnWishlist .btn:hover {color: #df3843; border-color:#df3843;}

.btnContinueShopping {background-color:#005e8f;}
.btnContinueShopping .btn{width:172px; padding:3px 2px; font-size:16px; font-weight:normal; color:#fff; background-color:#407abc; border:1px solid #97b3cd; text-align:center; text-decoration:none; cursor:pointer;}

.hline {width:100%; margin:20px 0; border-bottom:1px solid #D2D2D2;}

/* ## text field styles ## */

input.text, textarea.text {padding:6px 4px; border:1px solid #969696; border-right:1px solid #efefef; border-bottom:1px solid #efefef;}
.blur {color:#ccc;}
select {padding:1px; border:1px solid #969696; border-right:1px solid #efefef; border-bottom:1px solid #efefef;}
  

/* interior styles */
.mainTop {background:#ffefd7;}
.mainTop .wrapper {border-bottom: 10px solid #ffcf7b;}
.mainTop .wrapper-red {border-color:#D23A1B;}
.mainTop .wrapper-blue {border-color:#5BA8D0;}
.pageHeading {padding: 10px 0;}
.pageHeading h1 {font-weight: 300; font-size: 2.5em; margin:0; color: #003366;}

.deptImage { margin-bottom:7px; overflow:hidden; }
.deptImage img {display:block;}

.departmentBanner {position: relative; max-height: 300px; min-height: 300px; width: 1600px; margin:0 auto 20px;}
.departmentBanner .bannerContent {width: 50%; float: left;}

.departmentBanner .bannerContent {
  color: #fff;
  position:absolute; top:0; right:0; left:33%;
  float: right;
  margin-right: 140px;
  height: 100%;
  width:100%;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(left,  rgba(28,37,53,0.75) 0%, rgba(28,37,53,1) 10%, rgba(28,37,53,1) 99%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(28,37,53,0.75)), color-stop(10%,rgba(28,37,53,1)), color-stop(99%,rgba(28,37,53,1)));
  background: -webkit-linear-gradient(left,  rgba(28,37,53,0.75) 0%,rgba(28,37,53,1) 10%,rgba(28,37,53,1) 99%);
  background: -o-linear-gradient(left,  rgba(28,37,53,0.75) 0%,rgba(28,37,53,1) 10%,rgba(28,37,53,1) 99%);
  background: -ms-linear-gradient(left,  rgba(28,37,53,0.75) 0%,rgba(28,37,53,1) 10%,rgba(28,37,53,1) 99%);
  background: linear-gradient(to right,  rgba(28,37,53,0.75) 0%,rgba(28,37,53,1) 10%,rgba(28,37,53,1) 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf333333', endColorstr='#333333',GradientType=1 );
}
.departmentBanner a {color: #df3843;}
.departmentBanner .bannerText {
  padding: 30px 25px 0; 
  width: 540px;
}

.departmentBanner .bannerContent h2 {font-weight: 300; margin: 0 0 10px 0; margin-right: 75px;}
.departmentBanner .bannerContent p {color: #b2b2b2; font-size: .9em;}

.retailer {text-align: center;}
.retailer img {}
.retailer p {font-size: .9em; text-align: left; margin-top: 15px;}
.retailer .title {font-weight: 300; margin: 1.3em 0 1.7em 0; font-size: 2em;}

.pageControl {float:right; text-align:right; color:#987d51; margin-top: 20px;}
.pageControl a,
.pageControl a:link,
.pageControl a:visited {
  text-decoration:none; 
  font-size: 2.5em; 
  display: inline-block; 
  border: 2px solid #6b87b7; 
  text-align: center;
  border-radius: 40px;
  color: #6b87b7;
    cursor:pointer;
}
.pageControl a:hover,
.pageControl a:active {text-decoration:none; border-color: #e3383e; color: #e3383e;}
.pageControl a.prev,
.pageControl a.prev:link,
.pageControl a.prev:visited {padding: 0px 14px 0 12px;}
.pageControl a.next,
.pageControl a.next:link,
.pageControl a.next:visited {padding: 0px 12px 0 14px; margin-left: 10px;}


/* item list */

.productList { margin:15px -10px; padding:0; width: 100% !important;}
.productList .itemWrapper {position:relative; margin:0 0 20px; overflow:hidden;}
.productList .last { }

.itemWrapper a.itemLink,
.itemWrapper a.itemLink:link,
.itemWrapper a.itemLink:visited {display:block; text-decoration:none;}

.itemWrapper .itemImage {display:block; margin:0 auto; padding:0;}
.itemWrapper .itemContent {padding:0 5px; text-align: center;}
.itemWrapper .itemTitle {display:block; margin:0 0 3px 0; font-size:1.1em; font-weight:bold;}

.itemWrapper .itemTitle a, 
.itemWrapper .itemTitle a:link, 
.itemWrapper .itemTitle a:visited {text-decoration:none; color: #383123; font-size: 1em;}
.itemWrapper .itemTitle a:hover {color: #ffcf7b;}

.itemWrapper .itemSku {display:none; margin-bottom:10px; font-size:.9em; color:#333;}
.itemWrapper .itemDesc {}
.itemWrapper .itemPrice { font-size:1.1em; color: #6b87b7; font-weight: bold;}

.itemWrapper .itemCallouts {margin:0; text-align:center;}
.itemWrapper .itemCO {padding:3px 5px;}

.itemWrapper .reviewItem {margin:0 0 8px 0; padding:0; border:0;}
.itemWrapper .reviewItem .imgLabel {float:left; display:inline; margin-right:10px;}

.departmentList {width:100% !important;}
.departmentList .itemWrapper {float: left; position: relative; margin:  15px 10px;}
.departmentList .itemWrapper:after{
  content: "\A";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background:rgba(51,51,51,0.3);
  opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.departmentList .itemWrapper:hover:after {opacity: 1;}
.departmentList .itemWrapper .titleWrapper {
  position: absolute; 
  right: 0;
  left: 0;
  bottom: 20%;
  text-align: center;
}
.departmentList .itemWrapper .itemTitle {
  text-align:center; 
  display: inline-block; 
  font-size: 1em;
  border-color: #fff;
  z-index: 1;
  position: relative;
}

.departmentList .itemWrapper .itemTitle a {color: #fff; background: transparent; padding: 8px 25px;}
.departmentList .itemWrapper .itemTitle [class*="icon-"] {
  font-size: 1.5em;
  right: 23%;
  bottom: 27%;
  margin: 0 5px;
}
.departmentList .itemWrapper .itemTitle:hover,
.departmentList .itemWrapper .itemTitle:hover a {color: #6b87b7; border-color: #6b87b7;}
    .departmentList .last {
        float: left;
        display: inline-block;
    }

.landing .productButtons {padding:15px 0 0 0; display: none;}
.landing .productButtons .itemBtn {padding: 5px 10px;}
.landing .productButtons .itemBtn a {font-size: .9em;}
.landing .productButtons .itemBtn span {font-size: 1.5em;}
.landing .productButtons .btnContact {padding-left: 50px; background-position: 16px 13px;}
.landing .productButtons .btnContact:hover {background-position: 16px -17px;}

.contact {margin: 20px 0; text-align: center;}
.contact .title {font-weight: 300; font-size: 1.5em; margin-bottom: 0;}
.contact .tel {font-size: 2.5em; color: #fc8521; font-weight: 300;}

.itemSwatches {margin-bottom:7px; padding:0;}
.itemSwatches .swatchTitle { font-size:0.8em; }
.itemSwatches ul.swatchList li {margin:0 3px 3px 0;}
.itemSwatches ul.swatchList li.last {margin-right:0;}

ul.swatchList {margin:0; padding:0; list-style-type:none;}
ul.swatchList li {float:left; display:inline; margin:0 5px 5px 0;}
ul.swatchList li.last {margin-right:0;}
ul.swatchList .swatchAlt {display:none;}

ul.swatchList li img {display:block; margin:-1px;}
ul.swatchList li a,
ul.swatchList li a:link,
ul.swatchList li a:visited {float:left; display:inline; border:1px solid #ACADB2; overflow:hidden;}
ul.swatchList li a:hover,
ul.swatchList li a:active {}

ul.swatchList li a.active,
ul.swatchList li a.active:link,
ul.swatchList li a.active:visited {border:1px solid #fc4c47;}
ul.swatchList li a.active img,
ul.swatchList li a.active:link img,
ul.swatchList li a.active:visited img {}

ul.textLink {margin:0; padding:0; list-style-type:none;}
ul.textLink li {float:left; display:inline; margin:0 5px 0 0;}

ul.textLink li a,
ul.textLink li a:link,
ul.textLink li a:visited {display:block; width:18px; height:13px; border:1px solid #cccccc; overflow:hidden;}
ul.textLink li a:hover,
ul.textLink li a:active {border-color:#000;}

ul.textLink li a.active,
ul.textLink li a.active:link,
ul.textLink li a.active:visited {border-color:#000;}

.enlargeSwatch {display:none;}

.product {margin: 15px 0;}
.productDetails {color: #333;}
.productDetails ul.textLink li a,
.productDetails ul.textLink li a:link,
.productDetails ul.textLink li a:visited, 
.productDetails ul.textLink li a.disabled {
  display:block;
  width:auto;
  height:26px; 
  margin-bottom:5px; 
  padding:1px 3px; 
  text-decoration:none; 
  line-height:25px; 
  text-align:center; 
  font-weight:bold;
  background:#f6f6f6;
  border:2px solid #d9d9d9; 
  overflow:hidden;
}

.productDetails ul.textLink li a.disabled {background:#ddd;border:2px solid #fff;color:#fff;}
.productDetails ul.textLink li a.disabled:hover {cursor:default;background:#ddd;}

.productDetails ul.textLink li a.active,
.productDetails ul.textLink li a.active:link,
.productDetails ul.textLink li a.active:visited {border-color:#000;background:#fff;}

.productDetails ul.textLink li a:hover,
.productDetails ul.textLink li a:active {background:#f9f9f9;}

.productDetails div.radioList label {margin-right:7px;}

.productDetails .itemSku {margin:10px 0; color:#333;}
.productDetails .reviewItem {padding:0; margin-bottom:10px; border:0;}
.productDetails .itemDesc {font-size: .9em; margin: 15px 0;} /*placeholder class*/
.productDetails .itemPrice {display:block; margin-bottom:15px;}
.productDetails .itemQty {margin-bottom:15px;}
.productDetails .itemQty label {display:inline-block; margin: 3px 10px 5px 0; float:left;}
.productDetails .itemQty input {text-align:center; padding:2px; font-weight: bold; color: #df3843;}

.productButtons .itemBtn {border: 2px solid #b3b3b3; padding: 0; margin: 10px 0 0 0; color: #B3B3B3;}
.productButtons .itemBtn span {font-size: 2.5em; float: left; padding: 0 5px 6px; cursor: pointer;}
.productButtons .itemBtn .btn {background: transparent; color: #b3b3b3; text-align: left; font-size: .7em; text-transform: none; padding: 6px 2px;}
.productButtons .itemBtn:hover,
.productButtons .itemBtn .btn:hover {border-color:#fc8521; color: #fc8521;} 

.detailsRow select, .detailsRow .text {display:block; margin-bottom:5px;}
.detailsRow .note {width:60%; font-size:.9em; color:#666;}
.itemCallouts {margin:0 0 10px; text-align:left; position: relative;}
.itemCallouts .itemCO {padding:3px 1px; cursor: pointer;}
.itemCallouts .calloutDesc {display:none; position: absolute; width: 100%; color:#fff; background: #333; padding: 5px; left: 0; top: 0; font-size: .9em;}
.itemCallouts .ui-effects-wrapper {position: absolute; width: 100%; color:#fff; background: #333; padding: 5px; left: 0; top: 0; font-size: .9em;}
.itemCallouts .calloutDesc span {display: inline-block; margin-left: 5px;}
.itemCallouts .calloutDesc span.close {float: right; cursor: pointer; font-size: .8em;}

.rowLabel {display:block; margin-bottom:3px; font-weight:bold; }
.rowLabel .selectedName {font-weight:normal; color:#666666;}

.itemPrice {font-weight:bold; font-size:1.2em; }
.detailsRow .itemPrice {font-size: 2em; font-weight: normal; color: #003366;}
.productImage {position:relative; margin-bottom:10px 0; text-align:center;}
.productImage img.mainImage {display:block; width:100%;}
.productImage .btnEnlarge {position:absolute; bottom:0; right:0; cursor:pointer; color: #6b87b7; font-size: 1.5em;}
.productImage .btnEnlarge:hover {color: #e3383e;}

.itemName {font-size: .9em; font-weight: bold;}



.itemDescriptions {font-size: .9em; border-bottom: 1px dotted #987d51;}
.itemDescriptions .title {font-weight: 300; color: #003366; font-size: 2em; margin-bottom: .5em;}
.itemDescriptions ul,
.itemDescriptions ol {list-style-type: none; padding:0;}
.itemDescriptions ul li:before {content: "\2022"; color: #6a86b9; display: inline-block; margin-right: 10px; font-size:1.5em;}

.itemDescriptions ol li {counter-increment: number; margin: 5px 0 20px; position: relative; padding-left: 40px;}
.itemDescriptions ol li:before {content: counter(number)"."; color: #6a86b9; margin: 0 10px 0 0; font-weight: bold; font-size: 2em; position: absolute; left: 0; top: 0;}

/* Recipe List Styling */
.recipeList {margin-top: 30px;}
.recipeList .featuredRecipes {margin-bottom: 20px;}
.recipeDetail {display: inline-block; margin: 5px 5px 5px 0;}
.recipeDetail [class*="icon-"] {color: #6b87b7; font-size: 1.3em;}
.recipeList img {min-height:210px; width:100%;}

.recipes .recipeTitle {margin:0; font-weight: bold;}
.recipeWrapper .recipeInfo .hdng2 {
  font-weight: bold; 
  margin-bottom: 0; 
  margin-top: 1.1em; 
  font-size: 1.2em; 
  color: #383123;
  display:block;
}
.recipeWrapper .recipeDetail {margin-bottom: 10px;}
.recipeWrapper .recipeDetail [class*="icon-"] {font-size: 1.5em; margin: 0 5px 0 0; position: relative; top:5px;}
.recipeDetails .itemDescriptions {font-weight: 300; border-bottom: 0; border-top: 1px dotted #987D51; padding: 10px 0;}

/* Item Details Page Featured Recipes Styling */
.recipes {padding: 20px 0;}
.recipes .title {font-weight: 300; font-size: 1.8em;}
.recipes .recipeInfo {font-size: .9em;}

.relatedItems {padding-top: 15px; border-top: 1px dotted #987d51; margin: 20px 0;}
.relatedItems .title {font-weight: 300; font-size: 1.8em;}
.relatedItems .itemWrapper {float: left;}
.relatedItems .itemWrapper .itemContent {text-align: center;}
.relatedItems .itemWrapper .itemContent .itemTitle {font-size: .9em;}

.relatedItems .owl-carousel {padding: 0 15px;}
.relatedItems .owl-controls .owl-buttons div {
  position: absolute;
  font-size: 2em;
  color: #333;
  z-index: 100;
}
.relatedItems .owl-controls .owl-buttons div:hover {color: #6a86b9;}

.relatedItems .owl-controls .owl-buttons .owl-prev {left: -2%; top: 30%;}
.relatedItems .owl-controls .owl-buttons .owl-next {right: 0; top: 30%;}

ul.altViews {margin:10px 0 0 0; padding:0; list-style-type:none; text-align: center;}
ul.altViews li {float:none; display:inline; margin:0 10px 0px 0px; display: inline-block;}
ul.altViews li.last {margin-right:0;}
ul.altViews li img {border:1px solid #d2d2d2;}
ul.altViews li .active img {border:2px solid #B3B3B3;}

/* Nutrition Facts Table Styling */
.nutritionWrpr {background: #1c2537; min-height: 50px; margin: 20px 0; padding: 20px 0;}
.nutritionWrpr .itemDescriptions {color: #fff; border-bottom: 0;}
.nutritionWrpr .itemDescriptions .title {border-top: 10px solid rgb(255, 255, 255); padding-top: 10px; color: #fff;}
.nutritionFacts {width: 100%; color: #fff;}
.nutritionFacts p {color: #fff;}
.nutritionFacts .title {
  font-weight: bold;
  font-size: 2em;
  margin: 0 0 0.25em 0;
}
.nutritionHeader {
  padding: 0 0 0.25em 0;
  margin: 0 0 0.5em 0px;
  color: #fff;
}
.nutritionHeader .title {margin-bottom:0px; color:#fff; font-weight: bold;}
.nutritionHeader span {display: inline-block; margin-right: 20px; font-size: .85em;}
.nutritionTable {width: 100%; table-layout: fixed; font-size: .8em;}
.nutritionTable th, .nutritionTable td {
  font-weight: normal;
    text-align: left;
    padding: 0.25em 0;
    border-top: 1px solid #fff; 
    white-space: nowrap;
    position:relative;
}
.nutritionTable td:last-child {text-align: right;}
.nutritionTable .thick-row {border-top: 10px solid #fff; padding-top: 10px;}
.nutritionTable .thick-row th,
.nutritionTable .thick-row td  {padding-top: 10px; border-bottom: 0;}

.nutritionFacets { margin: 0 0 0.5rem 0; color: #fff; width: 100%; font-size: .7em;}
.nutritionFacets thead {border-bottom: 1px solid #fff;}
.nutritionFacts  th {font-weight: normal;}
.nutritionFacts tbody th {text-align: left;}
.nutritionFacets td,
.nutritionFacts  th {padding:0;}
.nutritionFacets tr,
.nutritionFacets td {border-bottom: 0; text-align: right;}
.nutritionFacets:last-child {text-align: left;}

.nutritionFacetsTable {margin: 0 0 0.5em 0; color: #fff;}
.nutritionFacetsTable th:first-child + td:after {content: "*"; font-weight: bold; position:absolute; right:25%;}

.nutritionTable .thick-end {border-bottom: 10px solid #fff;}
.nutritionTable .thin-end { border-bottom: 1px solid #fff; }
.hasChildren th,
.hasChildren td {padding-left: 20px;}


/* banners */
.heroBanner {position: relative; width: 1398px; margin: 0 auto;}
.banners {margin: 10px 0;}

.heroBanners {max-width: 1400px; margin: 0px auto; height:400px;}
.loginBanners {margin: 0;}
.heroBanners a {color: #fff;}
.heroBanners .banner  {
  width: 50%; 
  height:100%; 
  float:left;
  text-align: center; 
  vertical-align: middle;
  position: relative;
  z-index:1;
}
.heroBanner:after,
.heroBanners .banner:after{
  content: "\A";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background:rgba(28,37,53,0.3);
  opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.heroBanner:hover:after,
.heroBanners .banner:hover:after {opacity: 1;}
.heroBanners .banner .bannerImage {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 0; z-index:-1;}
.heroBanners .bannerText {
  padding: 0; 
  color: #fff;  
  font-weight: normal; 
  position: absolute;
  right:10px;
  top:0; 
  z-index: 50; 
  width: 100%;
  height:100%;
}
.heroBanners .bannerText .inner {
    position: absolute;
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0;
    margin: auto;
    height:50%;
}
.heroBanners .bannerLeft .bannerText {float: right;}
.heroBanners .bannerRight .bannerText {float: left; left:0;}

.heroBanner .bannerText {position: absolute; top:15%; left:10%; width: 40%; text-align: center; z-index: 1;}

.loginBanners .bannerLeft {border-top: 10px solid #59A9D0;}
.loginBanners .bannerRight {border-top: 10px solid #FC8521;;}

.heroBanner h1,
.heroBanners .bannerText h2 {font-size: 3em; font-weight: 300; margin: 0; color: #fff;}
.heroBanner h1 {width:50%; margin:0 auto;}
.heroBanners .bannerText p {font-size: 1.3em; width: 55%; margin: 0 auto;}
.heroBanner .btnWrapper,
.heroBanners .bannerText .btnWrapper {margin-top: 2em; border-color:#fff;  border-width: 1px; color: #fff;}
.heroBanner .btnWrapper .btn,
.heroBanners .bannerText .btnWrapper .btn {
  background: transparent;
  color: #fff;
  border-width: 2px;
}

.heroBanner  .btnWrapper:hover,
.heroBanners .btnWrapper:hover, 
.welcomeBanner .btnWrapper:hover,
.heroBanner  .btnWrapper:hover .btn,
.heroBanners .btnWrapper:hover .btn {border-color:#df3843; border-width: 1px; color: #df3843; background: transparent;}

.heroBanners .heroBanner {display:block;}
.welcomeBanner {margin: 10px 0 0px 0; position:relative; z-index:0;}
.welcomeBanner h2 {color: #003366;}
.welcomeBanner p {color: #333333; font-size: .95em; margin:0;}
.welcomeBanner .btnWrapper,
.welcomeBanner .btnWrapper:hover,
.welcomeBanner .btnWrapper:hover .btn {border-width: 1px; color: #df3843;}

.banners .bnrBlock {float:left; display:inline; margin-right:10px;}
.banners .last {margin-right:0;}

.welcomeBanner .item .content {
  text-align: center;
  color: #999999;
  vertical-align: middle;
  position: relative;
  z-index: 1;
}

.welcomeBanner .item .content h2 {
  font-weight: 300;
  font-size: 2.5em;
  margin: 0 0 20px 0;
}
.welcomeBanner .item .content img {display: inline-block;}

.welcomeBanner .item .media {
  display: block;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  min-width: 450px;
  min-height: 400px;
  margin-right: 0px;
}

.welcomeBanner .btnWrapper {margin-top: 20px;}

.landing .welcomeBanner .content {text-align: center;}
.landing .welcomeBanner .content h2 {line-height: 45px;}
.landing .welcomeBanner .media {margin-right: -110px;}


/* Carousels */
.carousel {margin:0 0 20px 0; position:relative;}
.scrollable {position:relative; overflow:hidden; margin:0 23px;}

.scrollable .itemList { margin:0; }
.scrollable .items {  
  /* this cannot be too large */
  width:20000em;  
  position:absolute;
  clear:both;   
}

.scrollable .items .itemWrapper {float:left; width:174px; padding:0; margin:0 5px 0 0;}

  /* prev, next, prevPage and nextPage buttons */
.carousel a.prev,
.carousel a.next,
.carousel a.prevPage,
.carousel a.nextPage {position:absolute; display:block; width:22px; height:45px; top:0; cursor:pointer;}

.carousel a.prev,
.carousel a.prevPage {left:0; background:url(/cms/images/layout/ui/carousel_left.gif) no-repeat 50% 0;}
.carousel a.next,
.carousel a.nextPage {right:0; background:url(/cms/images/layout/ui/carousel_right.gif) no-repeat 50% 0;}

  /* mouseover state */
.carousel a.prev:hover,
.carousel a.next:hover,
.carousel a.prevPage:hover,
.carousel a.nextPage:hover {background-position:50% -45px;}

  /* disabled navigational button */
.carousel a.disabled,
.carousel a.disabled:link,
.carousel a.disabled:visited,
.carousel a.disabled:hover,
.carousel a.disabled:active {background-position:50% -90px; cursor:default;}

  /* carousel navi */
.carousel .navi {margin-left:22px; width:200px; height:20px;}
.carousel .navi a, .carousel .navi a:link, .carousel .navi a:visited {width:8px; height:8px; float:left; margin:3px; background:url(/cms/images/layout/ui/carousel_navigator.png) 0 0 no-repeat; cursor:pointer; overflow:hidden;}
.carousel .navi a:hover, .carousel .navi a:hover:active {background-position:0 -8px;}
.carousel .navi a.active, .carousel .navi a.active:link, .carousel .navi a.active:visited {background-position:0 -16px;}  

/* 
 *  Core Owl Carousel CSS File
 *  v1.3.2
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/* display none until init */
.owl-carousel{
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
  
.owl-carousel .owl-item{
  float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}



/* END carousels */




/* dialog windows */

.uiModal {display:none;}

.recentDialog .recentlyViewed {border-bottom:1px solid #e5e5e5;}
.recentDialog .itemWrapper {float:left; display:inline; width:215px; padding:0 10px 0 0; margin-bottom:20px;}
.recentDialog .itemWrapper a.itemLink,
.recentDialog .itemWrapper a.itemLink:link,
.recentDialog .itemWrapper a.itemLink:visited {float:left; display:inline; width:103px; margin-right:5px;}

.recentDialog .itemWrapper .itemImage {padding:0; border:1px solid #d2d2d2;}
.recentDialog .itemWrapper .itemDetails {float:left; display:inline; width:105px;}

.recentDialog .itemWrapper .itemTitle a,
.recentDialog .itemWrapper .itemTitle a:link,
.recentDialog .itemWrapper .itemTitle a:visited {color:#000;}
.recentDialog .itemWrapper .itemSku {margin-bottom:5px; color:#333;}
.recentDialog .itemWrapper .itemPrice {font-size:1em; font-weight:normal; color:#000;}

.imageViewer .mainImage {width:100%; text-align:center;}
.imageViewer .mainImage img {border:1px solid #d2d2d2;}
.imageViewer .thumbnails {}
.imageViewer ul.altViews li {float:left; margin: 10px 23px 10px 0px;}
.imageViewer ul.altViews li img {border:0;}

/* Item added to cart */
#item-dialog 
{
  display:none;
  background:#fff;
  border:solid 2px #005e8f;
  position:absolute;
  top:176px;
  left:626px;
  width:320px;
  z-index:5000;
}
.hdng-item-dialog
{
  padding:6px 0;
  text-align:center;
  font-size:1.4em;
  background-color:#ecf1f8;
  border-bottom:solid 1px #ccd1d8;
}
.item-dialog-content 
{
  padding:6px 0 8px 0;
  margin:0 12px;
}
.item-dialog-details 
{
  color:#444;
}




/* Error Markers */

.fieldlbl {padding:4px 2px 0 0; text-align:right;}
.field {padding-left:2px;}
.fieldpad {padding-bottom:2px;}
.fieldtext {color:#000000;}
.fielderror {color:#f00;}
.fieldnorm {width:16px; height:20px;}
.req, .fieldreq {padding-right:12px; background:transparent url(/cms/images/global/field-req.gif) no-repeat 100% 2px;}
.error, .fieldred {padding-right:12px; color:#f00; background:transparent url(/cms/images/global/field-error.gif) no-repeat 100% 2px;}
.errorMessage {margin:0 0 25px 0; text-align:left; background-color:#FCD5D5; border:1px solid #ff0000 ;}
.help {font-size:.9em; color: #666;}

.formee .req, .formee .fieldreq {
    padding-left: 12px;
    padding-right: 0;
    background-position: 0 2px;
}

.errorWrap {}
.errorWrap input, .errorWrap select {color: #881414; background: none repeat scroll 0 0 #FCD5D5; border-color: #881414;}

.shipmethod {position:relative; display:inline-block;}
.shipalert {position:absolute; right:-198px; top:0; padding:7px 20px 7px 7px; width:160px; border:solid 1px #9baab7; background:#E0E0E0;}
.shipalert .arrowTab {position:absolute; top:-1px; left:-9px; width:8px; height:9px; background:url(/cms/images/layout/arrow_left_gray.gif) no-repeat 0 0;}
.shipalert .close {position:absolute; top:2px; right:2px; width:13px; height:13px; background:url(/cms/images/layout/icon_x.gif) no-repeat 0 0; text-indent:-9999em;}

/* sub-mini cart */
.subCart {margin-bottom:20px;}
.subCart th {background:transparent;}

/* checkout process */
ul.processSteps {margin:0; padding:0; list-style-type:none;}
ul.processSteps li {float:left; display:inline; padding:5px 7px; margin:0 3px 10px 0;}
ul.processSteps li.active {background-color:#2F679B; color:#fff; border:1px solid #2F679B;}
ul.processSteps li.prevStep {background:#E0E0E0;}
ul.processSteps li.prevStep a,
ul.processSteps li.prevStep a:link,
ul.processSteps li.prevStep a:visited {color:#666;}

.userMessage {width:46%; padding:10px 15px; margin-bottom:10px; background:#E0E0E0; border:1px solid #c7c7c7;}

/* send to friend */
.friendPopup {width:660px; padding:10px; margin:0 auto;}
.friendPopup dl.forms dt {width:90px;}

/* Limit Textbox */
.txtlimitbx {background-color:#1c4e87;}
.txtlimitbx2 {background-color:#a8c6e0;}

/* faq */
ul.faqLinks {margin:5px 0 10px 15px; padding:0; list-style-type:none;}
ul.faqLinks li {padding-bottom:5px;}
dl.faqList {}
dl.faqList dt {font-weight:bold; margin-bottom:3px;}
dl.faqList dd {position:relative; padding-left:20px; margin:0 0 7px 0;}
dl.faqList .answerLabel {position:absolute; top:0; left:0; font-weight:bold;}

/* Edit Customer Order */
.eco {float:right;padding:5px;border:solid 1px #000;background:#fff;margin:5px;position:relative;z-index:1000; color:#f00;line-height:1.5em;}
.eco a {color:#f00;font-weight:bold;}

/* dropcart */
.dropCart {margin:0 auto; display:none;}
.dropCartHeader {padding:5px; font-weight:bold; text-align:center; background:#333333; color:#fff;}
.dropCartHeader:before {content:"\e60e"; display:inline-block; margin:5px 10px;}
.dropCartHeader .closebtn {float:right; display:inline; width:24px; height:22px; margin:3px 6px 0 0; background:url(/cms/images/layout/dc_close.gif) no-repeat 0 0; text-indent:-9999em; cursor:pointer;}
.cartContainer {padding:7px 8px 16px 8px; border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9; background:#fff;}
.dropCart .dropCartContent {padding:10px 0;}
.dropCartBase .hdrBannerBar {position:static; height:28px; z-index:1; padding:4px 0 0 10px; border-left:1px solid #D9D9D9; border-bottom:1px solid #999;}
.dropCartBase .checkoutBlock {background:#fff; }
.dropCartBase .chkoutBoxes {margin-bottom:0; border-right:1px solid #0079AA;}
.dropCartBase .chkoutBoxes .chkoutRow {border-left:1px solid #0079AA;}
.dropCartBase .chkoutBoxes .chkoutSubtotal {border-left:0; margin-left:1px;}
.dropCartBase .chkoutBoxes .chkoutRow .title {height:25px; padding-bottom:0;}
.dropCartButtons {padding:5px; text-align:center;}
.dropCart .close-cart {margin:10px 0;}
.cartList .item .media img {position:static;}
.checkoutSummary > .title {background:#6b87b7;}
.cartTools .title {background:#6b87b7;}

/* recent cart */
.recent-cart {display:none; position:fixed; top:10px; right:10px; width:287px; z-index:1000000; background:#fff; border:0; box-shadow: 0 2px 5px 0px #B8B8B8;}
.recent-cart .itemWrapper {float:none; display:block; width:auto; height:auto; padding:0 10px;}
.recent-cart .itemWrapper .itemLink,
.recent-cart .itemWrapper .itemLink:link,
.recent-cart .itemWrapper .itemLink:visited {float:left; width:101px;}
.recent-cart .itemWrapper .itemContent {margin-left:110px; text-align:left;}
.recent-cart .itemWrapper .itemTitle {font-weight:bold;}

.ShoppingCart {position:relative;}
.ShoppingCart ul li:before {content:""; margin:0; float:none; font-size:inherit;}
.ShoppingCart a {text-decoration:none;}

/* collection items */
.collectionItems {border:solid 3px #ddd;padding:10px;height:350px;overflow:auto;}
.collectionItems .itemWrapper {padding:10px;}
.collectionItems .itemWrapper a.itemLink,
.collectionItems .itemWrapper a.itemLink:link,
.collectionItems .itemWrapper a.itemLink:visited {float:left; display:inline; width:226px;}
.collectionItems .itemWrapper .itemDetails {float:left; display:inline; width:40%; margin-left:10px;}
.collectionItems .itemWrapper .itemTitle {display:inline;}
.collectionItems .itemWrapper .detailsRow {margin:10px 0;}
.collectionItems .itemWrapper .itemQuantity {float:right; display:inline; width:150px;}
.collectionItems .itemWrapper .itemQuantity .rowLabel {float:left; display:inline; margin-right:5px; padding-top:3px;}

.toolTipTrigger {margin-left:10px; cursor:pointer; text-decoration:underline;}
.toolTip {
  display:none;
  width:220px;
  padding:5px;
  text-align:left;
  border:2px solid #e5e3e1;
  background:#fff;
}

.Bannerrotate ul,
.Bannerrotate ul li {display:block; width:100%; text-align:center; margin:0; padding:0; list-style-type:none;}

.RadioButtonList label {margin-right:10px;}

/* site tags */
.tagsWrapper {padding:5px; border:1px solid #ccc;}
.tagsWrapper .taghdng {font-weight:bold; color:#000; text-decoration:none;}
.tagList {display:inline; margin:0; padding:0; list-style-type:none;}
.tagList li {display:inline; margin:0 2px;}
.tagList a,
.tagList a:link,
.tagList a:visited {color:#666;}

.addTag-trigger{text-decoration:underline; cursor:pointer;}
.addTagWrapper {display:none;}

.hTagcloud .tagList {display:block; margin:0 auto; text-align:center;}

.tagList .popular1 {}
.tagList .popular2 {font-size:1.2em;}
.tagList .popular3 {font-size:1.4em;}
.tagList .popular4 {font-size:1.6em;}
.tagList .popular5 {font-size:1.8em;}


/* overlay quick view */
.qvWrapper .qvLeft {float:left; display:inline; width:250px; margin-bottom:10px;}
.qvWrapper .qvRight {float:right; display:inline; width:250px; margin-bottom:10px; padding-top:5px;}
.qvWrapper .productImage {position:relative;}
.qvWrapper .productImage img {display:block; margin:0 auto;}
.qvWrapper .reviewItem  {margin-bottom:18px; padding:10px 0;}
.qvWrapper .textRating {display:none;}
.qvWrapper .averageCount {margin-left:7px; font-style:italic; color:#2d7ac0;}
.qvWrapper .itemPrice {margin:10px 0; padding:0; border:0; line-height:normal;}
.qvWrapper .itemButtons {position:absolute; bottom:14px; left:43px; right:43px;}
.qvWrapper .itemButtons a.detailsButton,
.qvWrapper .itemButtons a.detailsButton:link,
.qvWrapper .itemButtons a.detailsButton:visited {display:block; height:28px; margin-bottom:4px; line-height:28px; font-size:10px; font-weight:bold; color:#fff; text-align:center; text-decoration:none; text-transform:uppercase; background:#000; border:1px solid #6e6d6a;}
.qvWrapper .itemButtons a.detailsButton:hover,
.qvWrapper .itemButtons a.detailsButton:active {background:#6e6d6a;}
.qvWrapper .tabnav li a,
.qvWrapper .tabnav li a:link,
.qvWrapper .tabnav li a:visited {padding:5px 20px; font-size:11px;}
.qvWrapper .tabnav li.ui-tabs-selected a,
.qvWrapper .tabnav li.ui-tabs-selected a:link,
.qvWrapper .tabnav li.ui-tabs-selected a:visited {font-size:11px; padding:6px 20px;}


/* ## Member Saved Orders ## */

.savedOrders {}
.savedOrders li { padding:10px; border-top:1px dashed #999; }
.savedOrders li:first-child { border-top:0; }

.ui-dialog .ui-dialog-titlebar {background:#6b87b7; color:#fff; font-weight:normal; border-radius:0; padding:10px; border:0;}
.ui-dialog .ui-dialog-buttonpane button {border:0; border-radius:0;}
.ui-button-text-only .ui-button-text {background:#DF3843; color:#fff;}

/* ## Site Overrides ## */

/*Store Locator Styling */

.storeLocator {padding-top: 20px;}
.storeLocator .title {font-size: 2em;  margin-bottom: 10px;}
.storeLocator .filters {border-bottom: 1px dotted #987D51; padding-bottom: 40px;}
.storeLocator label {color: #383123;}
.storeLocator input {width: 95%;}
.storeLocator .separator {font-size: 2.3em; margin-top: 15px; margin-bottom: 0;}
.storeLocator .btnLocate {margin-top:15px;}
.storeLocator .mapToggle {float: right; margin: 10px 0; font-weight: bold; color: #6B87B7; cursor: pointer; text-transform: uppercase;}
.storeLocator .mapToggle:hover {
  color: #FDCD80;
 -webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.storeLocator .mapToggle .icon-arrow-up  {position: relative; top: 2px;}
.storeLocator .map {border:1px solid #987d51; margin: 20px 0;}

.storeLocator .locationResults ol {list-style-type: none; padding: 0;}
.storeLocator .locationResults ol li {counter-increment: section; margin: 0 0 15px; z-index:1;}
.storeLocator .locationResults ol li:before {
    content:counter(section); 
    display:block;
    position:absolute;
    left:8px;
    top:0;
    width:50px;
    height:50px; 
	padding: 10px 0; 
	margin-right: 20px; 
	font-size: 1.3em;
    color: #fff; 
    text-align:center;
}
.storeLocator .locationResults ol li:after {
    content:"";
    position:absolute;
    top:0;
    left:8px;
    background-color: #df3843; 
	border-radius: 50px; 
    height:50px;
    width:50px;
    z-index:-1;

}
.storeLocator .locationResults .location {padding:10px 0 10px 60px; border-bottom: 1px dotted #987D51;}
.storeLocator .locationResults .location .addressDetails div {margin: 5px 0;}
.storeLocator .mapWrapper img {max-width:none;}

dl.checkoutProcess dt.stepTitle span.stepTitleInner {background: #6B87B7;}
dl.checkoutProcess dt.stepTitle {border-color:#6B87B7;}
dl.checkoutProcess dt.inactive{border-color:#d2d2d2;}
dl.checkoutProcess dt.inactive span.stepTitleInner {background-color: #E3E3E3;}
.useSavedAddress,
.shipping-selected {border-radius:2px; background-color:#E2E2E2;}

.accountBlocks {background:none; border-color:#383123}
.accountBlocks .blockhdng {background:#fff;}

dl.checkoutProcess dt.stepTitle a.editLink, 
dl.checkoutProcess dt.stepTitle a.editLink:link, 
dl.checkoutProcess dt.stepTitle a.editLink:visited {color: #383123;}

.costSummary,
.multipleShips {border-color: #383123;}
.loginSection .accountBlocks .blockhdng {left:2px;}

ul.railNav li {padding: 0 10px;}

/* =================================================================
                        Media Queries
===================================================================*/

/* 16px baseline (768px - 959px) */
@media only screen and (min-width:48em) and (max-width:59.938em) {
    .recipeList img {min-height:150px; width:100%;}
  
}

/* 16px baseline (180px - 959px) */
@media only screen and (min-width:11.250em) and (max-width:59.938em) {
  .heroBanners {max-width: none; display: block;}
  .heroBanners .banner {
    display: block;
    width: 100%;
  }
  .heroBanners img {width:100% !important;}
  .heroBanners .bannerText, .heroBanners .bannerLeft .bannerText {float: none; padding: 0 10px; top:7px; right:0; left:0; width:auto;}
  .heroBanners .bannerText .btnWrapper {margin-top:1em;}
  .heroBanners .bannerText p {width: auto; font-size: 1.1em;}
  .heroBanner {width: auto;}
  .heroBanner img {max-width: none !important; height: 500px !important;}
  .heroBanner .bannerText {width: auto; top: 5%; right: 0; left: 0; padding: 0 10px;}

  .welcomeBanner .item .content {margin-bottom: 15px; display: block;}
  .welcomeBanner .item .media {width: auto; min-height:0;}
  .welcomeBanner .item .media img {max-width: 100% !important; position:static;}

  ul.altViews li {display: block; text-align: center; margin: 5px 5px 5px 0;}
  .productDetails .productButtons .itemBtn .btn {text-align: center;}
  .productDetails .productButtons .itemBtn .btn span {display: block; float: none;}

  .relatedItems .owl-carousel {padding: 0;}
  .pageHeading {text-align: center;}
  .pageControl {float: none; text-align: center; margin-bottom: 10px;}

  .nutritionHeader {padding: 0 10px;}
    .btnEnlarge {display:none;}
    .nutritionFacts {margin:10px 0;}
    .storeLocator .hours {margin: 15px 0;}
    .storeLocator .title {text-align: center;}
    .storeLocator .filters {display: block;}
    .storeLocator .locationResults ol li:before {float: none;}
    .storeLocator .addressDetails {width: 100%;}

    .departmentBanner {width:auto;}
    .departmentBanner img {max-width:none !important;}
    .departmentBanner .bannerContent {background: rgba(51, 51, 51, 0.8); float:none; width:100%; right:0; left:0;}
    .departmentBanner .bannerContent .bannerText {width:auto; text-align:center; padding:10px;}
    .departmentBanner .bannerContent .bannerText h2 {margin:inherit;}
    
    .departmentList {text-align:center;}
    .departmentList .itemWrapper {margin:10px 0; display:inline-block; float:none;}
    .productList {margin:20px -10px;}
    .pageControl {margin-right:10px;}
    .storeLocator .addressDetails {width: 40.666%;}
    .storeLocator .separator {font-size: 1.8em;}
}
/* 16px baseline (180px - 640px) */
@media only screen and (min-width:11.250em) and (max-width:40em) {
    .heroBanners .bannerText h2 {font-size:2.5em;}
    .welcomeBanner .item .content h2 {font-size:1.5em;}
}
@media print {
    .nutritionWrpr {margin:120px 0 0;}
}