article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } #header { padding:.5em; margin-top: 2em; } #header h1 { margin: 0; } #social_media { float: right; vertical-align: top; padding: 5px; } #banner { margin-left: 50px; } #main, #footer, #abstracts { max-width: 60em; margin-left: auto; margin-right: auto; margin-top: 2em; font-size: 80%; } #abstracts div { min-width: 10em; } .copy{ padding: 0.1em 1.5em; text-align: justify; line-height: 180%; } p.abstract { font-size: 140%; text-align: left; } #main, #footer, div.abstract, #social_media p { -moz-border-radius:.5em; border-radius:.5em; } div.abstract button { float: right; } #footer { margin-bottom: 2em; } #footer a, #footer span { margin: 0 2em; font-weight: bold; text-decoration: none; } #footer a:first-child { margin-left: 0; } #footer span { float: right; } div.abstract { float: left; width: 32%; margin-left: 2%; height: 15em; padding-bottom: 4em; } div.abstract p { height: 10em; overflow: hidden; } div.abstract:first-child { margin-left: 0; } #payment { clear: both; padding: 1px; } .logo { display: block; margin: auto; } #menu{ width: 100%; } #menu ul{ width: 100%; list-style-type: none; padding: 0; margin: 0; text-align: center; } #menu ul li{ display: inline; } #menu ul li a{ padding: 0.6em 3em; text-decoration: none; display: inline-block; border-right: 1px solid; } #menu ul li:last-child a{ -moz-border-radius-topright:.5em; border-top-right-radius:.5em; border-right: 0; } #menu ul li:first-child a{ -moz-border-radius-topleft:.5em; border-top-left-radius:.5em; } body { background-color: #E7D7B0; background-image: url(../image/background); background-repeat: no-repeat; background-position: top center; background-attachment: fixed; } #header, #menu{ background-color: #EFE8D5; } #menu a { color: #A07508; } #menu a.current, #menu a:hover, #login, #login a, #footer, #footer a, div.abstract { background-color: #2F2E2A; color: #E7D7B0; } #main, #login button, .abstract button { color: #2F2E2A; background-color: #F7F7E7; } .progress span { background-color: #4F4E4A; color: #C7B790; } .progress span.current, input[type="submit"], input[type="button"], button { background-color: #2F2E2A; color: #E7D7B0; }  h1, h2, h3, #menu ul li, #wrap { font-family: "Gilda Display", serif; font-weight: 550; } #menu { text-transform: uppercase; }  .logo { display: block; margin: auto; } img.bottle{ float: left; clear: left; margin: 0; } .map{ float: right; margin-left: 2em; } img.banner { display: block; margin: auto; } .figure{ float: right; margin-left: 2em; margin-bottom: 2em; }  .progress{ overflow: hidden; float: left; list-style: none; padding: 0; margin: 0; } .progress li{ float: left; margin: 0; } .progress span{ padding: 0 0.4em; } .message{ padding: 0.4em 0 ; } .basket td, .basket th{ border-style: solid; border-color: black; padding: 0.4em 0.8em; border-width: thin 0; text-align: right; width: 10%; } .basket .n-num{ text-align: left; width: 40%; } .basket input{ width: 3em; } .basket .total{ font-weight: bold; } .basket{ margin-bottom:.8em; }  .wine{ clear: both; } .wine-list{ overflow: hidden; width: 100%; margin: 0; padding: 0; } .wine-list h4{ text-align: left; margin-bottom: 0; } .wine-list a{ margin-bottom: 1.6em; } .wine-list li{ float: left; list-style-type: none; width: 45.6%; min-width: 10em; margin: 0 1% 1.6em 1%; padding-left: 1%; } .buy th{ display: none; } .buy td{ width: 5em; } .buy label{ width: 5em; display: block; float: left; } .buy input{ width: 3em; margin: 0; } .buy table{ border-collapse: collapse; } #proof-of-age{ clear: both; padding-top:.8em; } .buy .min{ font-size: 80%; } input[type="submit"], input[type="button"], button, .progress span { -moz-border-radius:.5em; border-radius:.5em; padding: 0.5em 1em; margin-bottom: 1em; } form{ margin: 0; padding: 0; clear: both; } fieldset{ margin: 0; padding: 0; border: none; } fieldset h3{ margin-top: 0; } fieldset h4{ margin: 0; } fieldset p.instruct{ margin-top:.2em; } address{ margin-bottom: 1em; } legend{ display: none; } fieldset ol{ list-style: none; padding: 0; margin-left:.8em; } fieldset ol li{ margin-bottom:.8em; clear: left; } fieldset ol li label{ width: 8.0em; margin-right: 1.6em; float: left; text-align: right; } fieldset ol li input{ width: 20em; } fieldset ol li input.csc { width: 4em; } fieldset ol .checkbox{ padding-left: 9.6em; } fieldset ol .checkbox label{ float: none; } fieldset ol .checkbox input{ margin-left: 0; margin-right:.8em; width: 1em; } .submit{ positive: fixed; } form .submit{ float: right; } .details dt{ width: 10em; float: left; clear: right; font-weight: bold; } .details dd{ margin-left: 10em; }  .notes { margin-left: 90px; } .notes dt{ width: 10em; float: left; clear: right; font-weight: bold; } .notes dd{ margin-left: 10em; margin-bottom: 1.6em; } .notes dd ul{ list-style: none; margin: 0; padding: 0; }  .invoice, .invoice #header { background-image: none; background-color: #fff !important; color: #000 !important; } .invoice #wrap { margin: 2em; } .invoice .logo { border-color: #fff; } .invoice address{ margin: 0; } .invoice table{ margin-top:.8em; clear: left; } .invoice h3{ margin-bottom: 0; margin-top:.2cm; } .invoice form ul{ list-style: none; display: inline; } .invoice form ul.card li{ float: left; margin: 0 0.8em; clear: none; } .invoice input.text{ border-style: none none dotted none; border-color: #000; width: 8cm; } .invoice #control{ position: fixed; top: 2em; right: 2em; } #login { position: fixed; top: 0em; width: 100%; height: 2em; text-align: right; padding-top:.3em; } #login a { text-decoration: none; } #login span { padding: 1em; border-right: 1px solid; } #login span:last-child { border-right: 0; } #login .icon { vertical-align: middle; } @font-face { font-family: 'Gilda Display'; font-style: normal; font-weight: 400; src: local('Gilda Display'), local('GildaDisplay-Regular'), url(https://fonts.gstatic.com/s/gildadisplay/v4/8yAVUZLLZ3wb7dSsjix0CP1Ie94GXVQ4L73iNy0KJ5Y.ttf) format('truetype'); }  .hidden { display: none; } address{ font-style: normal; } a.button { text-decoration: none !important; }