* { margin:0; padding:0; box-sizing:border-box; }
html, body { font-family:'Trebuchet MS', Arial, sans-serif; color:#000; background:#fff; }
a { color:#61041C; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:none; }

h1, h2, h3 { font-family:"Helvetica Condensed","Helvetica 65 Medium",Arial,sans-serif; color:#fff; font-weight:normal; padding:0; }
h1 { font-size:20px; margin:0 0 12px; }
h2 { font-size:17px; margin:20px 0 10px; }

.wrapper { max-width:766px; margin:0 auto; padding:10px 10px 0; }

.header-banner { position:relative; }
.header-banner img.header-bg { display:block; max-width:100%; height:auto; }
.header-banner img.slogan { position:absolute; top:19%; left:36%; width:53%; max-width:420px; }

.layout-table { width:100%; max-width:766px; border-collapse:collapse; margin-top:10px; }
.layout-table > tbody > tr > td { vertical-align:top; }

.nav-col { width:180px; padding-right:10px; }
.menuElement { background:#ebba35; padding:6px 16px; font-size:18px; margin-bottom:4px; }
.menuElement a { display:block; color:#000; }
.menuElement:hover, .menuElement.current { background:#61041C; }
.menuElement:hover a, .menuElement.current a { color:#fff; }

.content-col { width:412px; }
.page { background:#61041C; padding:5px 20px 20px; margin:0 0 20px; }
.content { background:#fff; padding:18px 16px; line-height:1.6; color:#000; }

.side-col { width:180px; }
.featuredItems { width:180px; }
.featuredItems img { width:160px; max-width:100%; margin:0 0 15px; border:none; display:block; }

footer.site-footer { padding:8px; text-align:center; font-size:11px; font-weight:bold; background:#ebba35; color:#61041c; margin-top:10px; }
footer.site-footer a { color:#61041c; text-decoration:underline; }

/* product listing table (home + product list) */
.productTable { width:100%; background:#61041C; font-size:12px; margin:0 0 12px; border-collapse:collapse; }
.productTable td { padding:15px; background:#fff; vertical-align:top; }
.productTable .photo { width:100px; }
.productTable .photo img { width:100px; display:block; }
.productTable .info b { color:#61041C; font-size:14px; }
.productTable .price { color:#61041C; }
.productTable .more-info { display:inline-block; margin-top:8px; }

/* product detail */
#product-detail { color:#000; }
#product-detail h1 { color:#61041C; margin-top:0; }
#product-detail .product-images img.main-image { width:100%; max-width:260px; display:block; margin-bottom:10px; border:3px double #61041C; padding:10px; }
#product-detail .product-images img.thumb-image { width:31%; display:inline-block; margin:0 2% 8px 0; }
#product-detail .product-category { color:#666; margin:0 0 8px; }
#product-detail .product-price { font-size:20px; font-weight:bold; color:#61041C; margin:0 0 14px; }
#product-detail .product-description { color:#333; line-height:1.6; margin-bottom:16px; }
.btn-buy {
    display:inline-block; background:#f0c911; color:#c92200 !important; padding:8px 20px;
    border:1px solid #e65f44; font-weight:bold; font-family:Arial; text-decoration:none;
}
.btn-buy:hover { background:#f2ab1e; }
.back-link { margin-top:16px; }
.back-link a { color:#fff; }

.clr { clear:both; }

/* contact form (reskins the shared webforactors sub_contact.php partial) */
#contact-form { color:#fff; margin-top:4px; }
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form textarea {
    width:100%; max-width:400px; padding:6px 8px; margin-bottom:8px;
    border-top:1px solid #abadb3; border-right:1px solid #dbdfe6;
    border-bottom:1px solid #e3e9ef; border-left:1px solid #e2e3ea;
    font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000;
}
#contact-form button, #contact-form input[type="submit"], #contact-form .s {
    background:#f0c911; color:#c92200; border:1px solid #e65f44; font-weight:bold;
    font-family:Arial; font-size:14px; padding:8px 22px; cursor:pointer;
}
#contact-form button:hover, #contact-form input[type="submit"]:hover, #contact-form .s:hover { background:#f2ab1e; }

@media (max-width:800px) {
    .layout-table, .layout-table > tbody, .layout-table > tbody > tr, .layout-table > tbody > tr > td {
        display:block; width:100% !important;
    }
    .nav-col { display:flex; flex-wrap:wrap; gap:4px; padding:0 0 10px; }
    .menuElement { margin:0; }
    .content-col { padding:0; }
    .side-col { padding:10px 0 0; display:flex; flex-wrap:wrap; gap:10px; }
    .featuredItems { display:contents; }
    .featuredItems img { width:100px; margin:0; }
}