@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;}
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: 12px;}
div.welcome-banner div.lastOrderInfo div.top {font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #BAE4F2;}
div.welcome-banner div.lastOrderInfo div.info {font: normal 18px "Trebuchet MS", 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 {padding: 10px 0px;}
div.cats div.site-width {width: 1010px;}
div.cats div.cat {width: 310px; padding: 10px 0px 0px 15px; margin: 5px; background-color: #E6E6E6; min-height: 260px; float: left; background-repeat: no-repeat; background-position: right bottom;}
div.cats div.cat div.title {font: normal 30px 'Rancho', cursive; color: #114B5F;}
div.cats div.cat ul {list-style: none; margin: 0px; padding: 0px;}
div.cats div.cat ul li {font-size: 14px; padding: 3px 0px;}
div.cats div.cat.eight ul li {font-size: 13px;}
div.cats div.cat.ten ul li {font-size: 12px; padding: 2px 0px;}

div.retail {clear: both; padding-top: 5px;}
div.retail div.store {width: 25%; float: left; position: relative;}
div.retail div.store div.title {background-color: #DADADA; font: normal 30px 'Rancho', cursive; color: #F43020; text-align: center; padding: 8px; border-right: 1px solid #F43020;}
div.retail div.store:last-child div.title {border-right: none;}
div.retail div.store div.map_canvas {height: 220px;  border-right: 1px solid #F43020;}
div.retail div.store:last-child div.map_canvas {border-right: none;}
div.retail div.store a {position: absolute; top: 220px; 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;}
div.prod-header a {padding-left: 30px; font: normal 18px 'Trebuchet MS', Verdana, Arial, sans-serif; }
div.listing-product{width: 240px; float: left; height: 340px; margin: 5px;}

div.featured {clear: both; padding-top: 5px;}

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 {font-size: 16px; padding-top: 10px;}

div.specials {clear: both; padding-top: 5px;}
div.newItems {clear: both; padding-top: 5px;}

div.text {clear: both; padding-top: 5px;}

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