/* //////////////////////////////////////////////////////////////////////////////////////////////////// // @object: TYPO3 Shop System (tt_products) style Website kumulus.ch // @version: 8.7.25 // @date: 07.12.2021 // @autor: LeiserPublishing GmbH, www.leiserpublishing.com // @copyright: LeiserPublishing GmbH, Ipsachstrasse 10, 2560 Nidau, info(at)leiserpublishing(dot)com // //////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ==================================================================================================== // SHOPSYSTEMSTYLE (tt_products) // ==================================================================================================== */ /* ### GENERAL (default) definition ### */ /* ==================================================================================================== */ /* ## form definition ## */ /* Set the form font-size */ form { font-size: 1em; } /* Set the form-group div */ .form-group { width: 100%; margin: 0 0 0.75em 0; } /* Set the labels */ .form-group .control-label { } /* Set the span.required */ .form-group span.required, span.required { color: red; padding: 0; } /* Set the span.help-block (Description) */ .form-group span.help-block { display: block; font-size: 0.6875em; padding: 0; margin: 0; background-color: yellow; /* #### !!! #### */ } .form-group textarea { font-family: inherit; } .form-group .input input[type=text]:active, .form-group .input input[type=text]:focus, .form-group .input input[type=password]:active, .form-group .input input[type=password]:focus, .form-group textarea:active, .form-group textarea:focus { -webkit-box-shadow: 0 0 1em rgba(0,0,0,0.5); -moz-box-shadow: 0 0 1em rgba(0,0,0,0.5); box-shadow: 0 0 1em rgba(0,0,0,0.5); } /* Create the checkboxes (start) */ /* Set the div.form-check */ .form-group .checkbox .form-check, .form-group .checkbox .inputs-list .form-check { position: relative; } /* Customize the label (the container) */ .form-group .checkbox .form-check .form-check-label, .form-group .checkbox .inputs-list .form-check .form-check-label { display: table-cell; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .form-group .checkbox .form-check .form-check-label input, .form-group .checkbox .inputs-list .form-check .form-check-label input { float:right; position: absolute; opacity: 0; cursor: pointer; } /* Create a custom checkbox */ .form-group .checkbox .form-check .form-check-label div.checkbox, .form-group .checkbox .inputs-list .form-check .form-check-label div.checkbox { position:absolute; top: 0; border: 2px solid rgb(200,200,200); border-radius: 4px 4px; background-color: rgb(249,249,249); } /* On mouse-over the custom checkbox */ .form-group .checkbox .form-check .form-check-label:hover div.checkbox-label ~ div.checkbox, .form-group .checkbox .inputs-list .form-check .form-check-label:hover div.checkbox-label ~ div.checkbox { -webkit-box-shadow: 0 0 1em rgba(0,0,0,0.5); -moz-box-shadow: 0 0 1em rgba(0,0,0,0.5); box-shadow: 0 0 1em rgba(0,0,0,0.5); } /* Create the checkmark/indicator (hidden when not checked) */ .form-group .checkbox .form-check .form-check-label div.checkbox:after, .form-group .checkbox .inputs-list .form-check .form-check-label div.checkbox:after { content: ""; position: absolute; display: none; } /* Show the checkmark/indicator when checked */ .form-group .checkbox .form-check .form-check-label input:checked ~ div.checkbox:after, .form-group .checkbox .inputs-list .form-check .form-check-label input:checked ~ div.checkbox:after { display: block; } /* Style the checkmark/indicator */ .form-group .checkbox .form-check .form-check-label div.checkbox:after, .form-group .checkbox .inputs-list .form-check .form-check-label div.checkbox:after { content: '\2714'; padding: 0; left: 0; top: 0; line-height: 1em; } /* Set height, width, margin-left (margin), font-size... for checkbox */ .form-group .checkbox .form-check .form-check-label, .form-group .checkbox .form-check .form-check-label div.checkbox, .form-group .checkbox .inputs-list .form-check .form-check-label, .form-group .checkbox .inputs-list .form-check .form-check-label div.checkbox { height: 2em; } .form-group .checkbox .form-check .form-check-label div.checkbox, .form-group .checkbox .inputs-list .form-check .form-check-label div.checkbox { width: 2em; } .form-group .checkbox .form-check .form-check-label div.checkbox-label, .form-group .checkbox .inputs-list .form-check .form-check-label div.checkbox-label { margin-left:3.5em; } /* ERROR IE! by exband with , .form-group .checkbox .inputs-list .form-check .form-check-label div.checkbox:after */ .form-group .checkbox .form-check .form-check-label div.checkbox:after { margin: 0 0 0 0.1em; font-size: 2em; /* style 1 */ color: white; /* style 2 */ color: rgb(90,90,90); } .form-group .checkbox .form-check, .form-group .checkbox .inputs-list .form-check { padding: 2px 0 2px 0; } /* Edge Hack */ @supports (-ms-ime-align:auto) {.form-group .checkbox .form-check .form-check-label div.checkbox:after {margin: 0.25em 0 0 0;font-size: 1.5em;}} @supports (-ms-ime-align:auto) {.form-group .checkbox .inputs-list .form-check .form-check-label div.checkbox:after {margin: 0.25em 0 0 0;font-size: 1.5em;}} /* # Create the checkboxes (end) # */ /* # Create the radio buttons (start) # */ /* Set the div.input-list (margin-bottom) */ .form-group .radiobutton .inputs-list { margin-bottom: -12px; } /* Set the div.form-check */ .form-group .radiobutton .inputs-list .form-group .form-check { position: relative; } /* Customize the label (the container) */ .form-group .radiobutton .inputs-list .form-group .form-check .form-check-label { display: table-cell; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default radio-button */ .form-group .radiobutton .inputs-list .form-group .form-check .form-check-label input { float:right; position: absolute; opacity: 0; cursor: pointer; } /* Create a custom radio-button */ .form-group .radiobutton .inputs-list .form-group .form-check .form-check-label div.radiobutton { position:absolute; top: 0; border: 2px solid rgb(200,200,200); background-color: rgb(249,249,249); } /* On mouse-over the custom radio-button */ .form-group .radiobutton .inputs-list .form-group .form-check .form-check-label:hover div.radiobutton-label ~ div.radiobutton { -webkit-box-shadow: 0 0 1em rgba(0,0,0,0.5); -moz-box-shadow: 0 0 1em rgba(0,0,0,0.5); box-shadow: 0 0 1em rgba(0,0,0,0.5); } /* Create the radio-button/indicator (hidden when not checked) */ .form-group .radiobutton .inputs-list .form-group .form-check .form-check-label div.radiobutton:after { content: ""; position: absolute; display: none; } /* Show the radio-button/indicator when checked */ .form-group .radiobutton .inputs-list .form-group .form-check .form-check-label input:checked ~ div.radiobutton:after { display: block; } /* Style the radio-button/indicator */ .form-group .radiobutton .inputs-list .form-group .form-check .form-check-label div.radiobutton:after { content: '\2022'; padding: 0; left: 0; top: 0; line-height: 1em; } /* Set height, width, margin-left (margin), font-size... for checkbox */ .form-group .radiobutton .inputs-list .form-group .form-check .form-check-label, .form-group .input .inputs-list .form-group .form-check .form-check-label div.radiobutton { height: 2em; } .form-group .radiobutton .inputs-list .form-group .form-check .form-check-label div.radiobutton { width: 2em; border-radius: 1em; } .form-group .radiobutton .inputs-list .form-group .form-check .form-check-label div.radiobutton-label { margin-left:3.5em; } .form-group .radiobutton .inputs-list .form-group .form-check .form-check-label div.radiobutton:after { margin: -0.25em 0 0 0; font-size: 4em; /* style 1 */ color: white; /* style 2 */ color: rgb(90,90,90); } .form-group .radiobutton .inputs-list .form-group .form-check { padding: 2px 0 2px 0; margin-bottom: 2px; } /* IE 10+ - Edge Hack */ _:-ms-lang(x), .form-group .radiobutton .inputs-list .form-group .form-check .form-check-label div.radiobutton:after {margin: -0.26em 0 0 0.01em;} /* # Create the radio buttons (end) # */ /* # Create the singleselect (start) # */ /* Set the div.singleselect */ .form-group .singleselect { position: relative; } /* Desable the browser's default select */ .form-group .singleselect .form-control { -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; outline: none; } /* IE 10+ Hack */ .form-group .singleselect .form-control::-ms-expand { display: none; } /* Create a custom select */ .form-group .singleselect .form-control { font-size: 1.125em; color: rgb(90,90,90) !important; padding: calc(0.5em - 2px); border: 2px solid rgb(200,200,200); border-radius: 4px 4px;/*0;*/ width: 100%; cursor: pointer; } .form-group .singleselect .form-control option { font-size: inherit; color: inherit !important; } /* On mouse-over the custom select */ .form-group .singleselect .form-control:hover { -webkit-box-shadow: 0 0 1em rgba(0,0,0,0.5); -moz-box-shadow: 0 0 1em rgba(0,0,0,0.5); box-shadow: 0 0 1em rgba(0,0,0,0.5); } /* Style the select/indicator */ .form-group .singleselect:after { position: absolute; pointer-events: none; content: '\203A'; font-size: 4em; top:0; right:0; color: rgb(90,90,90); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); padding: 0.4em 0 0 0; } /* # Create the singleselect (end) # */ /* # Create the multiselect (start) # */ /* Desable the browser's default select */ .form-group .multiselect .form-control { -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; outline: none; } /* Create a custom select */ .form-group .multiselect .form-control { font-size: 1.125em; color: rgb(90,90,90) !important; padding: 0.5em; border: 2px solid rgb(200,200,200); border-radius: 4px 4px; width: 100%; /*height: calc(1.125em + 2*0.5em + 2*2px);*/ cursor: pointer; } /* On mouse-over the custom select */ .form-group .multiselect .form-control:hover { -webkit-box-shadow: 0 0 1em rgba(0,0,0,0.5); -moz-box-shadow: 0 0 1em rgba(0,0,0,0.5); box-shadow: 0 0 1em rgba(0,0,0,0.5); } /* Set the select option "inactive" (value='') */ .form-group .multiselect .form-control option[value=''] { color: rgb(200,200,200) !important; } /* # Create the multiselect (end) # */ /* # Create the fileupload (start) # */ /* Set the div.fileupload-control */ .form-group .fileupload .fileupload-control { font-size: 1em; padding: 0.5em; border: 2px solid rgb(200,200,200); border-radius: 4px 4px; } /* On mouse-over the div.fileupload-control */ .form-group .fileupload .fileupload-control:hover { -webkit-box-shadow: 0 0 1em rgba(0,0,0,0.5); -moz-box-shadow: 0 0 1em rgba(0,0,0,0.5); box-shadow: 0 0 1em rgba(0,0,0,0.5); } /* Set the input type file */ .form-group .fileupload .fileupload-control .inputfileupload { font-size: inherit; } /* # Create the fileupload (end) # */ /* # Create the date with datepicker/haur/minute (start) # */ /* Set the div.datepicker */ .form-inline .form-group .datepicker { position: relative; } /* Desable the browser's default select */ .form-inline .form-group .datepicker select.form-control { -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; outline: none; } /* IE 10+ Hack */ .form-inline .form-group .timeselector .form-control::-ms-expand { display: none; } /* Create a custom select */ .form-inline .form-group .datepicker select.form-control { font-size: 1.125em; color: rgb(90,90,90) !important; padding: calc(0.5em - 2px); border: 2px solid rgb(200,200,200); border-radius: 4px 4px;/*0;*/ width: 100%; cursor: pointer; } .form-inline .form-group .datepicker input { cursor: pointer; } .form-inline .form-group .datepicker select.form-control option { font-size: inherit; color: inherit !important; } /* On mouse-over the custom select */ .form-inline .form-group .datepicker select.form-control:hover { -webkit-box-shadow: 0 0 1em rgba(0,0,0,0.5); -moz-box-shadow: 0 0 1em rgba(0,0,0,0.5); box-shadow: 0 0 1em rgba(0,0,0,0.5); } /* Style the select/indicator */ .form-inline .form-group .datepicker:after { position: absolute; pointer-events: none; content: '\203A'; font-size: 4em; top:0; right:0; color: rgb(90,90,90); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); padding: 0.4em 0 0 0; } /* # Create the date with datepicker/haur/minute (end) # */ /* # Create the imageupload (start) # */ /* Set the div.fileupload-control */ .form-group .imageupload .imageupload-control { font-size: 1em; padding: 0.5em; border: 2px solid rgb(200,200,200); border-radius: 4px 4px; } /* On mouse-over the div.fileupload-control */ .form-group .imageupload .imageupload-control:hover { -webkit-box-shadow: 0 0 1em rgba(0,0,0,0.5); -moz-box-shadow: 0 0 1em rgba(0,0,0,0.5); box-shadow: 0 0 1em rgba(0,0,0,0.5); } /* Set the input type file */ .form-group .imageupload .imageupload-control .inputimageupload { font-size: inherit; } /* # Create the imageupload (end) # */ /* # Create the advancedpassword (start) # */ .form-group .advancedpassword .help-block { margin-top: -1em; } /* # Create the advancedpassword (end) # */ /* # Create the fieldset (start) # */ fieldset.form-group { padding: 0.5em; width: calc(100% - 2*0.5em - 2*2px); border: 2px solid rgb(200,200,200); border-radius: 4px 4px; } /* # Create the fieldset (end) # */ /* # Create the button (start) # */ .actions .form-navigation button { font-size: 1.125em; color: rgb(90,90,90) !important; padding: 0.5em; border: 2px solid rgb(200,200,200); border-radius: 4px 4px;/*0;*/ cursor: pointer; background-color: rgb(230,230,230); } /* On mouse-over the button */ .actions .form-navigation button:hover { -webkit-box-shadow: 0 0 1em rgba(0,0,0,0.5); -moz-box-shadow: 0 0 1em rgba(0,0,0,0.5); box-shadow: 0 0 1em rgba(0,0,0,0.5); } /* # Create the button (end) # */ /* ==================================================================================================== */ /* ### EXT tt_product STYLE ### */ /* ## GENERAL definition ## */ .tt-products { } /* START: Set the default by viewnavi value (tilelist) */ .tt-products .floatbox_ITEM_LIST .viewnavi a#viewnaviLinkTilelist, .tt-products .floatbox_ITEM_LIST .viewnavi span#viewnaviSpanShortlist, .tt-products .floatbox_ITEM_LIST .viewnavi span#viewnaviSpanBiglist, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist { display: none; } .tt-products .floatbox_ITEM_LIST .viewnavi span#viewnaviSpanTilelist, .tt-products .floatbox_ITEM_LIST .viewnavi a#viewnaviLinkShortlist, .tt-products .floatbox_ITEM_LIST .viewnavi a#viewnaviLinkBiglist { display: inline; } .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_tilelist { display: inline; } /* END: Set the default by viewnavi value (tilelist) */ .tt-products .floatbox_ITEM_LIST .viewnavi, .tt-products .floatbox_ITEM_LIST .viewnavi a, .tt-products .floatbox_ITEM_LIST .viewnavi span { margin: 0; padding: 0; text-decoration: none; } .tt-products .floatbox_ITEM_LIST .pagenavi .one-third-column, .tt-products .floatbox_ITEM_SINGLE .pagenavi .one-third-column { width: 33.33%; margin: 0; padding: 0; } .tt-products .floatbox_ITEM_LIST .pagenavi .link_button .button_prev, .tt-products .floatbox_ITEM_LIST .pagenavi .link_button .button_next, .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_button .button_prev, .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_button .button_next, .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_button .button_prev, .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_button .button_backtolist, .tt-products .floatbox_BASKET_EMPTY .floatbox_BASKET_EMPTY_basket .link_button .button_backtolistdisplay { float: left; } .tt-products .floatbox_ITEM_LIST .pagenavi .last-column, .tt-products .floatbox_ITEM_LIST .pagenavi .last-column .link_button, .tt-products .floatbox_ITEM_SINGLE .pagenavi .last-column, .tt-products .floatbox_ITEM_SINGLE .pagenavi .last-column .link_button { float: right; } .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form { margin: 0; padding: 0; } /* Desable the .floatbox_ITEM_SEARCH en pagelayer and floatbox_LIST / floatbox_ITEM_SINGLE / .tt-products .floatbox_ITEM_SEARCH_EMPTY an header */ #header .tt-products .floatbox_ITEM_LIST, #header .tt-products .floatbox_ITEM_SEARCH_EMPTY, #header .tt-products .floatbox_ITEM_SINGLE, #pagelayer .tt-products .floatbox_ITEM_SEARCH, #header .tt-products .viewnavi { display: none; } /* Set cursor: pointer for buttons, selects */ .tt-products .anzahl_LIST input.basketplus_button, .tt-products .anzahl_SINGLE input.basketplus_button, .tt-products .floatbox_ITEM_SEARCH .floatbox_ITEM_SEARCH_search form .floatbox_ITEM_SEARCH_search10 .SEARCH input.search_button, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket50 .floatbox_BASKET_basket50_10 .floatbox_SHIPPING_SELECTOR .form-group .singleselect #shipping-select, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_20 form .floatbox_BASKET_INFO_basket10_20_10 .BILLING_ADDRESS .form-group .singleselect #field_personinfo_salutation, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_20 form .floatbox_BASKET_INFO_basket10_20_20 .DELIVERY_ADDRESS .form-group .singleselect #field_delivery_salutation, .tt-products .basket form .floatbox_BASKET4 #PAYMENT_SELECTOR_BASKET4 .form-group .singleselect #payment-select, .tt-products .basket input.productsupdate_button, .tt-products .basket input.productsclearbasket_button, .tt-products .basket input.productsinfo_button, .tt-products .basket_payment input.productspayment_button, .tt-products input.basket_back { cursor: pointer; } /* ==================================================================================================== */ /* ## STYLE 1: EXT tt_product ## */ /* ====================== */ /* # GLOBAL # */ /* Set the tt-products */ .tt-products, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_tilelist .floatbox_ITEM_SINGLE_item50 .button_BASKET button.basketplus_button, .tt-products .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_singleitem form .floatbox_ITEM_SINGLE_item .floatbox_ITEM_SINGLE_item20 .floatbox_ITEM_SINGLE_item20_100 .button_BASKET button.basketplus_button, .tt-products .floatbox_ITEM_SEARCH .floatbox_ITEM_SEARCH_search form .floatbox_ITEM_SEARCH_search10 .SEARCH button.search_button, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_30 .button_BASKET button.productsupdate_button, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_30 .button_BASKET_item_remove button.productremove_button, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket90 .floatbox_BASKET_basket90_10 .SUBMIT_BASKET button.productsinfo_button, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket100 .floatbox_BASKET_basket100_10 .button_BASKET_clear_basket button.productsclearbasket_button, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_20 form .floatbox_BASKET_INFO_basket10_20_40 .SUBMIT_BASKET_INFO button.productspayment_button, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket100 form .floatbox_BASKET_PAYMENT_basket100_10 .SUBMIT_BASKET button.productsfinalize_button, .tt-products form button.basketback_button { font-family: verdana, arial, helvetica, sans-serif; font-size: inherit; } /* Set the button_prev, button_next, link_browse p b and link_browse p a */ .tt-products .floatbox_ITEM_LIST .pagenavi .link_button .button_prev, .tt-products .floatbox_ITEM_LIST .pagenavi .link_button .button_next, .tt-products .floatbox_ITEM_LIST .pagenavi .link_browse p b, .tt-products .floatbox_ITEM_LIST .pagenavi .link_browse p a, .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_button .button_prev, .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_button .button_next, .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_browse p b, .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_browse p a, .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_button .button_backtolist, .tt-products .floatbox_BASKET_OVERVIEW .floatbox_BASKET_OVERVIEW_button .link_button .button_tobasket, .tt-products .floatbox_BASKET_OVERVIEW_EMPTY .floatbox_BASKET_OVERVIEW_EMPTY_button .link_button .button_tobasket, .tt-products .floatbox_BASKET_EMPTY .floatbox_BASKET_EMPTY_basket .link_button .button_backtolistdisplay { border: 2px solid rgb(38,130,219); border-radius: 4px 4px; } .tt-products .floatbox_ITEM_LIST .pagenavi .link_button a, .tt-products .floatbox_ITEM_LIST .pagenavi .link_browse p a, .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_button a, .tt-products .floatbox_ITEM_LIST .pagenavi .link_browse p a, .tt-products .floatbox_BASKET_OVERVIEW .floatbox_BASKET_OVERVIEW_button .link_button a, .tt-products .floatbox_BASKET_OVERVIEW_EMPTY .floatbox_BASKET_OVERVIEW_EMPTY_button .link_button a { text-decoration: none; } .tt-products .floatbox_ITEM_LIST .pagenavi .link_button .button_prev, .tt-products .floatbox_ITEM_LIST .pagenavi .link_button .button_next, .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_button .button_prev, .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_button .button_next, .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_button .button_backtolist, .tt-products .floatbox_BASKET_OVERVIEW .floatbox_BASKET_OVERVIEW_button .link_button .button_tobasket, .tt-products .floatbox_BASKET_OVERVIEW_EMPTY .floatbox_BASKET_OVERVIEW_EMPTY_button .link_button .button_tobasket, .tt-products .floatbox_BASKET_EMPTY .floatbox_BASKET_EMPTY_basket .link_button .button_backtolistdisplay { padding: 4px 8px 0px 8px; } .tt-products .floatbox_ITEM_LIST .pagenavi .link_button .button_prev, .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_button .button_prev { padding-left: 2px; } .tt-products .floatbox_ITEM_LIST .pagenavi .link_button .button_next, .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_button .button_next { padding-right: 2px; } .tt-products .floatbox_ITEM_LIST .pagenavi .link_button .button_prev::before, .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_button .button_prev::before, .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_button .button_backtolist::before, .tt-products .floatbox_BASKET_OVERVIEW .floatbox_BASKET_OVERVIEW_button .link_button .button_tobasket::before, .tt-products .floatbox_BASKET_OVERVIEW_EMPTY .floatbox_BASKET_OVERVIEW_EMPTY_button .link_button .button_tobasket::before, .tt-products .floatbox_BASKET_EMPTY .floatbox_BASKET_EMPTY_basket .link_button .button_backtolistdisplay::before { content: "\2039"; position: absolute; top: 9px; left: 5px; font-size: 3.8em; color: rgb(38,130,219); float: left; } .tt-products .floatbox_ITEM_LIST .pagenavi .link_button .button_prev .text_prev, .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_button .button_prev .text_prev, .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_button .button_prev .button_backtolist { margin: 2px 0px -2px 28px; } /* Set the button_next (and text_next) */ .tt-products .floatbox_ITEM_LIST .pagenavi .link_button .button_next::after, .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_button .button_next::after { content: "\203A"; position: absolute; top: 9px; right: 5px; font-size: 3.8em; color: rgb(38,130,219); } .tt-products .floatbox_ITEM_LIST .pagenavi .link_button .button_next .text_next, .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_button .button_next .text_next { margin: 2px 28px -2px 0px; float: left; } /* Set the floatbox_ITEM_SINGLE_tilelist_tile, floatbox_ITEM_SINGLE_shortlist, floatbox_ITEM_SINGLE_biglist */ .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_tilelist .floatbox_ITEM_SINGLE_tilelist_tile, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_shortlist, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_biglist, .tt-products .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_singleitem form .floatbox_ITEM_SINGLE_item { margin: 20px 0px 10px 0px; padding: 0px 0px 0px 0px; border-bottom: 1px solid rgb(200,200,200); } /* Set the button.basketplus_button */ .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_tilelist .floatbox_ITEM_SINGLE_item50 .button_BASKET button.basketplus_button, .tt-products .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_singleitem form .floatbox_ITEM_SINGLE_item .floatbox_ITEM_SINGLE_item20 .floatbox_ITEM_SINGLE_item20_100 .button_BASKET button.basketplus_button, .tt-products .floatbox_ITEM_SEARCH .floatbox_ITEM_SEARCH_search form .floatbox_ITEM_SEARCH_search10 .SEARCH button.search_button, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_30 .button_BASKET button.productsupdate_button, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_30 .button_BASKET_item_remove button.productremove_button, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket90 .floatbox_BASKET_basket90_10 .SUBMIT_BASKET button.productsinfo_button, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket100 .floatbox_BASKET_basket100_10 .button_BASKET_clear_basket button.productsclearbasket_button, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_20 form .floatbox_BASKET_INFO_basket10_20_40 .SUBMIT_BASKET_INFO button.productspayment_button, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket100 form .floatbox_BASKET_PAYMENT_basket100_10 .SUBMIT_BASKET button.productsfinalize_button, .tt-products form button.basketback_button { font-size: 1.125em; color: rgb(90,90,90); cursor: pointer; background: transparent url(../Img/basketplus_30.png) no-repeat right 5px top 4px; padding: 8px 42px 8px 6px; height: 44px; border: 2px solid rgb(38,130,219); border-radius: 4px 4px; } .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_20 form .floatbox_BASKET_INFO_basket10_20_40 .SUBMIT_BASKET_INFO button.productspayment_button, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket100 form .floatbox_BASKET_PAYMENT_basket100_10 .SUBMIT_BASKET button.productsfinalize_button { padding: 8px 8px 8px 8px; background: rgb(38,130,219); color: rgb(249,249,249); border: 2px solid rgb(38,130,219); } .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item50 .button_BASKET button.basketplus_button, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30_50 .button_BASKET button.basketplus_button { float: right; cursor: pointer; background: transparent url(../Img/basketplus_30.png) no-repeat left 5px top 4px; padding: 8px; width: 44px; height: 44px; border: 2px solid rgb(38,130,219); border-radius: 4px 4px; } .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30_50 .button_BASKET button.basketplus_button, .tt-products .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_singleitem form .floatbox_ITEM_SINGLE_item .floatbox_ITEM_SINGLE_item20 .floatbox_ITEM_SINGLE_item20_100 .button_BASKET button.basketplus_button { margin-top: 5px; margin-bottom: 5px; } .tt-products form button.basketback_button { background: transparent; padding: 8px 5px 8px 44px; } .tt-products form button.basketback_button::before { content: "\00ab"; position: absolute; top: 0px; left: 5px; margin-top: -24px; font-size: 3.8em; color: rgb(38,130,219); float: left; } /* Set the input type=text/type=password and textarea */ .tt-products .form-group .input input[type=text], .tt-products .form-group .input input[type=password], .tt-products .form-group textarea { font-size: 1.125em; color: rgb(90,90,90) !important; padding: 0.5em; border: 2px solid rgb(200,200,200); border-radius: 4px 4px;/*0;*/ width: calc(100% - 2*0.5em - 2*2px); } /* ====================== */ /* # SECTION: LIST # */ /* Set the viewnavi */ .tt-products .floatbox_ITEM_LIST .viewnavi { float: right; margin: 0 0 10px 0; } .tt-products .floatbox_ITEM_LIST .viewnavi a, .tt-products .floatbox_ITEM_LIST .viewnavi span { margin-left: 10px; } .tt-products .floatbox_ITEM_LIST .viewnavi a:hover, .tt-products .floatbox_ITEM_LIST .viewnavi span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } /* Set the link_browse p */ .tt-products .floatbox_ITEM_LIST .pagenavi .link_browse p { text-align: center; margin: 6px 0px 0px 0px; padding: 0; } .tt-products .floatbox_ITEM_LIST .pagenavi .link_browse p b, .tt-products .floatbox_ITEM_LIST .pagenavi .link_browse p a { margin: 0; padding: 6px 9px 9px 11px; } .tt-products .floatbox_ITEM_LIST .pagenavi .link_browse p b { font-size: 1.125em; } .tt-products .floatbox_ITEM_LIST .pagenavi .link_browse p b:last-child { padding-left: 11px; padding-right: 9px; } .tt-products .floatbox_ITEM_LIST .pagenavi .link_browse p a { margin-right: 7px; padding-right: 3px; } .tt-products .floatbox_ITEM_LIST .pagenavi .link_browse p a:last-child { padding-right: 10px; } .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_tilelist .floatbox_ITEM_SINGLE_tilelist_tile { float:left; padding: 10px 10px 10px 10px; border-bottom: 0; width: calc(33.33% - 20px); /* === maximale höhe === */ /* max-height: 300px; */ } .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_tilelist .floatbox_ITEM_SINGLE_tilelist_tile:hover, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_shortlist:hover, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_biglist:hover { -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 5.4); } /* Set the a */ .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_tilelist a, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist a, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist a { text-decoration: none; } /* Set the floatbox_ITEM_SINGLE_item10, floatbox_ITEM_SINGLE_item20..., floatbox_ITEM_SINGLE_item30, floatbox_ITEM_SINGLE_item40, floatbox_ITEM_SINGLE_item50 */ .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item10, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item20, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item30, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item40, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item50, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item10, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item20, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item20_10, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item20_20, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item20_30, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30_10, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30_20, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30_30, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30_40, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30_50 { position: relative; margin:0; padding:0; float: left; } .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_tilelist .floatbox_ITEM_SINGLE_item10, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_tilelist .floatbox_ITEM_SINGLE_item50 { margin: 0px 0px 10px 0px; text-align: center; } .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item10, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item10 { margin: 0px 10px 0px 0px; width: calc(16.66% - 10px); } .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_tilelist .floatbox_ITEM_SINGLE_item20 { margin: 0px 0px 10px 0px; } .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item20 { margin: 0px 10px 0px 0px; width: calc(33.33% - 10px); } .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item20, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30 { margin: 0; width: 83.34%; } .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item20 { border-bottom: 1px solid rgb(200,200,200); } .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item20_10, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item20_20 { margin: 0px 10px 0px 0px; width: calc(40% - 10px); } .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30_10, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30_20, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30_30, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30_40 { margin: 0px 10px 0px 0px; width: calc(20% - 10px); } .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item20_30, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30_50 { margin: 0; width: 20%; } .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item30 { margin: 0px 10px 0px 0px; width: calc(16.66% - 10px); } .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item40 { margin: 0px 10px 0px 0px; width: calc(16.66% - 10px); } .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item50 { width: 16.66%; } /* Set the PRODUCT_IMAGE */ .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item10 .PRODUCT_IMAGE, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item10 .PRODUCT_IMAGE { float: left; } /* Set the PRODUCT_IMAGE img */ .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_tilelist .floatbox_ITEM_SINGLE_item10 .PRODUCT_IMAGE img { width: auto; max-width: 100%; max-height: 400px; margin-bottom:-2px; } .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item10 .PRODUCT_IMAGE img { width: auto; max-width: 100%; max-height: 60px; margin-right: 10px; margin-bottom:-2px; } .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item10 .PRODUCT_IMAGE img { width: auto; max-width: 100%; max-height: 150px; margin-right: 10px; margin-bottom:-2px; } /* Set the floatbox_ITEM_SINGLE_item20/.floatbox_ITEM_SINGLE_item30 p */ .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_tilelist .floatbox_ITEM_SINGLE_item20 p, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_tilelist .floatbox_ITEM_SINGLE_item30 p, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_tilelist .floatbox_ITEM_SINGLE_item40 p { text-align: center; } .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item20 p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Set the p span.PRODUCT_TITLE */ .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_tilelist .floatbox_ITEM_SINGLE_item20 p span.PRODUCT_TITLE, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item20 p span.PRODUCT_TITLE, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item20_10 p span.PRODUCT_TITLE { font-weight: bold; } /* Set the p span.PRODUCT_SUBTITLE */ .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_tilelist .floatbox_ITEM_SINGLE_item20 p span.PRODUCT_SUBTITLE, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item20 p span.PRODUCT_SUBTITLE, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item20_10 p span.PRODUCT_SUBTITLE { font-size: 0.85em; } /* Set the floatbox_ITEM_SINGLE_item30 p */ .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item30 p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Set the p span.PRODUCT_ITEMNUMBER */ .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item30 p span.PRODUCT_ITEMNUMBER, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_tilelist .floatbox_ITEM_SINGLE_item30 p span.PRODUCT_ITEMNUMBER, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30 .floatbox_ITEM_SINGLE_item30_10 p span.PRODUCT_ITEMNUMBER { font-size: 0.85em; } /* Set the PRICE */ .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item50 .PRICE, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30_50 .PRICE { float: left; } /* ====================== */ /* # SECTION: SINGLE # */ /* Set the button_backtolist */ .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_button .button_backtolist { padding-left: 44px !important; } .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_button .button_backtolist p { margin: 2px 0px 8px 0px; } .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_button .button_backtolist::before { content: "\00ab" !important; top: 10px; } /* Set the floatbox_ITEM_SINGLE_item */ .tt-products .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_singleitem form .floatbox_ITEM_SINGLE_item { border: 0; } /* floatbox_ITEM_SINGLE_item10, floatbox_ITEM_SINGLE_item20 */ .tt-products .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_singleitem form .floatbox_ITEM_SINGLE_item10, .tt-products .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_singleitem form .floatbox_ITEM_SINGLE_item20 { position: relative; margin:0; padding:0; float: left; } /* Set the floatbox_ITEM_SINGLE_item10 and floatbox_ITEM_SINGLE_item20 */ .tt-products .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_singleitem form .floatbox_ITEM_SINGLE_item10 { margin: 0px 0px 10px 0px; width: calc(50% - 10px); } .tt-products .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_singleitem form .floatbox_ITEM_SINGLE_item20 { width: 50%; } /* Set the PRODUCT_IMAGE_SINGLE */ .tt-products .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_singleitem form .floatbox_ITEM_SINGLE_item10 .PRODUCT_IMAGE_SINGLE a { float: left; } .tt-products .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_singleitem form .floatbox_ITEM_SINGLE_item10 .PRODUCT_IMAGE_SINGLE a img { margin: 0px 10px 8px 0px; } /* Set the br-tag en PRODUCT_IMAGE_SINGLE desable */ .tt-products .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_singleitem form .floatbox_ITEM_SINGLE_item10 .PRODUCT_IMAGE_SINGLE br { display: none; } /* Set the p span.PRODUCT_TITLE_SINGLE, p span.PRODUCT_SUBTITLE_SINGLE and p span.PRODUCT_ITEMNUMBER_SINGLE */ .tt-products .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_singleitem form .floatbox_ITEM_SINGLE_item .floatbox_ITEM_SINGLE_item20_10 p span.PRODUCT_TITLE_SINGLE { font-weight: bold; } .tt-products .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_singleitem form .floatbox_ITEM_SINGLE_item .floatbox_ITEM_SINGLE_item20_10 p span.PRODUCT_SUBTITLE_SINGLE, .tt-products .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_singleitem form .floatbox_ITEM_SINGLE_item .floatbox_ITEM_SINGLE_item20_10 p span.PRODUCT_ITEMNUMBER_SINGLE { font-size: 0.85em; } /* Set the PRICE p */ .tt-products .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_singleitem form .floatbox_ITEM_SINGLE_item .floatbox_ITEM_SINGLE_item20_90 .PRICE p { text-align: right; } /* Set the button_BASKET, QTY_SINGLE_item and input.input_QTY_SINGLE */ .tt-products .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_singleitem form .floatbox_ITEM_SINGLE_item .floatbox_ITEM_SINGLE_item20_100 .button_BASKET { float: right; } .tt-products .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_singleitem form .floatbox_ITEM_SINGLE_item .floatbox_ITEM_SINGLE_item20_100 .QTY_SINGLE_item { float: right; margin: 5px 10px 0px 0px; padding:0; } .tt-products .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_singleitem form .floatbox_ITEM_SINGLE_item .floatbox_ITEM_SINGLE_item20_100 .QTY_SINGLE_item input.input_QTY_SINGLE { width: 100px; } /* ====================== */ /* # SECTION: SEARCH # */ /* Set the floatbox_ITEM_SEARCH_search */ .tt-products .floatbox_ITEM_SEARCH .floatbox_ITEM_SEARCH_search { margin: 15px 0px 10px 0px; } /* Set the button.search_button */ .tt-products .floatbox_ITEM_SEARCH .floatbox_ITEM_SEARCH_search form .floatbox_ITEM_SEARCH_search10 .SEARCH button.search_button { position: absolute; right: 0px; padding: 6px 6px 8px 25px; height: 44px; color: rgb(250,250,250); background: rgb(38,130,219) url(../Img/search_30.png) no-repeat left 7px top 5px; border-radius: 0px 4px 4px 0px; } /* Set the input.sword */ .tt-products .floatbox_ITEM_SEARCH .floatbox_ITEM_SEARCH_search form .floatbox_ITEM_SEARCH_search10 .SEARCH input.sword { font-size: 1.125em; color: rgb(90,90,90) !important; margin:0; padding: 0.5em; width: calc(100% - 2*0.5em - 2*2px); border: 2px solid rgb(200,200,200); border-right: 0; border-radius: 4px 0px 0px 4px; } /* ======================= */ /* # SECTION: BASKET_OVERVIEW # */ .tt-products .floatbox_BASKET_OVERVIEW, .tt-products .floatbox_BASKET_OVERVIEW_EMPTY { margin: 0px 0px 0px 20px; } .tt-products .floatbox_BASKET_OVERVIEW .floatbox_BASKET_OVERVIEW_button .link_button .button_tobasket::before, .tt-products .floatbox_BASKET_OVERVIEW_EMPTY .floatbox_BASKET_OVERVIEW_EMPTY_button .link_button .button_tobasket::before { content: url("../Img/minibasket_30.png"); top: 5px; left: 30px; } .tt-products .floatbox_BASKET_OVERVIEW .floatbox_BASKET_OVERVIEW_button .link_button .button_tobasket .text_tobasket p, .tt-products .floatbox_BASKET_OVERVIEW_EMPTY .floatbox_BASKET_OVERVIEW_EMPTY_button .link_button .button_tobasket .text_tobasket p { margin: 0; padding: 3px 10px 8px 36px; } .tt-products .floatbox_BASKET_OVERVIEW .floatbox_BASKET_OVERVIEW_item, .tt-products .floatbox_BASKET_OVERVIEW_EMPTY .floatbox_BASKET_OVERVIEW_EMPTY_item { padding: 8px 0px 0px 0px; } /* ====================== */ /* # SECTION: BASKET # */ /* Set steplist */ .tt-products .steplist .steplist_step1, .tt-products .steplist .steplist_step2, .tt-products .steplist .steplist_step3 { float: left; width: calc(33.33% - 10px); margin: 0 10px 0 0; } .tt-products .steplist .steplist_step3 { width: 33.33%; margin: 0; } .tt-products .steplist .steplist_step1 .steplist_number, .tt-products .steplist .steplist_step2 .steplist_number, .tt-products .steplist .steplist_step3 .steplist_number { border: 2px solid rgb(38,130,219); border-radius: 40px 40px; background: rgb(249,249,249); width: 40px; height: 40px; float: left; z-index: 2; } .tt-products .steplist .steplist_step1 .steplist_item, .tt-products .steplist .steplist_step2 .steplist_item, .tt-products .steplist .steplist_step3 .steplist_item { margin: 7px 0 0 30px; border: 2px solid rgb(38,130,219); border-radius: 4px 4px; background: rgb(249,249,249); z-index: 1; } .tt-products .steplist .steplist_step1 .steplist_number p, .tt-products .steplist .steplist_step2 .steplist_number p, .tt-products .steplist .steplist_step3 .steplist_number p, .tt-products .steplist .steplist_step1 .steplist_item p, .tt-products .steplist .steplist_step2 .steplist_item p, .tt-products .steplist .steplist_step3 .steplist_item p { margin: 0; } .tt-products .steplist .steplist_step1 .steplist_number p, .tt-products .steplist .steplist_step2 .steplist_number p, .tt-products .steplist .steplist_step3 .steplist_number p { text-align: center; font-weight: bold; padding: 6px 0; } .tt-products .steplist .steplist_step1 .steplist_item p, .tt-products .steplist .steplist_step2 .steplist_item p, .tt-products .steplist .steplist_step3 .steplist_item p { padding: 0 0 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* for desable */ .tt-products .desable .steplist_step1 .steplist_number, .tt-products .desable .steplist_step2 .steplist_number, .tt-products .desable .steplist_step3 .steplist_number, .tt-products .desable .steplist_step1 .steplist_item, .tt-products .desable .steplist_step2 .steplist_item, .tt-products .desable .steplist_step3 .steplist_item { border-color: rgb(190,190,190) !important; } .tt-products .desable .steplist_step1 .steplist_number p, .tt-products .desable .steplist_step2 .steplist_number p, .tt-products .desable .steplist_step3 .steplist_number p, .tt-products .desable .steplist_step1 .steplist_item p, .tt-products .desable .steplist_step2 .steplist_item p, .tt-products .desable .steplist_step3 .steplist_item p { color: rgb(190,190,190) !important; } /* for aktiv: Variant! */ /* .tt-products .steplist .aktive .steplist_number, .tt-products .steplist .aktive .steplist_number, .tt-products .steplist .aktive .steplist_number, */ .tt-products .steplist .aktive .steplist_item, .tt-products .steplist .aktive .steplist_item, .tt-products .steplist .aktive .steplist_item { background: rgb(38,130,219); } /* for aktiv: Variant! */ /* .tt-products .steplist .aktive .steplist_number p, .tt-products .steplist .aktive .steplist_number p, .tt-products .steplist .aktive .steplist_number p, */ .tt-products .steplist .aktive .steplist_item p, .tt-products .steplist .aktive .steplist_item p, .tt-products .steplist .aktive .steplist_item p { color: rgb(249,249,249) !important; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket10, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket30, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket40, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket50, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket60, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket70, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket90, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket100, .tt-products .floatbox_BASKET_EMPTY .floatbox_BASKET_EMPTY_basket .floatbox_BASKET_EMPTY_basket10, .tt-products .floatbox_BASKET_EMPTY .floatbox_BASKET_EMPTY_basket .floatbox_BASKET_EMPTY_basket20, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket20, .tt-products .floatbox_BASKET_REQUIRED_INFO_MISSING .floatbox_BASKET_REQUIRED_INFO_MISSING_basket .floatbox_BASKET_REQUIRED_INFO_MISSING_basket10, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket10, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket20, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket30, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket50, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket60, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket70, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket80, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket90, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket100, .tt-products .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTCANCEL .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTCANCEL_basket .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTCANCEL_basket10, .tt-products .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTDECLINE .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTDECLINE_basket .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTDECLINE_basket10, .tt-products .floatbox_BASKET_PAYMENT_20CANCEL .floatbox_BASKET_PAYMENT_20CANCEL_basket .floatbox_BASKET_PAYMENT_20CANCEL_basket10, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket10, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket20, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket40, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket50, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket60, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket70, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket80, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket90 { display: table; margin: 0px 0px 10px 0px; width: 100%; border-bottom: 1px solid rgb(38,130,219); } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket30, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket60, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket70, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket90, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket100, .tt-products .floatbox_BASKET_EMPTY .floatbox_BASKET_EMPTY_basket .floatbox_BASKET_EMPTY_basket10, .tt-products .floatbox_BASKET_EMPTY .floatbox_BASKET_EMPTY_basket .floatbox_BASKET_EMPTY_basket20, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket20, .tt-products .floatbox_BASKET_REQUIRED_INFO_MISSING .floatbox_BASKET_REQUIRED_INFO_MISSING_basket .floatbox_BASKET_REQUIRED_INFO_MISSING_basket10, .tt-products .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTCANCEL .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTCANCEL_basket .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTCANCEL_basket10, .tt-products .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTDECLINE .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTDECLINE_basket .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTDECLINE_basket10, .tt-products .floatbox_BASKET_PAYMENT_20CANCEL .floatbox_BASKET_PAYMENT_20CANCEL_basket .floatbox_BASKET_PAYMENT_20CANCEL_basket10 { border-bottom: none; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket10 .floatbox_BASKET_basket10_10, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket10 .floatbox_BASKET_basket10_20, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket10 .floatbox_BASKET_basket10_30, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket10 .floatbox_BASKET_basket10_40, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_10, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_20, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_30, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_40, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_10 .floatbox_BASKET_basket20_10_10, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_10 .floatbox_BASKET_basket20_10_20, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket40 .floatbox_BASKET_basket40_10, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket40 .floatbox_BASKET_basket40_20, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket40 .floatbox_BASKET_basket40_30, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket50 .floatbox_BASKET_basket50_10, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket50 .floatbox_BASKET_basket50_20, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket50 .floatbox_BASKET_basket50_30, .tt-products .floatbox_BASKET_EMPTY .floatbox_BASKET_EMPTY_basket .floatbox_BASKET_EMPTY_basket10 .floatbox_BASKET_EMPTY_basket10_10, .tt-products .floatbox_BASKET_EMPTY .floatbox_BASKET_EMPTY_basket .floatbox_BASKET_EMPTY_basket20 .floatbox_BASKET_EMPTY_basket20_10, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_10, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_20, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket20 .floatbox_BASKET_INFO_basket20_10, .tt-products .floatbox_BASKET_REQUIRED_INFO_MISSING .floatbox_BASKET_REQUIRED_INFO_MISSING_basket .floatbox_BASKET_REQUIRED_INFO_MISSING_basket10 .floatbox_BASKET_REQUIRED_INFO_MISSING_basket10_10, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket10 .floatbox_BASKET_PAYMENT_basket10_10, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket10 .floatbox_BASKET_PAYMENT_basket10_20, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket20 .floatbox_BASKET_PAYMENT_basket20_10, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket30 .floatbox_BASKET_PAYMENT_basket30_10, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket30 .floatbox_BASKET_PAYMENT_basket30_20, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket30 .floatbox_BASKET_PAYMENT_basket30_30, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket30 .floatbox_BASKET_PAYMENT_basket30_40, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_10, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_20, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_30, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_40, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_10 .floatbox_BASKET_PAYMENT_basket40_10_10, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_10 .floatbox_BASKET_PAYMENT_basket40_10_20, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket60 .floatbox_BASKET_PAYMENT_basket60_10, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket60 .floatbox_BASKET_PAYMENT_basket60_20, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket70 .floatbox_BASKET_PAYMENT_basket70_10, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket70 .floatbox_BASKET_PAYMENT_basket70_20, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket100 .floatbox_BASKET_PAYMENT_basket100_10, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket110 .floatbox_BASKET_PAYMENT_basket110_10, .tt-products .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTCANCEL .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTCANCEL_basket .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTCANCEL_basket10 form .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTCANCEL_basket10_10, .tt-products .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTDECLINE .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTDECLINE_basket .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTDECLINE_basket10 form .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTDECLINE_basket10_10, .tt-products .floatbox_BASKET_PAYMENT_20CANCEL .floatbox_BASKET_PAYMENT_20CANCEL_basket .floatbox_BASKET_PAYMENT_20CANCEL_basket10 form .floatbox_BASKET_PAYMENT_20CANCEL_basket10_10, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket10 .floatbox_BASKET_ORDERCONFIRMATION_basket10_10, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket10 .floatbox_BASKET_ORDERCONFIRMATION_basket10_20, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket10 .floatbox_BASKET_ORDERCONFIRMATION_basket10_30, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket20 .floatbox_BASKET_ORDERCONFIRMATION_basket20_10, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket20 .floatbox_BASKET_ORDERCONFIRMATION_basket20_20, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket20 .floatbox_BASKET_ORDERCONFIRMATION_basket20_30, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket20 .floatbox_BASKET_ORDERCONFIRMATION_basket20_40, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_10, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_20, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_30, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_40, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_10 .floatbox_BASKET_ORDERCONFIRMATION_basket30_10_10, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_20 .floatbox_BASKET_ORDERCONFIRMATION_basket30_10_20, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket50 .floatbox_BASKET_ORDERCONFIRMATION_basket50_10, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket50 .floatbox_BASKET_ORDERCONFIRMATION_basket50_20, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket60 .floatbox_BASKET_ORDERCONFIRMATION_basket60_10, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket60 .floatbox_BASKET_ORDERCONFIRMATION_basket60_20 { position: relative; margin:0; padding:0; float: left; } /* START: shipping-selector, payment-selector definition */ /* Desable the browser's default select */ .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket40 .floatbox_BASKET_basket40_30 .floatbox_SHIPPING_SELECTOR .form-group .singleselect #shipping-select, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket50 .floatbox_BASKET_basket50_30 .floatbox_PAYMENT_SELECTOR .form-group .singleselect #payment-select, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_20 form .floatbox_BASKET_INFO_basket10_20_10 .BILLING_ADDRESS .form-group .singleselect #field_personinfo_salutation, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_20 form .floatbox_BASKET_INFO_basket10_20_20 .DELIVERY_ADDRESS .form-group .singleselect #field_delivery_salutation { -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; outline: none; } /* IE 10+ Hack */ .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket40 .floatbox_BASKET_basket40_30 .floatbox_SHIPPING_SELECTOR .form-group .singleselect #shipping-select::-ms-expand, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket50 .floatbox_BASKET_basket50_30 .floatbox_PAYMENT_SELECTOR .form-group .singleselect #payment-select::-ms-expand, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_20 form .floatbox_BASKET_INFO_basket10_20_10 .BILLING_ADDRESS .form-group .singleselect #field_personinfo_salutation::-ms-expand, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_20 form .floatbox_BASKET_INFO_basket10_20_20 .DELIVERY_ADDRESS .form-group .singleselect #field_delivery_salutation::-ms-expand { display: none; } /* Create a custom select */ .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket40 .floatbox_BASKET_basket40_30 .floatbox_SHIPPING_SELECTOR .form-group .singleselect #shipping-select, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket50 .floatbox_BASKET_basket50_30 .floatbox_PAYMENT_SELECTOR .form-group .singleselect #payment-select, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_20 form .floatbox_BASKET_INFO_basket10_20_10 .BILLING_ADDRESS .form-group .singleselect #field_personinfo_salutation, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_20 form .floatbox_BASKET_INFO_basket10_20_20 .DELIVERY_ADDRESS .form-group .singleselect #field_delivery_salutation { font-size: 1.125em; color: rgb(90,90,90) !important; padding: calc(0.5em - 2px); border: 2px solid rgb(200,200,200); border-radius: 4px 4px;/*0;*/ width: 100%; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket40 .floatbox_BASKET_basket40_30 .floatbox_SHIPPING_SELECTOR .form-group .singleselect #shipping-select option, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket50 .floatbox_BASKET_basket50_30 .floatbox_PAYMENT_SELECTOR .form-group .singleselect #payment-select option, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_20 form .floatbox_BASKET_INFO_basket10_20_10 .BILLING_ADDRESS .form-group .singleselect #field_personinfo_salutation option, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_20 form .floatbox_BASKET_INFO_basket10_20_20 .DELIVERY_ADDRESS .form-group .singleselect #field_delivery_salutation option { font-size: inherit; color: inherit !important; } /* On mouse-over the custom select */ .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket40 .floatbox_BASKET_basket40_30 .floatbox_SHIPPING_SELECTOR .form-group .singleselect #shipping-select:hover, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket50 .floatbox_BASKET_basket50_30 .floatbox_PAYMENT_SELECTOR .form-group .singleselect #payment-select:hover, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_20 form .floatbox_BASKET_INFO_basket10_20_10 .BILLING_ADDRESS .form-group .singleselect #field_personinfo_salutation:hover, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_20 form .floatbox_BASKET_INFO_basket10_20_20 .DELIVERY_ADDRESS .form-group .singleselect #field_delivery_salutation:hover { -webkit-box-shadow: 0 0 1em rgba(0,0,0,0.5); -moz-box-shadow: 0 0 1em rgba(0,0,0,0.5); box-shadow: 0 0 1em rgba(0,0,0,0.5); } /* END: shipping-selector, payment-selector definition */ /* SUBSECTION template: BASKET_TEMPLATE */ .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE { border-bottom: 1px solid rgb(200,200,200); } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket10 .floatbox_BASKET_basket10_10, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_10 { margin: 0px 10px 0px 0px; width: calc(60% - 10px); } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket10 .floatbox_BASKET_basket10_20, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_20 { margin: 0px 10px 0px 0px; width: calc(10% - 10px); } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket10 .floatbox_BASKET_basket10_30, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_30 { margin: 0px 10px 0px 0px; width: calc(15% - 10px); text-align: center; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket10 .floatbox_BASKET_basket10_40, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_40 { margin: 0; width: 15%; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket40 .floatbox_BASKET_basket40_10, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket50 .floatbox_BASKET_basket50_10 { margin: 0px 10px 0px 0px; width: calc(75% - 10px); } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket40 .floatbox_BASKET_basket40_20, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket50 .floatbox_BASKET_basket50_20 { margin: 0; width: 25%; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket40 .floatbox_BASKET_basket40_30, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket50 .floatbox_BASKET_basket50_30 { margin: 0; width: 100%; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket10 .floatbox_BASKET_basket10_10 p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket10 .floatbox_BASKET_basket10_20 p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket10 .floatbox_BASKET_basket10_30 p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket10 .floatbox_BASKET_basket10_40 p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_10 .floatbox_BASKET_basket20_10_20 p { font-size: 0.75em; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_10 .floatbox_BASKET_basket20_10_10 { margin: 0px 10px 0px 0px; width: calc(80% - 10px); } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_10 .floatbox_BASKET_basket20_10_20 { margin: 0; width: 20%; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_10 .floatbox_BASKET_basket20_10_10 .PRODUCT_IMAGE { float: left; margin: 0px 0px -2px 0px; padding: 0px 10px 10px 0px; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_10 a { text-decoration: none; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_10 .floatbox_BASKET_basket20_10_10 a .PRODUCT p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_20 .PRICE_TAX p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_40 .PRICE_TOTAL_TAX p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket30 .floatbox_BASKET_basket30_10 .floatbox_PRICE_GOODSTOTAL_TAX p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket40 .floatbox_BASKET_basket40_10 .floatbox_SHIPPING_SELECTOR_TITLE p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket40 .floatbox_BASKET_basket40_20 .floatbox_PRICE_SHIPPING_TAX p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket50 .floatbox_BASKET_basket50_10 .floatbox_PAYMENT_SELECTOR_TITLE p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket50 .floatbox_BASKET_basket50_20 .floatbox_PRICE_PAYMENT_TAX p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket60 .floatbox_BASKET_basket60_10 .floatbox_PRICE_TOTAL_TAX p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket80 .floatbox_BASKET_basket80_10 .MESSAGE_SHIPPING p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket80 .floatbox_BASKET_basket80_10 .MESSAGE_PAYMENT p { font-size: 0.875em; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_10 .floatbox_BASKET_basket20_10_10 a .PRODUCT p .PRODUCT_TITLE, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_40 .PRICE_TOTAL_TAX p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket30 .floatbox_BASKET_basket30_10 .floatbox_PRICE_GOODSTOTAL_TAX p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket40 .floatbox_BASKET_basket40_10 .floatbox_SHIPPING_SELECTOR_TITLE p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket50 .floatbox_BASKET_basket50_10 .floatbox_PAYMENT_SELECTOR_TITLE p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket60 .floatbox_BASKET_basket60_10 .floatbox_PRICE_TOTAL_TAX p { font-weight: bold; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket10 .floatbox_BASKET_basket10_20 p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket10 .floatbox_BASKET_basket10_40 p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_20 .PRICE_TAX p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_40 .PRICE_TOTAL_TAX p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket30 .floatbox_BASKET_basket30_10 .floatbox_PRICE_GOODSTOTAL_TAX p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket40 .floatbox_BASKET_basket40_20 .floatbox_PRICE_SHIPPING_TAX p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket50 .floatbox_BASKET_basket50_20 .floatbox_PRICE_PAYMENT_TAX p, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket60 .floatbox_BASKET_basket60_10 .floatbox_PRICE_TOTAL_TAX p { text-align: right !important; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket10 .floatbox_BASKET_basket10_30 p { text-align: center; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_20 .PRICE_TAX p span.PRODUCT_PRICE_TAX_TITLE, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_40 .PRICE_TOTAL_TAX p span.PRODUCT_PRICE_TOTAL_TAX_TITLE { display: none; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_30 .button_BASKET { position: absolute; left: 50%; margin-left: 5px; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_30 .deleteItem { position: relative; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_30 .button_BASKET button.productsupdate_button { background: transparent url(../Img/update_30.png) no-repeat left 5px top 5px; width: 0px; padding: 8px 20px 8px 20px; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_30 .QTY_SINGLE_item { position: absolute; right: 50%; margin-right: 5px; margin-bottom:0; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_30 .clearlayer { margin-top: 50px; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_30 .QTY_SINGLE_item input.input_QTY_SINGLE { width: 25px; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_30 .button_BASKET_item_remove button.productremove_button { background: transparent url(../Img/delete_30.png) no-repeat left 9px top 5px; width: 0px; padding: 8px 20px 8px 20px; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket30 .floatbox_BASKET_basket30_10 .floatbox_PRICE_GOODSTOTAL_TAX p .PRICE_GOODSTOTAL_TAX { border-bottom: 1px solid rgb(38,130,219); } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket60 .floatbox_BASKET_basket60_10 .floatbox_PRICE_TOTAL_TAX p .PRICE_TOTAL_TAX { padding-bottom: 3px; border-bottom: 3px solid rgb(38,130,219); } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket100 .floatbox_BASKET_basket100_10 .button_BASKET_clear_basket button.productsclearbasket_button { background: transparent url(../Img/delete_30.png) no-repeat right 10px top 5px; padding: 8px 35px 8px 8px; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket90 .floatbox_BASKET_basket90_10 .SUBMIT_BASKET button.productsinfo_button { float: right; background: rgb(38,130,219); color: rgb(249,249,249); padding: 8px 8px 8px 8px; } /* SUBSECTION template: BASKET_TEMPLATE_EMPTY */ .tt-products .floatbox_BASKET_EMPTY .floatbox_BASKET_EMPTY_basket .floatbox_BASKET_EMPTY_basket10 .floatbox_BASKET_EMPTY_basket10_10, .tt-products .floatbox_BASKET_EMPTY .floatbox_BASKET_EMPTY_basket .floatbox_BASKET_EMPTY_basket20 .floatbox_BASKET_EMPTY_basket20_10 { margin: 0; width: 100%; } .tt-products .floatbox_BASKET_EMPTY .floatbox_BASKET_EMPTY_basket .link_button .button_backtolistdisplay::before { content: "\00ab"; top: 10px; } .tt-products .floatbox_BASKET_EMPTY .floatbox_BASKET_EMPTY_basket .link_button .button_backtolistdisplay .text_backtolistdisplay { margin:3px 0px -2px 0px; padding: 0px 0px 0px 37px; } /* SUBSECTION template: BASKET_INFO_TEMPLATE */ .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .required { color: red; } .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_10 { margin: 0px 10px 0px 0px; width: calc(50% - 10px); } .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_20 { margin: 0; width: 50%; } .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket20 .floatbox_BASKET_INFO_basket20_10 { margin: 0; width: 100%; } .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_20 form .floatbox_BASKET_INFO_basket10_20_10 .BILLING_ADDRESS_title p, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_20 form .floatbox_BASKET_INFO_basket10_20_20 .DELIVERY_ADDRESS_title p, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_20 form .floatbox_BASKET_INFO_basket10_20_30 .TRADING_CONDITIONS_title p { font-weight: bold; } .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_20 form .floatbox_BASKET_INFO_basket10_20_10 .BILLING_ADDRESS_info p, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_20 form .floatbox_BASKET_INFO_basket10_20_20 .DELIVERY_ADDRESS_info p { font-size: 0.75em; } .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_20 form .floatbox_BASKET_INFO_basket10_20_40 .SUBMIT_BASKET_INFO button.productspayment_button { float: right; background: rgb(38,130,219); color: rgb(249,249,249); padding: 8px 8px 8px 8px; } /* SUBSECTION template: BASKET_REQUIRED_INFO_MISSING */ .tt-products .floatbox_BASKET_REQUIRED_INFO_MISSING .floatbox_BASKET_REQUIRED_INFO_MISSING_basket .floatbox_BASKET_REQUIRED_INFO_MISSING_basket10 .floatbox_BASKET_REQUIRED_INFO_MISSING_basket10_10 { margin: 0; width: 100%; } .tt-products .floatbox_BASKET_REQUIRED_INFO_MISSING .floatbox_BASKET_REQUIRED_INFO_MISSING_basketmissingtitle p span.basket_info_missing_title { font-weight: bold; } .tt-products .floatbox_BASKET_REQUIRED_INFO_MISSING .floatbox_BASKET_REQUIRED_INFO_MISSING_basketmissinginfo p span.basket_info_missing_info { color: red; } /* SUBSECTION template: BASKET_PAYMENT_TEMPLATE */ .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket10 .floatbox_BASKET_PAYMENT_basket10_10 { margin: 0px 10px 0px 0px; width: calc(50% - 10px); } .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket10 .floatbox_BASKET_PAYMENT_basket10_20 { margin: 0; width: 50%; } .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket20 { border-bottom: 0; } .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket20 .floatbox_BASKET_PAYMENT_basket20_10, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket100 .floatbox_BASKET_PAYMENT_basket100_10, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket110 .floatbox_BASKET_PAYMENT_basket110_10 { margin: 0; width: 100%; } .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket30 .floatbox_BASKET_PAYMENT_basket30_10, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_10 { margin: 0px 10px 0px 0px; width: calc(60% - 10px); } .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket30 .floatbox_BASKET_PAYMENT_basket30_20, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_20 { margin: 0px 10px 0px 0px; width: calc(10% - 10px); } .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket30 .floatbox_BASKET_PAYMENT_basket30_30, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_30 { margin: 0px 10px 0px 0px; width: calc(15% - 10px); text-align: center; } .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket30 .floatbox_BASKET_PAYMENT_basket30_40, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_40 { margin: 0; width: 15%; } .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket50, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket60, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket80, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket90, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket100, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket10, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket40, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket50, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket70, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket80, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket90 { border-bottom: 0; } .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE { border-bottom: 1px solid rgb(200,200,200); } .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_10 .floatbox_BASKET_PAYMENT_basket40_10_10, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket60 .floatbox_BASKET_PAYMENT_basket60_10, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket70 .floatbox_BASKET_PAYMENT_basket70_10 { margin: 0px 10px 0px 0px; width: calc(80% - 10px); } .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_10 .floatbox_BASKET_PAYMENT_basket40_10_20, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket60 .floatbox_BASKET_PAYMENT_basket60_20, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket70 .floatbox_BASKET_PAYMENT_basket70_20 { margin: 0; width: 20%; } .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket10 .floatbox_BASKET_PAYMENT_basket10_10 .BASKET_PAYMENT_personinfo p span.BASKET_PAYMENT_personinfo_title, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket10 .floatbox_BASKET_PAYMENT_basket10_20 .BASKET_PAYMENT_delivery p span.BASKET_PAYMENT_delivery_title, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket20 .floatbox_BASKET_PAYMENT_basket20_10 .BASKET_PAYMENT_ordertitle p span.order_title, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_10 .floatbox_BASKET_PAYMENT_basket40_10_10 .PRODUCT p span.PRODUCT_TITLE, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_40 .PRICE_TOTAL_TAX p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket50 .floatbox_PRICE_GOODSTOTAL_TAX p span.PRICE_GOODSTOTAL_TAX, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket80 .floatbox_PRICE_TOTAL_TAX p span.PRICE_TOTAL_TAX { font-weight: bold; } .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket10 .floatbox_BASKET_PAYMENT_basket10_10 .BASKET_PAYMENT_personinfo p span.BASKET_PAYMENT_personinfo_info, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket10 .floatbox_BASKET_PAYMENT_basket10_20 .BASKET_PAYMENT_delivery p span.BASKET_PAYMENT_delivery_info, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket30 .floatbox_BASKET_PAYMENT_basket30_10 p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket30 .floatbox_BASKET_PAYMENT_basket30_20 p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket30 .floatbox_BASKET_PAYMENT_basket30_30 p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket30 .floatbox_BASKET_PAYMENT_basket30_40 p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_10 .floatbox_BASKET_PAYMENT_basket40_10_20 p span.PRODUCT_ITEMNUMBER, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket80 .floatbox_PRICE_TOTAL_TAX p span.PRICE_TOTAL_TAX_info { font-size: 0.75em; } .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket30 .floatbox_BASKET_PAYMENT_basket30_10 p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket30 .floatbox_BASKET_PAYMENT_basket30_20 p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket30 .floatbox_BASKET_PAYMENT_basket30_30 p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket30 .floatbox_BASKET_PAYMENT_basket30_40 p { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket30 .floatbox_BASKET_PAYMENT_basket30_20 p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket30 .floatbox_BASKET_PAYMENT_basket30_30 p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket30 .floatbox_BASKET_PAYMENT_basket30_40 p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_20 .PRICE_TAX p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_30 .FIELD_QTY p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_40 .PRICE_TOTAL_TAX p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket50 .floatbox_PRICE_GOODSTOTAL_TAX p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket60 .floatbox_BASKET_PAYMENT_basket60_20 .SHIPPING_PRICE_TAX p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket70 .floatbox_BASKET_PAYMENT_basket70_20 .PAYMENT_PRICE_TAX p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket80 .floatbox_PRICE_TOTAL_TAX p { text-align: right !important; } .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_10 .floatbox_BASKET_PAYMENT_basket40_10_10 .PRODUCT_IMAGE { float: left; margin: 0px 0px -2px 0px; padding: 0px 10px 10px 0px; } .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket10 .floatbox_BASKET_PAYMENT_basket10_10 .BASKET_PAYMENT_personinfo p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket10 .floatbox_BASKET_PAYMENT_basket10_20 .BASKET_PAYMENT_delivery p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_10 .floatbox_BASKET_PAYMENT_basket40_10_10 .PRODUCT p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_20 .PRICE_TAX p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_30 .FIELD_QTY p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_40 .PRICE_TOTAL_TAX p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket50 .floatbox_PRICE_GOODSTOTAL_TAX p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket60 .floatbox_BASKET_PAYMENT_basket60_10 .SHIPPING_TITLE p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket60 .floatbox_BASKET_PAYMENT_basket60_20 .SHIPPING_PRICE_TAX p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket70 .floatbox_BASKET_PAYMENT_basket70_10 .PAYMENT_TITLE p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket70 .floatbox_BASKET_PAYMENT_basket70_20 .PAYMENT_PRICE_TAX p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket80 .floatbox_PRICE_TOTAL_TAX p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket90 .MESSAGE_SHIPPING_BASKET_PAYMENT p, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket90 .MESSAGE_PAYMENT_BASKET_PAYMENT p { font-size: 0.875em; } .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_20 .PRICE_TAX p span.PRODUCT_PRICE_TAX_TITLE, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_30 .FIELD_QTY p span.PRODUCT_QTY_TITLE, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_40 .PRICE_TOTAL_TAX p span.PRODUCT_PRICE_TOTAL_TAX_TITLE { display: none; } .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket80 .floatbox_PRICE_TOTAL_TAX p span.PRICE_TOTAL_TAX { padding-bottom: 3px; border-bottom: 3px solid rgb(38,130,219); } .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket100 form .floatbox_BASKET_PAYMENT_basket100_10 .SUBMIT_BASKET button.productsfinalize_button { float: right; background: rgb(38,130,219); color: rgb(249,249,249); padding: 8px 8px 8px 8px; } /* SUBSECTION template: BASKET_PAYMENT_TEMPLATE_POSTFINANCEPAYMENTCANCEL */ .tt-products .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTCANCEL .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTCANCEL_baskettitle { padding: 10px 0; } .tt-products .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTCANCEL .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTCANCEL_basketpaymentinfo p span.basket_payment_postfinancepaymentcancel_info1 { color: red; } .tt-products .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTCANCEL .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTCANCEL_basket .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTCANCEL_basket10 form .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTCANCEL_basket10_10 { margin: 0; width: 100%; } /* SUBSECTION template: BASKET_PAYMENT_TEMPLATE_POSTFINANCEPAYMENTDECLINE */ .tt-products .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTDECLINE .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTDECLINE_baskettitle { padding: 10px 0; } .tt-products .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTDECLINE .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTDECLINE_basketpaymentinfo p span.basket_payment_postfinancepaymentdecline_info1 { color: red; } .tt-products .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTDECLINE .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTDECLINE_basket .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTDECLINE_basket10 form .floatbox_BASKET_PAYMENT_POSTFINANCEPAYMENTDECLINE_basket10_10 { margin: 0; width: 100%; } /* SUBSECTION template: BASKET_PAYMENT_TEMPLATE_PAYMENT20CANCEL */ .tt-products .floatbox_BASKET_PAYMENT_20CANCEL .floatbox_BASKET_PAYMENT_PAYMENT_20CANCEL_baskettitle { padding: 10px 0; } .tt-products .floatbox_BASKET_PAYMENT_20CANCEL .floatbox_BASKET_PAYMENT_20CANCEL_basketpaymentinfo p span.basket_payment_20cancel_info1 { color: red; } .tt-products .floatbox_BASKET_PAYMENT_20CANCEL .floatbox_BASKET_PAYMENT_20CANCEL_basket .floatbox_BASKET_PAYMENT_20CANCEL_basket10 form .floatbox_BASKET_PAYMENT_20CANCEL_basket10_10 { margin: 0; width: 100%; } /* SUBSECTION template: BASKET_ORDERCONFIRMATION_TEMPLATE */ .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket10 .floatbox_BASKET_ORDERCONFIRMATION_basket10_10 { margin: 0; width: 100%; } .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket10 .floatbox_BASKET_ORDERCONFIRMATION_basket10_20 { margin: 0px 10px 0px 0px; width: calc(50% - 10px); } .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket10 .floatbox_BASKET_ORDERCONFIRMATION_basket10_30 { margin: 0; width: 50%; } .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE { border-bottom: 1px solid rgb(200,200,200); } .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket20 .floatbox_BASKET_ORDERCONFIRMATION_basket20_10, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_10 { margin: 0px 10px 0px 0px; width: calc(60% - 10px); } .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket20 .floatbox_BASKET_ORDERCONFIRMATION_basket20_20, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_20 { margin: 0px 10px 0px 0px; width: calc(10% - 10px); } .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket20 .floatbox_BASKET_ORDERCONFIRMATION_basket20_30, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_30 { margin: 0px 10px 0px 0px; width: calc(15% - 10px); text-align: center; } .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket20 .floatbox_BASKET_ORDERCONFIRMATION_basket20_40, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_40 { margin: 0; width: 15%; } .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_10 .floatbox_BASKET_ORDERCONFIRMATION_basket30_10_10, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket50 .floatbox_BASKET_ORDERCONFIRMATION_basket50_10, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket60 .floatbox_BASKET_ORDERCONFIRMATION_basket60_10 { margin: 0px 10px 0px 0px; width: calc(80% - 10px); } .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_10 .floatbox_BASKET_ORDERCONFIRMATION_basket30_10_20, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket50 .floatbox_BASKET_ORDERCONFIRMATION_basket50_20, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket60 .floatbox_BASKET_ORDERCONFIRMATION_basket60_20 { margin: 0; width: 20%; } .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basketthanks p span.basket_orderconfirmation_basketthanks, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket10 .floatbox_BASKET_ORDERCONFIRMATION_basket10_10 p span.basket_ORDER_UID, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket10 .floatbox_BASKET_ORDERCONFIRMATION_basket10_20 .BASKET_ORDERCONFIRMATION_personinfo p span.BASKET_ORDERCONFIRMATION_personinfo_title, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket10 .floatbox_BASKET_ORDERCONFIRMATION_basket10_30 .BASKET_ORDERCONFIRMATION_delivery p span.BASKET_ORDERCONFIRMATION_delivery_title, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_10 .floatbox_BASKET_ORDERCONFIRMATION_basket30_10_10 .PRODUCT p span.PRODUCT_TITLE, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_40 .PRICE_TOTAL_TAX p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket40 .floatbox_PRICE_GOODSTOTAL_TAX p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket70 .floatbox_PRICE_TOTAL_TAX p span.PRICE_TOTAL_TAX, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket90 .floatbox_BASKET_ORDERCONFIRMATION_deliverystatus p span.BASKET_ORDERCONFIRMATION_deliverystatus_title { font-weight: bold; } .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket10 .floatbox_BASKET_ORDERCONFIRMATION_basket10_20 .BASKET_ORDERCONFIRMATION_personinfo p span.BASKET_ORDERCONFIRMATION_personinfo_title, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket10 .floatbox_BASKET_ORDERCONFIRMATION_basket10_20 .BASKET_ORDERCONFIRMATION_personinfo p span.BASKET_ORDERCONFIRMATION_personinfo, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket10 .floatbox_BASKET_ORDERCONFIRMATION_basket10_30 .BASKET_ORDERCONFIRMATION_delivery p span.BASKET_ORDERCONFIRMATION_delivery_title, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket10 .floatbox_BASKET_ORDERCONFIRMATION_basket10_30 .BASKET_ORDERCONFIRMATION_delivery p span.BASKET_ORDERCONFIRMATION_delivery, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket20 .floatbox_BASKET_ORDERCONFIRMATION_basket20_10 p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket20 .floatbox_BASKET_ORDERCONFIRMATION_basket20_20 p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket20 .floatbox_BASKET_ORDERCONFIRMATION_basket20_30 p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket20 .floatbox_BASKET_ORDERCONFIRMATION_basket20_40 p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket70 .floatbox_PRICE_TOTAL_TAX p span.PRICE_TOTAL_TAX_info { font-size: 0.75em; } .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket20 .floatbox_BASKET_ORDERCONFIRMATION_basket20_10 p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket20 .floatbox_BASKET_ORDERCONFIRMATION_basket20_20 p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket20 .floatbox_BASKET_ORDERCONFIRMATION_basket20_30 p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket20 .floatbox_BASKET_ORDERCONFIRMATION_basket20_40 p { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket20 .floatbox_BASKET_ORDERCONFIRMATION_basket20_20 p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket20 .floatbox_BASKET_ORDERCONFIRMATION_basket20_30 p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket20 .floatbox_BASKET_ORDERCONFIRMATION_basket20_40 p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_20 .PRICE_TAX p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_30 .FIELD_QTY p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_40 .PRICE_TOTAL_TAX p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket40 .floatbox_PRICE_GOODSTOTAL_TAX p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket50 .floatbox_BASKET_ORDERCONFIRMATION_basket50_20 .SHIPPING_PRICE_TAX p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket60 .floatbox_BASKET_ORDERCONFIRMATION_basket60_20 .PAYMENT_PRICE_TAX p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket70 .floatbox_PRICE_TOTAL_TAX p { text-align: right !important; } .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_10 .floatbox_BASKET_ORDERCONFIRMATION_basket30_10_10 .PRODUCT_IMAGE { float: left; margin: 0px 0px -2px 0px; padding: 0px 10px 10px 0px; } .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_10 .floatbox_BASKET_ORDERCONFIRMATION_basket30_10_10 .PRODUCT p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_10 .floatbox_BASKET_ORDERCONFIRMATION_basket30_10_20 p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_20 .PRICE_TAX p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_30 .FIELD_QTY p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_40 .PRICE_TOTAL_TAX p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket40 .floatbox_PRICE_GOODSTOTAL_TAX p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket50 .floatbox_BASKET_ORDERCONFIRMATION_basket50_10 .SHIPPING_TITLE p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket50 .floatbox_BASKET_ORDERCONFIRMATION_basket50_20 .SHIPPING_PRICE_TAX p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket60 .floatbox_BASKET_ORDERCONFIRMATION_basket60_10 .PAYMENT_TITLE p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket60 .floatbox_BASKET_ORDERCONFIRMATION_basket60_20 .PAYMENT_PRICE_TAX p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket70 .floatbox_PRICE_TOTAL_TAX p span.PRICE_TOTAL_TAX, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket80 .MESSAGE_SHIPPING_BASKET_PAYMENT p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket80 .MESSAGE_PAYMENT_BASKET_PAYMENT p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket90 .floatbox_BASKET_ORDERCONFIRMATION_deliverystatus p, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basketfooter p span.basket_greetings { font-size: 0.875em; } .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_20 .PRICE_TAX p span.PRODUCT_PRICE_TAX_TITLE, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_30 .FIELD_QTY p span.PRODUCT_QTY_TITLE, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_40 .PRICE_TOTAL_TAX p span.PRODUCT_PRICE_TOTAL_TAX_TITLE { display: none; } .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket70 .floatbox_PRICE_TOTAL_TAX p span.PRICE_TOTAL_TAX { padding-bottom: 3px; border-bottom: 3px solid rgb(38,130,219); } /* ====================== */ /* # QUERIES = Responsive Structure for EXT tt_products # */ /* *** 800px: Desktop, Laptop & Tablet *** */ @media only screen and (max-width:800px) { /* Set pagenavi at this size */ .tt-products .floatbox_ITEM_LIST .pagenavi .one-third-column, .tt-products .floatbox_ITEM_LIST .pagenavi .last-column, .tt-products .floatbox_ITEM_LIST .pagenavi .last-column .link_button { float: none; width: 100%; clear: both; } .tt-products .floatbox_ITEM_LIST .pagenavi .link_browse { padding-top: 2px; padding-bottom: 14px; } .tt-products .floatbox_ITEM_LIST .pagenavi .link_browse p { text-align: left; } .tt-products .floatbox_ITEM_LIST .pagenavi .link_button .button_next .text_next { margin-right: 0px; } .tt-products .floatbox_ITEM_LIST .pagenavi .link_button .button_next::after { position: relative; top: 2px; right: 0px; } /* Set floatbox_ITEM_SINGLE_tilelist_tile at this size */ .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_tilelist .floatbox_ITEM_SINGLE_tilelist_tile { width: calc(50% - 20px); } /* Set PRICE at this size */ .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item50 .PRICE, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30 .PRICE { float: right; } /* Set floatbox_ITEM_SINGLE_biglist floatbox_ITEM_SINGLE_item10 and floatbox_ITEM_SINGLE_item20 at this size */ .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item10 { width: calc(25% - 10px); } .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item20 { width: 75%; border-bottom: 0; } /* Set floatbox_ITEM_SINGLE_biglist floatbox_ITEM_SINGLE_item20_10, floatbox_ITEM_SINGLE_item20_20 and floatbox_ITEM_SINGLE_item20_30 at this size */ .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item20_10, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item20_20, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item20_30, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30 { float: none; width: 100%; clear: both; } /* Set margin floatbox_BASKET_OVERVIEW, floatbox_BASKET_OVERVIEW_EMPTY and button on this size */ .tt-products .floatbox_BASKET_OVERVIEW, .tt-products .floatbox_BASKET_OVERVIEW_EMPTY { margin: 0; } .tt-products .floatbox_BASKET_OVERVIEW .floatbox_BASKET_OVERVIEW_button .link_button .button_tobasket::before, .tt-products .floatbox_BASKET_OVERVIEW_EMPTY .floatbox_BASKET_OVERVIEW_EMPTY_button .link_button .button_tobasket::before { left: 10px; } /* */ .tt-products .basket form .floatbox_BASKET, .tt-products .basket_payment .floatbox_BASKET_PAYMENT2, .tt-products .basket_orderconfirmation .floatbox_BASKET_ORDERCONFIRMATION3 { display: none; } .tt-products .basket form .floatbox_BASKET2 #PRODUCT_TITLE_BASKET2, .tt-products .basket form .floatbox_BASKET2 #display_variant_BASKET2, .tt-products .basket_payment .floatbox_BASKET_PAYMENT3 #PRODUCT_TITLE_BASKET_PAYMENT3, .tt-products .basket_payment .floatbox_BASKET_PAYMENT3 #display_variant_BASKET_PAYMENT3, .tt-products .basket_orderconfirmation .floatbox_BASKET_ORDERCONFIRMATION4 #PRODUCT_TITLE_BASKET_ORDERCONFIRMATION4, .tt-products .basket_orderconfirmation .floatbox_BASKET_ORDERCONFIRMATION4 #display_variant_BASKET_ORDERCONFIRMATION4 { float: none; margin-right: 0; width: 100%; } .tt-products .basket form .floatbox_BASKET2 #PRICE_TAX_BASKET2, .tt-products .basket form .floatbox_BASKET2 #FIELD_QTY_BASKET2, .tt-products .basket form .floatbox_BASKET2 #PRICE_TOTAL_TAX_BASKET2, .tt-products .basket_payment .floatbox_BASKET_PAYMENT3 #PRICE_TAX_BASKET_PAYMENT3, .tt-products .basket_payment .floatbox_BASKET_PAYMENT3 #FIELD_QTY_BASKET_PAYMENT3, .tt-products .basket_payment .floatbox_BASKET_PAYMENT3 #PRICE_TOTAL_TAX_BASKET_PAYMENT3, .tt-products .basket_orderconfirmation .floatbox_BASKET_ORDERCONFIRMATION4 #PRICE_TAX_BASKET_ORDERCONFIRMATION4, .tt-products .basket_orderconfirmation .floatbox_BASKET_ORDERCONFIRMATION4 #FIELD_QTY_BASKET_ORDERCONFIRMATION4, .tt-products .basket_orderconfirmation .floatbox_BASKET_ORDERCONFIRMATION4 #PRICE_TOTAL_TAX_BASKET_ORDERCONFIRMATION4 { width: calc(31.4% - 10px); } .tt-products .basket form .floatbox_BASKET2 #PRICE_TAX_BASKET2 p, .tt-products .basket_payment .floatbox_BASKET_PAYMENT3 #PRICE_TAX_BASKET_PAYMENT3 p, .tt-products .basket_orderconfirmation .floatbox_BASKET_ORDERCONFIRMATION4 #PRICE_TAX_BASKET_ORDERCONFIRMATION4 p { text-align: left; } .tt-products .basket form .floatbox_BASKET2 p.text_queries, .tt-products .basket_payment .floatbox_BASKET_PAYMENT3 p.text_queries, .tt-products .basket_orderconfirmation .floatbox_BASKET_ORDERCONFIRMATION4 p.text_queries { display: block; font-weight: bold; margin: 0; padding: 0; } } /* *** 700px: Desktop, Laptop & Tablet *** */ @media only screen and (max-width:700px) { /* Set float none at this size */ .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item10, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item20, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item30, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item40, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item50, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item10, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item20, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item20_10, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item20_20, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item20_30, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30_10, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30_20, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30_30, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30_40, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30_50 { float: none; width: 100%; clear: both; } /* LIST: floatbox_ITEM_SINGLE form > floatbox_ITEM_SINGLE_biglist > floatbox_ITEM_SINGLE_item30_30 DESABLED!! floatbox_ITEM_SINGLE form > floatbox_ITEM_SINGLE_biglist > floatbox_ITEM_SINGLE_item30_40 DESABLED!! tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30_20, */ .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30_30, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30_40 { display:none; } /* Set PRICE at this size */ .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_shortlist .floatbox_ITEM_SINGLE_item50 .PRICE, .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE form .floatbox_ITEM_SINGLE_biglist .floatbox_ITEM_SINGLE_item30 .PRICE { float: left; } } /* *** 600px: Desktop, Laptop & Tablet *** */ @media only screen and (max-width:600px) { /* Set floatbox_ITEM_SINGLE_tilelist_tile at this size */ .tt-products .floatbox_ITEM_LIST .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_tilelist .floatbox_ITEM_SINGLE_tilelist_tile { width: calc(100% - 20px); } /* Set pagenavi at this size */ .tt-products .floatbox_ITEM_SINGLE .pagenavi .one-third-column, .tt-products .floatbox_ITEM_SINGLE .pagenavi .last-column, .tt-products .floatbox_ITEM_SINGLE .pagenavi .last-column .link_button, .tt-products .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_singleitem form .floatbox_ITEM_SINGLE_item .floatbox_ITEM_SINGLE_item10, .tt-products .floatbox_ITEM_SINGLE .floatbox_ITEM_SINGLE_singleitem form .floatbox_ITEM_SINGLE_item .floatbox_ITEM_SINGLE_item20 { float: none; width: 100%; clear: both; } .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_button .button_next .text_next { margin-right: 0px; } .tt-products .floatbox_ITEM_SINGLE .pagenavi .link_button .button_next::after { position: relative; top: 2px; right: 0px; } /* Set steplist at this size */ .tt-products .steplist .steplist_step1, .tt-products .steplist .steplist_step2, .tt-products .steplist .steplist_step3 { float: none; width: 100%; clear: both; } .tt-products .steplist .steplist_step1 .steplist_number, .tt-products .steplist .steplist_step2 .steplist_number, .tt-products .steplist .steplist_step3 .steplist_number { margin-top: -7px; margin-bottom: 7px; } /* Set baskettitle at this size */ .tt-products .floatbox_BASKET .floatbox_BASKET_baskettitle, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_baskettitle { margin-bottom: 10px; } /* Desable the table-column-header at this size */ .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket10, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket30, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket20 { display: none; } /* Set no float and enable product title at this size */ .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_10, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_20, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_30, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_40, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_10 .floatbox_BASKET_basket20_10_10, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_10 .floatbox_BASKET_basket20_10_20, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_10, .tt-products .floatbox_BASKET_INFO .floatbox_BASKET_INFO_basket .floatbox_BASKET_INFO_basket10 .floatbox_BASKET_INFO_basket10_20, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_10, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_10 .floatbox_BASKET_PAYMENT_basket40_10_10, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_10 .floatbox_BASKET_PAYMENT_basket40_10_10 .PRODUCT_IMAGE, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_10 .floatbox_BASKET_PAYMENT_basket40_10_10 .PRODUCT, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_10 .floatbox_BASKET_PAYMENT_basket40_10_20, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_20, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_30, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_40, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_10, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_10 .floatbox_BASKET_ORDERCONFIRMATION_basket30_10_10, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_10 .floatbox_BASKET_ORDERCONFIRMATION_basket30_10_10 .PRODUCT_IMAGE, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_10 .floatbox_BASKET_ORDERCONFIRMATION_basket30_10_10 .PRODUCT, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_10 .floatbox_BASKET_ORDERCONFIRMATION_basket30_10_20, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_20, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_30, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_40 { float: none; width: 100%; clear: both; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_20 .PRICE_TAX p span.PRODUCT_PRICE_TAX_TITLE, .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_40 .PRICE_TOTAL_TAX p span.PRODUCT_PRICE_TOTAL_TAX_TITLE, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_20 .PRICE_TAX p span.PRODUCT_PRICE_TAX_TITLE, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_30 .FIELD_QTY p span.PRODUCT_QTY_TITLE, .tt-products .floatbox_BASKET_PAYMENT .floatbox_BASKET_PAYMENT_basket .floatbox_BASKET_PAYMENT_basket40 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_PAYMENT_basket40_40 .PRICE_TOTAL_TAX p span.PRODUCT_PRICE_TOTAL_TAX_TITLE, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_20 .PRICE_TAX p span.PRODUCT_PRICE_TAX_TITLE, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_30 .FIELD_QTY p span.PRODUCT_QTY_TITLE, .tt-products .floatbox_BASKET_ORDERCONFIRMATION .floatbox_BASKET_ORDERCONFIRMATION_basket .floatbox_BASKET_ORDERCONFIRMATION_basket30 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_ORDERCONFIRMATION_basket30_40 .PRICE_TOTAL_TAX p span.PRODUCT_PRICE_TOTAL_TAX_TITLE { display: inline; } /* Set button and field at this size */ .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_30 { text-align: right; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_30 .button_BASKET { position: relative; left: 0; float: right; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_30 .QTY_SINGLE_item { position: relative; right: 0; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_30 .clearlayer { margin-top: 0; } .tt-products .floatbox_BASKET .floatbox_BASKET_basket form .floatbox_BASKET_basket20 .floatbox_ITEM_CATEGORY_AND_ITEMS .floatbox_ITEM_SINGLE .floatbox_BASKET_basket20_30 .button_BASKET_item_remove button.productremove_button { margin-top: -10px; margin-bottom: 10px; } }