/*************************************************
    Use this file for all custom styles
*************************************************/

.banner a { outline: 0; display: inline-block; }
.banner img { border-style: none; }

.sidebar-nav { background: #dacec2; }
.sidebar-nav ul ul { display: none; }
.sidebar-nav ul li:hover > ul { display: block; position: absolute; left: 100%; top: -5px; border: 5px solid #fff; background: #fff; z-index: 99; }
.sidebar-nav ul li { float: none; background: #dacec2; position: relative; }
.sidebar-nav ul li a { color: #267348; text-decoration: none; font: bold 11px sans-serif; display: block; padding: 5px; white-space: nowrap; }
.sidebar-nav ul li:hover, .sidebar-nav ul li a.current { background: #c3b29f; }

.first-column h3 { background: #6c9870; color: #fff; font: bold 11px/normal Verdana, Geneva, sans-serif; padding: 5px 2px; }

.site-title h1 a { width: 233px; height: 87px; }

.category-title { padding: 15px 0px; margin: 0px 0px 10px 0px; border-top: 7px solid #666666; border-bottom: 7px solid #808080; }
.category-title a { display: inline-block; text-decoration: none; }
.category-title a:hover { text-decoration: underline; }

.group-header { padding: 6px 0px; margin: 0px 0px 10px 0px; border-top: 4px solid #666666; border-bottom: 4px solid #808080; font-weight: bold; font-size: 14px; }
.group-header a { display: inline-block; text-decoration: none; }
.group-header a:hover { text-decoration: underline; }

.product-list { display: block; }
.product-list li { display: inline-block; min-height: 1px; }
.product-list a { display: inline-block; outline: 0; }
.product-list .product-image { background-position: center center; background-repeat: no-repeat; }

.whereto p { font-size: 9px; white-space: nowrap; }
.whereto input, .whereto select { font-size: 9px; padding: 2px !important; }

table.gen-form td { padding: 2px; text-align: left; vertical-align: top; }
table.gen-form td label { display: inline-block; margin-top: 1px; }

.form-fields input[type="text"] { border: 1px solid silver; padding: 3px; }
.form-fields input[type="password"] { border: 1px solid silver; padding: 3px; }
.form-fields textarea { border: 1px solid silver; padding: 3px; }
.form-fields select { border: 1px solid silver; padding: 3px; }
.form-fields button { padding: 6px 14px; background-color: #C0C0C0; border-radius: 3px; font-weight: bold; }
.form-fields button:hover { background-color: #CECECE; }
.form-fields button.button-link { background-color: transparent; cursor: pointer; margin: 0px; padding: 0px; text-decoration: underline; font-weight: normal; font: 13px/21px 'AmericanaTL-Roman', serif; }

.field-validation-error, .field-validation-error span { font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: Red; cursor: pointer; }

.page-message { padding: 3px 6px; margin: 0px 0px 12px 0px; border-top: 2px solid #6C9870; border-bottom: 2px solid #6C9870; background-color: #DAFEDD; color: #6C9870; font-weight: bold; font-family: Arial, Helvetica, sans-serif; cursor: pointer; }

#recaptcha_area { line-height: normal !important; }

.faqs h3 { cursor: pointer; margin: 0px 0px 5px 0px; padding: 0px; font-weight: bold; }
.faqs h3:hover { text-decoration: underline; }
.faqs ul { display: block; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 20px; }
.faqs ul li { display: block; margin: 0px; padding: 0px; list-style-type: none; }
.faqs ul li a { text-decoration: none; cursor: pointer; font-weight: bold; }
.faqs ul li a:hover { text-decoration: underline; }
.faqs ul li div { padding-left: 20px; }

.news-buttons { border: 2px outset buttonface; }
.news-inputs { border: 1px solid #666; height: 20px; }
.news-float-right { display: inline; float: right; }
.news-headline { font-weight: bold; font-size: large; }

.product-price-display { font-weight: bold; font-size: 14px; color: #257244 !important; }
.product-price-display span { color: #257244 !important; }

.header-nav ul li { margin-left: 20px; }

.header-cart { display: block; padding: 0px; margin: 0px -6px 0px 0px; height: 38px; overflow: hidden; }
.header-cart table { border-style: none; margin: 0px; padding: 0px; }
.header-cart table td { vertical-align: middle; }
.header-cart table td a { display: inline-block; padding: 0px; margin: 0px; margin-left: 20px; }

.submit-button-img { width: 16px; height: 16px; border-style: none; background: none; cursor: pointer; margin: 0px; padding: 0px; background-position: center top; background-repeat: no-repeat; }

table.gen-grid { border-collapse: collapse; width: 100%; margin: 0px; padding: 0px; }
table.gen-grid th, table.gen-grid td { border: 1px solid gray; text-align: left; padding: 2px 4px; }
table.gen-grid th { vertical-align: bottom; background-color: Silver; font-weight: bold; }
table.gen-grid td { vertical-align: top; }

.checkout-totals td { padding: 0px 2px; white-space: nowrap; text-align: right; }
.order-details td { padding: 0px 3px; text-align: left; }

.available-in { display: block; padding: 3px 8px; background-color: #6B986F; color: White; font-weight: bold; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; }

.header-right { top: -4px; }
.breadcrumbs { clear: right; }
.breadcrumbs a { display: inline-block; }

ul.product-review-list li { display: block; border-bottom: 1px dotted #C0C0C0; padding: 7px 0px; }

.collapsibleheader { border-top: 1px solid #C0C0C0; padding: 5px; cursor: pointer; }
.collapsible-expanded:after { content: "-"; float: right; display: block; padding-right: 8px; font-weight: bold; }
.collapsible-collapsed:after { content: "+"; float: right; display: block; padding-right: 5px; font-weight: bold; }