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

div.carousel {position: relative; padding-bottom: 32%; height: 0px;}
div.body div.carousel div.images {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
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; min-height: 135px; position: relative;}
div.welcome-banner div.welcome {width: 100%; text-align: center; padding: 10px 0px; font: normal 30px 'Rancho', cursive; color: #ffffff; position: absolute; top: 0px;}
div.welcome-banner div.welcome.center {text-align: center;}
div.welcome-banner div.welcome.loggedIn {position: static;}
div.welcome-banner div.lastOrderInfo {width: 33%; float: left; text-align: center;}
div.welcome-banner div.lastOrderInfo div.top {font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #BAE4F2;}
div.welcome-banner div.lastOrderInfo div.info {font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFFFF;}
div.welcome-banner div.viewOrderHistory {width: 200px; margin: auto; padding: 10px; clear: both; box-sizing: border-box;}
div.welcome-banner div.viewOrderHistory a {width: 100%; background-color: #1A936F;}
div.welcome-banner div.signup {position: relative; width: 300px; margin: 0 auto; padding-top: 35px;}
div.welcome-banner div.signup div.text {padding-top: 25px; padding-bottom: 10px; font: normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFFFF; text-align: center;} 
div.welcome-banner div.signup div.form {width: 300px; 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 {padding: 0px;}
div.cats div.site-width {width: 100%;}
div.cats div.cat {padding: 10px 0px 10px 15px; margin-bottom: 10px; background-color: #ededed; min-height: 230px; background-repeat: no-repeat; background-position: right bottom;}
div.cats div.cat div.title {font: normal 30px 'Rancho', cursive; color: #114B5F; padding-right: 15px; text-align: center;}
div.cats div.cat ul {list-style: none; margin: 0px 0px 0px 10px; padding: 0px;}
div.cats div.cat ul li {font-size: 14px; padding: 3px 0px;}

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

div.prod-header {font: normal 30px 'Rancho', cursive; color: #114B5F; padding: 10px 0px; text-align: center;}
div.prod-header a {font: normal 14px 'Trebuchet MS', Verdana, Arial, sans-serif; display: block;}
div.listing-product {height: 180px; margin: 10px; padding: 10px 10px 10px calc(30% + 20px); background-color: #fff; position: relative;}
div.listing-product div.image {width: 30%; background-color: #fff; height: 180px; position: absolute; left: 10px; top: 10px; margin: 0;}
div.listing-product div.image img {max-width: 100%}
div.listing-product div.title {padding-top: 0px; font-size: 15px; font-weight: bold;}
div.listing-product div.title a {color: #1A936F;}
div.listing-product div.price {padding-top: 10px; color: #000; font-size: 12px; min-height: 25px;}
div.listing-product div a.product div.verysmallstars {margin-top: 6px; float: none;}
div.listing-product div.review {min-height: 25px;}

div.featured {clear: both; padding-top: 5px; background-color: #f0f0f0; border-bottom: 1px solid #f0f0f0;}
div.specials {clear: both; padding-top: 5px; background-color: #f0f0f0; border-bottom: 1px solid #f0f0f0;}
div.newItems {clear: both; padding-top: 5px; background-color: #f0f0f0; border-bottom: 1px solid #f0f0f0;}

div.reviews {clear: both; padding: 15px 0px; background-color: #B4DAEB; margin: 0px;}
div.reviews div.top {font: normal 30px 'Rancho', cursive; color: #114B5F; text-align: center; padding-bottom: 10px;}
div.reviews div.prod-review {width: 80%; min-width: 240px; margin: 15px auto; 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; }
div.reviews div.prod-review div.prod {padding: 10px; background-color: #ffffff; }
div.reviews div.prod-review div.prod div.image {height: 180px; padding: 10px 20px; text-align: center;}
div.reviews div.prod-review div.prod div.title {font-size: 16px; padding-top: 10px; text-align: center;}

div.text {clear: both; padding: 15px;}

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;}