@font-face { font-family: 'Open Sans'; font-style: normal; font-display: fallback; font-weight: normal; src: url(../fonts/open-sans-latin-300-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family: 'Open Sans'; font-style: normal; font-display: fallback; font-weight: bold; src: url(../fonts/open-sans-latin-600-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family: 'modules'; src: url('/WEB/fonts/modules.woff2') format('woff2'), url('/WEB/fonts/modules.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } label { position: relative; display: inline-block; } .LABEL_CONT { position: relative; display: inline-block; margin: 0 0 6px 0; line-height: normal; vertical-align: top; } label.INSET_LABEL { position: absolute; display: inline-block; z-index: 1; font-size: 10pt; top:0; left:5px; margin: 4px 0 0 0; color:rgb(100,100,100); white-space: nowrap; } input[type='text'], input[type='password'], select, textarea { background-color: white; border:none; margin: 0; padding:15px; box-sizing:border-box; height:auto !important; font-weight: normal; font-size:1em; border-radius: 5px; -webkit-appearance:none appearance:none; } select { margin: 0; -webkit-appearance:none; background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 20px) 50%, calc(100% - 15px) 50%, calc(100% - 35px) 50%; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; padding-right: 35px; } input[data-validate='1'], select[data-validate='1'] { padding-right:35px !important; } select[data-validate='1'] { background-position: calc(100% - 35px) 50%, calc(100% - 30px) 50%, calc(100% - 50px) 50%; } .INSET_INPUT { padding-top:23px !important; } .cartShow { line-height: 1.8em } .cartShow, .cartHeader, .cartItem, .cartFooter, .cartComment, .cartButtons { position: relative; display: inline-block; width: 100%; clear:both; } .CART_ADDRESS_A, .CART_ADDRESS_B { position:relative; display:inline-block; float:left; width:50%; } .CART_PAYMENT, .CART_SHIPMENT { width:100%; margin: 0 0 50px 0; } .SHOPPINGSTEP_CUSTOMERDATA_LOGIN, .SHOPPINGSTEP_CUSTOMERDATA { position:relative; display:inline-block; width:100%; } .SHOPPINGSTEP_CUSTOMERDATA_LOGIN { margin:50px 0 0 0; } #SHOPPINGSTEP_1 h2, #SHOPPINGSTEP_2 h2, #SHOPPINGSTEP_3 h2, .SHOPSTEP_TTL, .cartHeader > div, .accountFormContainer h2, .WM_MESSAGE h1, .accountHomeContainer h5 { all:unset; position: relative; display: inline-block; font-family:georgia; font-weight:normal; font-size:17pt; margin:0 0 10px 0; } .cartHeader > div { font-size:13pt; } .SHOPPINGSTEPS { position: relative; display: flex; } #SHOPPINGSTEP_1, #SHOPPINGSTEP_2, #SHOPPINGSTEP_3 { position:relative; display:table-cell; float:left; width:50%; min-height:140px; padding:35px 40px 1% 40px; margin: 0 0 0 0; box-sizing: border-box; background:#F2F2F2; border-bottom:#cecece solid 0px; font-size:0.9em; line-height: normal; } #SHOPPINGSTEP_1 { clear:both !important; width: 100%; } #SHOPPINGSTEP_2 { background:WHITE; border-bottom:#e2d6c0 solid 0px; } #SHOPPINGSTEP_3 { width:100%; min-height:100px; background:#F2F2F2; border-bottom:#e2d6c0 solid 0px; } div#SHOPPINGSTEP_1:before, div#SHOPPINGSTEP_2:before, div#SHOPPINGSTEP_3:before { content: ''; position: absolute; top: 0px; left: 0px; z-index: 1; border-bottom: 50px solid transparent; border-top: 50px solid transparent; border-left: 2em solid white; } div#SHOPPINGSTEP_2:before { border-left: 2em solid #F2F2F2; } #SHOPPINGSTEP_2 input[type=radio], .CART_PAYMENT_CHOICE_CONTAINER_CLICK input[type=radio] { position: relative; height: 23px; border: gray solid 1px; width: 23px; display: inline-block; top:5px; -moz-border-radius: 50px; } .CART_REFERENCE, .CART_COMMENT { position: relative; display: inline-block; width: 100%; min-height: 130px; vertical-align: top; margin: 10px 1% 10px 0; padding:10px 15px; box-sizing: border-box; background:rgba(12, 95, 181, 0.1); border-radius:2px; } #customer_Referentie { width: 100%; max-width: unset; } .CART_REFERENCE > div span { font-size: 0.9em; color:gray; } .cartComment { position: relative; display: inline-block; margin: 20px 0; clear:both; width: 100%; } #customer_Comment { width: 100%; height: 60px; } .generalTerms { position: relative; display: inline-block; margin:10px 0; font-size:0.9em; } .cartFooter { float: right; width: 48%; text-align: right; } .cartButtons { position: relative; display: inline-block; text-align: right; margin: 10px 0 0; } .cartHeader > div, .cartItem > div { position: relative; display: inline-block; } .cartItem > div strike { font-size: 0.8em } .cartSubtotal { margin:20px 0 0 0; } .cartDiscount > div:nth-of-type(4) { width:20% !important; } .cartTaxRates > div { font-size: 0.9em !important; } .CART_ATTRIBUTES { position: relative; display: table; } .CART_ATTRIBUTES > div { position: relative; display: table-row; } .CART_ATTRIBUTES > div > div { position: relative; display: table-cell; font-size:0.9em; } #CART_DISCOUNT_CODE { width:60%; margin: 0px 0px 0px 0px; font-size: 1em; } #CART_DISCOUNT_CODE_BUTTON { position: relative; top: -1px; font-size: 1em; font-weight: bold; color: black; padding: 8px 7px; } .cartFooterRule > div { font-size: 1em; } .cartTotal > div { font-size:1.3em; font-weight: bold; } .cartQty { width:70px; } .PIC_CELL { position:relative; display:inline-block; max-width:100px; width:25%; float:left; margin-right:20px; border:none !important; text-align:left; } .PIC_CELL img { max-width:100%; } .PRODUCT_CELL { color:black; font-size:1em; font-weight:bold;} .DESCRIPTION_CELL { font-size:1em; color:#707070; } .ATR_CELL { font-size:1em; color:black; vertical-align:top; } .DEL_DESC_CELL { display:block; font-size:1em; font-weight:normal; } .DEL_DESC_CELL:first-letter { text-transform: uppercase; } .paymentShipmentDescription { box-sizing: border-box; margin: 0 0px 15px 35px; font-size:0.9em; line-height: 16pt; } .paymentShipmentDescription img { max-width: 70px; height: auto; margin: 0 0 0 25px; } .orderConfirmContainer { clear:both; } .cartHeader > div, .cartItem > div, .cartFooterRule > div { position: relative; display: inline-block; float:left; } .cartHeader > div:first-of-type, .cartItem > div:first-of-type { width:47%; } .cartHeader > div:nth-of-type(2), .cartItem > div:nth-of-type(2) { width:20%; } .cartHeader > div:nth-of-type(2):empty, .cartItem > div:nth-of-type(2):empty { display: none; } .cartHeader > div:nth-of-type(3), .cartItem > div:nth-of-type(3) { width:10%; text-align: right; } .cartHeader > div:nth-of-type(4), .cartItem > div:nth-of-type(4) { width:20%; text-align: right; float:right; } .cartItem > div:nth-of-type(4) > strike { position: absolute; float: right; right: 15%; top: -65%; } .cartFooterRule > div:nth-of-type(1) { width:78%; padding:0 15px 0 0; box-sizing: border-box; text-align:right; clear: both; } .cartFooterRule > div:nth-of-type(2) { width:20%; text-align: right; float:right; } .cartFooter > div { position: relative; } .cartFooter > div > div { position: relative; display: inline-block; } #customer_Sex { width:90px; } #customer_SurName { width:160px; } #customer_Name, #bill_Name, #customer_AddressNumber, #bill_AddressNumber, #customer_ZIP, #bill_ZIP { width:110px } #billOn, #billOff, #accountOn, #accountOff { position: relative; height: 23px; border: gray solid 1px; width: 23px; display: inline-block; top: 5px; } #billToTable, #accountTable { margin:1em 0 0 0; } .accountHomeContainer, .orderHistoryContainer, .accountFormContainer, .loginFormContainer, .reviewContainer, .favoritesContainer, .cartsContainer { position: relative; display: inline-block; box-sizing: border-box; padding: 3%; margin:0; width:100%; z-index: 1; font-size:1em; line-height: normal; background:white; } .WM_MESSAGE_EXPAND .loginFormContainer { background: white; padding:0; } .accountFormContainer_Left, .accountFormContainer_Right { position: relative; display: inline-block; margin: 0; width:49%; vertical-align: top } .orderHistoryContainer, .cartsContainer { overflow: scroll; max-width:100%; } .orderHistoryContainer > div, .cartsContainer > div, .reviewContainer > div, .favoritesContainer > div { position: relative; display: table; width: 100%; border-spacing:0px; } .listHeader, .listColumn { position: relative; display: table-row; } .listHeader > div, .listColumn > div { position: relative; display: table-cell; width:auto; vertical-align: top; padding:15px 10px; } .listColumn:nth-of-type(even) { background-color:rgb(230,230,230); } .listHeader > div { font-weight: bold; font-size: 1.1em; } .listColumn { padding:30px 0; border-top:#cecece solid 1px; } .listColumn > div > span { font-size:0.9em; color:gray; } .REFRESH_BUTTON{ position:relative; width:20px; height:20px; margin-right:10px; cursor:pointer; border:none !important; background: url('../images/cart_refresh.png') no-repeat transparent !important;} .SHOW_BUTTON { position:relative; width:20px; height:20px; margin-right:10px; border:none !important; cursor:pointer; background: url('../images/Zoom.png') no-repeat transparent !important;} .OPEN_BUTTON { position:relative; width:20px; height:20px; margin-right:10px; border:none !important; cursor:pointer; background: url('../images/cart.png') no-repeat transparent !important;} .CART_BUTTON, .DELETE_BUTTON, .PDF_BUTTON, .BILL_BUTTON, .CONTINUE_ORDER { position:relative; display: block; padding:0 0 0 20px; background-color: transparent; text-align:left; font-size:0.8em; border:none !important; cursor:pointer; } .PDF_BUTTON:before, .BILL_BUTTON:before { content: '\e092'; position: absolute; font-family: 'modules'; margin:0 0 0 -20px;} .CONTINUE_ORDER:before, .CART_BUTTON:before { content: '\e015'; position: absolute; font-family: 'modules'; margin:0 0 0 -20px;} .DELETE_BUTTON:before { content: '\e019'; position: absolute; font-family: 'modules'; margin:0 0 0 -20px;} .INFO_MESSAGE div, .INFO_MESSAGE span { font-size:1em; } .accountFormMessage { position:relative; display:inline-block; width:100%; font-weight:bold; background-color:#dcffc3; border:#81ca4b solid 0px; color:#214f00; text-align:center; vertical-align:center; padding:14px 0; margin:0 0 2em 0; border-radius: 2px;} .accountFormMessage_ERROR, .ERROR { position:relative; display:inline-block; width:100%; font-weight:bold; background-color:#ffc2c2; border:#df2b2b solid 0px; color:#800000; text-align:center; vertical-align:center; padding:14px 0; margin:0 0 2em 0; border-radius: 2px;} .WM_MESSAGE_TOP {position:relative; max-width:454px; width:100%; height:38px; } .WM_MESSAGE_EXPAND { position:relative; max-width:454px; width:100%; overflow:hidden; background: white; -moz-box-shadow: 0px 0px 15px #00000052; -webkit-box-shadow: 0px 0px 15px #00000052; box-shadow: 0px 0px 15px #00000052; } .WM_MESSAGE_CLOSE { position:absolute; display:inline; z-index:2; padding:4px; top:25px; right:-15px; font-family: 'modules'; font-size:17pt; cursor:pointer; background-color: rgb(190,190,190); border:rgb(100,100,100) solid 2px; border-radius:70px} .WM_MESSAGE_ICON { position:relative; display:inline-block; float:left; width:80px; margin:10px; } .WM_MESSAGE{ position:relative; display:inline-block; float:left; padding:15px; box-sizing: border-box;} .INFO_SHOW_CONTAINER { background:black;} .MESSAGE { position: relative; display: inline-block; width:100%; padding:15px; box-sizing: border-box; background-color:#CC1F1F69; margin: 0 0 25px 0; font-size:1.1em; } .REQUIRED_DEFAULT, .REQUIRED_OKE, .REQUIRED_NOTOKE { position: absolute; display: inline; top:0; box-sizing: border-box; z-index: 1; color: black; font-weight: normal; font-size:0.8em; height: 100%; line-height: initial; } .REQUIRED_NOTOKE > div { position: absolute; display: inline; min-width: 100px; background-color: lightgray; border-radius: 2px; top:50%; transform: translateY(-50%); padding: 10px; margin: 0px 0 0 10px; } .REQUIRED_NOTOKE > div:before { content:''; position: absolute; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right:10px solid lightgray; left:-10px; top: 50%; transform: translateY(-50%); } .REQUIRED_DEFAULT:before, .REQUIRED_OKE:before, .REQUIRED_NOTOKE:before { content: "\006a"; position: absolute; font-family: 'modules'; font-size: 12pt; margin: 11px 0px 0 -25px; width: 16px; color: grey; font-weight: bold; line-height: initial; top:50%; transform: translateY(-50%); } .REQUIRED_OKE:before { content: "\004e"; font-size: 15pt; margin: 9px 0px 0 -25px; color: #47BD34; } .REQUIRED_NOTOKE:before { content: "\0072"; font-size: 15pt; margin: 9px 0px 0 -25px; color: #da3232; } .PASS_STRENGTH_SUBTEXT { position:relative; display:inline-block; height: 17px; margin: 2px 0px; width: 100%; font-size: 1.1em; } #PASS_STRENGTH_A, #PASS_STRENGTH_B, #PASS_STRENGTH_C, #PASS_STRENGTH_D, #PASS_STRENGTH_E, #PASS_STRENGTH_F { position: relative; top: 2px; font-weight: bold; font-size: 1.1em; font-family: 'modules'; } .PASS_STRENGTH_SUBTEXT .REQUIRED_DEFAULT, .PASS_STRENGTH_SUBTEXT .REQUIRED_OKE, .PASS_STRENGTH_SUBTEXT .REQUIRED_NOTOKE { margin-top:0px; } #PASS_STRENGTH_TEXT { position:relative; display:inline-block; left:0px; top:0px; text-align:left; margin: 0 0 0 6px; padding:5px; border-radius:2px; background-color:lightgray; font-family:arial; font-size:10pt; min-width:110px; line-height:normal; } #PASS_STRENGTH_TEXT:before { content:''; position: absolute; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right:10px solid lightgray; left:-10px; top:15px; } #PASS_STRENGTH_PROGRESS { position:absolute; display:inline-block; left:0px; width:1px; height:5px; width:inherit; background-color:red; } #PASS_STRENGTH_CONTAINER { position:absolute; box-sizing:border-box; clear:both; padding:0px; height:4px; width:inherit; background-color:lightgray; } .CART_PAYMENT_CLICK { background-color: white; padding:3%; } .PAY_LOADER { width:100%; height:250px; text-align:center; padding:10% 0 0 0; } .PAY_LOADER img { position:relative; display:inline-block; top:10px; } .PAY_LOADER span { position:relative; display:inline-block; font-size:12pt; margin: 0 0 0 7px; color: #848484; } .loginWelcome { position:relative; float:left; font-size:9pt; font-weight:bold; color:black; margin-right:10px; } .NO_ACCOUNT_BUTTON { font-size:9pt; font-weight:normal; color:gray; } .RESET_ACCOUNT_BUTTON { font-size:9pt; font-weight:normal; color:gray; } .ACCOUNT_HOME_CONTAINER { position:relative; display:inline-block; width:100%; margin-left:0px; margin-top:0px; } .ACCOUNT_HOME_CONTAINER_LEFT { position:relative; display:inline-block; float:left; width:35%; height:375px; margin-bottom:15px; } .ACCOUNT_HOME_CONTAINER_RIGHT { position:relative; display:inline-block; float:right; width:62%; height:375px; } .ACCOUNT_HOME_ADDRESS { position:relative; clear:both; width:auto; margin: 0px 10px 10px 0px; font-size:1em; line-height:25px;} .accountNavigation { position: relative; display: inline-block; width:100%; padding:0; margin:0; list-style: none; } #ACCOUNT_HOME_BUTTON_H, #ACCOUNT_HOME_BUTTON_I, #ACCOUNT_HOME_BUTTON_J, .accountNavigation li:not(.ACCOUNT_HOME_BUTTON_SEPERATOR) { position: relative; display: inline-block; clear: both; width:100%; font-size:1em; padding:10px 0 0px 0px; margin: 0 0 10px 30px; box-sizing: border-box; cursor:pointer; } #ACCOUNT_HOME_WELCOME { position:relative; display:inline-block; clear:both; width:100%; margin-bottom:15px;} #ACCOUNT_HOME_WELCOME h5 { font-weight:normal; margin:0px; font-size:1.5em; } #ACCOUNT_HOME_BUTTON_A:before { content:'\e026'; position: absolute; margin:-1px 0 0 -30px; font-family: 'modules'; font-size:13pt; color:inherit;} #ACCOUNT_HOME_BUTTON_B:before { content:'\e02f'; position: absolute; margin:-1px 0 0 -30px; font-family: 'modules'; font-size:13pt; color:inherit;} #ACCOUNT_HOME_BUTTON_E:before { content:'\e032'; position: absolute; margin:-2px 0 0 -30px; font-family: 'modules'; font-size:13pt; color:inherit;} #ACCOUNT_HOME_BUTTON_F:before { content:'\e030'; position: absolute; margin:-1px 0 0 -30px; font-family: 'modules'; font-size:13pt; color:inherit;} #ACCOUNT_HOME_BUTTON_G:before { content:'\e015'; position: absolute; margin:-1px 0 0 -30px; font-family: 'modules'; font-size:13pt; color:inherit;} #ACCOUNT_HOME_BUTTON_H:before { content:'\e026'; position: absolute; margin:0px 0 0 -30px; font-family: 'modules'; font-size:13pt; color:inherit;} #ACCOUNT_HOME_BUTTON_I:before { content:'\e004'; position: absolute; margin:0px 0 0 -30px; font-family: 'modules'; font-size:13pt; color:inherit;} #ACCOUNT_HOME_BUTTON_J:before { content:'\e019'; position: absolute; margin:-2px 0 0 -30px; font-family: 'modules'; font-size:13pt; color:inherit;} #ACCOUNT_HOME_BUTTON_HOME:before { content:'\e009'; position: absolute; margin:-1px 0 0 -30px; font-family: 'modules'; font-size:13pt; color:inherit;} #ACCOUNT_HOME_BUTTON_LOGOUT:before { content:'\e02e'; position: absolute; margin:-1px 0 0 -30px; font-family: 'modules'; font-size:13pt; color:inherit;} .ACCOUNT_HOME_BUTTON_SEPERATOR { position: relative; display: inline-block; width:100%; height:1px; margin:5px 0 5px 0; border-bottom:lightgray solid 1px; padding:0px; } .ACCOUNT_HOME_PHONE:before{ content:'\e090'; position: relative; display: inline-block; font-family: 'modules'; margin:0 5px 0 0; font-size:13pt; color:inherit;} .ACCOUNT_HOME_EMAIL:before{ content:'\e010'; position: relative; display: inline-block; font-family: 'modules'; top:2px; margin:0 5px 0 0; font-size:13pt; color:inherit;} .RT_CNTNR { margin-top:0px; } .RATINGS { position:relative; display: inline-block; float:right; width:275px; margin-top:55px; margin-right:70px; } .WRT_REVIEW_TITLE { margin-bottom: 5px; font-weight: normal; font-size:1.5em;} .WRT_REVIEW_TEXT {margin-bottom: 15px;} #RATING_NAME, #RATING_EMAIL, #RATING_ORDERID { margin:0 0 10px 0; } .REVIEW_TEXT_AREA { position: relative; display: inline-block; box-sizing:border-box; height: 100px; width: 100%; padding:10px; margin:0 0 10px 0; float: left; font-size: 14px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .LGN_REVIEW { position: relative; display: inline-block; clear:both; width:100%; margin-top:0px;} .LGN_REVIEW a {font-weight:bold; font-style:italic; cursor:pointer;} .AVG_REVIEW { position: relative; display: inline-block; float:left; margin-right:5px; margin-top:2px; } .AVG_REVIEW_TEXT { color:gray; font-size:8pt; } .AVG_REVIEW_STR { position: relative; display: inline-block; float:left;} .BK_RT .AVG_REVIEW_STR div:last-child { position: relative; display: inline-block; float: left; font-size:1em; color:#515151; top:3px; left:7px;} .RT_S .AVG_REVIEW_STR div:last-child { left:3px; top:0px;} .WRT_REVIEW { position: relative; display: inline-block; clear:both; width:100%; margin-top:0px;} .REVIEW_STARS { position: relative; display: inline-block; float: right; margin: 0 0px 0 23px; } .REVIEW_BOTTOM { position: relative; display: inline-block; float: right; clear:both; margin: 10px 0 0 0; } .REVIEW { position:relative; display: inline-block; clear:both; width:100%; margin-top:10px; border-top:gray solid 1px;} .REVIEW_TEXT {margin-top:10px; margin-bottom:5px; } .REVIEW_DATE { position:relative; display: inline-block; float:right; font-size:8pt; color:gray; font-style:italic; margin-top:10px; } .ACCOUNT_REVIEW_PICTURE {margin-right:10px; border:#d1d0d0 solid 1px;} .ACCOUNT_REVIEW_TITLE { cursor:pointer; font-weight:bold; font-size:1em;} .ACCOUNT_REVIEW_TEXT {font-weight:normal; font-size:9pt; margin-top:10px;} .BK_RT .RATING_OFF { background: url('../tmpl_src/LIV_Sprite.png') no-repeat -31px -107px; background-size: 9.5em; height: 23px; width: 24px; display: inline-block; position: relative; float: left; top: -3px; } .BK_RT .RATING_ON { background: url('../tmpl_src/LIV_Sprite.png') no-repeat 0px -107px; background-size: 9.5em; height: 23px; width: 24px; display: inline-block; position: relative; float: left; top: -3px; } .RATING_OFF { background: url('../tmpl_src/LIV_Sprite.png') no-repeat -20px -70px; background-size: 6.3em; height:17px; width:17px; display: inline-block; position: relative; float:left; } .RATING_ON { background: url('../tmpl_src/LIV_Sprite.png') no-repeat 0px -70px; background-size: 6.3em; height:17px; width:17px; display: inline-block; position: relative; float:left; } .REVIEW_STARS .RATING_ON, .REVIEW_STARS .RATING_OFF { background-size: 10em !important; height: 30px; width: 32px; } .REVIEW_STARS .RATING_OFF { background: url('../tmpl_src/LIV_Sprite.png') no-repeat -33px -120px; } .REVIEW_STARS .RATING_ON { background: url('../tmpl_src/LIV_Sprite.png') no-repeat 0px -120px; } .FAVOURITE_BUTTON_SET { border:none !important; cursor:pointer; background: url('../tmpl_src/RATING_BIG.png') no-repeat; background-size:17px 17px; } .FAVOURITE_BUTTON_UNSET { border:none !important; cursor:pointer; background: url('../tmpl_src/RATING_OFF_BIG.png') no-repeat; background-size:17px 17px; } .ACCOUNT_FAVOURITES_PICTURE {margin-right:10px; border:#d1d0d0 solid 1px; float:left;} .ACCOUNT_FAVOURITES_TITLE { cursor:pointer; font-weight:bold; font-size:1em;} .SORT { display:inline-block; } .DELI_SHOW { position:relative; display:inline-block; top:4px; margin-bottom:15px; cursor:pointer; font-weight:bold;} .PAGINATION_DELI_SHOW {position:relative; display:inline-block; float:left; top:6px; left:0px; cursor:pointer; font-weight:bold;} .PAGINATION { position: relative; display: inline-block; z-index: 3; font-weight: normal; font-size: 1em; color: black; text-decoration: none; margin-bottom: 15px; font-weight: normal !important; font-size: 1em; left: -5px; color: white; } .PAGINATION_PAGE_TOTAL { text-align:center; font-weight:normal; font-size:1em; color:inherit; text-decoration:none; } .PAGINATION_PAGE_TOTAL em { font-weight: bold; font-style:normal } .PAGINATION_PAGE { width:60px; } .PAGINATION_NEXT_BUTTON, .PAGINATION_PREVIOUS_BUTTON { position: relative; float: right; padding:10px 14px; margin-left: 5px; top: 0px; box-sizing: border-box; cursor: pointer; color:black; background:white; border: #cecece solid 1px; border-radius: 2px; } .DP_LIST { position:relative; display: inline-block; float:left; list-style: none outside none; margin:0px; top:0px; padding:0px 20px 0 0; height:37px; overflow:hidden; background-color:white; cursor:pointer; } .DP_LIST_ARROW { position:relative; display: inline-block; float:left; top:0px; right:0px; z-index:1; height:37px; width:35px; border-left:#cecece solid 1px; background: url('../tmpl_src/menu_strip_down_arrow.png') no-repeat center center white; } .DP_LIST_DROPDOWN { position:absolute; display:none; z-index:1; min-width:200px; margin:0px 0px 0 1px; border:#cecece solid 1px; overflow:hidden; background-color:white; border:#cecece solid 0px; -moz-box-shadow: 5px 5px 5px #4a4a4a4f; -webkit-box-shadow: 5px 5px 5px #4a4a4a4f; box-shadow: 5px 5px 5px #4a4a4a4f; } .DP_LIST .option, .DP_LIST_DROPDOWN .option { position:relative; display: inline-block; float: left; width:100%; margin:9px; cursor:pointer; } .DP_LIST .option img, .DP_LIST_DROPDOWN .option img { position:relative; display:block; float:left; border:none !important; height:20px; width:30px; margin:0 10px 0 0; } .DP_LIST .option span, .DP_LIST_DROPDOWN .option span { position:relative; display:block; float:left; color:black; text-shadow:none; font-size:11pt; margin:2px 0 0 0; } .SCROLL { position:relative; display:inline-block; width:100vw; } .SCROLL ul { padding: 0; margin: 0; } .SCROLL_EXPAND { position: absolute; bottom: 0px; left: 0px; font-size:1em; z-index: 4; cursor: pointer; color: white; background: #0083ab; padding: 8px 14px; border-top-right-radius: 3px; box-shadow: 0px 0 20px white; } .SCROLL ul::-webkit-scrollbar { display: none; } .SCROLL ul li { float:none; } .SCROLL ul li:last-child { } .SCROLL_LEFT, .SCROLL_RIGHT { position:absolute; top:0px; height:100vh; width:3%; cursor:pointer; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; z-index: 5; display: flex; } .SCROLL_LEFT span, .SCROLL_RIGHT span { position:absolute; font-size:17vh; color:rgba(0,0,0,0.2); margin: auto 0; top:14%; bottom: 0px; height: 10%; vertical-align: middle; } .SCROLL_RIGHT span { float:right; right:0px; } .SCROLL_LEFT { float:left; left:0px; background-size:100% auto; } .SCROLL_RIGHT { float:right; text-align: right; right:0px; background-size:100% auto; } @media screen and (min-width:1200px) { #SHOPPINGSTEP_1 { width:35%; float:left; } #SHOPPINGSTEP_2 { width:25%; float:left; } #SHOPPINGSTEP_3 { width:40%; float:left; } } @media screen and (max-width:1600px) { .CART_ADDRESS_A, .CART_ADDRESS_B, .CART_PAYMENT, .CART_SHIPMENT { position:relative; display:inline-block; width:100%; margin:0 0 20px 0; } } @media screen and (max-width:1000px) { .cartComment, .cartFooter { clear: both; width: 100%; } .accountFormContainer_Left, .accountFormContainer_Right, .ACCOUNT_HOME_CONTAINER_LEFT, .ACCOUNT_HOME_CONTAINER_RIGHT { clear: both !important; width: 100% !important; margin: 0 0 2em 0; } .ACCOUNT_HOME_CONTAINER_RIGHT { margin: 2em 0 0; } .SHOPPINGSTEPS { display: inline-block; } #SHOPPINGSTEP_1, #SHOPPINGSTEP_2, #SHOPPINGSTEP_3 { width: 100%; clear:both; padding-right:3%; } .CART_REFERENCE, .CART_COMMENT { margin: 10px 0; width: 100% !important; } .cartHeader > div:first-of-type, .cartItem > div:first-of-type { width:46%; } .cartFooterRule > div { font-size: 1em; } } .GET_IN { opacity: 0; box-shadow: -2px -1px 2px #00000026; } .COME_IN { transform: translateY(100px); opacity: 0; animation: COME_IN 0.8s ease forwards; transition:opacity 0.6s; } .COME_RIGHT { transform: translateX(-100px); opacity: 0; animation: COME_RIGHT 0.8s ease forwards; transition:opacity 0.6s; } @keyframes COME_RIGHT { to { opacity:1; transform: translateX(0); } } .COME_LEFT { transform: translateX(100px); opacity: 0; animation: COME_LEFT 0.8s ease forwards; transition:opacity 0.6s; } @keyframes COME_LEFT { to { opacity:1; transform: translateX(0); } } @keyframes COME_IN { to { opacity:1; transform: translateY(0); } } .COME_IN_SIDE:nth-of-type(even) { transform: translateX(100%) rotate(-6deg); opacity: 0; animation: COME_IN_SIDE_EVEN 0.4s ease-out forwards; transition:opacity 0.1s; } .COME_IN_SIDE:nth-of-type(odd) { transform: translateX(120%) rotate(5deg); opacity: 0; animation: COME_IN_SIDE_ODD 0.6s ease-out forwards; transition:opacity 0.1s; } @keyframes COME_IN_SIDE_EVEN { to { opacity:1; transform: translateX(0) translateY(5px) rotate(-3deg); } } @keyframes COME_IN_SIDE_ODD { to { opacity:1; transform: translateX(0) rotate(4deg); } }