button.redarrow { background: none; border: none; color: #117bb8; text-decoration: underline; cursor: pointer; }
button.redarrow:hover { color: #3a3a3a; }
button.redarrow:focus { outline: 1px dotted rgb(17, 123, 184); }
#nextthumbnail button, #prevthumbnail button, button.circularpage { background: none; border:none; cursor: pointer; padding: 0; }
#nextthumbnail button img, #prevthumbnail button img { height: 30px; width: 30px; border: 0; display: block; }
#prevthumbnail a, #nextthumbnail a { cursor: pointer; display: inline-block; height: 30px; width: 30px; }
table.tbl-clean { border: none; padding: 0; margin: 0 auto; }
table.tbl-clean td { padding: 0; margin: 0 auto; }
.x-custom-template-outer {padding: 10px !important; background-color:#ECEAE7 !important;}
.x-custom-template-inner {padding: 10px !important; background-color: white !important;}
/*.stc-main-content {min-height: 950px;}*/
.stc-content-title, .stc-main-content h2 {margin-bottom: 20px; margin-top: 10px; font-size: 20px; line-height: 28px; text-align: center;}
.circular-top-links { text-align: center; font-family: Georgia, "Times New Roman", serif; line-height: 28px; }
.circular-title-container { margin: 10px 0 20px 0; }
.circular-title-container > h1 { text-align: center; font-size: 20px; line-height: 28px; }
.hide-shoppinglist {display: none;}

#center-content {padding-right: 185px; position: relative;}
#category-search {padding-left: 210px;}
#departments {width: 200px; position: absolute; left: 0px; top: 0px;}
#current-department {display: none;}
#back-to-top-container {display: none; position: fixed; width: 175px; bottom: 55px; /* add webkit transform for Chrome fixed position bug */-webkit-transform: translateZ(0);}

#recipe-image-holder {float: right; padding: 10px;}
#recipe-image-holder .courtesyof {text-align: center; font-style: italic;}
.mapholder { overflow: hidden; }
#circularthumbnails * { vertical-align: bottom; }
#circularpages { border-radius: 5px; border: 1px #E0E0E0 solid; }
.circularpage {text-decoration: none;}
a.circularpage { cursor: pointer; outline: 0; }
a.circularpage:focus-visible { outline: 2px dashed; }
.title-link {white-space: nowrap; font-size: 12pt;}
.circular-top-link { display: inline; white-space: nowrap; font-size: 12pt;}
.circular-top-link::after { content: ' - '; font-size: 20px; }
.circular-top-link:last-child::after { display: none; }
.title-link-important {color: #df0000 !important; font-weight: bold;}

.preview-banner {border-radius: 5px; border: 1px solid #E0E0E0; padding: 2px; text-align: center; font-size: 14pt; line-height: 22px; margin-bottom: 10px;}
.click-for-preview {color: black; background-color: #FFEDA0;}
.click-for-preview .click-here {color: #940000; text-decoration: underline;}
.click-for-current {color: white; background-color: #df0000;}
.click-for-current .click-here {color: white; text-decoration: underline;}

#adpopup {background-color: white; display: none; position: absolute; overflow: hidden; padding: 0px; border-radius: 5px; border: 1px solid #E0E0E0; z-index: 10000; text-align: left;}
#adrecipelinkpopup {background: #FFFF80; display: none; position: absolute; width: 180px; padding: 3px; z-index: 900; border-radius: 5px; border: 1px solid black; text-align: left;}
#aditemadded {display: none; position: absolute; width: 40px; height: 40px; z-index: 901; background-image: url('/stc/images/itemadded.gif');}    

#subCircularThumbnails a {text-decoration: none;}
#subCircularThumbnails a:hover {text-decoration: underline;}

.item-container {position: relative; margin: 10px 0; width: 100%; clear: both; z-index: 5;}
.item-container .item-body {overflow: hidden; background-color: white; border: 1px solid #E0E0E0; border-radius: 5px; padding: 0px;}
.item-container .item-body:hover {}
.item-container .item-body.clipped {border-color: #6B824A;}
.item-container .item-body.clipped:hover {border-color: #6B824A;}
.item-container .item-image {float: left; width: 160px; height: 160px; padding-right: 10px; line-height: .8em;}
.item-container .item-content {display: table-row; height: 160px;}

.item-body .list-label {display: none; background-color: #707070; color: white; position: absolute; cursor: pointer; right: 5px; bottom: 5px; border-radius: 5px; padding: 5px 10px;}
.item-body .remove-list-label {background-color: #6B824A;}
.item-body .add-list-label {background-color: #117BB8;}

.item-body.clipped.clip-enabled .remove-list-label {display: block;}
.item-body.clipped.clip-disabled .removing-list-label {display: block;}
.item-body.not-clipped.clip-enabled .add-list-label {display: block;}
.item-body.not-clipped.clip-disabled .adding-list-label {display: block;}

.item-content .item-contentcell {display:table-cell; vertical-align:middle; padding-top: 5px; padding-bottom: 30px;}
.item-prefix {font-size: smaller; line-height: 120%;}
.item-title {font-size: larger; font-weight: bold;}
.item-price {font-size: larger; font-weight: bold; color: #df0000;}
.item-description {padding-top: 5px; font-size: smaller; line-height: 120%;}
.item-recipe {padding-top: 5px; font-size: smaller; line-height: 120%;}

.department-sidebar {border-radius: 5px; overflow: hidden;}
.department-sidebar a {color: white !important;}
.department-sidebar a:hover {text-decoration: none !important;}
.department-sidebar ul {list-style: none; text-align: left; margin: 0px; line-height: 30px;}
.department-sidebar ul li {background-color: #707070; border-bottom: 1px solid #ffffff;}
.department-sidebar ul li:hover {background-color: #393939;}
.department-sidebar a {color: #ffffff; display: inline-block; width: 100%; padding-left: 10px; text-decoration: none;}
.department-sidebar ul > .current-menu-item, .department-sidebar ul > .current-menu-parent, .department-sidebar ul > .current-menu-ancestor {background: #dd3333;}