@charset "utf-8";
/* CSS Document */

div.carousel {padding-bottom: 15px; position: relative;}
div.body div.carousel div.imageDots {position: absolute;}
div.body div.carousel div.images ul li {}
div.body div.carousel div.images ul li img {max-height: 100%; max-width: 100%;}

div.welcome-banner {background-color: #114B5F; height: 65px;}
div.welcome-banner div.welcome {padding: 10px 0px; font: normal 35px 'Rancho', cursive; color: #ffffff; text-overflow:  ellipsis; overflow: hidden; white-space:  nowrap;}
div.welcome-banner div.welcome.center {text-align: center;}
div.welcome-banner div.welcome.loggedIn {width: 320px; float: left;}
div.welcome-banner div.lastOrderInfo {width: 160px; float: left; padding-top: 9px;}
div.welcome-banner div.lastOrderInfo div.top {font: normal 14px "Oswald", Arial, Helvetica, sans-serif; color: #BAE4F2;}
div.welcome-banner div.lastOrderInfo div.info {font: normal 18px "Oswald", Arial, Helvetica, sans-serif; color: #FFFFFF;}
div.welcome-banner div.viewOrderHistory {width: 180px; float: left; padding-top: 14px;}
div.welcome-banner div.viewOrderHistory a {width: 100%; background-color: #1A936F;}
div.welcome-banner div.signup {float: right; width: 480px; position: relative;}
div.welcome-banner div.signup div.text {width: 180px; padding-top: 22px; font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFFFF; float: left;} 
div.welcome-banner div.signup div.form {width: 300px; padding-top: 15px; float: left;} 
div.welcome-banner div.signup div.form input.newsletter-email {background-color: #fff; border-radius: 4px 0px 0px 4px; border: none; width: 200px; height: 20px; padding: 5px 10px; font: normal 14px 'Trebuchet MS', Verdana, Arial, sans-serif; color: #666666; float: left;} 
div.welcome-banner div.signup div.form input.newsletter-submit {border-radius: 0px 4px 4px 0px; border: none; width: 75px; height: 30px; padding: 0px; background: #1A936F; font: normal 16px 'Oswald', sans-serif; color: #fff; float: left;} 

div.social-home {background-color: #DCEEEB; padding: 10px 0px;}
div.social-home div.head {font: normal 26px 'Rancho', cursive; color: #114B5F; text-align: center; padding: 5px;}
div.social-home div.ig {width: 480px; float: left; padding-right: 19px;}
div.social-home div.ig div.widget {height: 100px;}
div.social-home div.ig a {width: 150px; font-size: 16px; background-color: #1A936F; margin-top: 5px;}
div.social-home div.blog {width: 480px; float: left; padding-left: 19px; border-left: 2px solid #ffffff;}
div.social-home div.blog div.blog-post {padding-right: 150px;}
div.social-home div.blog div.blog-post div.image {float: right; margin-right: -150px; width: 140px;}
div.social-home div.blog div.blog-post div.title {font: normal 25px 'Oswald', sans-serif; padding-bottom: 5px;}
div.social-home div.blog div.blog-post div.blurb {font-size: 14px; color: #333333; line-height: 1.45em;}
div.social-home div.blog div.blog-post a.read-more {padding-top: 10px; font-size: 16px; display: inline-block;}
div.social-home div.blog div.blog-post a.read-more:link {color: #114B5F; text-decoration: none;}
div.social-home div.blog div.blog-post a.read-more:visited {color: #114B5F; text-decoration: none;}
div.social-home div.blog div.blog-post a.read-more:hover {color: #114B5F; text-decoration: underline;}
div.social-home div.blog div.blog-post a.read-more:active {color: #114B5F; text-decoration: underline;}

div.cats {background-color: #cdd2d7; padding: 15px 0px;}
div.cats div.site-width {display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 15px; row-gap: 15px; width: 1000px;}
div.cats div.cat {padding: 10px 0px 0px 15px; margin: 0px; background-color: #fff; box-sizing: border-box; width: auto; min-height: 280px; background-repeat: no-repeat; background-position: right bottom;}
div.cats div.cat div.title {font: normal 30px 'Rancho', cursive; color: #262425; text-align: center;}
div.cats div.cat ul {list-style: none; margin: 0px; padding: 0px;}
div.cats div.cat ul li {font: normal 16px "Oswald"; padding: 1px 0px;}
div.cats div.cat.eight ul li {font-size: 15px;}
div.cats div.cat.ten ul li {font-size: 14px; padding: 2px 0px;}
div.cats div.cat ul li a:link {color: #0f4d8d; text-decoration: none;}
div.cats div.cat ul li a:visited {color: #0f4d8d; text-decoration: none;}
div.cats div.cat ul li a:hover {color: #1A936F; text-decoration: underline;}
div.cats div.cat ul li a:active {color: #1A936F; text-decoration: underline;}

div.retail {clear: both; padding-top: 0px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;}
div.retail div.store {position: relative;}
div.retail div.store div.title {background-color: #B4DAEB; font: normal 30px 'Rancho', cursive; color: #114B5F; text-align: center; padding: 8px; border-right: 1px solid #114B5F;}
div.retail div.store:last-child div.title {border-right: none;}
div.retail div.store div.map_canvas {height: 280px;  border-right: 1px solid #114B5F;}
div.retail div.store:last-child div.map_canvas {border-right: none;}
div.retail div.store a.buttonLook {position: absolute; top: 270px; width: 125px; background-color: #1A936F; font-size: 18px; margin-left: auto; margin-right: auto; left: 0; right: 0;}

div.prod-header {font: normal 35px 'Rancho', cursive; color: #423e3e; grid-column-start: 1; grid-column-end: span 4; padding: 0px;}
div.prod-header a {padding-left: 30px; font: normal 18px 'Oswald', Verdana, Arial, sans-serif; }
div.prod-header a:link {color: #0f4d8d;text-decoration: none;}
div.prod-header a:visited {color: #0f4d8d;text-decoration: none;}
div.prod-header a:hover {color: #1A936F; text-decoration: underline;}
div.prod-header a:active {color: #1A936F; text-decoration: underline;}

div.listing-product {width: 100%; float: none; height: auto; margin: 0; padding: 10px; background-color: #fff; box-sizing: border-box; font-family: Oswald, Arial, sans-serif;}
div.listing-product div.image {height: 200px; display: grid; place-content: center;}
div.listing-product div.title {font-size: 17px;}
div.listing-product div.title a:link {color: #0f4d8d;text-decoration: none;}
div.listing-product div.title a:visited {color: #0f4d8d;text-decoration: none;}
div.listing-product div.title a:hover {color: #1A936F; text-decoration: underline;}
div.listing-product div.title a:active {color: #1A936F; text-decoration: underline;}
div.listing-product div.outOfStock {font-weight: normal;}
div.listing-product div.price {font-size: 20px; color: #000;}
div.listing-product div.price .dd-selected {color: #000; font-weight: normal;}
div.listing-product div.price strong {color: #000; font-weight: normal;}
div.listing-product div.price span.freeship {font-size: 14px;}
div.listing-product input.small {display: block; width: 75%; margin: 8px auto;}
div.listing-product div.hechsheirim {display: flex; align-items: center; justify-content: center; gap: 5px;}

input.small {margin: 8px 0px;}

div.featured {padding-top: 15px; background-color: #e1e5e9; padding-bottom: 15px;}
div.featured div.site-width {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; column-gap: 10px; row-gap: 10px;}
div.specials {padding-top: 15px; background-color: #cdd2d7; padding-bottom: 15px;}
div.specials div.site-width {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; column-gap: 10px; row-gap: 10px;}
div.newItems {padding-top: 15px; background-color: #e1e5e9; padding-bottom: 15px;}
div.newItems div.site-width {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; column-gap: 10px; row-gap: 10px;}

div.text {clear: both; padding-top: 15px; font-family: "Roboto";}

div.reviews {clear: both; padding: 15px; background-color: #B4DAEB;}
div.reviews div.top {font: normal 30px 'Rancho', cursive; color: #114B5F; text-align: center; padding-bottom: 10px;}
div.reviews div.prod-review {width: 240px; float: left; margin-right: 10px; background-color: #DAEDF5;}
div.reviews div.prod-review div.name {text-align: center; padding: 10px 5px 5px 5px; font: normal 22px 'Oswald', sans-serif; color: #114B5F;}
div.reviews div.prod-review div.name div.rating {width: 100px; margin: 0 auto; padding-left: 0px;}
div.reviews div.prod-review div.text {padding: 5px 5px 5px 5px; font-size: 15px; text-align: center; height: 90px;}
div.reviews div.prod-review div.prod {padding: 10px; background-color: #ffffff; height: 300px; overflow: hidden;}
div.reviews div.prod-review div.prod div.image {height: 180px; padding: 10px 20px;}
div.reviews div.prod-review div.prod div.title {padding-top: 10px; font: normal 16px 'Oswald', sans-serif;}
div.reviews div.prod-review div.prod div.title a:link {color: #0f4d8d;text-decoration: none;}
div.reviews div.prod-review div.prod div.title a:visited {color: #0f4d8d;text-decoration: none;}
div.reviews div.prod-review div.prod div.title a:hover {color: #1A936F; text-decoration: underline;}
div.reviews div.prod-review div.prod div.title a:active {color: #1A936F; text-decoration: underline;}

div.imageDots, .dot-item, .dot {background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; border: 0px none; list-style: outside none none; margin: 0px; padding: 0px;}
div.imageDots {bottom: 20px; font-size: 0px; left: 0px; list-style: outside none none; right: 0px; text-align: center;}
.dot-item {cursor: pointer; display: inline-block; height: 20px; line-height: 20px; list-style: outside none none; opacity: 0.8; text-align: center; width: 20px;}
.dot {background-color: rgba(256, 256, 256, 0.5); border-radius: 10px; border: none; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); display: inline-block; font-size: 0px; height: 11px; width: 11px;}
.no-touch .dot-item:hover .dot {background-color: rgba(61, 121, 187, 0.2);}
.dot-item:active .dot, .dot-item.active .dot {background-color: #ffffff;}