/* ***deskAddress.css *** */ .address-list { margin: 0px; padding: 5px; font-size: 14px; color: #555; background-color: inherit; } .address-list .new { width: 100%; text-align: right; margin-bottom: 30px; } .address { text-align: left; margin-bottom: 30px; padding: 10px; border: 2px solid black; background-color: #eeece9; } .address .box { width: 345px; height: auto; display: inline-block; vertical-align: top; } .address .box .line { margin: 10px; zzheight: 20px; vertical-align: middle; } .address .box .line .lbl { width: 100px; text-align: right; display: inline-block; margin-right: 10px; white-space: nowrap; } .address .box .line .txt { width: 200px; display: inline-block; } .address .box .line .txt input { font-size: 14px; width: 100%; } .address .box .line .txt select { font-size: 14px; width: 100%; } .address .box .billing { width: 200px; display: inline-block; font-size: 14px; font-style: italic; margin: 10px 0 0px 0; text-decoration: underline; } .address .select { width:100%; text-align: right; margin: 10px 0px; } .address .cmds { width: 100%; display: flex; flex-direction:row-reverse; justify-content: space-between; margin-top: 10px;} .address .cmds .delete { margin-left: 10px; } .address .cmds .confirm { margin-right: 10px; } .address .msg { display: none; width: 100%; text-align: center; margin-top: 10px; } .address .delete-confirm {text-align: left; color: #569A27; font-family:"HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Meduim", Helvetica, Arial, "Lucida Grande", sans-serif; display: none; } .address .delete-confirm .btn-red { margin-top: 10px; margin-left: 10px; } /* ***deskAccountClose.css *** */ .account-close { font-size: 14px; width: 500px; border: 2px solid black; margin-bottom: 20px; padding: 10px 10px 10px 10px; background-color: #eeece9;} .account-close .box { } .account-close .txt { margin-bottom: 10px; } .account-close .box .confirm { text-align: left; } .account-close .msg { display: none; width: 100%; text-align: center; margin-top: 10px; } #close-reason { margin-bottom: 10px; } #close-confirm { text-transform: uppercase; width: 100px; margin-bottom: 10px; margin-right: 10px; } /* ***deskAccountDetails.css *** */ .account-details { font-size: 14px;} .account-details .box { width: 500px; border: 2px solid black; margin-bottom: 20px; padding: 10px 10px 10px 10px; background-color: #eeece9; } .account-details .box .h { font-weight: bold; text-decoration: underline; margin-bottom: 8px; } .account-details .box .line { display: block; margin-bottom: 15px; } .account-details .box .extra { display: block; margin-bottom: 30px; color: darkblue; font-weight: bold; } .account-details .box .line .lbl { display: inline-block; width: 180px; text-align: right; margin-right: 10px; vertical-align: middle; } .account-details .box .line .txt { display: inline-block; width: 220px; vertical-align: middle; } .account-details .box .line .txt input { font-size: 14px; width: 100%; } .account-details .box .line .opt {display: inline-block; width: 50px; vertical-align: top; } .account-details .box .line .opt-d {display: inline-block; width: 260px; vertical-align: top; font-size: 12px;} .account-details .box .confirm { text-align: right; } .account-details .box .msg { display: none; width: 100%; text-align: center; margin-top: 10px; } /* ***deskOrderList.css *** */ .order-list { margin: 0px; padding: 5px; font-size: 14px; color: #555; background-color: inherit;} .order-list .order-item {text-align: left; margin-bottom: 20px; padding: 10px; border: 2px solid black; height: auto; width: 400px; background-color: #eeece9; } .order-list .order-item .details { width: 250px; line-height: 1.5em; display: inline-block; } .order-list .order-item .details .line { } .order-list .order-item .details .line .lbl { width: 115px; text-align: right; display: inline-block; margin-right: 10px; } .order-list .order-item .details .line .txt { width: 125px; display: inline-block; } .order-list .order-item .cmds { text-align: right; width: 150px; display: inline-block;vertical-align: top; font-family:"HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Meduim", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; font-size: 16px; } .order-list .order-item .cmds .wrn {color: red; font-weight: normal; zzfont-size: 12px; } .order-list .order-item .cmds a { display: block; line-height: 1.5em; } .order-list .order-item .cmds a:link, .order-list .order-item .cmds a:visited, .order-list .order-item .cmds a:hover, .order-list .order-item .cmds a:active { color: #569A27; text-decoration: none; } .order-cancel-confirm {text-align: right; color: #569A27; font-family:"HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Meduim", Helvetica, Arial, "Lucida Grande", sans-serif; } .order-cancel-confirm .btn2 { margin: 0px 5px;} /* ***comRefer.css *** */ .refer { font-size: 10pt; font-family: verdana, arial, helvetica, sans-serif; } .refer p { margin-bottom: 16px; } .refer .heading { font-size: 12pt; color: #339933; font-weight: bold; } .refer .high { color: #339933; font-weight: bold; } .refer .tc { } .refer .tc p { } .refer .link { display: inline; } .refer .link a { color: darkblue; font-size: 1.1em; margin-right: 10px; } .refer .button { margin-right: 10px; display: inline; vertical-align: top; } .refer .form table { padding: 0px; border: 3px solid green; border-spacing: 10px; width: 100% } .refer-error { color: red; } .refer-sent { color: blue; font-weight: bold; } /* ***comRegularOrder.css *** */ #regular-order { font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 10pt; } #regular-order p { font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 10pt; margin-bottom: 10px; } #regular-order { } #regular-status { } #regular-frequency { } #regular-schedule { } #regular-schedule .suspend { vertical-align: top; } #regular-schedule .suspend td {vertical-align: top; padding-right: 16px; } #regular-schedule .dates { width: 100%; border: 2px solid green; border-collapse: collapse; vertical-align: middle; margin-bottom: 32px; } #regular-schedule .dates td { padding: 10px 6px; border: 1px solid green; vertical-align: middle; } #regular-schedule .a-h {text-align: center; font-weight: bold; width: 1px; white-space: nowrap; } #regular-schedule .a { text-align: center; width: 1px; white-space: nowrap; } #regular-schedule .b-h {text-align: left; font-weight: bold; } #regular-schedule .b { text-align: left; } #regular-schedule .c-h {text-align: left; font-weight: bold; width: 1px; white-space: nowrap; } #regular-schedule .c { text-align: left; width: 1px; white-space: nowrap; } #regular-schedule .c a { display: block; line-height: 1.5em; font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; font-size: 16px; } #regular-schedule .c a:link, #regular-schedule .c a:visited, #regular-schedule .c a:hover, #regular-schedule .c a:active { color: #569A27; text-decoration: none; } #regular-slot table { width: 40em; border: 2px solid green; border-collapse: collapse; } #regular-slot td { padding: 6px; border: 1px solid green; vertical-align: middle; text-align: left; } #regular-slot td.h1 { border: none; } #regular-slot td.h1b { border: none; text-align: right; } #regular-slot td.h2 { padding-top: 0px; padding-bottom: 9px; border: none; } #regular-slot td.h3 { padding-top: 12px; border: none; } #regular-slot td.h4 { padding-top: 0px; padding-bottom: 9px; border: none; } #regular-slot td.a { text-align: center; } #regular-slot td.b { border-left: none; border-right: none; } #regular-slot td.c { border-left: none; border-right: none; text-align: center; } #regular-slot td.d { border-left: none; border-right: none; text-align: right; } #regular-slot a { display: block; font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; } #regular-slot a:link, #regular-slot a:visited, #regular-slot a:hover, #regular-slot a:active { color: #569A27; text-decoration: none; } #regular-slot .confirm { margin-top: 16px; margin-left: 16px; font-size: 1.1em; color: blue; } #regular-slot .quest { margin: 8px 0px 0px 16px; font-size: 1.1em; color: blue; } #regular-slot .quest input { margin: 4px 0px 0px 10px; font-size: 1em; cursor: pointer; } #regular-slot .msg { margin: 8px 0px 0px 16px; font-size: 1.1em; color: blue; } #regular-slot .error { margin: 8px 0px 0px 16px; font-size: 1.1em; color: red;} /* ***deskAccount.css *** */ .account-menu { font-size: 1.2em; font-family:"HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Meduim", Helvetica, Arial, "Lucida Grande", sans-serif; } .account-menu ul { list-style-type: none; } .account-menu li { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1px; background-color: #eeece9; padding: 0.25em; } .account-menu li.selected { background-color: #9EB19A; } .account-menu li.selected a {color: #222220;} .account-menu li a { color: #222220; } .account-menu li a:link, .account-menu li a:visited { color: inherit; text-decoration: none; } .account-menu li a:hover, .account-menu li a:active { color: inherit; text-decoration: underline; } /*.account-menu .a { flex: 0 0 20px; text-align: left; height: 1.2em; display: flex; } .account-menu .a input { margin: auto 0; } .account-menu .b { flex: 1; text-align: left; } .account-menu .c { flex: 0 1 40px; text-ali*/ /* ***comBasket.css *** */ #basket-overlay { background-color: rgba(0,0,0,0.75); position:fixed; left:0; top:0; width: 100%; height:100%; z-index: 10; display: none; } #basket { position: fixed; top: 5px; right: 0; bottom: 0; z-index: 999; background: white; overflow-y: auto; margin-right: 10px; display: none; border: 5px solid #b5c14d; } #basket .top { position: fixed; background-color: #b5c14d; z-index: 1000; } #basket .top .close { background-image: url(/images/exit.png); width: 24px; height: 24px; float: right; padding: 0; border: none; cursor: pointer; background-color: transparent; } #basket, #basket .top { width: 325px; } #basket .top, #basket .top-phantom { height: 28px;} #basket .main { display: flex; flex-direction: column; align-content: flex-start; } #basket .sub-total {font-size: 1.4em; float: left; color: green; } #basket .basket-sub-total { font-size: 1.4em; color: green; float: right; } .basket-is-empty { margin-top: 10px; font-size: 1.2em; } .basket-checkout { color: #569A27; font-family:"HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Meduim", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 1.8em; text-align: left; } .basket-checkout a:link, .basket-checkout a:visited, .basket-checkout a:hover, .basket-checkout a:active { color: inherit; text-decoration: none; font-weight:normal; } .basket-item { border-bottom: 1px solid green; padding: 5px; } .basket-item .row { display: table-row; } .basket-item .pic { display: table-cell; } .basket-item .pic, .basket-item .pic img { width: 50px; height: 50px; margin-right: 10px; } .basket-item .desc { display: table-cell; height: 100%; width: 100%; text-align: left; position: relative; } .basket-item .desc-top { position: absolute; top: 0px; } .basket-item .desc-bot { } .basket-item .desc a { font-size: 1.1em; } .basket-item .desc .buy { width: 100%; } .basket-item .qty { margin: 0 5px; } .basket-item .price { font-size: 1.2em; color: green; float: right; } .basket-buttons { position: relative; left: -1px; top: -1px; width: 18px; height: 36px; float: left; } .basket-plus { border: 0px; margin: 0px; padding: 0px; width: 18px; height: 18px; cursor: pointer; background-image: url(/images/btnbasketadd.png) } .basket-minus { border: 0px; margin: 0px; padding: 0px; width: 18px; height: 18px; cursor: pointer; background-image: url(/images/btnbasketremove.png); } .basket-remove { border: 0px; margin: 0px; padding: 0px; width: 18px; height: 18px; cursor: pointer; background-image: url(/images/btnbasketdelete.png); } .basket-repeat { border: 0px; margin: 0px; padding: 0px; width: 24px; height: 24px; cursor: pointer; background-image: url(/images/basket-go-icon.png); } .basket-desc { position: relative; font-size: 11px; line-height: normal; right: 3px; width: 146px; float: right; } #basket .wrn { margin-left: 20px; color: red; } .basket-item .edit-h { text-decoration: underline; margin-bottom: 5px; font-size: 1.4em; text-align: left; font-weight: bold; } .basket-item .edit { text-align: left; font-size: 1.4em; margin-bottom: 5px; } .basket-empty { } .basket-empty .b { position: relative; left: -1px; top: 1px; width: 22px; height: 20px; border: 0; float: left; margin-right: 10px; } .basket-empty .b input { border: 0px; margin: 0px; padding: 0px; width: 18px; height: 18px; cursor: pointer; background-image: url(/images/basket-remove-icon.png); } .basket-empty .t { text-align: left; position: relative; font-size: 1.2em; line-height: normal; font-style: italic; font-weight: bold; color: #505050; top: 3px; right: 3px; margin-bottom: 10px; float: left; cursor: pointer; } .basket-empty-confirm { display: none; position: relative; font-size: 1.2em; text-align: left; line-height: normal; font-style: italic; color: #505050; left: -1px; float: left; } .basket-empty-confirm input { margin: 0px 0px 0px 10px; font-size: 1.2em; cursor: pointer; } .basket-empty-confirm .txt { margin-bottom: 10px; display: inline-block; } .basket-cancel { font-size: 1em; margin-top: 5px; text-align: right; } .basket-cancel a { text-decoration: none; } #basket-max { } #basket-max .main-table { width: 100%; border: 2px solid green; border-collapse: collapse; vertical-align: middle; } #basket-max .main-table td { padding: 6px; border: 1px solid green; vertical-align: middle; } #basket-max .td-qty-h { text-align: center; font-weight: bold; width: 1px; white-space: nowrap; } #basket-max .td-qty { text-align: center; width: 1px; white-space: nowrap; } #basket-max .td-qty table { border: none; margin: 0px; padding: 0px; } #basket-max .td-qty .a { border: none; margin: 0px; width: 18px; padding: 0px 6px 0px 0px; text-align: center; } #basket-max .td-qty .b { border: none; margin: 0px; width: 18px; padding: 0px 8px 0px 0px; text-align: center; } #basket-max .td-qty .b div { border: none; margin: 3px 0px 3px 0px; padding: 0px; text-align: center; } #basket-max .td-qty .c { border: none; margin: 0px; padding: 0px; } #basket-max td .qty { text-align: right; font-weight: bold; } #basket-max .td-bsk-h { text-align: center; font-weight: bold; } #basket-max .td-bsk { text-align: center; } #basket-max .td-prd-h { text-align: center; font-weight: bold; width: 100%; } #basket-max .td-prd { text-align: left; width: 100%; } #basket-max .td-prd table { border: none; padding: 0px; margin: 0px; width: 100% } #basket-max .td-prd td { border: none; padding: 0px 6px 0px 0px; margin: 0px; } #basket-max .td-prc-h { text-align: right; font-weight: bold; width: 1px; white-space: nowrap;} #basket-max .td-prc { text-align: right; font-size: 1.5em; color: green; width: 1px; white-space: nowrap; } #basket-max .td-tot-l { text-align: right; font-size: 1.5em; font-weight: bold; padding: 22px 6px 22px 6px; } #basket-max .td-tot-r {text-align: right; font-size: 1.5em; color: green; font-weight: bold; width: 1px; white-space: nowrap; padding: 22px 6px 22px 6px; } #basket-max .wrn { color: red; text-align: center; } /* ***comCategory.css *** */ .category-desc { color: #0A263C; font-size: 1.1em; background-color: white; padding:10px;margin:0; } .category-desc ul {list-style-position:inside;} /* ***comCategoryBackMenu.css *** */ /*.category-back-menu { zzfloat: left; padding: 0px; zzmargin: 0 0 10px 0; zzfont-weight: bold; font-size: 1.2em; }*/ .category-back-menu { font-size: 1.2em; padding: 4px 8px; border: 1px solid #222220; } .category-back-menu ul { display: flex; flex-direction: column; list-style-type: none; } .category-back-menu li { padding: 4px 12px; margin: 4px; background-color: #eeece9; } .category-back-menu a { text-decoration: none; color: #222220; } .category-back-menu a:link, .category-back-menu a:visited { color: inherit; text-decoration: none; } .category-back-menu a:hover, .category-back-menu a:active { color: inherit; text-decoration: underline; } /* ***comCategoryList.css *** */ .category-list { padding-left: 37px; display: block; } .category-list li { text-align: center; margin: 10px 12px 10px 10px; width: 150px; height: auto; border: 1px solid rgb(232, 230, 210); display: inline-block; vertical-align: top; } .category-list .t { text-align: center; font-weight: bold; font-size: 0.9em; display: block; overflow: hidden hidden; height: 1.8em; padding: 8px 0 5px 0; } .category-list .p { text-align: center; padding: 10px 0 10px 0; } /* ***comCheckout.css *** */ #checkout { font-size: 1.2em; } #checkout .pay-tab { } /*#checkout .pay-tab .tr { display: table-row; } */ #checkout .pay-tab .td1 { text-align: center; vertical-align: central; } #checkout .pay-tab .td2a { vertical-align: central; font-size: 1.2em; font-weight: bold; } #checkout .pay-tab .td2b { vertical-align: top; } #checkout .pay-tab td { padding-right: 1em; } #checkout .card-tab { } /*#checkout .card-tab .tr {display :table-row; } */ #checkout .card-tab .th { font-weight:bold; background-color: lightblue; } #checkout .card-tab .o { padding: 0px; text-align: center; } #checkout .card-tab .l { text-align:left; padding: 0.25em 1em; } #checkout .card-tab .c { text-align: center; padding: 0.25em 1em; } #checkout .card-tab .rem { border: 0px; margin: 0px; padding: 0px; width: 18px; height: 18px; cursor: pointer; background-image: url(/images/basket-remove-icon.png); } #checkout .card-tab .sel {background-color: lightgreen; } #checkout .card-new { } #checkout .card-new td { padding: 0.4em 0.4em;} #checkout .card-new a:link, #checkout .card-new a:visited, #checkout .card-new a:hover, #checkout .card-new a:active { color: blue; text-decoration: none; font-weight:bold; } #checkout-card-type, #checkout-cardholder, #checkout-cardnumber { width: 15em; } #checkout-newsecnum, #checkout-savedsecnum { width: 5em; } #checkout .place {text-align: right; } #checkout-place { text-align: right; float: right; } #checkout-secnum-box { padding-bottom: 2em; } #checkout-secnum { } /*#checkout-place .button { float: right; background-image: url(/images/place_order.png); width: 115px; height: 30px; cursor: pointer; border: 0px; } */ #checkout-place .button { float: right; background-image: url(/images/place_order_2.png); width: 125px; height: 27px; cursor: pointer; border: 0px; } #checkout-place .button:hover { float: right; background-image: url(/images/place_order_1.png); width: 125px; height: 27px; cursor: pointer; border: 0px; } #checkout-place .button-due { float: right; background-image: url(/images/process_payment_2.png); width: 170px; height: 27px; cursor: pointer; border: 0px; } #checkout-place .button-due:hover { float: right; background-image: url(/images/process_payment_1.png); width: 170px; height: 27px; cursor: pointer; border: 0px; } #checkout-processing { display: none; text-align: left; font-size: 1.2em; } #checkout-error { margin-left: 0.5em; margin-right: 0.5em; margin-bottom: 0.5em; display: none; color: red; text-align: left; font-size: 1.2em; } #checkout-contact { display: none; color: darkblue; font-weight: bold; margin-left: 0.5em; margin-right: 0.5em; margin-bottom: 0.5em; text-align: left; font-size: 1.2em; } #checkout-info { margin-left: 0.5em; margin-right: 0.5em; margin-bottom: 0.5em; color: darkblue; text-align: left; font-size: 1.2em; display: none; } .checkout-completed { margin: 10px; padding: 10px; font-size: 24px; color: #555; background-color: inherit; border: 1px solid rgb(232, 230, 210); height: auto; text-align: left; vertical-align: text-top; } .checkout-completed p { margin-bottom: 10px; font-size: 14px; } /* ***comCheckoutFrames.css *** */ #checkout .container { width: 250px; margin-left: 8px; margin-top: 10px; } #checkout iframe { /* This fixes a mobile Safari bug */ height: 38px !important; } #payment-form { width: 280px; margin: 0 auto; } #checkout label { display: block; height: 10px; font-size: 14px; font-weight: 500; line-height: 10px; margin: 8px 0; } #checkout .date-and-code { display: flex; margin-bottom: 8px; } #checkout .date-and-code > div:nth-child(1) { width: 55.715%; } #checkout .date-and-code > div:nth-child(2) { width: 45.719%; } #checkout .input-container { position: relative; display: flex; height: 40px; } #checkout .icon-container:last-child { right: 0; } #checkout .icon-container.payment-method { right: 0; } #checkout .input-container.card-number { margin-bottom: 8px; } #checkout .input-container.expiry-date { margin-right: 8px; } #checkout .card-number-frame, #checkout .expiry-date-frame, #checkout .cvv-frame { flex: 1 1 auto; padding-left: 40px; } #checkout div + button { margin-top: 8px; } #checkout .icon-container { position: absolute; top: 0; bottom: 0; display: flex; justify-content: center; width: 26px; margin: 0 7px; } #checkout .icon-container.payment-method { transform: translateY(-50%) rotateY(90deg); transition: opacity 0.15s ease-out; opacity: 0; top: 50%; } #checkout .icon-container.payment-method.show { opacity: 1; transition: all 0.4s ease-out; transform: translateY(-50%) rotateY(0deg); } #checkout .icon-container.payment-method img { width: 100%; } #checkout [id$="-error"] { display: none; } #checkout .error-message__card-number, #checkout .error-message__expiry-date, #checkout .error-message__cvv { font-size: 1em; color: red; margin-bottom: 0.5em; font-style: italic; } #checkout .frame { opacity: 0; } #checkout .frame--activated { opacity: 1; border: solid 1px #13395e; border-radius: 3px; box-shadow: 0 1px 3px 0 rgba(19, 57, 94, 0.2); } #checkout .frame--activated.frame--focus { border: solid 1px #13395e; box-shadow: 0 2px 5px 0 rgba(19, 57, 94, 0.15); } #checkout .frame--activated.frame--invalid { border: solid 1px #d96830; box-shadow: 0 2px 5px 0 rgba(217, 104, 48, 0.15); } #checkout .error-message { display: block; color: #c9501c; font-size: 9.9rem; margin: 8px 0 0 1px; font-weight: 300; } #pay-button { border: none; border-radius: 3px; color: #fff; font-weight: 500; height: 40px; width: 100%; background-color: #13395e; box-shadow: 0 1px 3px 0 rgba(19, 57, 94, 0.4); } #pay-button:active { background-color: #0b2a49; box-shadow: 0 1px 3px 0 rgba(19, 57, 94, 0.4); } #pay-button:hover { background-color: #15406b; box-shadow: 0 2px 5px 0 rgba(19, 57, 94, 0.4); } #pay-button:disabled { background-color: #697887; box-shadow: none; } #pay-button:not(:disabled) { cursor: pointer; } #checkout .success-payment-message { color: #13395e; line-height: 1.4; } #checkout .token { color: #b35e14; font-size: 0.9rem; font-family: monospace; } /** IE11-targeted optimisations */ _:-ms-fullscreen, :root #checkout .icon-container { display: block; } _:-ms-fullscreen, :root #checkout .icon-container img { top: 50%; -ms-transform: translateY(-50%); position: absolute; } _:-ms-fullscreen, #icon-card-number, _:-ms-fullscreen, #icon-expiry-date, _:-ms-fullscreen, #icon-cvv { left: 7px; } #checkout-frames-card-number::-ms-clear { display: none; } /* ***comPaymentsDue.css *** */ #checkout .due-div { margin-bottom: 2em; font-size: 1.2em; } #checkout .due-tab { } #checkout .due-tab .th {font-weight: bold; background-color: lightblue;} #checkout .due-tab .l {text-align: left; padding: 0.25em 1em; } #checkout .due-tab .c {text-align: center; padding: 0.25em 1em; } #checkout .due-tab .r {text-align: right; padding: 0.25em 1em; } #checkout .due-tab .o {text-align: center; padding: 0px;} #checkout .due-tab .sel {background-color: lightgreen;} /* ***comDeliverySearch.css *** */ .delivery-search { } .delivery-search .rightbarbox { padding-bottom: 10px; } .info-box .delivery-search { padding-bottom: 10px; } .delivery-search p { padding-bottom: 8px; } .delivery-search .c { display: table; margin: auto; } .delivery-search .c .c1 { display: table-cell; vertical-align: middle; } .delivery-search .c .c1 input { width: 100%; height: 25px; border: solid 1px #d1d89d; margin:0px; padding:0px; line-height:25px; text-indent:4px; } .delivery-search .c .c2 { display: table-cell; text-align: right; vertical-align: middle; } .delivery-search .c .c2 button { width:27px;height:27px;background-image:url("/images/btnSearch.gif");border:none;padding:0px; margin:0 0 0 -4px; vertical-align:bottom; cursor: pointer; } .delivery-search .result { padding-top: 15px; text-align: center; } .delivery-search .result .h { font-weight: bold; } .delivery-search .result .d { text-decoration: underline; } .delivery-search .result .dl { font-style: italic; } .delivery-search .result .nearly { font-style: italic; color: orangered; } .delivery-search .result .full { font-style: italic; color: red;} /* ***deskFooter.css *** */ #footer-gap { height: 0px; } #footer { background-color: #222220; color: #F5F3EA; color: white; font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; } #footer .row { margin : 0 48px 0 48px; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: stretch; } #footer a { text-decoration: underline; margin-right: 30px; } #footer a:link, #footer a:visited { color: inherit; text-decoration: none; font-weight:normal;} #footer a:active, #footer a:hover { color: inherit; text-decoration: underline; font-weight:normal;} #footer .terms a:link, #footer .terms a:visited, #footer .terms a:active, #footer .terms a:hover { color: inherit; text-decoration: underline; font-weight: normal; } #footer .cell { text-align: left; margin: 24px 0 24px 0; font-size: 12px; line-height: 1.3em; height: 392px; } #footer .head1 { font-size: 12px; text-transform: uppercase; } #footer .head2 { font-family:"HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Meduim", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; } #footer .mobile img { width: 50px; height: 50px; } #footer .mobile { } #footer .social img { width: 38px; height: 38px; } #footer .social a { margin-right: 12px; } #footer .about-us { display: flex; flex-direction: column; justify-content: space-between; } #footer .contact-us { display: flex; flex-direction: column; justify-content: space-between; } #footer .logo img { width: 160px; height: 80px; } #footer .s { margin-bottom: 12px; } #footer .m { margin-bottom: 24px; } #footer .l { margin-bottom: 48px; } /* ***deskDeliverySlots.css *** */ #delivery-slots { padding-top: 170px; margin-top: -170px;} .homepage .slots { display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; height: 380px; margin-bottom: 48px; } .homepage .slots .query { width: 380px; height: 100%; background-color: #9EB19A; flex: 0 0 380px; display: flex; flex-direction: column; border: 1px solid #222220; } .homepage .slots .query .icon { margin: 48px 48px 0 48px; height: 32px; width: 32px; background-image: url(/images/icons/calendar.svg); background-size: cover; } .homepage .slots .query .hline { margin: 48px 48px 0px 48px; font-family:"HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Meduim", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 30px; text-transform: uppercase;} .homepage .slots .query .text { margin: 24px 48px 0px 48px; font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 20px; } .homepage .slots .query .input { margin: 24px 0 0 0;border-top: 1px solid #222220; border-bottom: 1px solid #222220; height: 24px; width: 100%; display: flex; flex-direction: row; } .homepage .slots .query .input .tb { flex-grow: 1; margin-left: 48px; border-right: 1px solid #222220; height: 24px; background-color: transparent!important; } .homepage .slots .query .input .tb input[type=text] {background-color: transparent!important; border: none; width: 100%; height: 100%; } .homepage .slots .query .input .tb input:-webkit-autofill, .homepage .slots .query .input .tb input:-webkit-autofill:hover, .homepage .slots .query .input .tb input:-webkit-autofill:focus, .homepage .slots .query .input .tb input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; } .homepage .slots .query .input .tb { outline: 0; } .homepage .slots .query .input .tb input:focus { outline: 0; } .homepage .slots .query .input .tb input { font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; } .homepage .slots .query .input .sbtn { outline: 0; } .homepage .slots .query .input .sbtn input:focus { outline: 0; } .homepage .slots .query .input .sbtn { flex-grow: 0; width:24px;height:24px; background-color: #9EB19A; background-image:url("/images/icons/search.svg"); background-size: 20px; background-position: center; background-repeat: no-repeat; border: none; cursor: pointer; } .websection-slots { flex-grow: 1; background-color: #F5F3EA; width: 100%; height: 380px; object-fit: cover; object-position: center; border-top: 1px solid #222220; border-bottom: 1px solid #222220; border-right: 1px solid #222220; } .websection-slots .pic {width: 100%; position: relative; padding-bottom: 42.22%; } .websection-slots .pic img { position: absolute; border: none; width: 100%; height: 380px; object-fit: cover; object-position: center; } .homepage .slots .result { flex-grow: 1; background-color: #F5F3EA; height: 380px; object-fit: cover; object-position: center; border-top: 1px solid #222220; border-bottom: 1px solid #222220; border-right: 1px solid #222220; } .homepage .slots .result .heading { height: 48px; padding-left: 48px; font-family:"HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Meduim", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 20px; text-transform: uppercase; border-bottom: 1px solid #222220; display: flex; align-items: center; } .homepage .slots .result .heading .text { } .homepage .slots .result .items { padding-left: 48px; padding-top: 48px; height: 284px; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; } .homepage .slots .result .items .item { font-size: 12pt; margin-bottom: 24px; } .homepage .slots .result .items .item .error { } .homepage .slots .result .items .item .hline { font-weight: bold; text-decoration: underline; } .homepage .slots .result .items .item .day { text-decoration: underline; } .homepage .slots .result .items .item .times { } .homepage .slots .result .items .item .deadline { font-style: italic; } .homepage .slots .result .items .item .full { font-style: italic; color: red; } .homepage .slots .result .items .item .nearly {font-style: italic; color: orangered; } /* ***deskHomeRefer.css *** */ .homepage .refer-about { position: relative } .homepage .refer-about .list{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; width: calc(100% - 72px); margin: 0 auto 48px auto; } .websection-refer { width: 100%; position: relative; margin: 0 12px; } .websection-refer .pic { width: 100%; padding-bottom: 120%; } .websection-refer .pic img { position: absolute; border: none; width: 100%; height: 100%; object-fit: cover; object-position: center; } .websection-refer .hline { position: absolute; top: 72px; width: 100%; text-wrap: normal; } .websection-refer .hline .text { margin-left: 24px; color: white; font-family:"HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Meduim", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 60px; width: calc(100% - 48px); } .websection-refer .desc { } .websection-refer .desc .text { } .websection-about-us { display: flex; flex-direction: column; white-space: nowrap; margin: 0 12px; width: 100%; } .websection-about-us .pic { width: 100%; position: relative; padding-bottom: 100%; object-fit: cover; object-position: center; } .websection-about-us .pic img { position: absolute; border: none; width: 100%; height: 100%; object-fit: cover; object-position: center; } .websection-about-us .hline { margin-top: 24px; font-family:"HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Meduim", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 20px; } .websection-about-us .hline .text { } .websection-about-us .desc { margin-top: 12px; font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; } .websection-about-us .desc .text { white-space: normal; } #refer-pop-up { position: absolute; top: 0px; left: 0px; background-color: #9EB19A; z-index: 3; display: none; flex-direction: row; justify-content: flex-start; border: solid 1px #222220; align-items: stretch; } #refer-pop-up .col-main { width: 284px; height: 380px; margin: 48px; float: left; background-color: #9EB19A; } #refer-pop-up .col-main .hline { margin-bottom: 24px; font-family:"HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Meduim", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 30px; text-transform: uppercase; } #refer-pop-up .col-main .tag { margin-bottom: 24px; font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; } #refer-pop-up .col-main .text { margin-bottom: 48px; font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 20px; } #refer-pop-up .col-main .link { font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 18px; display: block; margin-bottom: 5px; } #refer-pop-up .col-main .sel { text-decoration: underline; } #refer-pop-up-how, #refer-pop-up-do { display: flex; flex-direction: row; justify-content: flex-start; } #refer-pop-up .col { width: 300px; height: 100%; background-color: #F5F3EA; font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; border-left: solid 1px #222220; } #refer-pop-up .col .hdr { height: 48px; position: relative; } #refer-pop-up .col .hdr .exit { position: absolute; right: 0; width: 48px; height: 48px; background-image:url("/images/icons/cross.svg"); background-size: cover; border: none; cursor: pointer; } #refer-pop-up .col .hdr .exit input:focus { outline: 0; } #refer-pop-up .col .main { height: calc(100% - 48px); position: relative; } #refer-pop-up .col .main .hline { text-decoration: underline; margin: 0 48px 24px 48px; } #refer-pop-up .col .main .text { margin: 0 48px 24px 48px; } #refer-pop-up .col .main .link { margin: 0 48px 0 48px; } #refer-pop-up .col .main .link a { font-weight: bold; } #refer-pop-up .col .main .copy { margin: 0 48px 24px 48px; text-decoration: underline; } #refer-pop-up .col .main .f-t { margin: 0 48px 24px 48px; } #refer-pop-up .col .main img { width: 38px; height: 38px; margin-right: 10px; } #refer-pop-up .col .main .f-t .button { margin-right: 0px; display: inline; vertical-align: top; } #refer-pop-up .col .main .form { padding: 3px 48px; } #refer-pop-up .col .main .tb { border-top: 1px solid #222220; } #refer-pop-up .col .main .bb { border-bottom: 1px solid #222220; } #refer-pop-up .col .main .form input { width: 100%; outline: 0; border: 0; background-color: #F5F3EA; font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; } #refer-pop-up .col .main .form input:focus { outline: 0; } #refer-pop-up .col .main .sep { background-color: #222220; height: 24px; width: 100%; color: white; } #refer-pop-up .col .main .submit { position:absolute; bottom: 0px; background-color: #222220; height: 24px; width: 100%; color: white; display: flex; flex-direction: row; align-items: center; } #refer-pop-up .col .main .submit div { margin-left: 48px; } /* ***deskTrustpilot.css *** */ .homepage .trustpilot { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; width: 100%; margin-bottom: 48px; align-items: stretch; } .homepage .trustpilot .reviews { display: none; } .homepage .trustpilot .cell { text-align: center; flex: 1 1 0px; display: flex; flex-direction: column; min-height: 185px; } .homepage .trustpilot .cell .top { flex: 1 1 0px; width: 100%; overflow-y: hidden;} .homepage .trustpilot .cell .bot { flex: 0 0 66px; height: 66px; width: 100%; margin-top: 24px; } .homepage .trustpilot .cell.review { margin: 0 48px; padding: 0; } .homepage .trustpilot .cell.review .top { position: relative; font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; } .homepage .trustpilot .cell.review .top .quote { line-height: 19px; height: 100%; position: relative; display: flex; flex-direction: column; justify-content: flex-start; } .homepage .trustpilot .cell.review .top .quote .text { width: 100%; margin-top: auto; } .homepage .trustpilot .cell.review .top .fade { position: absolute; bottom: 0px; height: 17px; width: 100%; text-align: center; background: linear-gradient(to bottom, rgba(245, 243, 234, 0) 0%, rgba(245, 243, 234, 1) 75%, rgba(245, 243, 234, 1) 100%); display: none; } .homepage .trustpilot .cell.review .top .more { background-color: rgba(245, 243, 234, 1); font-weight: bold; font-size: 16px; color: #00b67a; text-align: center; display: inline-block; padding: 0px 15px 0 15px; cursor: pointer; } .homepage .trustpilot .cell.review .bot { font-family:"HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Meduim", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 20px; } .homepage .trustpilot .cell.centre { margin: 0 8px; padding: 0 34px; border-left: 1px solid #222220; border-right: 1px solid #222220; } .homepage .trustpilot .cell.centre .top { display: flex; flex-direction: column; align-items: flex-end; } .homepage .trustpilot .cell.centre .top .box { margin-top: auto; height: 60px; width: 100%; display: flex; flex-direction: row; align-items: flex-end; justify-content: center; flex-wrap: wrap; } .homepage .trustpilot .cell.centre .top .box .text { font-family:"HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Meduim", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 24px; font-weight: bold; text-align: left; flex: 0 0 auto; margin-right: 5px; } .homepage .trustpilot .cell.centre .top .box .stars { position: relative; height: 24px; width: 128px; flex: 0 0 auto; margin-left: 5px; } .homepage .trustpilot .cell.centre .top .box .stars img { position: absolute; left: 0; top: 0; border: none; width: 100%; height: 100%; object-fit: cover; object-position: center;} .homepage .trustpilot .cell.centre .bot { flex: 0 0 69px; height: 69px; margin-top: 19px; font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap; justify-content: center; } .homepage .trustpilot .cell.centre .bot .text { flex: 0 0 auto; padding-top: 6px; margin-right: 5px;flex: none; } .homepage .trustpilot .cell.centre .bot .c { font-weight: bold; text-decoration: underline; } .homepage .trustpilot .cell.centre .bot .img { flex: 0 0 auto; width: 100px; height: 25px; background-image: url(/images/icons/trustpilot_brand.svg); background-size: contain; margin: 0; padding: 0; } /* ***deskHome.css *** */ .homepage { display: flex; flex-direction: column; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #F5F3EA; color: #222220; min-width: 900px; } .homepage a:link, .homepage a:visited, .homepage a:hover, .homepage a:active { color: inherit; text-decoration: none; font-weight:normal;} .websection-header { width: 100%; position: relative; margin-bottom: 48px; } .websection-header .pic { width: 100%; position: relative; padding-bottom: 41.67%; } .websection-header .pic img { position: absolute; border: none; width: 100%; height: 100%; object-fit: cover; object-position: center; } .websection-header .gradient { position: absolute; bottom: 0px; height: 50%; width: 100%; background-image: url(/images/icons/gradient.svg); background-size: cover; } .websection-header .hline {position: absolute; bottom: 0px; left: 48px; height: 50%; width: calc(100% - 48px); display: flex; flex-direction: row; align-items: center; } .websection-header .hline .text { font-size: 60pt; color: white; } .homepage h1 { text-align: center; margin-bottom: 20px; font-size: 3em; } .homepage .trustpilot { display: flex; flex-direction: row; } .homepage .trustpilot-widget { margin: -1.5em 0 2.5em 0; } .websection-three-posts-list { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; width: calc(100% - 72px); margin: 0 auto 48px auto; } .websection-three-posts { display: flex; flex-direction: column; margin: 0; width: 100%; margin: 0 12px; } .websection-three-posts .pic { width: 100%; position: relative; padding-bottom: 120%; } .websection-three-posts .pic img { position: absolute; border: none; width: 100%; height: 100%; object-fit: cover; object-position: center; } .websection-three-posts .hline { margin-top: 24px; text-transform: uppercase; font-family:"HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Meduim", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 20px; } .websection-three-posts .hline .text { } .websection-three-posts .desc { margin-top: 12px; font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; } .websection-three-posts .desc .text { } .websection-two-posts-list { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; width: calc(100% - 72px); margin: 0 auto 48px auto;} .websection-two-posts { width: 100%; position: relative; margin: 0 12px; } .websection-two-posts .pic { width: 100%; padding-bottom: 100%; } .websection-two-posts .pic img { position: absolute; border: none; width: 100%; height: 100%; object-fit: cover; object-position: center; } .websection-two-posts .hline { position: absolute; bottom: 0; width: 100%; height: 200px; background-color: black; opacity: 0.40; } .websection-two-posts .text { position: absolute; bottom: 0; width: calc(100% - 24px); height: 176px; padding: 0 24px; font-family:"HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Meduim", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 50px; color: white; overflow-y: hidden; } .websection-two-posts .desc { } .websection-two-posts .desc .text { } /* ***deskHomeEdit.css *** */ /*#home-edit-overlay { background-color: rgba(0,0,0,0.75); position:fixed; left:0; top:0; width: 100%; height:100%; z-index: 10; display: none; } #home-edit-wrapper { position: relative; display: none; } #home-edit { position: absolute; top: 0px; left :0px; background-color: white; z-index: 11; font-size: 20px; }*/ #home-edit { position: fixed; top: 0px; left: 0px; margin: 0; padding: 20px; right: 0px; bottom: 0px; background-color#F5F3EA; color: #222220; display: none; z-index: 500; display: none; font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; text-align: left; } #home-edit h1 { margin-bottom: 10px; text-decoration: underline; } /*padding: 0; width: calc(100%- 14px); height: calc(100% - 14px); background-color: white; display: none; z-index: 100;border: 5px solid #222220; }*/ #home-edit .image-container { width: 100px; height: 30px; background-color: yellow; resize: vertical; overflow: auto; position: relative; } #home-edit .image-container .pic { position: absolute; width: 100%; height: 100%; padding-bottom: 120%; background-color: red; } #home-edit .section { width: 100%; } #home-edit .section input { width: 100%; } #home-edit-contents { } #home-edit-clone { } #home-edit .section { margin-bottom: 20px; } #home-edit .section .hline { font-weight: bold; } #home-edit-file { } #home-edit-link { } #home-edit-hline { } #home-edit-desc { } #home-edit input, #home-edit textarea { font-size: 20px; margin-top: 10px; } /* ***deskLogin.css *** */ #login-box-overlay { background-color: rgba(0,0,0,0.75); position:fixed; left:0; top:0; width: 100%; height:100%; z-index: 10; display: none; align-items: center; justify-content: center; } #login-box { display: none; z-index: 11; padding: 24px; zzbackground-color: #9EB19A; background-color: #F5F3EA; } #login-box input { font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; } /* ***deskMenu.css *** */ #menu { position: fixed; display: flex; flex-direction: column; top: 0; margin: 0; padding: 0; width: 100%; z-index: 9; font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; font-size: 10pt; background-color: #F5F3EA; color: #222220; } #menu-phantom {width: 100%; height: 145px; margin: 0; padding: 0; } #menu ul { list-style: none; } /* top-line */ #menu-top { width: 100%; height: 87px; background-color: #9EB19A; border-bottom: 1px solid #222220; font-size: 14px; text-transform: uppercase; } #menu-top > ul { margin-left: 48px; width: calc(100% - 96px); height: 100%; display: flex; flex-direction:row-reverse; flex-wrap: nowrap; align-items: flex-end; justify-content: flex-start; min-width: 350px;} #menu-top li { white-space: nowrap; margin-left: 48px; margin-bottom: 24px; color: #3A4045; background-color: transparent; flex: 0 0 auto; display: flex; align-items: flex-end; position: relative; } #menu-top ul.small > li { margin-left: 24px; } #menu-top li:hover, #menu-top li.sfHover { visibility: inherit; } #menu-top li > a, #menu-top li > a:hover { color: inherit; text-decoration: none; } /* top-line sub-menu */ #menu-top li ul { position: absolute; top: -999em; display: flex; flex-direction: column; list-style: none; margin: 0; left: 0; background-color: #F5F3EA; color: #222220; border-left: 1px solid #222220; border-right: 1px solid #222220; border-top: 1px solid #222220; font-weight: normal; } #menu-top li:hover ul, #menu-top li.sfHover ul { top: 15px; z-index: 99; } #menu-top li li { white-space: nowrap; border-bottom: solid 1px #222220; padding: 5px 8px; margin: 0; } #menu-top li li:hover, #menu-top li li.sfHover { visibility: inherit; background-color:#222220; color: #F5F3EA; } #menu-top li li a { background-color:#F5F3EA; color: #222220; text-decoration: none; } #menu-top li li a:hover, #menu-top li li:hover a, #menu-top li li.sfHover a { background-color:#222220; color: #F5F3EA; text-decoration: none; } #menu-top li.fav img {width: 24px; height: 24px;} #menu-top li.burger { margin-bottom: 17px; display: none; } #menu-top li.burger .img { width: 38px; height: 38px; background-image: url(/images/icons/burger.svg); background-size: contain; } #menu-top li.burger:hover ul, #menu-top li.burger.sfHover ul { top: 38px; } #menu-top >ul.small > li.burger { display: none; padding-bottom: 3px; flex: 0 0 auto; margin-left: 0; margin-right: auto; font-weight: bold; } #menu-top li.login { cursor: pointer; } #menu-top li.login ul { left: auto; right: auto; cursor: default; } #menu-top li.login li { background-color: inherit; color: inherit; text-decoration: none; margin: 0; padding: 0; } #menu-top li.bsk { } #menu-top >ul.small > li.bsk { flex: 0 0 auto; } #menu-top li.bsk .img { width: 38px; height: 38px; background-image: url(/images/icons/basket.svg); background-size: contain; } #menu-top li.bsk .basket-sub-total { margin-left: 10px; } #menu-top li.bsk:hover, #menu-top li.bsk.sfHover { visibility: inherit; background-color: inherit; color: inherit; } #menu-top li.logo { margin: 0 auto 17px 0; width: 100px; height: 50px; } #menu-top ul.small>.logo { margin: 0 auto 24px 0; width: 70px; height: 35px; } #menu-top ul.small>.logo img { width: 70px; height: 35px; } #menu-top li.logo img { width: 100%; height: 100%; } #menu-top li.logo:hover, #menu-top li.logo.sfHover { visibility: inherit; background-color: inherit; color: inherit; } #menu-top li.srcbox { flex: 1 1 auto; display: flex; flex-direction: row-reverse;} #menu-top li.srcbox:hover, #menu-top li.srcbox.sfHover { visibility: inherit; background-color: inherit; color: inherit;} /* mid-line */ #menu-mid { width: 100%; height: 29px; background-color: #F5F3EA;border-bottom: 1px solid #222220; font-size: 14px; text-transform: uppercase; font-weight: bold; } #menu-mid > ul { width: calc(100% - 43px); height: 100%; display: flex; flex-wrap: nowrap; align-items: center; } #menu-mid li { margin-left: 43px; white-space: nowrap; flex: 0 0 auto; color: #3A4045; display: flex; position: relative; padding: 2px 5px; } #menu-mid ul.small > li:not(.first) { margin-left: 7px; } #menu-mid li:hover, #menu-mid li.sfHover { visibility: inherit; background-color: #222220; color: #F5F3EA; } #menu-mid li a { text-decoration: none; background-color: #F5F3EA; color: #3A4045; } #menu-mid li:hover > a, #menu-mid li.sfHover > a { background-color: #222220; color: #F5F3EA; } /* mid-line sub-menu */ #menu-mid li ul { font-weight: normal; font-size: 12px; position: absolute; top: -999em; display: flex; flex-direction: column; list-style: none; margin: 0; left: 0; background-color: #F5F3EA; color: #222220; } #menu-mid li:hover ul, #menu-mid li.sfHover ul { top: 19px; z-index: 99; border-left: 1px solid #222220; border-right: 1px solid #222220; border-top: 1px solid #222220; } #menu-mid li li { white-space: nowrap; border-bottom: solid 1px #222220; padding: 5px 8px; margin: 0;background-color: #F5F3EA;} #menu-mid li li:hover, #menu-mid li li.sfHover { visibility: inherit; background-color:#222220; color: #F5F3EA; border-left: 1px solid #222220; } #menu-mid li li a, #menu-mid li li a:hover { color: inherit; text-decoration: none; } #menu-mid li.tp { margin-left: auto; width: 120px; margin-top: 2px; text-align: right;} #menu-mid li.social { margin-left: auto; display: flex; } #menu-mid li.social a { text-decoration: none; color: #3A4045; } #menu-mid li.social .edit { align-self: center; color: lightgray; } #menu-mid li.social .edit.active { color: red; } #menu-mid li.social:hover, #menu-mid li.last.sfHover { visibility: inherit; background-color: inherit; color: inherit;} #menu-mid li.social img {margin-left: 10px; height: 20px; width: 20px; } #menu-mid li.social .tp { height: 22px; display: flex; align-items: center; } #menu-mid li.social .tp img { margin-left: 0px; height: 20px; width: 20px; } #menu-mid li.social .tp-t { border: 1px solid lightgrey; text-transform: none; font-weight: normal; display: inline; height: 14px; font-size: 0.9em; padding: 2px 5px 0px 5px; } #menu-mid li.social:hover, #menu-mid li.social.sfHover { visibility: inherit; background-color: inherit; color: inherit; } #menu-mid li.social:hover a, #menu-mid li.social.sfHover a { background-color: #F5F3EA; } /* bottom-line */ #menu-bot { width: 100%; height: 29px; background-color: #F5F3EA; border-bottom: 1px solid #222220; font-size: 12px; text-transform: uppercase; display: flex; justify-content: space-between; } #menu-bot > ul { margin-left: 48px; width: calc(100% - 352px); height: 100%; max-width: 1000px; display: flex; flex-direction:row; justify-content: flex-start; flex-wrap: nowrap; align-items: center; } #menu-bot li { height: 100%; white-space: nowrap; border-right: 1px solid #222220; color: #3A4045; flex: 1 0 auto; display: flex; align-items: center; position: relative; text-align: center; } #menu-bot li.first { border-left: 1px solid #222220; } #menu-bot li:hover, #menu-bot li.sfHover { visibility: inherit; background-color: #222220; color: #F5F3EA; } /*#menu-bot li a, #menu-bot li a:hover { color: inherit; text-decoration: none; margin: 0 auto; padding: 0 5px; }*/ #menu-bot li a { text-decoration: none; margin: 0 auto; padding: 0 5px;} #menu-bot li a { background-color: #F5F3EA; color: #3A4045; } #menu-bot li:hover > a, #menu-bot li.sfHover > a { background-color: #222220; color: #F5F3EA; margin: 0 auto; padding: 0 5px; } /* bottom-line sub-menu */ #menu-bot li ul { position: absolute; top: -999em; display: flex; flex-direction: column; list-style: none; margin: 0; left: -1px; color: #222220; border: none; text-align: left; } #menu-bot li:hover ul, #menu-bot li.sfHover ul { top: 30px; z-index: 99; border-left: 1px solid #222220; } #menu-bot li li { white-space: nowrap; border-bottom: solid 1px #222220; padding: 5px 8px; margin: 0; background-color: #F5F3EA; text-align: left;} #menu-bot li li:hover, #menu-bot li li.sfHover { visibility: inherit; background-color:#222220; color: #F5F3EA;} #menu-bot li li a, #menu-bot li li a:hover { text-decoration: none; width: 100%; } #menu-bot li.fill { flex: 1 1 auto; } #menu-bot li.last ul { left: auto; right: -1px; } #menu-bot li.more ul { left:auto; right: -1px; } #menu-bot .tp { margin-top: 0px; margin-right: 48px; display: flex; justify-content: flex-end; margin-left: auto; text-transform: none; font-weight: normal; } #menu-bot a.tp { color: inherit; text-decoration: none;} #menu-bot .tp .star { height: 21px; width: 25px; background-color:#00B67A; color: white;padding: 2px 0 0 2px; margin: 3px 0; border-radius: 3px 0px 0px 3px; } #menu-bot .tp .star img { height: 19px; width: 19px; } #menu-bot .tp .txt { height: 18px; background-color:#00B67A; color: white; padding: 5px 10px 0 0; margin: 3px 0; border-radius: 0px 3px 3px 0px; } #menu-bot .tp .cnt { height: 21px; padding: 8px 5px 0px 5px; border-left: 1px solid lightgrey; } #menu-bot .tp .rat { height: 29px; width: 100px; } #menu-bot .tp .rat img { height: 29px; width: 100px; } #menu-order { width: 100%; height: 29px; background-color: yellow; text-align: center; font-weight: bold; display: flex; justify-content: center; align-items: center; } #menu-order .text { margin: auto auto; } #menu-order .text a { text-decoration: underline; color: green; margin-left: 1em; font-weight: bold; } #menu-announce { width: 100%; height: 29px; background-color: orange; text-align: center; font-weight: bold; display: flex; justify-content: center; align-items: center; } #menu-announce .text { margin: auto auto; } #menu-announce .text a { text-decoration: underline; color: green; margin-left: 1em; font-weight: bold; } #menu-payments { width: 100%; height: 58px; background-color: lightpink; text-align: center; font-weight: bold; display: flex; align-items: center; flex-direction: column; justify-content: center; } #menu-payments .text { margin: 0.25em 0; } #menu-payments .text a { text-decoration: underline; color: darkblue; font-weight: bold; } /* ***comProducer.css *** */ .zzproducer-desc { color: #0A263C; font-size: 1.1em; background-color: white; padding:10px;margin:0; } .zzproducer-desc ul {list-style-position:inside;} /* ***comProduct.css *** */ .product-id {padding: 0px; margin: 0px; border: 0px; } .product { padding: 10px; width: 568px; height: auto; border: 1px solid #222220; display: inline-block; vertical-align: top; background-color: #eeece9; margin-bottom: 24px; font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; } .product .row { display:table; width: 568px; } .product .titlel { width: 60px; text-align: left; display: table-cell; vertical-align: middle; } .product .title { text-align: center; vertical-align: middle; font-weight: bold; font-size: 1.1em; display: table-cell; overflow: hidden hidden; height: 1.7em; } .product .titler { width: 60px; text-align: right; display: table-cell; vertical-align: middle; } .product .l { width: 100%; margin: 10px 0px; border-top: 1px solid #222220; } .product .a { width: 284px; display: table-cell; border-right: 1px solid #222220; vertical-align: top; } .product .picture { display: table-cell; width: 265px; height: 265px; background-color: #fafaf9; text-align: center; vertical-align: middle; border-radius: 10px; cursor: pointer; } .product .picture * { vertical-align: middle; text-align: center; } .product .minipics li { margin-top: 10px; margin-right: 10px; display: inline-block; } .product .minipics .pic { display: table-cell; width: 80px; height: 80px; background-color: #fafaf9; text-align: center; vertical-align: middle; border-radius: 10px; } .product .minipics .pic * { vertical-align: middle; text-align: center; } .product .b { width: 276px; display: table-cell; vertical-align: top; padding-left: 8px; } .product .btop { text-align: center; min-height: 190px; } .product .bbot { width: 100%; text-align: right; } .product .bbot .variants { display: inline-table; margin-bottom: 5px; } .product .bbot .variants .opt { display: table-cell; vertical-align: middle; padding-left: 9px; font-size: 1.1em; } .product .bbot .variants .txt { display: table-cell; vertical-align: middle; padding-left: 3px; padding-right: 0px; font-size: 1.1em; font-weight: bold; } .product .bbot .variants .sel { display: table-cell; vertical-align: middle; font-weight: bold; padding-right: 5px; } .product .bbot .variants .apx { display: table-cell; vertical-align: middle; padding-right: 0px; font-weight: bold; } .product .bbot .variants select { font-size: 1.05em; padding: 0 2px; cursor: pointer; } .product .long { margin-bottom: 20px; } .product-list li { margin: 0 0 20px 20px; padding: 5px; width: 210px; height: auto; border: 1px solid #222220; display: inline-block; vertical-align: top; background-color: #eeece9; font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; } .product-list .row { display:table; width: 100%; } .product-list .title { text-align: center; vertical-align: middle; font-weight: bold; font-size: 1.1em; display: table-cell; overflow: hidden hidden; height: 2.7em; } .product-list .title a { color: #222220; font-family:"HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Meduim", Helvetica, Arial, "Lucida Grande", sans-serif; } .product-list .title a:link, .product-list .title a:visited { color: inherit; text-decoration: none; } .product-list .title a:hover, .product-list .title a:active { color: inherit; text-decoration: underline; } .product-list .l { width: 100%; margin: 8px 0px; border-top: 1px solid #222220; } .product-list .mid { width: 100%; position: relative; min-height: 144px; } .product-list .mid .topl { position: absolute; left: 0px; top: 0px; } .product-list .mid .frame { position: absolute; left: 32px; top: 0px; background-color: #fafaf9 ; border-radius: 10px; padding: 8px; } .product-list .mid .frame .picture { position: absolute; left: 8px; top: 8px; margin: 0; padding: 0; } .product-list .mid .frame .picture img { } .product-list .mid .frame, .product-list .mid .frame .picture, .product-list .mid .frame img { width: 130px; height: 80px; } .product-list .mid .topr { position: absolute; top: 0px; right: 0px; } .product-list .mid .variants { position: absolute; right: 0px; bottom: 25px; display: table;} .product-list .mid .variants .opt { display: table-cell; vertical-align: middle; padding-left: 9px; font-size: 1.1em; cursor: pointer; } .product-list .mid .variants .txt { display: table-cell; vertical-align: middle; padding-left: 3px; padding-right: 0px; font-size: 1.1em; font-weight: bold; cursor: pointer; } .product-list .mid .variants .sel { display: table-cell; vertical-align: middle; font-weight: bold; padding-right: 5px; } .product-list .mid .variants .apx { display: table-cell; vertical-align: middle; padding-right: 0px; font-weight: bold; } .product-list .mid .variants select { font-size: 1.05em; padding: 0 2px; cursor: pointer; } .product-list .mid .bot { position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: right; } .product-list .buy { display: table; width: 100%; } .product-list .buyl { display: table-cell; vertical-align: middle; padding-left: 3px; } .product-list .buyr { display: table-cell; vertical-align: middle; width: 1px; padding-right: 3px; } .product-list .d { text-align: center; min-height: 50px; } /*.product-filter { font-weight: bold; color: darkgreen; } .product-filter .frozen { color: blue; }*/ .product-filter { color: blue; font-weight: bold; } .product-filter .frozen { background-color: blue; color: white; padding-left: 5px; padding-right: 5px; } .product-filter .freedel { background-color: green; color: white; padding-left: 5px; padding-right: 5px; } .product .product-rcp, .product-list .product-rcp { color: blue; font-weight: bold; font-style: italic; } .product .product-srv, .product-list .product-srv { color: blue; } .product .product-promo, .product-list .product-promo { color: red; font-weight: bold; font-style: italic; } .product .product-promo-farmclub, .product-list .product-promo-farmclub { background-color: lightsalmon; font-weight: bold; font-style: italic; } .product .product-promo-farmclub a, .product-list .product-promo-farmclub a {text-decoration: none; color: inherit; } .product-list .contents { text-align: left; padding: 0; margin: 0; } .product-list .contents th {text-align: left; } .product-list .contents .q { white-space: nowrap; } .product-list .contents td {vertical-align: top; } .product .prices { width: 100%; height: 25px; text-align: right; } .product .prices .per { font-weight: bold; color: green; display: inline; padding-right: 5px; } .product .prices .price { display: inline; color: green; font-size: 1.4em; font-weight: bold; } .product .prices .price .old { display: inline; font-size: 0.9em; text-decoration: line-through; color: red; padding-right: 5px; } .product-list .prices { width: 100%; position: relative; } .product-list .prices .per { position: absolute; left: 0px; bottom: 0px; font-weight: bold; color: green; } .product-list .prices .price { position:absolute; right: 0px; bottom: 0px; color: green; font-size: 1.4em; font-weight: bold; } .product-list .prices .price .old { display: inline; font-size: 0.9em; text-decoration: line-through; color: red; padding-right: 5px; } .product-list .product-buy { width: 100%; display: table; margin: 6px 0px 0px 0px; } .product .product-buy { width: 100%; display: table; margin: 10px 0px 0px 0px; } .product-buy .add { display: table-cell; vertical-align: middle; text-align: right; height: 24px; margin-top: 10px; } .product-buy .in { display: table-cell; vertical-align: middle; text-align: right; height: 24px; margin-top: 10px; } .product-buy .out { display: table-cell; vertical-align: middle; text-align: right; height: 24px; margin-top: 10px; } .product-buy .out { color: red; font-style: italic; font-weight: bold; padding-right: 5px; } .product-buy .btn2 { min-width: 20px; } .product-buy .qty { border: 1px solid #848484; outline:0; height:18px; width: 35px; padding-left: 0px; padding-right: 0px; margin-right: 6px; text-align: center; } .product-warning { display: table-row; } .product-warning .txt { display: table-cell; color: red; text-align: right; font-weight: bold; font-style: italic; padding-top: 8px; padding-right: 5px; } .product-stock { display: table-row; } .product-stock .txt { display: table-cell; color: darkblue; text-align: right; font-weight: bold; font-style: italic; padding-top: 8px; padding-right: 5px; } .product .season { margin: 20px 0px; } .product .season h2 { color: green; } .product .season img { width:36px; height:36px; margin-bottom: 10px; } .product-fav-y { border: 0px; margin: 2px; padding: 0px; width: 24px; height: 24px; cursor: pointer; background-color: transparent; background-image: url(/images/icons/favourite-fill.svg); background-size: cover; } .product-fav-n { border: 0px; margin: 2px; padding: 0px; width: 24px; height: 24px; cursor: pointer; background-color: transparent; background-image: url(/images/icons/favourite.svg); background-size: cover; } .product-repeat-y { border: 0px; margin: 2px; padding: 0px; width: 24px; height: 24px; cursor: pointer; background-color: transparent; background-image: url(/images/repeat-item.png); } .product-repeat-n { border: 0px; margin: 2px; padding: 0px; width: 24px; height: 24px; cursor: pointer; background-color: transparent; background-image: url(/images/repeat-item-grey.png); } /* ***comProductList.css *** */ #product-list-page { } .product-list-filter { font-size: 1.2em; font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; } .product-list-filter ul { list-style-type: none; } .product-list-filter li { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1px; background-color: #eeece9; padding: 0.25em; } .product-list-filter li div { } .product-list-filter .a { flex: 0 0 20px; text-align: left; height: 1.2em; display: flex; } .product-list-filter .a input { margin: auto 0; } .product-list-filter .b { flex: 1; text-align: left; } .product-list-filter .c { flex: 0 1 40px; text-align: right; } .product-list-filter a { color: #222220; } .product-list-filter a:link, .product-list-filter a:visited { color: inherit; text-decoration: none; } .product-list-filter a:hover, .product-list-filter a:active { color: inherit; text-decoration: underline; } .product-list-box { margin-top: 30px;} #product-list-sticky { clear: both; float: left; right: 0; margin: 0 10px 0 10px; padding-top: 20px; position: fixed; z-index: 6; background-color: #F5F3EA; } #product-list-sticky .product-list-head { margin-bottom: 0px;} #product-list-sticky .product-list-head1.only { margin-bottom: 3px; } .product-list-head { margin: 0 0 25px 0; background-color: #eeece9; font-family:"HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Meduim", Helvetica, Arial, "Lucida Grande", sans-serif; } .product-list-head a { color: #222220; } .product-list-head a:link, .product-list-head a:visited { color: inherit; text-decoration: none; } .product-list-head a:hover, .product-list-head a:active { color: inherit; text-decoration: underline; } .product-list-h1 { height: 35px; width: 100%; } .product-list-head1 { font-size: 1.35em; padding: 4px 8px; border: 1px solid #222220; } .product-list-head1.only { } .product-list-head1 .count { font-weight: normal; font-size: 0.8em; margin-left: 10px; } .product-list-head2 { margin: 0; background-color: #eeece9; overflow: hidden; padding: 10px; border: 1px solid #222220; border-top: none; } .product-list { margin: 0 0 10px -19px; } /* ***comSearch.css *** */ #search-box { min-width: 160px; max-width:257px; width: 100%; } #search-box .search { padding:0; margin:0; right:0; text-align:left; width: 100%; } #search-box .search .tb {background-color: transparent; height:25px; width: calc(100% - 20px); border-left: none; border-right : none; border-top: none; border-bottom: solid 1px black; margin:0px; padding:0px; font-size: 10pt; } #search-box .search input[type=text] {background-color: transparent; } #search-box .search .b { width:20px;height:20px; background-color: #9EB19A; background-image:url("/images/icons/search.svg");background-size: cover; border:none;padding:0px; margin:0 0 0 4px; vertical-align:bottom; cursor: pointer; } #search-box .search input { outline: 0; } #search-box .search input:focus { outline: 0; } #search-box .search input:-webkit-autofill, #search-box .search input:-webkit-autofill:hover, #search-box .search input:-webkit-autofill:focus, #search-box .search input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; } /* ***comSitemap.css *** */ /*.sitemap { margin: 30px auto 30px auto; width: 600px; }*/ .sitemap { margin: 30px 45px 30px 45px; width: 100%-90px; } .sitemap h1 { margin-bottom: 15px; } .sitemap .list { font-size: 15px; margin-bottom: -5px; } .sitemap .list a { display: block; margin-bottom: 10px; } /* ***deskSwitch.css *** */ #mobile { width: 122px; height: 30px; float: left; margin: 35px 0px 0px 35px; } .button-mobile { width: 122px; height: 30px; margin: 0px; padding: 0px; border: none; background-image:url(/images/mobile.png); background-repeat:no-repeat; cursor: pointer; } /* ***deskAccordian.css *** */ .accordian { margin-bottom: 15px; border: 1px solid #222220; } .accordian .h { /*background-color: #eee; */ background-color: transparent; /* white; */ font-family:"HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Meduim", Helvetica, Arial, "Lucida Grande", sans-serif; color: #222220; /* color: white; */ cursor: pointer; padding: 10px; margin: 0; width: 100%; border: 0px; /*solid black;*/ text-align: left; outline: none; font-size: 15px; transition: 0.4s; font-weight: bold; } .accordian .h.s { padding: 5px; } .accordian .h.expanded { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .accordian .h a { color: #222220; } .accordian .h.expanded, .accordian .h:hover { background-color: #9EB19A; /* #5da72b; #b5c14d;*/ color: #222220; } .accordian .h:after { content: "\276F"; color: #222220; /*#777; */ /*color:white;*/ font-weight: bold; float: right; margin-left: 5px; } .accordian .h.disabled { background-color: lightgrey; color: grey; cursor: default; font-style: italic; } .accordian .h.empty { cursor: default; } .accordian .h.empty:after { content: ""; } .accordian .h.empty:hover { background-color: transparent; } .accordian .h:hover:after { color: #222220; /*color:white;*/ } .accordian .h.expanded:after { content: "\276E"; color: #222220; /*color:white;*/ } .accordian .h.disabled:after { content: ""; } .accordian .panel { padding: 0px 10px; /*margin: 18px 0px;*/ overflow: hidden; font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; zztransition: max-height 0.2s ease-out; } /* ***comGlobal.css *** */ body.waiting * { cursor: progress !important; } .upper-case { text-transform: uppercase; } #consentBanner { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #f0f0f0; padding: 15px 0px; border-top: 1px solid #ccc; z-index: 1000; text-align: center;box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); color: black; } #consentBanner p { font-size: 16px; margin: 0 15px 10px 15px; } #consentBanner p strong { margin-bottom: 10px; display: block; } #consentBanner .button-container { margin-top: 10px; } #consentBanner button { margin: 5px; padding: 10px 15px; cursor: pointer; border: none; font-weight: bold; border-radius: 5px; } #consentBanner .accept { background-color: #28a745; color: white; } #consentBanner .reject { background-color: #ccc; color: black; } #consentBanner .manage { background-color: #007bff; color: white; } #consentBanner a { display: block; margin-top: 10px; text-decoration: none; color: #007bff; } #consentBanner .toggle { display: inline-block; margin: 5px; padding: 8px 15px; cursor: pointer; border: none; font-weight: bold; border-radius: 5px; background-color: #ddd; color: black; } #consentBanner .toggle.on { background-color: #28a745; color: white; } #consentBanner .toggle.off { background-color: #ccc; color: black; } /* ***deskGlobal.css *** */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~* HTML GENERAL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, form, input, ul, li { margin: 0; padding: 0; } body { font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; text-align: center; background-color: #F5F3EA; color: #3A4045; } a { color: #3664A5; text-decoration: none; } a:hover { color: #3664A5; text-decoration: underline; } a img { border: 0; } img { border: none; } h1, h2, h3, h4, h5, h6 { font-family:"HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Meduim", Helvetica, Arial, "Lucida Grande", sans-serif; } h2, h3 { font-size: 16px; } h2 { margin:0px 0px 10px 0px; font-size:18px; padding:0px; font-weight:normal; } h3 { font-size:12px; color:#3e2a1e; font-weight:bold; margin:0px; padding:0px 0px 0px 0px; } h4 { font-size:14px; color:#3e2a1e; font-weight:normal; margin:0px; padding:0px; } h1 a { width:145px; height:74px; } p { margin:0px; padding:0px; color:#3e2a1e; font-size:12px; line-height:18px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~* MASTER PAGE WRAPPERS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .master-wrapper-page { margin: 0 auto; width:auto; } .master-wrapper-content { text-align: left; width:957px; float:none; margin:0 auto 0 auto; background:transparent; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~* MISC. CLASSES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .page-title { border-bottom: 1px solid; margin: 0 0 10px; overflow: hidden; width: 100%; } .page-title h1, .page-title h2 { padding: 5px 5px 5px 0px; font-size: 20px; margin: 0; font-family:"HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Meduim", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight:normal; } /*td { vertical-align: middle; }*/ td.fieldname { font-size: 12px; } .table-container { } .table-container .row { } .table-container .row .item-name { padding: 3px 10px 0px 0px; display: block; white-space: nowrap; padding-right: 10px; vertical-align: middle; } .table-container .row .item-value { padding: 3px 0px 0px 0px; vertical-align: middle; } .htmlcontent { padding-bottom:5px; } .htmlcontent-title { padding: 0 0 5px 0; clear:both; } .htmlcontent-header { font-size: 1.2em; font-weight: bold; } .htmlcontent-body { } .topicpage { margin-bottom: 15px; padding-bottom: 5px; padding-left: 0; } .topicpage-title, .topicpage .page-title { border-bottom: 0 none; } .topicpage .topicpage-body { } .clear { border: medium none; clear: both; float: none; font-size: 0; height: 0; line-height: 0; } .message-error { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: red; } ul.sitemap { } ul.sitemap li { padding: 3px 0px 3px 0px; } ul.sitemap li span { text-transform: uppercase; margin: 10px 0px 10px 0px; } checkbox, input, radio, select { font-family: Verdana, Arial, sans-serif; font-size: 11px; } /* fix ie button padding bug - apply to all buttons to reduce extra padding applied by ie! input { width: auto; overflow: visible; } */ textarea { width: 100%; font-family: Verdana, Arial, sans-serif; font-size: 11px; } .textbox { } .newsaddcommenttitletext { width: 250px; border: solid 1px #E3E3E3; vertical-align: top; font-size: 12px; } .newsaddcommentcommenttext { height: 150px; width: 500px; border: solid 1px #E3E3E3; vertical-align: top; font-size: 12px; } .numerictextboxtext { border: solid 1px #E3E3E3; vertical-align: top; font-size: 12px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~* ORDER SUMMARY, SHOPPING CART ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .shoppingcart-page { margin-bottom: 15px; padding-bottom: 5px; padding-left: 0; background: transparent; } .shoppingcart-page h1 {margin-left:10px;} .shoppingcart-page .page-title { border-bottom: 0 none; } .shoppingcart-page .body { margin: 0px 0 0 0; padding: 0px 0 0 0; font-size: 11px; color: #555; } .order-summary-content { margin: 0px; padding: 10px 10px 10px 10px; font-size: 11px; color: #555; } .order-summary-content .coupon-box { margin: 0px; padding: 10px 10px 10px 10px; font-size: 11px; color: #555; background: rgb(247, 245, 232); margin-bottom: 10px; border: dotted 1px #d3d3d3; } .order-summary-content .maxicart { width: 100%; border-collapse: collapse; text-align: center; vertical-align: middle; } /* new shopping cart page */ .maxicart-product { font-size: 13px; line-height: normal; } .maxicart-login { font-size: 13px; line-height: 22px; color: #555; width: 920px; background: rgb(247, 245, 232); margin: 0px 0px 10px 0px; padding: 10px 10px 10px 10px; border: dotted 1px #d3d3d3; } .maxicart-toptable { font-size: 13px; line-height: 22px; color: #555; background: rgb(247, 245, 232); width: 940px; vertical-align: top; border-collapse: collapse; margin-bottom: 10px; } .maxicart-toptable tr { vertical-align: top; } .maxicart-toptable td { border-left: dotted 1px #d3d3d3; } .maxicart-repeat { width: 100%; margin: 0px; padding: 5px 10px 10px 10px; } .maxicart-repeat-button { display: none; } .maxicart-discount { width: 100%; margin: 0px; padding: 5px 10px 10px 10px; } .maxicart-bottomtable { width: 650px; background: rgb(247, 245, 232); margin-bottom: 10px; color: #555; border: dotted 1px #d3d3d3; font-size: 13px; line-height: 22px; vertical-align: top; border-collapse: collapse; float: left; } .maxicart-bottomtable tr { vertical-align: top; } .maxicart-bottomtable td { border-left: dotted 1px #d3d3d3; } .maxicart-notes { width: 250px; margin: 0px; padding: 5px 15px 10px 10px; margin-bottom: 5px; } .chkbox-table table { border: 0px; border-collapse:collapse; } .chkbox-table tr { vertical-align: middle; } .chkbox-table td { border: 0px; } .maxicart-totals { width: 150px; height: 206px; float: right; margin: 0px; font-size: 11px; color: #555; padding: 0px 5px 0px 10px; } .maxicartdelete { width: 18px; height: 18px; background-image: url(/images/basket-remove-icon.png); border: 0px; cursor: pointer; } .maxicartremove { width: 18px; height: 18px; background-image: url(/images/btnbasketremove.png); border: 0px; margin-right: 2px; cursor: pointer; } .maxicartadd { width: 18px; height: 18px; background-image: url(/images/btnbasketadd.png); border: 0px; margin-left: 2px; cursor: pointer; } .maxicartqty { font-weight: bold; font-size: 1.3em; color: Black; } /* */ .order-summary-content .maxicart td { padding: 3px 0 3px 0; } .order-summary-content .maxicart .maxicart-header-row { font-weight: bold; } .order-summary-content .maxicart .maxicart-header-row td { background: url('/images/cart_line_y.gif') repeat-y right; } .order-summary-content .maxicart .maxicart-header-row td.picture { background: none; border: none; } .order-summary-content .maxicart .maxicart-header-row td.end { background: none; padding-right: 5px; } .order-summary-content .maxicart .maxicart-item-row { } .order-summary-content .maxicart .maxicart-item-row td { background: url('/images/cart_line_y.gif') repeat-y right; border-top: 1px dotted #c5c5c5; vertical-align: middle; line-height: 30px; } .order-summary-content .maxicart .maxicart-item-row td.productpicture { padding: 5px 5px 5px 5px; background: none; } .order-summary-content .maxicart .maxicart-item-row td.product { text-align: left; padding: 0px 10px 0px 10px; } .order-summary-content .maxicart .maxicart-item-row td.end { border-top: 1px dotted #c5c5c5; background: none; text-align: right; font-weight: bold; color: Green; } .order-summary-content .WarningBox .WarningText { color: Red; } .order-summary-content .total-info { margin: 0px; padding: 10px 0px 10px 0px; } .maxicart-total-left { width: 100%; text-align: right; vertical-align: middle; height: 21px; font-weight: bold; color: #353434; } .maxicart-total-right { text-align: right; vertical-align: middle; padding-left: 5px; } .order-summary-content .buttons { margin: 0px; padding: 10px 10px 10px 10px; } .order-summary-content .buttons .common-buttons { float: left; margin: 0px; padding: 10px 10px 10px 10px; } .order-summary-content .buttons .addon-buttons { float: right; margin: 0px; padding: 10px 10px 10px 10px; text-align: right; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~* CHECKOUT, ORDER DETAILS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .checkout-page { margin-bottom: 15px; padding-bottom: 5px; padding-left: 0; } .checkout-page .page-title { border-bottom: 0 none; } .checkout-page .checkout-data { margin: 0px 0 0 0; padding: 0px 0 0 0; font-size: 11px; color: #555; background-color: inherit; } .checkoutstep { } .checkoutstep .steptitle { border: 1px solid #2F4F4F; color: white; background-color: #2E4d7B; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 5px 5px 5px 5px; margin-top: 5px; } .checkoutstep .stepcontent { border: dashed 1px #2F4F4F; border-top: none; padding: 5px 5px 5px 5px; } .order-summary-title { padding: 10px 10px 5px 0px; font-size: 11px; color: #555; font-weight: bold; clear: both; } .order-summary-body { text-align: center; margin: 10px 10px 10px 10px; border: 1px solid rgb(232, 230, 210); height: auto; } .checkout-data .select-address-title { padding: 10px 10px 5px 0px; font-weight: bold; clear: both; } .checkout-data .address-grid { margin-bottom: 15px; padding: 0px; } .checkout-data .address-grid .item-box { padding-bottom: 10px; text-align: center; vertical-align: text-top; } .checkout-data .address-grid .address-item { text-align: center; margin: 10px 10px 10px 10px; border: 1px solid rgb(232, 230, 210); width: 200px; height: auto; } .checkout-data .address-grid .address-item .select-button { margin-bottom: 5px; margin-top: 5px; text-align: center; } .checkout-data .address-grid .address-item .address-box { text-align: left; } .checkout-data .enter-address-title { padding: 10px 10px 5px 0px; font-weight: bold; clear: both; } .checkout-data .enter-address { text-align: center; margin: 10px 10px 10px 10px; border: 1px solid #d7d7d7; height: auto; } .checkout-data .enter-address .enter-address-body { text-align: left; margin: 10px 10px 10px 10px; } .checkout-data .enter-address .button { margin: 10px 10px 10px 10px; text-align: left; } .checkout-data .enter-address .the-same-address { text-align: left; margin: 10px 10px 10px 10px; } .checkout-data .delivery-slots { text-align: left; margin: 10px 10px 10px 10px; border: 1px solid rgb(232, 230, 210); height: auto; width: 620px; vertical-align: text-top; padding: 5px 0 0 5px; } .checkout-data .delivery-slots .option-name { font-weight: bold; } .checkout-data .delivery-slot .option-description { padding: 5px 0 5px 16px; } .checkout-data .delivery-slots .select-button { margin: 10px 10px 10px 10px; text-align: left; } .checkout-data .delivery-slots .error-block { margin: 10px 10px 10px 10px; text-align: left; } .checkout-data .payment-methods { text-align: left; margin: 10px 10px 10px 10px; border: 1px solid rgb(232, 230, 210); height: auto; } .checkout-data .payment-methods .payment-method-item { padding: 10px; text-align: left; vertical-align: text-top; } .checkout-data .payment-methods .select-button { margin: 10px 10px 10px 10px; text-align: left; } .checkout-data .payment-methods .error-block { padding: 10px 10px 5px 0px; font-weight: bold; clear: both; } .checkout-data .payment-info { text-align: left; margin: 10px 10px 10px 10px; border: 1px solid rgb(232, 230, 210); height: auto; } .checkout-data .payment-info .body { padding: 10px; text-align: left; vertical-align: text-top; } .checkout-data .payment-info .select-button { margin: 10px 10px 10px 10px; text-align: left; } .checkout-data .confirm-order { text-align: left; margin: 10px 10px 10px 10px; border: 1px solid rgb(232, 230, 210); height: auto; } .checkout-data .confirm-order .select-button { margin: 10px 10px 10px 10px; text-align: left; } .checkout-data .confirm-order .error-block { margin: 10px 10px 10px 10px; text-align: left; } .checkout-data .order-completed { text-align: left; margin: 10px 10px 10px 10px; border: 1px solid rgb(232, 230, 210); height: auto; } .checkout-data .order-completed .body { padding: 10px; text-align: left; vertical-align: text-top; } .checkout-data .order-completed .select-button { margin: 10px 10px 10px 10px; text-align: left; } .order-details { margin-bottom: 15px; padding: 0px; } .order-details .page-title { border-bottom: 0 none; } .order-details .info { border: 1px solid rgb(232, 230, 210); padding: 10px; } .order-details .section-title { padding: 10px 10px 5px 0px; font-weight: bold; clear: both; } .order-details .order-overview { text-align: left; padding-bottom: 10px; } .order-details { text-align: left; padding: 10px; border: 1px solid rgb(232, 230, 210); height: auto; } .order-details .billing-box { text-align: left; padding: 10px; border: 1px solid rgb(232, 230, 210); height: auto; } .order-details .products-box, .order-details .ordernotes-box { text-align: left; padding: 10px; border: 1px solid rgb(232, 230, 210); height: auto; } .order-progress { height: 40px; margin: 0 auto; text-align: center; border-bottom: solid 2px #f3f3f3; } .order-progress ul { padding: 0; margin: 0; } .order-progress ul li { list-style: none; display: inline; padding: 5px 20px 0 20px; } .order-progress ul li .active-step { /*color: #6a6a6a;*/ color: #222220; background: url('/images/progress-step-active.gif') no-repeat 50% 50%; padding-bottom: 40px; padding-right: 1px; } .order-progress ul li .inactive-step { /*color: #d7d7d7;*/ color: gray; background: url('/images/progress-step-inactive.gif') no-repeat 50% 50%; padding-bottom: 40px; padding-right: 1px; } .delivery-contact-free { text-align: left; margin: 200px 10px 200px 10px; border: 1px solid rgb(232, 230, 210); height: auto; vertical-align: text-top; padding: 5px 0 4px 5px; font-size: 1.1em; } .delivery-contact-free .lbl { margin-left: 5px; font-weight: bold; color: blue; padding-bottom: 10px; } .delivery-contact-free .lblm { text-align: right; padding-right: 10px; padding-top: 3px; vertical-align: text-top; } .delivery-contact-free .lbln { text-align: right; padding-right: 10px; vertical-align: text-top; padding-top: 3px; } /*.delivery-contact-free .mobile { vertical-align: text-top; } .delivery-contact-free .note { width: 100%; vertical-align: text-top; }*/ .delivery-gift-note { text-align: left; margin: 200px 10px 200px 10px; border: 1px solid rgb(232, 230, 210); height: auto; vertical-align: text-top; padding: 5px 0 4px 5px; font-size: 1.1em; } .delivery-gift-note .lbl { margin-left: 5px; font-weight: bold; color: blue; padding-bottom: 10px; } .delivery-gift-note .lbln { text-align: right; padding-right: 10px; vertical-align: text-top; padding-top: 3px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~* PAGES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .login-page { margin-bottom: 15px; padding-bottom: 5px; padding-left: 0; } .login-page .page-title { border-bottom: 0 none; } .login-page .wrapper { width: 600px; margin-top: 10px; padding-left: 5px; font-size: 11px; color: #555; } .login-page .wrapper .new-wrapper { float: left; width: 50%; } .login-page .wrapper .new-wrapper .register-title { text-align: center; margin: 0px 10px 0px 10px; font-weight: bold; } .login-page .wrapper .new-wrapper .register-block { text-align: center; margin: 10px 10px 10px 10px; padding: 15px 5px 5px 5px; border: 1px solid rgb(232, 230, 210); min-height: 240px; vertical-align: top; } .login-page .wrapper .new-wrapper .checkout-as-guest-or-register-block { text-align: left; margin: 10px 10px 10px 10px; padding: 15px 5px 5px 5px; border: 1px solid rgb(232, 230, 210); min-height: 240px; vertical-align: top; } .login-page .wrapper .returning-wrapper { float: right; width: 50%; } .login-page .wrapper .returning-wrapper .login-title { text-align: center; margin: 0px 10px 0px 10px; font-weight: bold; } .login-page .wrapper .returning-wrapper .login-block { text-align: left; margin: 10px 10px 10px 10px; padding: 15px 5px 5px 5px; border: 1px solid rgb(232, 230, 210); min-height: 240px; } .login-table-container { vertical-align: middle; } .login-table-container .row { } .login-table-container .row .item-name { padding: 10px 10px 10px 0px; display: block; white-space: nowrap; padding-right: 10px; vertical-align: middle; font-weight: bold; } .login-table-container .row .item-value { padding: 10px 0px 10px 0px; vertical-align: middle; } .login-page .forgot-password { font-weight: bold; } .login-page .buttons { float: right; margin-bottom: 5px; margin-top: 5px; text-align: center; clear: both; } .registration-page { margin-bottom: 15px; padding-bottom: 5px; padding-left: 0; } .registration-page .page-title { border-bottom: 0 none; } .registration-page .body { margin: 0px 0 0 0; padding: 0px 0 0 0; font-size: 11px; color: #555; background-color: inherit; } .registration-page .section-title { padding: 10px 10px 5px 0px; font-weight: bold; clear: both; font-size: 12px; } .registration-page .section-body { text-align: left; padding: 10px; border: 1px solid rgb(232, 230, 210); height: auto; } .registration-page .button { float: right; margin-bottom: 5px; margin-top: 5px; text-align: center; clear: both; } .password-recovery-page, newsletter-page { margin-bottom: 15px; padding-bottom: 5px; padding-left: 0; } .password-recovery-page .page-title, newsletter-page .page-title { border-bottom: 0 none; } .password-recovery-page .body, newsletter-page .body { margin: 0px 0 0 0; padding: 0px 0 0 0; font-size: 11px; color: #555; background-color: inherit; } .customer-avatar { padding: 10px; } .account-activation-page { margin-bottom: 15px; padding-bottom: 5px; padding-left: 0; } .account-activation-page .page-title { border-bottom: 0 none; } .account-activation-page .body { margin: 0px 0 0 0; padding: 0px 0 0 0; font-size: 11px; color: #555; background-color: inherit; } .address-edit-page { margin-bottom: 15px; padding-bottom: 5px; padding-left: 0; } .address-edit-page .page-title { border-bottom: 0 none; } .address-edit-page .body { margin: 0px 0 0 0; padding: 0px 0 0 0; font-size: 11px; color: #555; background-color: inherit; } .contact-form { } .contact-form .button { text-align: right; } .contact-form .send-email { } .contact-form h2 {padding: 5px 5px 5px 0px;font-size: 20px;margin: 0;font-family: Arial,Helvetica,sans-serif;font-weight:normal;} .contact-form textarea {width:475px; height:150px;} .newslist { margin-bottom: 15px; padding-bottom: 5px; padding-left: 0; } .newslist .title { padding: 10px 0px 1px 0px; margin: 0 5px 10px 5px; font-weight: bold; text-transform: uppercase; clear: both; font-size: 1.1em; border-bottom: solid 1px #C4C6C8; } .newslist .newsitems { margin: 0px 5px 0 5px; padding: 0px 0 0 0; } .newslist .newsitems .item { border-bottom: dashed 1px #C4C6C8; margin-bottom: 10px; padding-bottom: 10px; } .newslist .newsitems .newsdate { color: #9a9a9a; font-style: italic; } .newslist .newsitems a.newstitle { color: #555; text-decoration: none; font-size: 1.2em; } .newslist .newsitems a.newstitle:hover { text-decoration: underline; } .newslist .newsitems .newsdetails { margin-top: 10px; margin-bottom: 10px; } .newslist .newsitems .readmore { font-weight: bold; text-decoration: none; color: #3664A5; background-color: inherit; } .newsitem { margin-bottom: 15px; padding-bottom: 5px; padding-left: 0; } .newsitem .page-title { border-bottom: 0 none; } .newsitem .newsdate { color: #9a9a9a; font-style: italic; } .newsitem .newsbody { margin: 0px 0 0 0; padding: 0px 0 0 0; } .newscomments { margin-bottom: 15px; padding-bottom: 5px; padding-left: 0; } .newscomments .title { padding: 10px 10px 10px 0px; font-weight: bold; text-transform: uppercase; } .newscomments .newcomment { margin: 0px 0 0 0; padding: 0px 0 0 0; } .newscomments .newcomment td.leavetitle { padding: 0px 10px 10px 0px; font-weight: bold; color: #3a3a3a; } .newscomments .newcomment td.button { text-align: right; } .newscomments .commentlist { border-top: solid 1px #e3e3e3; margin-top: 10px; } .newscomment { border-bottom: solid 1px #E3E3E3; } .newscomment .commentinfo { width: 170px; float: left; padding: 5px; height: 100%; border-right: solid 1px #F3F3F3; } .newscomment .commentinfo .userinfo { padding-top: 5px; } .newscomment .commentinfo .userinfo a.username { font-weight: bold; margin-bottom: 5px; } .newscomment .commentinfo .userinfo span.username { font-weight: bold; margin-bottom: 5px; } .newscomment .commentinfo .userinfo .avatar { margin: 5px 0 5px 0; } .newscomment .commentinfo .userinfo .avatar .avatar-img { border: solid 2px rgb(206, 219, 225) !important; } .newscomment .commentinfo .userinfo .userstats { font-size: 0.9em; text-align: left; font-weight: bold; color: #555; } .newscomment .commentinfo .userinfo .userstats .statvalue { font-weight: normal; } .newscomment .commentcontent { margin-left: 180px; border-left: solid 1px #F3F3F3; } .newscomment .commentcontent .commenttime { font-weight: bold; line-height: 20px; padding: 3px; background: #e3f3f3; } .newscomment .commentcontent .commenttime .statvalue { font-weight: normal; } .newscomment .commentcontent .commenttitle { padding: 3px; font-weight: bold; } .newscomment .commentcontent .commentbody { padding: 3px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~* Start of what used to be z-farm-direct.css ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* - main layout - */ /* - Middle Col - */ .productPrice { color:#6f7b17; font-weight:normal; font-size:22px; } .comment { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:20px; font-style:italic; } .quantity { width:117px; margin-bottom:10px; } .marginTop20 { margin-top:20px; } .clr {clear:both; padding:0; margin:0; height:0;} .htmlcontent-header {margin:10px 0 0 0;} .buttons {margin:10px 0 0 0; text-align:right;} .btnrep {text-indent:-9999px;padding:50px 0 0;background-color:transparent;overflow:hidden;font:0/0 Arial;cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} form>.btnrep {height: 0px;}/* For non-IE browsers*/ /*.imgrep {text-indent:-9999px;overflow:hidden;background-position:0 0;background-repeat:no-repeat;display:block;font:0/0 Arial;}*/ input[type="submit"].productlistaddtocartbutton {width:54px;height:15px;background-image:url("/images/btnAddToBasket2.gif");border:none;padding:0px; margin:0 0 0 -4px; vertical-align:bottom;} input[type="submit"].productvariantaddtowishlistbutton {width:165px;height:15px;background-image:url("/images/btn-addtoshoppinglist.gif");border:none;padding:0px; margin:0 0 0 -4px; vertical-align:bottom;} input[type="submit"].orderdetailsbutton {width:62px;height:12px;background-image:url("/images/btn-details.gif");border:none;padding:0px; margin:0 0 0 0px; vertical-align:bottom;} input[type="submit"].reorderbutton {width:113px;height:15px;background-image:url("/images/btn-repeatorder.gif");border:none;padding:0px; margin:10px 0 0 0px; vertical-align:bottom;} input[type="submit"].openbutton {width:113px;height:15px;background-image:url("/images/edit-order.gif");background-repeat:no-repeat;border:none;padding:0px; margin:10px 0 0 0px; vertical-align:bottom;} .notforme{display:none} .block{padding:0; margin:0;} .htmlcontent-body {padding:5px;line-height:1.6em;} input[type="submit"].registerbutton {width:91px;height:19px;background-image:url("/images/btnRegister.gif"); background-repeat:no-repeat;border:none;padding:0px; margin:20px 0 0px 0; vertical-align:bottom;} input[type="submit"].loginbutton {width:65px;height:19px;background-image:url("/images/btnLogin2.gif"); background-repeat:no-repeat;border:none;padding:0px; margin:20px 0 0px 0; vertical-align:bottom;} input[type="submit"].productvariantaddtocartbutton {width:113px;height:12px;background-image:url("/images/btnAddToBasketSml.gif"); background-repeat:no-repeat;border:none;padding:0px; margin:20px 0 0px 0; vertical-align:bottom;} input[type="submit"].productemailafriendbutton {width:148px;height:15px;background-image:url("/images/btnEmailFriend.gif"); background-repeat:no-repeat;border:none;padding:0px; margin:20px 0 0px 0; vertical-align:bottom;} .register-block {background:transparent;} .login-block {background:transparent;} .order-progress {background:transparent;} h1 {font-size:20px;} .quantity-text {vertical-align: top; font-size: 12px;} .warning-text {color:Red; font-size:18px;} .checkout-attributes div:nth-child(2) {color:Red;margin:20px 0 0 0;} #recipepage h1{color:#006600 !important; font-weight:bold;padding-bottom:10px;} #recipepage h2{color:#006600 !important; font-weight:bold;padding:20px 0 10px 0; border-bottom:1px solid #78ae52} #recipepage h2.htmlcontent-header{display:none !important;} #recipepage h3{color:#78ae52 !important; font-weight:bold;padding:10px 0 20px 0; font-size:2em;} #recipepage a.snapup {float:right; margin-top:-35px;color:#78ae52 !important; font-weight:bold;} #reciperepeater {padding:10px 0 10px 0;border-bottom:1px solid #78ae52;border-top:1px solid #78ae52; margin:0 0 20px 0;} #recipetable td{width:140px; vertical-align:top;color:#006600; padding:0; margin:0;} a.green{color:#006600;} .featuremainimg {float:left; padding:0 10px 5px 0;} .featuretextarea{float:left; padding:5px 10px;} .featuredesc {padding:0 0 20px 0; line-height:1.6em;} .recipecolumn{float:left;width:140px; padding-right:5px;} .recipehuge{display:block;color:#006600; font-weight:bold;padding:15px 0 0 0 !important;margin:0px; font-size:3em;line-height:1em;} #recipemain {margin:10px 0;} .registernextstepbutton { font-size: 1.05em; padding: 3px; } td.tableclass1{background:#a0d24e; text-indent:-9999px; overflow:hidden} td.tableclass0{background:#dedede; text-indent:-9999px; overflow:hidden} td.tableclass2{background:#cfe8a6; text-indent:-9999px; overflow:hidden} /* ***deskGlobalNew.css *** */ .btn { -moz-box-shadow: 0px 10px 14px -7px #3e7327; -webkit-box-shadow: 0px 10px 14px -7px #3e7327; box-shadow: 0px 10px 14px -7px #3e7327; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352)); background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%); background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%); background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%); background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%); background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0); background-color:#77b55a; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #4b8f29; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:13px; font-weight:bold; padding:2px 12px; text-decoration:none; text-shadow:0px 1px 0px #5b8a3c; } .btn:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a)); background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%); background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%); background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%); background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%); background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0); background-color:#72b352; } .btn:active { position:relative; top:1px; } .btn2 { -moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe; -webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe; box-shadow:inset 0px 1px 0px 0px #d9fbbe; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b5c14d), color-stop(1, #a5cc52)); background:-moz-linear-gradient(top, #b5c14d 5%, #a5cc52 100%); background:-webkit-linear-gradient(top, #b5c14d 5%, #a5cc52 100%); background:-o-linear-gradient(top, #b5c14d 5%, #a5cc52 100%); background:-ms-linear-gradient(top, #b5c14d 5%, #a5cc52 100%); background:linear-gradient(to bottom, #b5c14d 5%, #a5cc52 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5c14d', endColorstr='#a5cc52',GradientType=0); background-color:#b5c14d; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #83c41a; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:14px; font-weight:bold; padding:1px 3px; text-decoration:none; text-shadow:0px 1px 0px #86ae47; } .btn2:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b5c14d)); background:-moz-linear-gradient(top, #a5cc52 5%, #b5c14d 100%); background:-webkit-linear-gradient(top, #a5cc52 5%, #b5c14d 100%); background:-o-linear-gradient(top, #a5cc52 5%, #b5c14d 100%); background:-ms-linear-gradient(top, #a5cc52 5%, #b5c14d 100%); background:linear-gradient(to bottom, #a5cc52 5%, #b5c14d 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b5c14d',GradientType=0); background-color:#a5cc52; } .btn2:active { position:relative; top:1px; } .btn-red { box-shadow:inset 0px 1px 0px 0px #f7c5c0; background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%); background-color:#fc8d83; border-radius:3px; border:1px solid #d83526; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:14px; font-weight:bold; padding:1px 3px; text-decoration:none; text-shadow:0px 1px 0px #b23e35; } .btn-red:hover { background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%); background-color:#e4685d; } .btn-red:active { position:relative; top:1px; } .textBox { margin: 1px; border-right: #dfe5e7 1px solid; border-top: #a8bac2 1px solid; border-left: #a8bac2 1px solid; border-bottom: #dfe5e7 1px solid; background: url(/images/bgTextBox.gif) white repeat-x left top; color: #11354A; font-family: verdana; font-size: 8pt; padding: 1px; height: 15px; } /* ***deskGlobalSwitch.css *** */ .switch { position: relative; display: inline-block; width: 46px; height: 26px; } .switch input {display:none;} .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color:#ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 3px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #5da72b; } input:focus + .slider { box-shadow: 0 0 1px #5da72b; } input:checked + .slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } /* Rounded sliders */ .slider.round { border-radius: 26px; } .slider.round:before { border-radius: 50%; } /*------ ADDED CSS ---------*/ /*.on { display: none; } .on { color: white; position: absolute; transform: translate(-50%,-50%); top: 50%; right: 10px; font-size: 10px; font-family: Verdana, sans-serif; } .off { color: white; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 10px; font-size: 10px; font-family: Verdana, sans-serif; } input:checked+ .slider .on {display: block;} input:checked + .slider .off {display: none;}*/ /*--------- END --------*/ .switch-mini { position: relative; display: inline-block; width: 34px; /**/ height: 20px; /**/ } .switch-mini input {display:none;} .slider-mini { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color:#ccc; -webkit-transition: .4s; transition: .4s; } .slider-mini:before { position: absolute; content: ""; height: 14px;/**/ width: 14px;/**/ left: 3px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider-mini { background-color: #5da72b; } input:focus + .slider-mini { box-shadow: 0 0 1px #5da72b; } input:checked + .slider-mini:before { -webkit-transform: translateX(14px);/**/ -ms-transform: translateX(14px);/**/ transform: translateX(14px);/**/ } /* Rounded sliders */ .slider-mini.round { border-radius: 20px;/**/ } .slider-mini.round:before { border-radius: 50%; } /* ***deskGlobalZ.css *** */ .root-content { text-align: left; float:none; margin:0 auto 0 auto; background:transparent; width: 100%; } .root-content-fixed { margin: 10px auto 0 auto; width: 957px; } .root-content-fixed-med { margin: 10px auto 0 auto; width: 600px; } .root-content-var { margin:0 auto 0 auto; } .root-page { display: flex; justify-content: flex-start; margin-top: 0px; } #root-page-left, #root-page-left-fixed, #root-page-left-phantom { flex: 0 0 205px; margin: 20px 10px 0 10px; width: 205px; } #root-page-left-phantom { height: 10px; } #root-page-left-fixed { position: fixed; left: 0px; z-index: 5; min-height: 10px; top: 145px; bottom: 0px; overflow-y: auto; } #root-page-left-contents { width: 100%; margin-bottom: 10px; } #root-page-main { flex: 0 1 auto; margin: 20px 10px 0 10px; } .info-box { margin: 0 0 20px 0; color: #3A4045; } .info-box-h { height: 30px; font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Meduim", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; color: #212427; line-height: 22px; display: flex; align-items: center; background-color: #b5c14d; flex-direction: row; justify-content: flex-start; } .info-box a .info-box-h { text-decoration: none; } .info-box-h .text { margin-left: 4px; } .info-box-h .icon { margin-left: 4px; } .info-box-h .icon img { width: 24px; height: 24px; } .info-box-body { padding: 4px 6px; font-size: 13px; line-height: 16px; border: 2px solid #b5c14d; border-top: none; font-family:"HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Regular", Helvetica, Arial, "Lucida Grande", sans-serif; } .info-box-body .split1 {display: flex; } .info-box-body .split1 .left { width: 35%; text-align: right; } .info-box-body .split1 .right { width: 65%; text-align: left; padding-left: 6px; right: 0; } .info-box-body .split2 {display: flex; flex-direction: row; align-content: center; } /*.info-box-body .split2 .left img { width: 24px; height: 24px; }*/ .info-box-body .split2 .right { padding: 2px 0 0 6px; } .info-box-body .split2 .right a { } .info-box .news-title { } .info-box .news-title a { color: #3A4045; font-weight: bold; } .info-box .news-title a .sub {font-weight: normal; margin: 0 0 0 4px; padding: 0; } .info-box .news-date { text-align: right; font-style: italic; margin-right: 6px; }