body, html { width:100%; height: 100%; margin: 0; padding: 0; }
body { -webkit-text-size-adjust: 100%; font-family: 'Arimo', sans-serif; background-color: #fff; color: #333; }
body, p, div { font-size: 14px; }
div { box-sizing: border-box; }
.small { font-size: .9em !important; }
.smaller { font-size: .95em !important; }
.larger { font-size: 1.1em !important; }
.large { font-size: 1.2em !important; }
.normal { font-weight: 400 !important; }
.strong, strong, b { font-weight: 700 !important; }
.em, em, p i { font-weight: 400 !important; font-style: italic; }
.emstrong { font-weight: 700 !important; font-style: italic; }
.col-blue { color: #a4b9cc !important; }
.col-green { color: #717c7e !important; }
.col-grey { color: #565656 !important; }
.col-link { color: #333 !important; }
.col-white { color: #ffffff !important; }
h1, .h1 { font-weight: 700; color: #333; font-size: 1.5em; }
h2, .h2 { font-weight: 400; color: #333; font-size: 1.3em; }
h3, .h3 { font-weight: 400; color: #333; font-size: 1.2em; }
h1 a, h2 a, h3 a { color: inherit !important; font-family: inherit !important; }
a img { border: 0; }
a { text-decoration: none; color: #5b6667; }
a.link { color: #8C3128 !important; }
a.underline { text-decoration: none !important; border-bottom: 1px #ccc solid; }
hr { height: 1px; border: 0; border-bottom-width: 1px; border-bottom-style: solid; border-color: #e2e6eb; -moz-box-sizing: content-box; }
/*
#home-header
Page header
#home-main
#home-columns
#home-column-sidebar-left [.home-sidebar]
#home-column-content
#home-column-sidebar-right [.home-sidebar]
#home-footer
.home-content: inside #home-header, #home-main, and #home-footer applies max-width to content inner areas
*/
.home-content { width: 1150px; margin: 0 auto; }
/* .home-content h1 { margin-left: 15px; margin-right: 15px; } */
#home-header { font-size: 1em; background-color: #6D7171; padding: 1em 0; }
#home-header a { color: #dedede; }
#home-header img.logo { display: inline; margin: 1.5em 0 .9em 0; }
#home-header img.menu-trigger { margin-top: 1em; }
#home-main { background-color: #fff; }
#home-column-wrapper { margin: 0 15px 0 15px; }
#home-columns { display: table; width: 100%; }
#home-column-content { min-height: 550px; vertical-align: top; display: table-cell; padding: 1em 1em 5em 1em; }
#home-column-sidebar-left { width: 15em; vertical-align: top; display: table-cell; padding: 1em 1em 5em 1em; background-color: #f3f3f3; }
#home-column-sidebar-right { width: 15em; vertical-align: top; display: table-cell; padding: 1em 0 5em 0; }
#home-column-content div.menu-entry { margin-bottom: .3em; }
#home-column-content div.menu-entry-level-1 { font-size: 1.3em; color: #333 !important; }
#home-column-content div.menu-entry-level-2 { font-size: 1.1em; color: #333 !important; padding-left: 1em; }
#home-column-content div.menu-entry-level-3 { font-size: .95em; color: #333 !important; padding-left: 2em; }
#home-column-content div.menu-entry a { color: inherit; }
#home-column-content div.wgt-val { margin: .2em 0; }
#home-column-content div.wgt-separator { height: 1em; }
#home-footer { width: 100%; background-color: #e2e6eb; }
#home-footer hr { border-color: #c0c4d3; margin-bottom: .75em; }
#home-footer div.menu-group { vertical-align: top; margin: 1em 1em 2em .5em; max-width: 14em; display: inline-block; }
#home-footer div.menu-entry { margin-bottom: .3em; }
#home-footer div.menu-entry-level-1 a { font-size: 1em; font-weight: 700; color: #333 !important; }
#home-footer div.menu-entry-level-2 a { font-size: .95em; color: #333 !important; }
#home-footer div.menu-entry-level-3 a { font-size: .9em; color: #333 !important; opacity: .95; }
div.boxed { background-color: #f8f8f8; padding: 1em; margin: 1em 0; box-sizing: border-box; }
div.home-menu-overlay { display: none; position: absolute !important; width: 17em; vertical-align: middle; z-index: 1000; background-color: #717c7e; }
div.home-menu-overlay div.menu-item, div.home-menu-overlay div.menu-close { font-size: .95em; padding: .75em .5em .75em 1.5em; color: #dedede; }
div.home-menu-overlay div.menu-item { border-bottom: 1px #787878 solid; background-color: #3d3d3d; margin-left: 5px; }
div.home-menu-overlay div.menu-close { background-color: #717c7e; color: white; }
div.home-menu-overlay div.menu-item a.menu-item-label { color: inherit; }
div.home-menu-overlay div.menu-item img.menu-item-img { float: right; }
div.home-menu-overlay div.menu-item img { display: block; }
div.home-menu-page { background-color: #3d3d3d; }
div.home-menu-page .separator { color: #aaa; }
div.home-menu-page div.menu-item { font-size: 1.1em; margin: .5em; display: inline-block; vertical-align: middle; }
div.home-menu-page div.menu-item a.menu-item-label { color: #fff; }
div.home-menu-page div.menu-item a.menu-item-label.hoverable:hover { border-bottom: 1px #dedede solid; }
div.home-menu-page div.menu-item img { display: inline; vertical-align: middle; margin-bottom: .1em; }
div.home-menu-page span.menu-item-index { vertical-align: top; font-size: .9em; color: #fec142; }
form div.form-label, form div.form-label-left { padding: .4em; }
form div.error-msg { font-size: .95em; color: #aa2323; padding: .5em; text-align: left; height: 1.5em !important; }
label, .label { display: block; width: 15em; line-height: 1.5em; }
label.mandatory { font-weight: 700; color: #303030; opacity: 1; }
div.form-value { display: block; line-height: 1.5em; }
div.form-info { margin: .2em 0; opacity: .75; font-style: italic; font-size: .9em; }
form fieldset { border: 0; padding: 0; margin: 0; }
form fieldset legend { display: none; }
form input.text, form textarea, form select {
font-family: 'Arimo', sans-serif !important; font-size: 1em;
color: #444; border: 1px #999 solid; padding: .4em .5em;
}
form input.full-width, form textarea.full-width { width: 90% !important; }
form div.text { background-color: white; border: 1px #aaa solid; padding: .1em; }
form input.invalid-input { background-color: #f5f5f6; }
button, input.button { font-size: 1.1em; font-weight: normal; padding: .4em 2.5em; margin: 0 .2em .5em 0; }
button.normal, input.normal-btn { background-color: #fff; color: #333; border: 1px #aaa solid; }
button.action, input.action-btn { background-color: #3d3d3d; color: #dedede; border: 1px #717c7e solid; }
button.reset, input.reset-btn { background-color: #6D7171; color: #fff; border: 1px #a4b9cc solid; }
.narrow-btn { padding: .4em !important; }
.plain-txt { font-size: .95em !important; padding: 0 !important; background: none !important; border: none; color: #444; border-bottom: 1px #ccc solid; }
button.nav-btn, input.nav-btn { font-weight: normal; padding: .4em .5em; background-color: #f8f8f8; color: #cb2738; border: 1px #e4e4e4 solid; cursor: pointer; }
a.edition-btn { padding: .7em; margin: 1em 0; display: block; font-size: 1em; font-weight: 400; position: relative; white-space: nowrap; }
a.edition-btn img { max-height: 18px; position: absolute; top: 10px; right: 5px; }
a.edition-cart-btn { background-color: #fac22a; }
a.edition-wishlist-btn { color: white; background-color: #45c2c5; }
a.edition-online-btn { color: white; background-color: #85a4a3; }
div#home-column-content a.edition-btn { text-align: center; }
input.flexwidth, textarea.flexwidth, select.flexwidth { width: 280px; }
/* Shopping cart start */
div.basket-item { margin: .5em 0 .5em 0; }
div.basket-item div { display: -moz-inline-stack; display: inline-block; vertical-align: middle; border: 0px #ccc solid; }
div.basket-item-title { width: 45%; }
div.basket-item-price { width: 10%; text-align: right; padding-right: 1em; }
div.basket-item-quantity { width: 20%; white-space: nowrap; }
div.basket-item-options { width: 20%; }
span.price { font-weight: 700; color: #8C3128; }
/* Shopping cart end */
/* List items start */
.list-item-odd { background-color: #f8f8f8; }
.list-item-even { background-color: white; }
.list-item-img, .list-item-info { display: table-cell; vertical-align: top; }
.list-item-img-sm img { display: block; max-width: 64px; margin: 10px; }
.list-item-img-lrg img { display: block; max-width: 96px; margin: 14px; }
.list-item-info { padding: .7em .5em; }
.list-item-info .li-h1 { font-weight: 700; margin-bottom: .5em; }
.list-item-info .li-h2 { font-size: 0.9em; margin-bottom: .5em; }
.list-item-info .li-txt { font-size: 0.9em; color: #717c7e; margin-bottom: .5em; }
div.list-item-img-event { height: 3em; color: white; vertical-align: middle; background-image: url('../img/bgrounds/event-dates.png'); background-position: bottom center; }
span.df-date { font-size: 1.2em; }
span.df-year { font-size: .9em; }
/* List items end */
div.plain-list-item { margin-bottom: .5em; }
.hov:hover { text-decoration: none !important; border-bottom: 1px #717c7e solid; }
/* Edition blocks start */
div.edition-block { display: inline-block; text-align: center; vertical-align: top; margin: 1em; max-width: 20em; }
div.thb img { max-width: 100px; max-height: 140px; }
/* Edition blocks end */
/* Operation result start */
div#SERVER_MSG { font-size: 1.1em; }
div.op-result-success, div.op-result-error, div.op-result-warning, div.op-result-info { padding: .5em 1em .3em 1em; white-space: normal; }
div.op-result-success { color: #fff; background-color: #036400; }
div.op-result-error { color: white; background-color: #be463b; }
div.op-result-warning, .warning { color: #241a1a !important; background-color: #f1dede !important; }
div.op-result-info { color: #777; background-color: #fff8dc; }
ul.op-result-list { margin: 0; padding-left: 1em; }
div.op-result-success a, div.op-result-error a, div.op-result-warning a, div.op-result-info a { color: inherit; }
span.clear-msg { float: right; }
/* Operation result end */
/* Index search results start */
div.isr-facet-container { position: relative; margin-bottom: .5em; }
span.isr-facet-index { font-size: .85em; font-weight: 700 !important; color: #8C3128; }
span.isr-match { font-weight: 700; color: #8C3128 !important; }
/* Index search results end */
/* Edition page start */
img.edition-image { display: block; width: 87.5%; }
div.edition-meta { display: inline-block; padding: .5em; margin: 0 .1em .3em 0; background-color: #ededed; color: #777; }
div.edition-meta-selected { color: white; border: 1px #b1c2d3 solid; background-color: #b1c2d3 !important; }
div.edition-meta a { color: inherit; }
/* Edition page start */
div.html p { line-height: 1.25em; }
div.html a { text-decoration: none; color: #8C3128 !important; }
div.html img { max-width: 600px; }
div.html img.html-img { float: left; max-width: 220px; margin: 5px 15px 5px 0; }
/* Data tables start */
table.data-table th { font-weight: normal; color: #fff; background-color: #565656; }
table.data-table th, table.data-table td { padding: .2em .3em; }
table.data-table td { background-color: #f7f7f7; text-align: left; }
table.data-table td.info { background-color: #ffe3c3; }
table.data-table td, table.data-table td a { color: #333; }
table.data-table td.active { background-color: #3a9cc9; color: white; }
table.data-table td.active a { color: inherit; }
/* Data tables end */
div.edition-hidden-area, div.edition-hidden-area-x { width: 100%; font-size: .9em; }
div.edition-hidden-area { display: none; max-height: 400px; overflow: auto; position: relative; background-color: white; border: 1px #f3f3f3 solid; }
div.edition-hidden-area-x { display: none; text-align: right; font-weight: normal; color: #777; padding: .3em 0 .2em 0; }
div.edition-hidden-area-x a { color: inherit; }
/* Table of contents page numbers start*/
div.edition-hidden-area p { margin: 0; padding: .3em 70px .3em 1em; border-bottom: 1px #f3f3f3 solid; }
div.edition-hidden-area span.page-no { position: absolute; right: 20px; color: #a4b9cc; }
/* Table of contents page numbers end */
@media only screen and (max-width: 1160px) {
.home-content { width: 100%; }
}
@media only screen and (max-width: 960px) {
#home-column-wrapper { margin: 0 !important; }
div.home-menu-page { display: none; }
#home-header img#home-menu-overlay-trigger { display: inline; }
.home-sidebar { display: none !important; }
div.html { text-align: left; }
div.basket-item div { display: block; width: 100%; padding: .5em 0 .5em 0; text-align: left !important; }
}
@media only screen and (max-width: 640px) {
div.home-menu-overlay { width: 100% !important; }
div.home-menu-overlay div.menu-item { margin-right: 5px }
#home-footer div.menu-group { display: block; }
input.flexwidth, textarea.flexwidth, select.flexwidth { width: 95%; }
div.html img { max-width: 92%; }
div.html img.html-img { max-width: 170px !important; }
}
@media only screen and (max-width: 320px) {
input.flexwidth, textarea.flexwidth, select.flexwidth { width: 90%; }
div.html img.html-img { max-width: 120px !important; }
}