div.tree ul li { list-style-type: none; margin-bottom: 2px; }
div.tree a.treetoggle { font-size: 9px; padding: 4px; height: 10px; width: 10px; line-height: 10px; }
div.tree a.treetoggle em { visibility: hidden; }

body {
    background: url('/img/background.png');
    padding: 10px 0;
}
.secondary { text-align: right; font-size: 12px }
.navbar, .tree, .breadcrumb { font-family: Ubuntu Condensed, serif; }

.dropcaps:first-letter { float: left; color: #666; font-size: 40px; line-height: 30px; padding-top: 4px; padding-right: 8px; padding-left: 3px; }

.breadcrumb { background: url('/img/background-inverse.png'); color: #f6f6f6; }
.breadcrumb li { text-shadow: 0 1px 0 black; }
.breadcrumb a { color: #fff; }

.table-cart-button .input-mini {
    font-size: 11px;
    line-height: 16px;
    height: 17px;
    padding: 2px 6px;
    width: 30px;
}

.table-striped tr:nth-child(even) td, .table-striped tr:nth-child(even) th {
    background-color: #ffffff;
}

table td.price, table th.price { text-align: right; white-space: nowrap }

table.cartpopover {
    font-size: 11px;
}
.navbar .popover .popover-inner {
    color: #333;
}

.newProducts { margin-bottom: 2em }
.newProducts h2 { font-size: 2em; border-bottom: 3px solid #01b20a }
.newProducts .thumbnails { margin-bottom: 0 }
.newProducts .thumbnails li a { background-color: white; height: 220px; text-align: center }
.newProducts .thumbnails li h3 { font-size: 12px; line-height: 15px }
.newProducts .thumbnails li h3 small { font-size: 10px }

.logo { height: 50px; margin-bottom: 10px; display: inline-block; }
.logo img { height: 50px; float: left }
.logo span { color: rgb(5, 132, 37); padding: 29px 0 0 10px; display: inline-block; float: left; font-weight: bold }

#orderDetail h2 { font-size: 1.3em; margin-top: 0 }

.modal-body { max-height: auto }

.footer { margin-top: 1em; margin-bottom: 1em; padding: 0.5em 0; }
.footer div { font-size: 1em; color: #999; text-align: right; border-top: 1px solid #d3d3d3  }
.footer div a { color: #999 }

/*.product_table tr td a img { height: 50px; max-width: 50px; }*/

.product_detail .price strong { font-size: 2em; color: #666; display: block; padding-bottom: 10px }
.product_detail .price em { font-size: 1em; color: #a2a2a2; }
.product_detail .table-cart-button { display: block; margin-top: 20px; zoom: 1.2 }

.product_thumbnails .thumbnail { background-color: #fff; text-overflow: ellipsis; overflow: hidden; height: 276px }
.product_thumbnails .thumbnail:hover { background-color: #f3f3f3 }
.product_thumbnails .thumbnail img { width: 120px; height: 120px }
.product_thumbnails .thumbnail .price { line-height: 30px; font-size: 110% }
.product_thumbnails .thumbnail h3 { font-size: 12px; margin: 0 0 5px 0; line-height: 20px; }

form .form-description { margin-bottom: 20px !important; }

div.contact h2 { color: #01b20a; font-size: 16px; margin-bottom: 0 }

/* Catalogue storefront (Laravel port): tree toggles, inline forms, lightbox and notices (no jQuery plugins) */
div.tree li.has-children > a.treetoggle em { visibility: visible; }
div.tree [hidden] { display: none; }
form.favourite-form { display: inline; margin: 0; }
form.table-cart-button { margin: 0; white-space: nowrap; }
.product_detail form.favourite-form { display: block; margin-top: 10px; }
.lightbox { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2000; background: rgba(0, 0, 0, .8); text-align: center; }
.lightbox[hidden] { display: none; }
.lightbox img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 90%; max-height: 90%; background: #fff; border: 8px solid #fff; border-radius: 4px; }
.lightbox button { position: absolute; z-index: 1; }
.lightbox .lightbox-close { top: 15px; right: 15px; }
.lightbox .lightbox-prev { top: 50%; left: 15px; }
.lightbox .lightbox-next { top: 50%; right: 15px; }
.lightbox .lightbox-title { position: absolute; bottom: 10px; left: 0; right: 0; color: #fff; }
.notice { position: fixed; top: 20px; right: 20px; z-index: 3000; width: 260px; }

/* Cart (Laravel port): the mini-cart dropdown replaces the jQuery popover */
.navbar-text#cart { position: relative; }
#cart details.mini-cart { display: inline-block; }
#cart details.mini-cart summary { cursor: pointer; display: inline; list-style: none; }
#cart details.mini-cart summary::-webkit-details-marker { display: none; }
#cart .mini-cart-contents { position: absolute; right: 0; top: 100%; z-index: 1500; min-width: 320px; padding: 10px; background: #fff; border: 1px solid #ccc; border-radius: 4px; line-height: 20px; box-shadow: 0 2px 6px rgba(0, 0, 0, .2); color: #333; }