/* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ * { margin:0; padding:0; } html { font-size:16px; } /* Fix for Opera */ body { font:75%/150% Arial, Helvetica, sans-serif; background-color:#fff; color:#333; text-align:center; } img { border:0; vertical-align:top; max-width:100%; } a { color:#888; text-decoration:none; } a:hover { text-decoration:none; color:#ca0413; } :focus { outline:0; } /* Headings */ h1,h2,h3, h4,h5,h6 { margin:0 0 10px; /*5px*/ } h1 { font-size:2.6666em; font-weight:normal; line-height:1.25em; /*32px, 40px*/ } h2 { font-size:1.5em; font-weight:normal; line-height:1.6666em; /*18px, 30px*/ } h3 { font-size:1.25em; font-weight:bold; line-height:1.2em; /*15px, 18px*/ } h4 { font-size:1.1666em; font-weight:bold; /*14px*/ } h5 { font-size:1em; font-weight:bold; } h6 { font-size:1em; font-weight:bold; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ strong { font-weight:bold; } address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } sup { font-size:1em; vertical-align:top; } /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; min-height:147px; position:relative; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .wrapper { border-top:5px solid #333; } .page { text-align:left; background-repeat:repeat; background-position:center top; } .page-print { background:#fff; padding:20px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; background:#fff; } .main-container {} .main { padding:0; padding:40px 0; min-height:370px; } /* Decrease padding on home page */ body.cms-index-index .main, body.cms-index-defaultindex .main { padding-top:20px; padding-bottom:20px; } /* Base Columns */ .col-left { float:left; } .col-main { float:left; } .col-right { float:right; } /* 1 Column Layout */ .col1-layout .col-main { } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main { } /* 3 Columns Layout */ .col3-layout .col-main { } .col3-layout .col-wrapper { float:left; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .col-narrow { width:33%; } .col2-set .col-wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Form Elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ input, select, textarea, button { font:12px/15px Arial, Helvetica, sans-serif; vertical-align:middle; } input.input-text, select, textarea { background:#fff; border:1px solid #ccc; } input.input-text, textarea { padding:7px 2px; } select { padding:6px 6px 6px 2px; } select option { padding-right:10px; } select.multiselect option { border-bottom:1px solid #e5e5e5; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } input.input-text:hover, select:hover, textarea:hover { border-color:#999; } input.input-text:focus, select:focus, textarea:focus { border-color:#999; outline:none; -moz-box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.2); box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.2); } input.input-text:disabled, select:disabled, textarea:disabled {} /* Buttons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ overflow:visible; width:auto; border:0; padding:0; margin:0; /*background:transparent;*/ cursor:pointer; } button.button span { float:left; display:block; padding:0; font-size:12px; text-align:center; white-space:nowrap; /*background-color:#ddd; color:#333;*/ transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } button.button:hover span { background-color:#333; color:#fff; } button.button span span { padding:0 25px; height:45px; line-height:45px; } /* Smaller button - for inline display with input boxes -------------------------------------------------------------- */ button.button.btn-inline span span, .product-view .box-tags .form-add button.button span span { padding:0 10px; line-height:32px; height:32px; } /* Big button: Add to cart (product view) & Proceed to checkout -------------------------------------------------------------- */ .product-view .btn-cart span, button.btn-checkout span { /*background-color:#bf2330; color:#fff;*/ } .product-view .btn-cart span span, button.btn-checkout span span { padding:5px 25px; } /* Add to cart only */ .product-view .btn-cart span span { padding:5px 40px; } /* Add to cart - all */ /*button.button.btn-cart span {} button.button.btn-cart:hover span {}*/ /* Form %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#efefef; }*/ /* Form lists */ /* Grouped fields */ /*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/ .form-list li { margin:0 0 8px; } .form-list label { float:left; font-weight:bold; position:relative; z-index:0; margin:0 0 2px 0; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; position:absolute; top:0; right:-8px; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right:6px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } /*.form-list li.fields { margin-right:-15px; }*/ .form-list .input-box { display:block; clear:both; } .form-list .field { float:left; width:275px; margin-bottom:5px; } .form-list input.input-text { width:254px; } .form-list textarea { width:254px; height:10em; } .form-list select { width:260px; } .form-list li.wide .input-box { /*width:535px;*/ } .form-list li.wide input.input-text { /*width:529px;*/ } .form-list li.wide textarea { /*width:529px;*/ } .form-list li.wide select { width:535px; height:52px;} .form-list li.additional-row { border-top:1px solid #e5e5e5; margin-top:10px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .name-middlename { width:70px; } .form-list .name-middlename input.input-text { width:49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width:140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } /* Orders and Returns form -------------------------------------------------------------- */ #oar_widget_orders_and_returns_form ul li { margin:0 0 5px; height:30px; } /* Buttons set -------------------------------------------------------------- */ .buttons-set { clear:both; margin:10px 0; } .buttons-set button.button { float:right; margin-left:5px; margin-bottom:5px; } .buttons-set p.required { margin:0 0 5px; } .contacts-index-index .buttons-set { float:left; margin-top:-10px; } .contacts-index-index .buttons-set .required { text-align:left; } .contacts-index-index .buttons-set .button { margin-left:0; } .buttons-set .back-link { float:left; margin-bottom:5px; } .buttons-set .back-link a { display:block; padding:8px 15px 8px 32px; } .buttons-set .back-link small { display:none; } /* Fieldset -------------------------------------------------------------- */ /* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */ .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set { border-top:1px solid #e5e5e5; margin:30px 0 0; padding:30px 30px 10px; } .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend { background-color:#fff; float:left; margin:-46px 0 0 -10px; padding:0 10px; width:100%; } /* Form Validation -------------------------------------------------------------- */ .validation-advice { clear:both; font-size:0.9166em; line-height:1em; color:#ee001c; margin-top:5px; } .validation-failed { border:1px solid #ee001c !important; background:#fff !important; } .validation-passed {} /* Required */ p.required { font-size:0.8333em; /*10px*/ text-align:right; } p.required, .product-options dt label.required em, .form-list label.required em { color:#D90000; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .success { color:#3d6611; font-weight:bold; } .error { color:#ee001c; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0; padding:0; } .messages { overflow:hidden; margin:0 0 10px; } .messages li { margin:0 0 1%; } .messages li li { margin:0; } .messages a { text-decoration:underline; } .catalog-category-view .messages { margin-top:15px; } .error-msg, .success-msg, .note-msg, .notice-msg { background-position:25px center !important; background-repeat:no-repeat !important; padding:25px 25px 25px 80px !important; font-size:12px !important; } .error-msg { border-color:#c02230; background-color:#F5DAD3; background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/i_msg-error.png); color:#c02230; } .success-msg { border-color:#296a23; background-color:#e9ffca; background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/i_msg-success.png); color:#296a23; } .note-msg, .notice-msg { border-color:#7c622a; background-color:#FDEDA4; background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/i_msg-note.png); color:#7c622a; } .note-msg.empty-catalog { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/empty-catalog.png) center 30px no-repeat transparent !important; color:inherit; padding:170px 10px 50px !important; text-align:center; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs li{float: left;font-size: 1.0000em;} .breadcrumbs li > * { display: inline-block; vertical-align: middle; } .breadcrumbs a { float: left; } .breadcrumbs li span { margin-left: 6px; margin-right: 6px; } /* Page Heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-title { padding:0; margin:0 0 15px; } .my-account .page-title, .category-title { border-bottom:1px solid #e5e5e5; } .page-title h1, .page-title h2 { margin:0; min-height:1.3125em; /* 42px. Same as ".block .block-title" total height - 1px (for border) */ } .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; margin-top:10px; } .title-buttons { text-align:right; } .title-buttons button { margin-left:1em; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; text-align:left; /* TRICKY: align left as opposition to other elements */ } /* Buttons - adjust the height of heading buttons in customer account (needed for the Address Book) */ .my-account .title-buttons button span span { height:35px; line-height:35px; } /* Toolbar: pager and sorter %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sorter -------------------------------------------------------------- */ .sorter { padding:5px 0; } .sorter .view-mode { float:right; } .sorter .view-mode label { margin-right:5px; } .sorter .view-mode .grid, .sorter .view-mode .list { display:inline-block; vertical-align:middle; margin:0 0 0 1px; background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/pix.png) no-repeat transparent; text-indent:-9999px; overflow:hidden; } .sorter .view-mode .grid { background-position:0 -277px; } .sorter .view-mode .list { background-position:-30px -277px; margin-left:-5px; } .sorter .view-mode a.grid:hover { background-position:0 -307px; } .sorter .view-mode a.list:hover { background-position:-30px -307px; } .sorter .view-mode a:hover {} .sorter .view-mode span.grid, .sorter .view-mode span.list {} /*.sorter { padding:5px 0; } .sorter .view-mode { float:right; } .sorter .view-mode label { float:left; margin-right:5px; } .sorter .view-mode .grid, .sorter .view-mode .list { float:left; margin:0 0 0 1px; display:block; background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/pix.png) no-repeat transparent; text-indent:-9999px; overflow:hidden; } .sorter .view-mode .grid { background-position:0 -277px; } .sorter .view-mode .list { background-position:-30px -277px; } .sorter .view-mode a.grid:hover { background-position:0 -307px; } .sorter .view-mode a.list:hover { background-position:-30px -307px; } .sorter .view-mode a:hover {} .sorter .view-mode span.grid, .sorter .view-mode span.list {}*/ .sorter .sort-by { float:left; margin-right:10px; padding-right:3px; background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/link-separator.png) right center no-repeat; } .sorter .sort-by .category-asc, .sorter .sort-by .category-desc { display:inline-block; text-indent:-9999px; overflow:hidden; } .sorter .sort-by .category-asc { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/pix.png) 0 -87px no-repeat transparent; } .sorter .sort-by .category-desc { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/pix.png) -30px -87px no-repeat transparent; } .sorter .sort-by .category-asc:hover { background-position:-60px -87px; } .sorter .sort-by .category-desc:hover { background-position:-90px -87px; } .sorter .link-feed {} /* Pager -------------------------------------------------------------- */ .pager { margin:10px 0; padding:5px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } .pager .pages { float:right; vertical-align:middle; /* Vertical align to fix positionning issue */ } .pager .pages strong, .pager .pages span { float:left; margin-right:5px; font-weight:normal; } .pager .pages ol { display:inline; } .pager .pages li { float:left; margin:0 0 0 1px; display:block; text-align:center; } .pager .pages li a { display:block; background-color:transparent; color:inherit; background-color:#f5f5f5; } .pager .pages li a.previous, .pager .pages li a.next { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/pix.png); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; } .pager .pages li a.previous { background-position:0px -55px; } .pager .pages li:hover a.previous {} .pager .pages li a.next { background-position:-30px -55px; } .pager .pages li:hover a.next {} /* Toolbar. Pager and sorter inside toolbar -------------------------------------------------------------- */ .toolbar { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:-1px; /* To cover the top line of the products grid/list */ /* Move up to cover adjacent lines/elements */ position:relative; z-index:1; } /* Pager inside toolbar - align center */ .toolbar .pager { margin:0; border-bottom:none; border-top:1px dashed #e5e5e5; text-align:center; } .toolbar .pager .pages { display:inline-block; float:none; } /* Bottom toolbar */ .toolbar-bottom { margin-top:10px; } .toolbar-bottom .toolbar { border-bottom:none; } .toolbar-bottom .toolbar .pager { border-top:none; } .toolbar-bottom .sorter { display:none; } /* Common styles for toolbar elements -------------------------------------------------------------- */ /* Size */ .sorter, .pager { line-height:30px; } .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages li { width:30px; height:30px; } /*.toolbar .pager { height:30px; }*/ /* Active item color */ .sorter .view-mode span.grid, .sorter .view-mode span.list, .pager .pages li.current { background-color:#ddd; } /* Hover item color */ .sorter .view-mode a:hover, .sorter .sort-by .category-asc:hover, .sorter .sort-by .category-desc:hover, .pager .pages li a:hover { background-color:#ddd; } /* Amount */ .pager .amount, .sorter .amount { float:left; padding-right:10px; margin-right:10px; background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/link-separator.png) right center no-repeat; } /* Limiter */ .pager .limiter, .sorter .limiter { float:left; margin-right:15px; } /* All elements - vertical spacing */ .pager .amount, .pager .limiter, .pager .pages, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by { padding-top:5px; padding-bottom:5px; } /* Data Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .data-table { width:100%; } .data-table th, .data-table td { padding:10px; } .data-table thead { background:none; border-bottom:1px solid #e5e5e5; } .data-table thead th { font-weight:bold; vertical-align:bottom; } .data-table thead th.wrap { white-space:normal; } .data-table tr.odd td, .data-table tr.odd th { border-right:1px solid #e5e5e5;} .data-table tr.odd td.last { border-right:none; } .data-table tr.odd.last { border-bottom:#eee solid 1px; } .data-table tr.even { background-color:#f8f8f8; } .data-table tr.even td, .data-table tr.even th { border-right:1px solid #e5e5e5; } .data-table tr.even td.last { border-right:none; } .data-table tr.even.last {} .data-table tbody tr:hover {} .data-table tbody tr.product-shop-row:hover { background-color:#FFF; } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.odd tr.last { border-bottom:#e5e5e5 solid 1px; } .data-table tbody.even { background-color:#f1f1f1; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td {} .data-table th .tax-flag { /*white-space:nowrap;*/ font-weight:normal; } /* Additional classes for mobile devices -------------------------------------------------------------- */ /* Cell title */ .data-table .cell-label { display:none; } /* Shopping cart total summary row expandable to details %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -53px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#f5f5f5; color:#777; padding:2px 5px !important; } tr.summary-details-first td { border-top:1px solid #d5d5d5; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -53px; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .link-cart { font-weight:bold; } .link-reorder { font-weight:bold; } .link-print { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/i_rss.gif) 0 3px no-repeat; padding-left:18px; white-space:nowrap; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; font-weight:normal; color:#e5e5e5; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/bkg_divider1.gif) 0 50% repeat-x; text-indent:-999em; overflow:hidden; } /* Global site notices -------------------------------------------------------------- */ .global-site-notice { border:1px solid #cfcfcf; border-width:0 0 1px; background:#f5f5f5; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .global-site-notice .notice-inner { width:860px; margin:0 auto; padding:12px 0 12px 80px; background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/i_notice.gif) 20px 25px no-repeat; text-align:left; } .global-site-notice .notice-inner p { margin:0; border:1px dotted #cccc73; padding:10px; } .global-site-notice .notice-inner .actions { padding-top:10px; } /* Cookie Notice */ .notice-cookie {} /* Noscript Notice */ .noscript {} /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; } .demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; } .demo-notice .notice-inner p { padding:0; border:0; } /* Buttons remove/close and edit %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Common styles for buttons -------------------------------------------------------------- */ .btn-remove, .btn-remove2, .btn-edit, .tool-tip .btn-close a { display:block; width:17px; height:17px; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .btn-remove, .btn-remove2, .tool-tip .btn-close a { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/pix.png) 0 -150px no-repeat; } .btn-remove:hover, .btn-remove2:hover, .tool-tip .btn-close a:hover { background-position: -17px -150px; } .btn-remove:active, .btn-remove2:active, .tool-tip .btn-close a:focus { background-position: -34px -150px; } /* Button edit -------------------------------------------------------------- */ .btn-edit { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/pix.png) 0 -167px no-repeat; margin:0 5px 0 0; } .btn-edit:hover { background-position: -17px -167px; } .btn-edit:active { background-position: -34px -167px; } /* Class: std %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } /* Lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered lists -------------------------------------------------------------- */ /* Common basic styling */ ul.bullet, ul.disc { margin:1em 0; padding:0; } /* Disc */ ul.disc { list-style:disc outside none; padding-left:1.5em; } ul.disc li { background-image:none; padding-left:0; } /* Bullet */ ul.bullet { list-style:none outside none; } ul.bullet li { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; } ul.bullet li:hover { background-position:3px 0; transition: background-position 150ms ease-in-out; -moz-transition: background-position 150ms ease-in-out; -webkit-transition: background-position 150ms ease-in-out; -o-transition: background-position 150ms ease-in-out; } /* No bullets */ /*.std ul.no-bullets { list-style:none outside none; padding-left:0; } .std ul.no-bullets li { background-image:none; padding-left:0; }*/ /* Unordered lists: different bullets */ ul.list1 li { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/infortis/_shared/cck/list/list1.png); } ul.list2 li { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/infortis/_shared/cck/list/list2.png); } ul.list11 li { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/infortis/_shared/cck/list/list11.png); } ul.list12 li { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/infortis/_shared/cck/list/list12.png); } ul.list13 li { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/infortis/_shared/cck/list/list13.png); } /* Nested unordered lists -------------------------------------------------------------- */ ul.bullet ul, ul.disc ul { margin-top:0.5em; margin-bottom:0.5em; } ul.bullet ul li, ul.disc ul li { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/infortis/_shared/cck/list/bullet-small.png) 0 0 no-repeat; padding-left:1.5em; } /* Ordered lists -------------------------------------------------------------- */ .std ol { list-style:decimal outside; margin:10px 0; padding:0 0 0 1.5em; } .std ol ol, .std ul ol, .std ol ul { margin:0.5em 0; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* Override std styles for selected elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .std .products-grid p { margin-bottom:0; } /* Common styling %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Vertical positioning of elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .v { display:table; width:100%; } .v .v-item { float:none; display:table-cell; vertical-align:middle; } .v2 .v-item { width:50%; } .v3 .v-item { width:33.3333%; } /* Common styles (sizes) for links and other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top { line-height:2.6666em; } /* 32px */ .links li a, #mini-cart .block-title { line-height:2.6666em; padding:0 0.5833em; } /* line-height:32px; padding:0 7px; */ /* Links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic links, no separators -------------------------------------------------------------- */ .links li { float:left; } .links a { display:block; } /* Links with separators (right) -------------------------------------------------------------- */ .show-separators .links li { margin-left:-1px; } .show-separators .links li a { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/link-separator.png); background-position:right center; background-repeat:no-repeat; } .show-separators .links li.last a { background-image:none; } .show-separators .links li.hide-separator a { background-image:none; } .show-separators .links li.separator-left a { background-position:left center; } /* Links with separators (left) -------------------------------------------------------------- */ .show-separators-left .links li { margin-left:-1px; } .show-separators-left .links li a { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/link-separator.png); background-position:left center; background-repeat:no-repeat; } .show-separators-left .links li.first a { background-image:none; } .show-separators-left .links li.hide-separator a { background-image:none; } .show-separators-left .links li.separator-right a { background-position:right center; } /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-container { background-repeat:repeat; background-position:center top; } .header { padding:0; } /* Basic header sections -------------------------------------------------------------- */ .header-top {} .header-main {} /* Misc header elements -------------------------------------------------------------- */ .header .welcome-msg {} .header .login-msg {} .header .login-msg a {} .header .login-msg a:hover {} /* Header top %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top .item {} .header-top .item-left { float:left; margin-right:20px; } .header-top .item-right { float:right; margin-left:20px; } /* Header top - help block */ .header-top-help-wrapper .phone { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/ic-phone-gray.png) 0 center no-repeat; padding:0 0 0 24px; } /* Logo %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header .logo-wrapper { margin:10px 0; } .header .logo { display:inline-block; max-width:230px; margin:0; text-decoration:none !important; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } /* User menu, top links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .user-menu { float:right; margin:10px 0 10px 10px; } #mini-cart { float:right; width:100%;} .top-links { float:right; } /* Set floating because there can be more than one list of links. */ .top-links ul { float:right; } /* Quick search %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top-search-wrapper { float:left; margin:20px 0; } /*.header-top-search-wrapper .advanced-search-link { display:none; position:absolute; } .header-top-search-wrapper:hover .advanced-search-link { display:block; }*/ #search_mini_form { clear:both; display:block; } .header .form-search { position:relative; margin:0 auto; width:80%; } .header .form-search label { float:left; margin:3px 4px 0 0; display:none; } .header .form-search .input-text { color:#888; background-color:#fff; padding:0 0 0 7px; width:98%; height:32px; line-height:32px; /*IE8*/ } .header .form-search .input-text:hover, .header .form-search .input-text:focus { color:#333; } .header .form-search .input-text:focus { border-color:#333; } .header .form-search .button { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/icons.png) 3px -117px no-repeat #fff; width:25px; height:25px; position:absolute; right:2px; top:5px; } .header .form-search .button span { background:none; display:none; } /* Search autocomplete */ .header .form-search .search-autocomplete { left:0 !important; top:42px !important; z-index:999; position:relative; z-index:3000; } .header .form-search .search-autocomplete ul { background-color:#fff; text-align:left; margin-top:-2px; } .header .form-search .search-autocomplete li { padding:3px 5px; border-bottom:1px solid #eee; color:#777; cursor:pointer; } .header .form-search .search-autocomplete li:hover {color:#ce001a; } .header .form-search .search-autocomplete li.last { border-bottom:none; } .header .form-search .search-autocomplete li.first { border-top:none; } .header .form-search .search-autocomplete li .amount { float:right; padding-left:5px; font-weight:bold; } /* Dropdown switcher %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Drop-down button -------------------------------------------------------------- */ .dropdown-button { position:relative; } .dropdown-button:hover { z-index:4000; } .dropdown-button .inner { float:left; display:block; padding:0 10px; } .dropdown-button:hover .inner { position:relative; z-index:4001; } .dropdown-button .inner p { display:inline; } .dropdown-button .inner .label { padding:0 4px 0 0; } .dropdown-button .inner .text { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/arrow-dropdown.png) 100% 50% no-repeat; padding-right:13px; } .dropdown-button ul { display:none; position:absolute; top:2.6666em; margin-top:-1px; /* Fix: chrome */ left:0; text-align:left; padding:17px 20px; min-width:126px; z-index:4000; } .dropdown-button:hover ul { display:block; } .dropdown-button.hover:hover ul { display:none; } .dropdown-button li { text-transform:capitalize; white-space:nowrap; line-height:18px; } .dropdown-button a { display:block; } /* Language switcher -------------------------------------------------------------- */ .lang-switcher .inner { padding-left:35px; background-position:12px 50%; background-repeat:no-repeat; } .lang-switcher li { background-position:0 50%; background-repeat:no-repeat; padding-left:25px; min-height:15px; } .lang-switcher .inner .label { display:none; } /* Currency switcher -------------------------------------------------------------- */ .dropdown-button.item-right ul { right:0; left:auto; } /* mini-cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Static cart block displayed in the header -------------------------------------------------------------- */ #mini-cart { position:relative; } .after-mini-cart { clear:both; } #mini-cart .block-title { padding-top:0; padding-bottom:0; border:none; background:none; white-space:nowrap; float:right; } #mini-cart .block-title .heading { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/pix.png) 0px -205px no-repeat; float:left; width:18px; height:26px; padding-top:3px; text-indent:-9999px; overflow:hidden; } #mini-cart .block-title .summary { float:left; } #mini-cart .block-title .amount { float:left; } #mini-cart .block-title .subtotal { float:left; margin-left:5px; } /* Button: go to checkout */ #mini-cart .block-title .to-checkout { float:left; margin:0 0 0 5px; padding:0 7px; border-left:1px solid rgba(0,0,0, 0.1); } #mini-cart .block-title .to-checkout .icon { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/pix.png) -36px -177px no-repeat; width:9px; height:9px; display:inline-block; margin-left:5px; } /* Content */ #mini-cart .block-content { display:none; z-index:3000; position:absolute; right:0; top:32px; width:330px; text-align:left; /* Because cart can be aligned center */ /* see also: common shadow styles for multiple items */ } #mini-cart .block-content .block-content-inner { padding:25px; } #mini-cart .block-content .incl-tax { display:block; padding-bottom:10px; text-align:right; } #mini-cart .block-subtitle { padding:0; margin:0 0 10px; font-weight:normal; } #mini-cart .block-content .empty { padding:10px 0; } #mini-cart .product-name { margin-bottom:5px; } #mini-cart .actions { margin:10px 0 0; padding:0; border:none; text-align:left; } #mini-cart .actions button { float:left; margin-right:1px; } #mini-cart .btn-remove, #mini-cart .btn-edit { float:right; } #mini-cart .block-content .pin:before { /*border-color: transparent transparent #97D2C9;*/ position: absolute; right:40px; top:-10px; width:0; height:0; border-style:solid; border-width:6px; content:""; } /* Cart on hover -------------------------------------------------------------- */ #mini-cart:hover .block-content { display:block; } #mini-cart.hover:hover .block-content { display:none; } /* Override (remove) default :hover behavior, if JS is enabled */ #mini-cart:hover .block-title { position:relative; z-index:3001; /* Higher than ".block-content" */ } #mini-cart:hover .block-title .heading { /*background-position:-35px -205px;*/ } #mini-cart:hover .block-title .subtotal { border-left-color:#e5e5e5; } #mini-cart:hover .block-title .to-checkout {} #mini-cart:hover .block-title .to-checkout:hover { color:#ce001a; } #mini-cart:hover .block-title .to-checkout .icon { background-position:-9px -177px; } #mini-cart:hover .block-title .to-checkout:hover .icon { background-position:-18px -177px; } /* Main menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Accordion (generic) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion { padding:0; margin:0; list-style-type:none; } .accordion ul { float:left; display:block; width:100%; padding:0; margin:0; } .accordion li { float:left; display:block; width:100% !important; padding:0 !important; margin:0; list-style-type:none; cursor:pointer; position:relative; } .accordion li.active {} .accordion li.current {} .accordion li a { padding:5px 10px; display:block; cursor:pointer; } .accordion li li a { padding-left:20px; } .accordion li li li a { padding-left:35px; } .accordion li li li li a { padding-left:50px; } /* Opener -------------------------------------------------------------- */ /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion li.parent > a { padding-right:33px; } .accordion .opener { position:absolute; right:0; top:0; display:block; width:28px; height:28px; background: url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/opener-small.png) center center no-repeat; /*background-color:rgba(0,0,0, 0.05);*/ } .accordion .opener:hover { /*background-color:rgba(0,0,0, 0.15);*/ } .accordion li:hover > .opener {} .accordion li.active > .opener { /*background: url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/opener-small-active.png) center center no-repeat;*/ /*background-color:rgba(0,0,0, 0.10);*/ } .accordion li.current > .opener {} /* Common styling for main menu (horizontal + mobile vertical + mobile menu trigger) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* horizontal + mobile menu trigger */ #mobnav-trigger, #nav > li > a { font-size:16px; /*1.3333em*/ line-height:49px; /*3.0625em*/ text-transform:uppercase; } /* Main menu - vertical (in the sidebar) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .vertnav { float:left; width:100%; } .vertnav li a { border-bottom:1px solid #e5e5e5; } .vertnav li .opener, .vertnav li.active .opener { background-color:rgba(0,0,0, 0.02); } .vertnav li .opener:hover { background-color:rgba(0,0,0, 0.10); } /* Main menu - mobile vertical (in the header) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Mobile menu trigger. Shares styling with the 1st level links from the default menu -------------------------------------------------------------- */ #mobnav { display:none; } #mobnav-trigger { display:block; padding:0 15px; } /* Mobile menu icon */ #mobnav-trigger .icon { float:left; width:23px; padding-top:18px; margin:0 8px 0 0; } #mobnav-trigger .icon .line { background-color:#fff; height:3px; margin-bottom:2px; } /* Mobile menu elements -------------------------------------------------------------- */ .nav-container .vertnav-top { /* Added wrapper-class to make selector more specific and prevent overridding */ display:none; margin-top:0 !important; } .vertnav-top.mobile { display:block; /* Visible even if when collapsed (to show bottom border) */ overflow:hidden; height:auto; max-height:0px; -moz-transition-property:max-height; -moz-transition-duration:500ms; -moz-transition-timing-function:ease-in-out; } .vertnav-top.mobile.show { max-height:1000px; -moz-transition-property:max-height; -moz-transition-duration:500ms; -moz-transition-timing-function:ease-in-out; } .vertnav-top li a { padding:15px 10px; font-size:16px; /*1.3333em*/ line-height:19px; text-transform:uppercase; } .vertnav-top li li a { padding-left:20px; } .vertnav-top li li li a { padding-left:40px; } .vertnav-top li li li li a { padding-left:60px; } /* Opener -------------------------------------------------------------- */ /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .vertnav-top li.parent > a { padding-right:54px; } /* Default */ .vertnav-top li .opener { width:49px; height:49px; background: url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/opener.png) center center no-repeat; } .vertnav-top li .opener:hover { background-color:rgba(0,0,0, 0.05); } /* Active */ .vertnav-top li.active > .opener { background-image: url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/opener-active.png); } /* Main menu - horizontal %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-container {} #nav { position:relative; /* Dropdown custom block position is relative to this element */ z-index:2000; } #nav.mobile { display:none; } /* Hide on mobile */ #nav .opener { display: inline-block; position: absolute; z-index: 1000; } /* Show the bottom line and fill in the gap */ /*#nav { border-bottom:5px solid #333; } #nav > li { border-bottom:5px solid transparent; margin-bottom:-5px; }*/ /* All Levels -------------------------------------------------------------- */ #nav li { float:left; text-align:left; } #nav li a { display:block; float:left; text-decoration:none; } #nav li.over {} #nav li.parent {} #nav li a span { display:inline-block; white-space:nowrap;} #nav li ul a span { white-space:normal; } /* Only 1st level -------------------------------------------------------------- */ #nav > li { /*position:relative;*/ /* Uncomment to position drop-down box under the current tab */ } #nav > li > a { display:block; padding:0 15px; } /* 2nd Level+ -------------------------------------------------------------- */ /*#nav ul.level0 a {} #nav ul.level0 a:hover {}*/ /* Additional custom elements in the main menu (horizontal) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Static blocks displayed as a drop-down in the main menu -------------------------------------------------------------- */ /* Tab */ #nav .nav-custom-link > a { cursor:default; } /* Remove 'relative' positioning from custom 'li' (custom block have to be positioned relative to #nav) */ #nav li.nav-custom-link { position:static; } /* Drop-down box. Duplicate styling of wide menu: "#nav ul.level0" */ #nav .nav-custom-link ul.level0 { position:absolute; /*top:49px;*/ left:0; width:96%; /* 100% - padding */ padding:2%; } /* In classic menu, move drop-down box left */ #nav.classic .nav-custom-link ul.level0 { left:-10000px; } #nav.classic .nav-custom-link ul.level0.shown-sub { left:0; } /* Static block's content -------------------------------------------------------------- */ /* Wrapper of the block */ #nav .nav-custom-link .header-nav-dropdown-wrapper { /* #nav li.header-nav-dropdown-wrapper */ margin:0; padding:10px; position:static; display:block; } /* Reset content of the custom block */ #nav .nav-custom-link .header-nav-dropdown-wrapper * { margin-top:0; margin-bottom:0; padding:0; border:0; opacity:1; /* Override classic menu opacity transition */ box-shadow:none; } /* List and other elements */ #nav .nav-custom-link .header-nav-dropdown-wrapper li { float:left; width:23.125%; margin-right:2.5%; } #nav .nav-custom-link .header-nav-dropdown-wrapper li.first {} #nav .nav-custom-link .header-nav-dropdown-wrapper li.last { margin-right:0; } #nav .nav-custom-link .header-nav-dropdown-wrapper p { margin:10px 0; } #nav .nav-custom-link .header-nav-dropdown-wrapper .heading { margin:10px 0; } /* Restore default display for drop-down block content */ #nav .nav-custom-link .header-nav-dropdown-wrapper a { display:inline; } /* Home link in the main menu -------------------------------------------------------------- */ /* If enabled, show image as home link */ /*#nav #nav-home-link .home-img { width:50px; padding:0; background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/pix.png); background-position:0 -337px; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; } #nav #nav-home-link .home-img:hover { background-position:-50px -337px; }*/ /* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Block %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block { margin:0 0 10px; } .block .block-title {} .block .block-title strong { font-weight:inherit; } .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin:5px 0 10px; padding:0; font-size:1em; font-weight:bold; } .block .block-content { } .block .block-content li.item { padding:5px 0; } .block .block-content li.item .product-name {} .block .btn-remove { float:right; } .block .btn-edit { float:right; } .block .actions { margin:5px 0 0 0; padding:5px 0 0; border-top:1px dotted #e5e5e5; text-align:right; } .block .actions a { float:left; } /* Mini Products List %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; } .mini-products-list .product-details { margin-left:69px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } /* Common styling for mini list and cross-sell list */ .mini-products-list .product-image, .cart .crosssell .product-image { padding:3px; border:1px solid #e5e5e5; } .mini-products-list .product-image:hover, .cart .crosssell .product-image:hover { border-color:#999; } /* Block: Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-account .block-title { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/ic-account.png) 5px 2px no-repeat; padding-left:42px !important; } .block-account .block-content { padding:10px 0 0 10px; } .block-account li.current { padding:4px 2px 4px 33px; background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/arrow-menu.png) 2px -48px no-repeat; color:#000; } .block-account li.current strong { font-weight:normal; } .block-account li.last { border-bottom:none; } .block-account li a { padding:3px 2px 3px 33px; background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/arrow-menu.png) 2px 1px no-repeat; display:block; color:#555; } .block-account li a:hover { background-position:2px -48px; color:#ce001a; } /* Block: Layered Navigation %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-layered-nav .block-content { padding:0; } .block-layered-nav .block-title {} .block-layered-nav .block-title strong { text-transform:none; } .block-layered-nav .block-subtitle { display:none; margin-bottom:0; } /* List of filters */ .block-layered-nav dl { padding-left:10px; padding-top:10px; } .block-layered-nav dt { font-weight:bold; padding:10px 0 0; } .block-layered-nav dd { padding:5px 0 10px 5px; } .block-layered-nav dd.last { border-bottom:none; } /* Current filters */ .block-layered-nav .currently { margin:10px 0; } .block-layered-nav .currently .block-subtitle { display:block; padding:10px 10px 0; font-weight:normal; } .block-layered-nav .currently ol { padding:10px; } .block-layered-nav .currently ol li { margin-bottom:4px; } .block-layered-nav .currently .label { margin-right:4px; color:#d90000; } .block-layered-nav .currently .btn-remove { float:right; margin-left:5px; } .block-layered-nav .actions { margin:0; } .block-layered-nav .actions a { float:right; } /* List items */ .block-layered-nav dd li, .block-layered-nav .currently ol li { line-height:1.5em; background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/bullet.png) 3px 5px no-repeat; padding-left:15px; transition: background-position 150ms ease-in-out; -moz-transition: background-position 150ms ease-in-out; -webkit-transition: background-position 150ms ease-in-out; -o-transition: background-position 150ms ease-in-out; } .block-layered-nav dd li:hover, .block-layered-nav .currently ol li:hover { background-position:6px 5px; } /* Block: Wishlist %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-wishlist li.item .btn-remove { margin-left:5px; } /* Block: Related %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic styles for related products */ .block-related-slider .block-subtitle { display:none; position:absolute; padding:1em 0; margin:-20px 0 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-weight:normal; z-index:1; } .block-related-slider:hover .block-subtitle { display:block; } .block-related-slider input.checkbox { float:left; margin:10px 5px 0 0; } /* Block: Compare Products %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .compare-table { border:0; } .compare-table .btn-remove { float:right; } .compare-table tbody tr:hover { background-color:#e5e5e5; } .compare-table .product-shop-row { border-bottom:1px solid #ccc; } .compare-table .product-shop-row th, .compare-table .product-shop-row td { border-color:#eee !important; } .compare-table tr.add-to-row { background-color:#fff; border-top:1px solid #ccc; } .compare-table tr.add-to-row:hover { background-color:#fff; } /* Cover background applied on tr hover */ .compare-table tr.add-to-row td { text-align:left; } .compare-table tr.first td { text-align:left; } .compare-table tr.first td .product-name { font-family:inherit; font-size:1.1666em; font-weight:bold; margin:10px 0; } .compare-table tr.first td .ratings { width:145px; margin:10px 0; } .compare-table .price-box { margin:10px 0; line-height:15px; } /* Changes after setting text-align:left */ .compare-table .product-image img { display:block; margin:0 auto; } .compare-table .add-to-links { margin-top:5px; } .compare-table .add-to-links li { float:none; } .compare-table a.link-wishlist { overflow:visible; text-indent:0; background:none; display:inline; border:none; } /* Block: Recently Viewed %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed .block-content li.item { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/bullet.png) no-repeat 0 10px; padding-left:10px; } /* Block: Recently Compared %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-compared {} /* Block: Poll %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-poll .block-subtitle { font-weight:normal; } .block-poll input.radio { float:left; margin:1px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll li { padding:3px 9px; } .block-poll .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-tags .block-content .tags-list { background:none; border:0; font-size:12px; } .block-tags .tags-list a {} .block-tags .tags-list a:hover {} .block-tags .actions { text-align:right; } .block-tags .actions a { float:none; } /* Block: Subscribe %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-subscribe .input-box { margin-top: 5px; } .block-subscribe input { width:155px; } .block-subscribe .actions button.button { float:none; } /* Block: Reorder %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-reorder input.checkbox { float:left; margin:2px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } .block-reorder .validation-advice { margin:3px 9px 7px; } /* Block: Banner %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Login %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-login label { font-weight:bold; color:#666; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } /* Paypal -------------------------------------------------------------- */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } /* Block: vertical main menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-vertnav .block-content { padding-left:0; padding-right:0; } /* Categories %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .category-title { margin-bottom:0; } .category-title h1 {} .category-image { width:100%; overflow:hidden; margin:10px 0; text-align:center; } .category-image img {} .category-description { margin:20px 0; position:relative; } /* Negative top margin: to cover bottom border of the category title */ .category-products { margin:-1px 0 10px; } /* Common styles for products on product listings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .product-name, .products-grid .product-name, h3.product-name { /* Sizes are changed for different number of columns */ font-size:1.3333em; line-height:1.25em; /*16px 20px*/ } /* Common styles for View Types: List & Grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .price-box.map-info a, .products-grid .price-box.map-info a { margin-left:3px; } /* View Type: List %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list li.item { border-top:1px solid #e5e5e5; padding-top:20px; padding-bottom:20px; transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; } .products-list .product-shop {} .products-list .product-shop-inner { border-right:1px solid #e5e5e5; padding-right:15px } .products-list .right-column { float:right; } .products-list .product-name { margin:0 0 15px; } .products-list .product-image { position:relative; text-align:center; } .products-list .price-box { margin:0 0 15px; font-size:1.3333em; line-height:1.25em; } .products-list .ratings { margin:10px 0; } .products-list .desc { margin:15px 0px; } .products-list .link-learn {} .products-list .btn-cart { width:100%; max-width:180px; } .products-list .button span { float:none; } .products-list .availability { float:none; margin:15px 0; } .products-list .add-to-links { margin:15px 0 0; } .products-list .add-to-links .separator { display:none; } /* Hover effect */ .products-list.hover-effect .item:hover { margin-left:-1%; margin-right:-1%; padding-left:1%; padding-right:1%; z-index:10; box-shadow:0 0 20px rgba(0,0,0,0.2); background-color:#fff; } /* View Type: Grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Products grid: basic styles (common for all types of product grids) -------------------------------------------------------------- */ .products-grid {} .products-grid .item { padding-top:20px; padding-bottom:20px; position:relative; /* For labels positionning (e.g. "new" and "sale") */ } .products-grid .product-name { margin:15px 0 0; } .products-grid .product-image { display:block; margin:0 auto; position:relative; text-align:center; } .products-grid .price-box { margin:5px 0 15px; font-size:1em; } .products-grid .ratings { margin:10px 0; } .products-grid .actions { margin:15px 0 0; } .products-grid .item:hover .actions {} .products-grid .btn-cart { margin-right:10px; } .products-grid .availability { float:none; margin:15px 0; } .products-grid .add-to-links { margin:15px 0 0; } /* Add-to links displayed on product image -------------------------------------------------------------- */ .products-grid .add-to-links.addto-onimage { margin-top:-33px; /* Move up: height (29px) + 4 additional pixels */ padding-bottom:4px; /* Add 4 additional pixels to keep other elements in the same place */ margin-right:4px; position:relative; z-index:1; } .products-grid .add-to-links.addto-onimage li { float:right; } .products-grid .add-to-links.addto-onimage .link-compare { margin-right:3px; } /* Items of equal height - buttons and links displayed at the bottom of item -------------------------------------------------------------- */ .products-grid.equal-height .item .actions { position:absolute; bottom:15px; } /* Remove equal height */ .products-grid.auto-height .item .actions { position:static; bottom:auto; } /* Visibility of the grid item elements -------------------------------------------------------------- */ /* Fade-in on hover */ .products-grid .item .visible-onhover { visibility:hidden; opacity:0; transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -moz-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -webkit-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -o-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; } .products-grid .item:hover .visible-onhover { visibility:visible; opacity:1; transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -moz-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -webkit-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -o-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; } /* Display only on hover */ .products-grid .item .display-onhover { display:none; } /* Products grid: in category view -------------------------------------------------------------- */ .category-products-grid .item { border-top:1px solid #e5e5e5; /*margin-bottom:10px;*/ } /* Hover effect */ .category-products-grid.hover-effect .item:hover { margin-left:-1%; margin-right:-1%; padding-left:2%; padding-right:2%; z-index:10; box-shadow:0 0 20px rgba(0,0,0,0.2); background-color:#fff; border-color:transparent; } /*.category-products-grid .item .add-to-links.addto-onimage { display:none; } .category-products-grid .item:hover .add-to-links.addto-onimage { display:block; }*/ /* Items grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .itemgrid .item { float:left; padding-left:1%; padding-right:1%; } /* Items grid: different numbers of columns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Clear every first item in each row (row: group of n items) */ /* Item grid: 2 columns */ .itemgrid-2cols .item { width:48%; } .itemgrid-2cols .item:nth-child(2n+1) { clear:left; } /* Item grid: 3 columns */ .itemgrid-3cols .item { width:31.333%; } /*max-width:233px;*/ .itemgrid-3cols .item:nth-child(3n+1) { clear:left; } /* Item grid: 4 columns */ .itemgrid-4cols .item { width:23%; } /*max-width:175px;*/ .itemgrid-4cols .item:nth-child(4n+1) { clear:left; } /* Item grid: 5 columns */ .itemgrid-5cols .item { width:18%; } /*max-width:140px;*/ .itemgrid-5cols .item:nth-child(5n+1) { clear:left; } /* Item grid: 6 columns */ .itemgrid-6cols .item { width:14.667%; } /*max-width:116px;*/ .itemgrid-6cols .item:nth-child(6n+1) { clear:left; } /* Item grid: 7 columns */ .itemgrid-7cols .item { width:12.286%; } .itemgrid-7cols .item:nth-child(7n+1) { clear:left; } /* Item grid: 8 columns */ /*.itemgrid-8cols .item { width:10.5%; } .itemgrid-8cols .item:nth-child(8n+1) { clear:left; }*/ /* Items grid: in category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Font sizes -------------------------------------------------------------- */ /* Sizes are changed for wide and narrow screens */ /* 4 columns */ .category-products-grid.itemgrid-4cols .product-name { font-size:1.25em; /*15px*/ line-height:1.2em; /*18px*/ } /* 5 columns */ .category-products-grid.itemgrid-5cols .product-name { font-size:1.0833em; /*13px*/ line-height:1.2307em; /*16px*/ } /* 6 columns */ .category-products-grid.itemgrid-6cols .product-name { font-size:1em; /*12px*/ line-height:1.25em;/*15px*/ } /* 7 columns */ .category-products-grid.itemgrid-7cols .product-name { font-size:1em; /*12px*/ line-height:1.25em; /*15px*/ } /* Shring button: 6 & 7 columns -------------------------------------------------------------- */ .category-products-grid.itemgrid-6cols .item button.btn-cart span span, .category-products-grid.itemgrid-7cols .item button.btn-cart span span { padding:5px 8px; height:auto; line-height:2em; } /* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product labels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Positionning -------------------------------------------------------------- */ .sticker-wrapper { position:absolute; transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } .product-view .sticker-wrapper { z-index:99; /* On product page z-index gteater than Cloud Zoom image */ } .sticker-wrapper.top-right { top:-3px; right:-3px; } .sticker-wrapper.bottom-right { bottom:-3px; right:-3px; } .sticker-wrapper.bottom-left { bottom:-3px; left:-3px; } .sticker-wrapper.top-left { top:-3px; left:-3px; } /* Appearence -------------------------------------------------------------- */ .sticker { width:60px; height:60px; border-radius:50%; font-size:1.1666em; font-weight:bold; text-align:center; display:table-cell; vertical-align:middle; transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } .sticker.new { background-color:#5BD2EC; color:#fff; } .sticker.sale { background-color:#F12B63; color:#fff; } /* Effects */ .item:hover .sticker { width:70px; height:70px; } .item:hover .sticker-wrapper.top-right, .item:hover .sticker-wrapper.top-left { top:-8px; } .item:hover .sticker-wrapper.top-right { right:-8px; } .item:hover .sticker-wrapper.top-left { left:-8px; } /* Rating %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ratings, .no-rating { line-height:1.0833em; margin:15px 0 15px; } .ratings strong { float:left; margin:1px 5px 0 0; } .ratings .rating-links .separator { display:inline-block; text-indent:-9999px; width:1px; background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/bg-separator1.gif) no-repeat; } .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/rating.gif) 0 100% repeat-x; } .ratings .rating-box { float:left; margin-right:8px; } .ratings .amount { white-space:nowrap; font-size:10px; text-transform:uppercase; } .ratings-table th, .ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; } .ratings-table th { padding-right:8px; } /* Availability %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .availability { float:right; margin:15px 0; } /* Availability - with more details */ .availability-only a {background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/arrow-dropdown.png) 100% 4px no-repeat; padding-right:13px; text-decoration:none; border-bottom:1px dotted #e5e5e5; } .availability-only a.expanded { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/arrow-dropdown-up.png); } .availability-only strong { font-weight:normal; } .availability-only-details { width:100%; margin:-10px auto 20px; } .availability-only-details thead { border-bottom:1px solid #e5e5e5; } .availability-only-details th { padding:4px 12px; font-weight:bold; } .availability-only-details td { padding:1px 12px; border-right:1px solid #e5e5e5; } .availability-only-details td.last { border-right:none; } /* Product increments */ .product-pricing { line-height:1.25em; /*15px*/ } .extrahint-wrapper .product-pricing { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/icons.png) 0 -560px no-repeat; padding-left:24px; min-height:20px; /* Space for the icon */ } .product-options-bottom .product-pricing { clear:left; } /* Alerts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .alert-price, .alert-stock { padding:2px 0 2px 25px; line-height:15px; } .alert-price { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/icons.png) 0 -480px no-repeat; } .alert-stock { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/icons.png) 0 -520px no-repeat; } /* Product Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .price { white-space:nowrap !important; } .price-box { margin: 0; } .price-box .price { /*color:#777;*/ } .price-box .price-label { /*color:#777;*/ } /* Common labels */ .old-price .price-label, .special-price .price-label { white-space:nowrap; } .old-price .price-label { display:none; } /* Regular price */ .regular-price {} .regular-price .price {} .block .regular-price, .block .regular-price .price { /*color:#777;*/ } /* Old price */ .old-price { margin:0; } .old-price .price { text-decoration:line-through; } /* Special price */ .special-price { margin:0; padding:0; } .special-price .price, .special-price .price-label { color:#ee001c !important; /* Overide color change on product grid/list */ } .special-price .price-excluding-tax .price { /*color:#777;*/ } /* Minimal price (as low as) */ .minimal-price { margin:0 0 5px; } .minimal-price .price {} .minimal-price .price-label { white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label, .minimal-price-link .price {} /* Excluding tax */ .price-excluding-tax { display:block; /*color:#777;*/ } .price-excluding-tax .label { white-space:nowrap; /*color:#777;*/ } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; /*color:#777;*/ } .price-including-tax .label { white-space:nowrap; /*color:#777;*/ } .price-including-tax .price { /*color:#777*/ } /* Configured price */ .configured-price { margin:0; } .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* FPT */ .weee { display:block; font-size:11px; } .weee .price { font-size:11px; font-weight:normal; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from { margin:0; } .price-from .price-label { white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { white-space:nowrap; } /* Price notice next to the options */ .price-notice { margin-left:5px; } .price-notice .price { padding-left:3px; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; color:inherit; } .price-box-bundle .price-box { margin:0 !important; padding:0 !important; border:none !important; } /* Tier Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .tier-prices { margin:0 0 15px 15px; } .tier-prices li { line-height:15px; background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/bullet.png) 0 4px no-repeat; padding:0 0 0 11px; margin:3px 0; } .tier-prices .benefit { color:#d90000; font-weight:normal; } .tier-prices-grouped li { padding:2px 0; } .tier-prices-grouped li .price { font-weight:bold; } /* Add-to links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .add-to-links .separator { display:none; } .add-to-links li { float:left; } .add-to-links a.link-compare, .add-to-links .email-friend a { margin-left:3px; } /* Add-to links as icons (with no text) -------------------------------------------------------------- */ a.link-wishlist, a.link-compare, a.email2friend { display:block; width:27px; height:27px; text-indent:-9999em; overflow:hidden; background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/pix.png) no-repeat; background-color:#fff; border:1px solid #f5f5f5; } a.link-wishlist:hover, a.link-compare:hover, a.email2friend:hover { background-color:#fff; /*opacity:1; filter:alpha(opacity=100);*/ } a.link-wishlist { background-position:-27px 0; } a.link-wishlist:hover { background-position:-27px -27px; } a.link-compare { background-position:0 0; } a.link-compare:hover { background-position:0 -27px; } a.email2friend { background-position:-54px 0; } a.email2friend:hover { background-position: -54px -27px; } /* Add-to links as text links with icons -------------------------------------------------------------- */ .addto-textlink a.link-wishlist, .addto-textlink a.link-compare, .addto-textlink .email-friend a { display:block; padding:2px 0 2px 19px; margin:0 13px 3px 0; line-height:15px; /* Reset default icons style */ background:transparent!important; width:auto; height:auto; text-indent:0; overflow:visible; border:none; border-radius:0; opacity:1; filter:alpha(opacity=100); } .addto-textlink a.link-wishlist { background-position:0 -1px;} .addto-textlink a.link-compare { background-position:0 -40px; } .addto-textlink .email-friend a { background-position:0 -80px;} /* Add to Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .add-to-cart .qty-wrapper { float:left; margin-top:12px; } .add-to-cart label { float:left; margin:0 5px 0 0; line-height:31px; } .add-to-cart .qty { float:left; margin:0; text-align:center; } .add-to-cart button.button { float:left; } .add-to-cart button.btn-cart { margin-right:10px; } .add-to-cart .paypal-logo { clear:left; margin:0; padding:10px 0 0; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } .product-view .add-to-cart .paypal-logo { margin:0; } /* Add to Links*/ .add-to-box .or { float:left; font-weight:bold; margin:0 7px; } /* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view {} .col1-layout .product-view {} .product-essential {} .product-collateral {} /* Basic product page sections -------------------------------------------------------------- */ /* Generic wrapper for product page collaterals */ .product-view .box-additional { margin-top:16px; } .product-view .box-tabs {} .product-view .box-sidebar {} .product-view .box-up-sell {} /* Product images %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-img-box { float:left; } .col3-layout .product-view .product-img-box { float:none; margin:0 auto; } .product-view .product-img-box .product-image { border:1px solid #eee; padding:5px; position:relative; /* Labels (e.g. "new", "sale") are positioned relative to this box */ } .product-view .product-img-box .product-image.product-image-zoom { z-index:9; } /* Thumbnails */ .product-view .product-img-box .more-views .thumbnails li { float:left; /*margin: 10px -1px 0 0;*/ } .product-view .product-img-box .more-views .thumbnails li.last { margin-right:0; } .product-view .product-img-box .more-views .thumbnails li a { display:block; overflow:hidden; text-decoration:none; padding:4px; border:1px solid #eee; } .product-view .product-img-box .more-views .thumbnails li a:hover { border-color:#999; position:relative; } /* Image pop-up */ .product-image-popup { margin:0 auto; } .product-image-popup .nav { font-weight:bold; text-align:center; } .product-image-popup .image { display:block; margin:10px 0; } .product-image-popup .image-label { font-size:13px; font-weight:bold; margin:0 0 10px; color:#2f2f2f; } /* Product main column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-shop { float:left; } .product-view .product-shop .product-name { margin:0 0 1.6666em; /*20px*/ } .product-view .product-shop .product-name h1 { margin:0; } .product-view .product-shop .ratings-table { margin:15px 0 5px; } .product-view .short-description { margin:15px 0; line-height:1.25em; /*15px*/ } .product-view .short-description ul { margin-top:5px; margin-bottom:5px; } .product-view .add-to-cart { margin-top:15px; } /* Price box inside "Add-to-cart" box */ /*deprecated*/ .product-view .add-to-box .price-box { float:left; margin:7px 0 0; } /* Add-to links */ .product-view .action-box { margin:2px 0; } .product-view .add-to-links li { float:left; } /* All links float left */ .product-view .add-to-links, .product-view .email-friend { float:left; } /* Other elements */ .extrahint-wrapper { margin-bottom:15px; } /* Grouped product -------------------------------------------------------------- */ .product-view .product-type-data.is-grouped { padding:0; background-color:transparent; } /* Align right instead of float right */ .product-view .product-type-data.is-grouped .out-of-stock { float:none; text-align:right; } /* Downloadable product -------------------------------------------------------------- */ .product-type-data.is-downloadable .price-box { margin:0 0 10px; } .product-type-data .item-options dt { float:none; margin:0 0 5px; } /* Same as "item-options" in cart */ .product-type-data .item-options dd { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/bullet.png) 3px 4px no-repeat; padding-left:15px; } /* Additional information table -------------------------------------------------------------- */ .product-view .data-table th { font-weight:bold; } /* Prices. Common for product view and MAP popup. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Font for all prices on product page and MSRP */ .product-view .price-box .price, .map-popup-price .price, .map-popup-msrp .price { font-family:Verdana, Geneva, sans-serif; } .product-view .product-shop .price-box { margin:5px 0 10px; } .product-view .product-shop .price-box .price-including-tax .price { font-size:18px; } .product-view .product-shop .price-box .price-excluding-tax .price { font-size:inherit; } /* Main price (prominent) */ .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-options-bottom .price-box .regular-price .price, .product-view .price-as-configured .price, .map-popup-price .regular-price .price, .product-view .product-shop .price-box.map-info .old-price .price { font-size:1.5em; /*18px*/ /*color:#ce001a;*/ } /* Tier price */ .tier-prices .price { /*color:#ce001a;*/ } /* Old price */ .product-view .product-shop .price-box .old-price .price-label { white-space:nowrap; display:none; } /* MSRP price (only in MSRP box) */ .map-popup-msrp .price { display:block; /* Move price below the label */ text-decoration:line-through; /* Override default built-in line */ } /* Move MSRP links below the price */ .product-view .product-shop .price-box.map-info .old-price { display:block; } /* Special price */ .product-view .product-shop .price-box .special-price { margin:-2px 0 0; white-space:nowrap; /*Chrome*/ } .product-view .product-shop .price-box .special-price .price-label { white-space:nowrap; } .product-view .product-shop .price-box .special-price .price-including-tax, .product-view .product-shop .price-box .special-price .price-excluding-tax { padding:0 0 0 15px; } /* Bundle product */ .price-box-bundle { border-bottom:1px solid #e5e5e5; margin:-10px 0 15px; /* Move up to align with the main price box */ padding-bottom:15px; } /* Product Secondary Column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-secondary-column { float:right !important; } .product-secondary-column .inner { min-height:300px; border-left:1px solid #e5e5e5; padding-left:10px; padding-top:10px; padding-bottom:10px; /* Stop collapsing margins */ } /* Containers for: add-to-cart & product options %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product type-specific data*/ .product-view .product-type-data { margin:15px 0 0; } /* Margin before price box */ .space-before-avail { margin:0 0 15px; height:0; line-height:0; } /* Upper part of the container */ .product-view .product-type-data .price-box { border-top:1px solid #e5e5e5; margin:15px 0 0; padding:15px 0; } /* Lower part of the container */ .container1-wrapper, .container2-wrapper, .product-view .add-to-box { padding:0 0 15px; margin:0 0 15px; border-bottom:1px solid #e5e5e5; } .container2-wrapper { border-bottom:1px solid #e5e5e5; padding:15px; } /*.product-view .product-type-data, .container1-wrapper, .container2-wrapper, .product-view .add-to-box {}*/ /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered list in product description */ .product-view .short-description .std ul, .product-view .box-tabs .std ul { list-style:none outside none; } .product-view .short-description .std ul li, .product-view .box-tabs .std ul li { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; } /* Margin for list in long description */ .product-view .box-tabs .std ul { margin-bottom:1em; } /* .product-view .short-description .std ul, .product-view .box-tabs .std ul { list-style:disc outside none; padding-left:1.5em; } .product-view .short-description .std ul li, .product-view .box-tabs .std ul li { background-image:none; padding-left:0; } */ /* Product options %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-options { position:relative; } .product-options dt { font-weight:normal; } .product-options dt label { display:inline-block; font-weight:bold; } .product-options dt label.required em { float:right; margin-left:3px; } .product-options dd .qty-holder { display:block; padding:5px 0 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; } .product-options dd { margin:3px 0 10px; } .product-options dl.last dd.last { border-bottom:0; } .product-options dd input.input-text { width:98%; } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:100%; } .product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; } .product-options ul.options-list { margin-right:5px; } .product-options ul.options-list li { line-height:1.5; padding:2px 0; } .product-options ul.options-list input.radio { float:left; } .product-options ul.options-list input.checkbox { float:left; } .product-options ul.options-list .label { display:block; margin-left:18px; } .product-options ul.options-list label { font-weight:normal; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.note { margin:0; font-size:11px; } .product-options p.required { position:absolute; right:0; top:-15px; } /* Override form colors */ .product-options dd select, .product-options dd .input-text, .product-options dd textarea, .product-options ul.options-list { color:#888; border-color:#ddd; } .product-options dd select:hover, .product-options dd select:focus, .product-options dd textarea:hover, .product-options dd textarea:focus, .product-options ul.options-list:hover { color:#333; border-color:#aaa; } /*bottom*/ .product-options-bottom { margin-top:20px; } .product-options-bottom .tier-prices { margin:0; padding:0 0 10px; border:0; background:0; } .product-options-bottom .tier-prices li { background:0; padding:2px 0; } .product-options-bottom .price-box { float:left; margin:7px 0 0; padding:0; } .product-options-bottom .price-box .price-as-configured { margin:5px 0 0; } .col3-layout .product-options-bottom .price-box { float:none; padding:0 0 5px; } .product-options-bottom .price-label {} .product-options-bottom .price-tax { float:left; } .product-shop .product-options-bottom { margin:0; } .product-shop .product-options-bottom .price-label { float:none; padding-right:0; } .product-shop .product-options-bottom .price-tax { float:none; } .product-shop .product-options-bottom .add-to-cart-box { clear:both; float:left; padding-top:12px; } /* Grouped Product %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .grouped-items-table { margin:0 0 15px; } .product-view .grouped-items-table thead th { font-weight:bold; } .product-view .grouped-items-table .price-box { margin:0; padding:0; border:0; } .product-view .grouped-items-table .price-box .price-including-tax .price { font-size:15px; } .product-view .grouped-items-table td { vertical-align:middle; } .product-view .grouped-items-table .price-box .regular-price .price { font-size:16px; } /* Product collateral blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hide first h2 heading (which is the same as tab text) */ .box-tabs .panel > h2:first-child { display:none; } /* Product view sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-sidebar { float:right !important; } .product-view .box-sidebar .box-sidebar-inner { padding-left:20px; border-left:1px solid #e5e5e5; } /* Block: Upsell %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-up-sell {} /* Block: Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-tags .product-tags { display:block; margin:0 0 25px; } .product-view .box-tags .product-tags li { display:inline; padding:0 7px; border-right:1px solid #e5e5e5; } .product-view .box-tags .product-tags li.first { padding-left:0; } .product-view .box-tags .product-tags li.last { padding-right:0; border-right:0; } .product-view .box-tags .form-add label { display:block; font-weight:bold; margin:0 0 5px 28px; } .product-view .box-tags .form-add .input-box { float:left; margin:0 5px 5px 0; background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/i_tag_add.gif) 5px 8px no-repeat; padding:0 0 0 28px; } .product-view .box-tags .form-add input.input-text { width:auto; } .product-view .box-tags .note { margin:3px 0 0 28px; font-size:0.9166em; /*11px*/ } /* Block: Reviews %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-reviews { margin-top:15px; } .product-view .box-reviews dl { margin:0 0 15px; } .product-view .box-reviews dt .heading { font-weight:normal; font-size:1.5em; margin-right:10px; } .product-view .box-reviews dt span { font-weight:bold; } .product-view .box-reviews dt a { font-size:18px; margin-right:8px; } .product-view .box-reviews dd { margin:0 0 15px 15px; padding-bottom:15px; border-bottom:1px dashed #e5e5e5; } .product-view .box-reviews dd .date { display:block; margin-top:3px; font-style:italic; } .product-view .box-reviews .ratings-table { margin:5px 0; } .product-view .box-reviews .form-add { padding:15px 0 0; } .product-view .box-reviews .form-add h2 { text-transform:uppercase; } .product-view .box-reviews .form-add h3 { font-size:1em; font-weight:normal; margin-bottom:0; } .product-view .box-reviews .form-add h3 span { font-weight:bold; } .product-view .box-reviews .form-add h4 { font-size:1em; font-weight:normal; } .product-view .box-reviews .form-add .form-list { margin:15px 0 0; } .product-view .box-reviews .form-add .form-list .input-box {} .product-view .box-reviews .form-add .form-list input.input-text { width:100%; max-width:340px; } .product-view .box-reviews .form-add .form-list textarea { width:100%; max-width:500px; } .product-view .box-reviews .buttons-set button.button { float:left; margin-left:0; } .product-view .box-reviews .form-add .data-table { max-width:176px; } .product-view .box-reviews .form-add .data-table th, .product-view .box-reviews .form-add .data-table td { text-align:center; line-height:1em; } .product-view .box-reviews .form-add .data-table td .radio { margin:0; } /* Send a Friend %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .send-friend .form-list li p { margin:0 15px 0 0; } .send-friend .form-list .field { margin-bottom:8px; } .send-friend .form-list textarea { width:100%; } .send-friend .buttons-set .limit { float:right; margin:0 7px; } /* Product view tabs (Generic Tabs) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs {} /* Tabs -------------------------------------------------------------- */ /* Total height of the tab bar should be the same as in block titles */ .gen-tabs .tabs {} .gen-tabs .tabs li { float:left; margin:0; } .gen-tabs .tabs a { display:block; padding:0 7px; line-height:3.5em; /*42px*/ text-decoration:none; outline:none; color:#666; } .gen-tabs .tabs a:hover, .gen-tabs .tabs a:focus { background-color:#ddd; color:#333; } .gen-tabs .tabs a.current { background-color:#eee; color:#333; } /* Tab panels -------------------------------------------------------------- */ .gen-tabs .tabs-panels { padding:15px 0; } .gen-tabs .tabs-panels .panel {} /* Accordion -------------------------------------------------------------- */ .gen-tabs .acctab { display:none; padding:12px 0.5em; margin-bottom:1px; font-size:1.5em; line-height:1.5555em; /*was 44px*/ background-color:#f5f5f5; color:#666; font-weight:normal; } .gen-tabs .acctab:hover { cursor:pointer; } .gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current { background-color:#e5e5e5; color:#333; } /* Accordion mode enabled */ .gen-tabs.accor .tabs { display:none; } .gen-tabs.accor .acctab { display:block; } .gen-tabs.accor .tabs-panels { padding-top:0; } .gen-tabs.accor .tabs-panels .panel { display:none; margin:0 0 10px; padding:20px; border-bottom:1px solid #e5e5e5; } /* Generic Tabs: skin 1 -------------------------------------------------------------- */ .gen-tabs-style1 .tabs a { padding:0 10px; background-color:#eee; border:1px solid #eee; border-bottom:none; } .gen-tabs-style1 .tabs a:hover, .gen-tabs-style1 .tabs a:focus { color:#333; background-color:#e5e5e5; border-color:#e5e5e5; } .gen-tabs-style1 .tabs a.current { color:#333; background-color:#ffffff; border-color:#ddd; border-bottom:1px solid #fff; margin-bottom:-1px; } .gen-tabs-style1 .tabs-panels { border-top:1px solid #ddd; } .gen-tabs-style1.accor .tabs-panels { border-top:none; } /* Extensions and additional elements in product view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Brand in secondary column */ .product-secondary-column .box-brand .attribute { font-size:1.25em; font-weight:bold; line-height:1.2em; margin:10px 0; text-align:center; } /* Content Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-name { margin:0; font-weight:normal; } /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .advanced-search-summary { padding:20px; margin:10px 0; } .advanced-search-summary ul { float:left; margin:0 4% 10px 0; width:46%; } .advanced-search-summary li { margin:0 0 2px 0; font-size:1.25em; } .advanced-search-summary strong { margin:0 5px 0 0; } .advanced-search-summary p { clear:both; float:left; display:block; margin:20px 0 0; } /* Advanced Search - form */ .advanced-search .form-list label { padding-right:10px; width:140px; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { clear:none; float:left; } .catalogsearch-advanced-index .fieldset { margin-bottom:3px; } .catalogsearch-advanced-index .buttons-set { padding-left:0; } .catalogsearch-advanced-index .buttons-set button.button { float:left; margin:0; } .catalogsearch-advanced-index .buttons-set button.button span span { padding-left:60px; padding-right:68px; } /* Sitemap */ .page-sitemap .links { float:right; margin:0 0 5px; text-align:center; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .sitemap { margin:15px; } .page-sitemap .sitemap li { margin:3px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; } .page-sitemap .sitemap li.level-0 a {} .page-sitemap .pager { clear:both; } /* RSS */ .rss-title h1 { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; line-height:24px; } .rss-table .link-rss { display:block; line-height:1.35; background-position:0 2px; } /* Shopping Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Checkout Types %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .page-title .checkout-types li { margin:0 0 5px; } .cart .title-buttons .checkout-types { float:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } /* Shopping Cart Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-table thead tr { border-bottom:1px solid #e5e5e5; } .cart-table th.last { border-right:none; } .cart-table .product-image { width:168px; display:block; } .cart-table .product-name { font-weight:normal; font-family:inherit; line-height:1.2222em; margin:0 0 10px; } .cart-table .item-msg { margin:5px 0; font-size:11px; font-weight:bold; color:#d90000; } .cart-table tfoot td { padding:5px 10px; border:none; } /* Columns -------------------------------------------------------------- */ .cart-table .col-img {} .cart-table .col-edit {} .cart-table .col-wish {} .cart-table .col-msrp {} .cart-table .col-unit-price {} .cart-table .col-total-excl {} .cart-table .col-total-incl {} .cart-table .col-delete {} /* Buttons -------------------------------------------------------------- */ .cart-table tfoot td.last { padding:15px 0 0; border-bottom:1px solid #e5e5e5; } .cart-table tfoot button { padding:0; margin:0 0 15px 10px; } .cart-table .btn-continue { float:left; margin-left:0; } .cart-table .btn-update, .cart-table .btn-empty { float:right; } .cart-table tfoot button span { background-color:transparent; padding:0 10px 0 30px; } .cart-table tfoot button span span { padding:0 ; } .cart-table tfoot button:hover span { background-color:transparent; color:#fff; } .cart-table .btn-continue > span { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/icons.png) 5px -387px no-repeat; float:left; margin-left:0; } .cart-table .btn-update > span { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/icons.png) 5px -347px no-repeat; float:right; background-color: #788830; }.cart-table .btn-update > span span{color: #fff!important;} .cart-table .btn-empty > span { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/icons.png) 5px -307px no-repeat; float:right; } /* Shopping Cart Collateral blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-collaterals { margin-top:20px; } .cart .cart-left-column > *, .cart .cart-right-column > * { margin-bottom:20px; } .cart .cart-right-column { float:right; } /* Cross-sell %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .crosssell { background-color:#fff !important; } .cart .crosssell h2 {} .cart .crosssell .product-image { float:left; } .cart .crosssell .product-details { margin-left:85px; } .cart .crosssell li.item { padding:20px 0; } .cart .crosssell li.item.odd { margin-left:0; clear:left; } .cart .crosssell li.item.even { margin-right:0; float:right; } .cart .crosssell .btn-cart { float:left; } .cart .crosssell .add-to-links { float:left; margin:10px 0 0; } .cart .crosssell .price-box { margin:7px 0; line-height:15px; } .cart .crosssell:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* -------------------------------------------------------------- */ .cart-wide-box .crosssell li.item { float:left; width:265px; min-height:109px; } .cart-wide-box .crosssell li.item.odd { padding-right:20px; border-right:1px solid #eee; } .cart-wide-box .crosssell li.item.even { padding-left:20px; } /* Common styles: Cross-sell, Discount Codes, Estimate Shipping %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .discount, .cart .shipping, .cart .crosssell { padding:10px; } .cart .crosssell h2, .cart .discount h2, .cart .shipping h2 { margin-bottom:10px; } .cart .discount .buttons-set, .cart .shipping .buttons-set { margin:10px 0 0; border:0; padding:0; text-align:left; } .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button { float:none; margin-left:0; } /* Discount Codes (coupons) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .discount label { display:block; margin:0 0 5px; } .cart .discount .input-box { margin:0 9px 0 0; } .cart .discount input.input-text { width:100%; } .cart .discount .buttons-set { margin:10px 0 0; } /* Estimate Shipping %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .shipping input.input-text, .cart .shipping select { width:100%; } .cart .shipping p { margin-bottom:10px; } .cart .shipping .sp-methods { margin:10px 0 0; } /* Shopping Cart Totals %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .totals { background-color:#f5f5f5; } .cart .totals-inner { padding:20px; } .cart .totals table { width:100%; } .cart .totals td { padding:1px 0px 1px 7px; } .cart .totals tr.last td {} .cart .totals tfoot th { padding:5px 15px 5px 7px; } .cart .totals tfoot td { padding-bottom:5px; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size:16px; } /*.cart .totals tfoot .price { color:#B31F5A; } */ .cart .totals .checkout-types { text-align:right; } .cart .totals .checkout-types li { clear:both; margin:10px 0; } /* Cart static blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Item Options and Options Tool Tip %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .item-options { line-height:15px; } .item-options dt { white-space:nowrap; float:left; margin-right:7px; } .item-options dd { padding-left:11px; margin:0 0 2px; } /* Item options in cart/checkout tables */ .data-table .item-options dt { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/bullet.png) 0 4px no-repeat; padding-left:10px; white-space:normal; /* Override 'nowrap' */ } .data-table .item-options { margin:0 0 0 10px; } /* Options Tool Tip -------------------------------------------------------------- */ .truncated { cursor:help; display:inline-block; margin-left:3px; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; text-decoration:none; border-bottom:1px dotted #ccc; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; padding:8px; min-width:100px; } .truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:15px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; margin:13px 0 5px; } .sp-methods dd {} .sp-methods dd li { margin: 5px 0; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:30px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li { margin:0 0 10px; } .sp-methods .checkmo-list label { color:#B31F5A; width:135px; padding-right:10px; } .sp-methods .checkmo-list address { float:left; padding:5px 0 10px; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .please-wait { float:right; margin-right:5px; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { background-color:#fff; padding:10px; position:absolute; z-index:9999; } .tool-tip .btn-close a { margin:0 0 0 auto; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages { margin:30px 0 10px; } .gift-messages-form { border:1px solid #e5e5e5; padding:20px; position:relative; } .gift-messages-form p { margin-bottom:10px; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; } .gift-messages-form .item .details { margin-left:90px; } .gift-message-link { display:block; background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row .btn-close { float:right; padding:0 7px 0px; } .gift-message dt strong { font-weight:bold; color:#666; } .gift-message dd { margin:5px 0 0; font-size:13px; } .order-gift-message { margin:15px 0; } /* Checkout Agreements */ .checkout-agreements { padding:0 60px 20px; } .checkout-agreements li { margin:0 0 20px; } .checkout-agreements .agree { margin-top: 5px; } .checkout-agreements .agree input.checkbox { margin-right:6px; } .checkout-agreements .agree label { font-weight:bold; } .opc .checkout-agreements { padding:20px 40px; } .checkout-agreements .agreement-content { max-height:250px; overflow:auto; padding-right:30px; } /* Centinel */ .centinel {} .centinel .authentication { border:1px solid #ddd; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } /* Generic Info Set */ /* For more styles see Multiple Addresses Checkout */ .info-set .data-table .item-options { margin:5px 0 0; } /********** Common Checkout Styles > */ /* Other */ .block-progress .block-title { background:none; border:0; padding:10px 0;} .block-progress .block-title strong { font-family:inherit; text-transform:none; font-weight:normal; } .block-progress .block-content { background:none; padding:0; margin-top:10px; border:none; } .block-progress dt { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/checkout-progress.png) 0 5px no-repeat; line-height:18px; margin:0 0 5px; padding:6px 0 6px 30px; font-weight:bold; } .block-progress dd { line-height:15px; border-top:0 none; margin:0 0 6px; padding:8px 10px; } .block-progress dt.complete { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/checkout-progress-done.png) 0 5px no-repeat; } .block-progress dt.complete .separator {} .block-progress dt.complete a { font-weight:normal; } .block-progress dd.complete {} .block-progress p { margin:0; } .opc .buttons-set { margin-top:0; padding-top:2em; } .opc .buttons-set p.required { margin:0; padding:0 0 10px; } .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:28px; line-height:28px; } .opc .ul { list-style:disc outside; padding-left:18px; } .opc { position:relative; } .opc .section { margin:0 0 10px; padding:0; } .opc .step-title { background:#f5f5f5; padding:10px; text-align:right; } .opc .step-title .number { float:left; background:#fff; padding:8px 12px; margin:0 8px 0 0; font-size:1.3333em; } .opc .step-title h2 { float:left; margin:8px 0 0; color:#999; font-size:1.3333em; line-height:1.125em; } .opc .step-title a { display:none; float:right; margin-top:6px; } .opc .section.allow { cursor:pointer; } .opc .section.allow.active { cursor:auto; } .opc .allow .step-title { background:#f5f5f5; } .opc .allow .step-title:hover { background-color:#e5e5e5; } .opc .allow .step-title h2 { color:#333; } .opc .allow .step-title a { display:block; } .opc .active .step-title { background-color:#e5e5e5; cursor:default; } .opc .active .step-title .number { color:#fff; background-color:#333; } .opc .active .step-title h2 {} .opc .active .step-title a { display:none; } .opc .step { padding:10px 20px; margin-top:10px; position:relative; } .opc .step .tool-tip { right:30px; } #opc-login .col-1 {} #opc-login .col-2 {} #opc-login h3 { margin-top:10px; } #opc-login h4 { font-size:1em; font-weight:bold; margin:0; } #opc-login .form-list { margin:15px 0 15px; } #opc-login .form-list li { margin:0 0 3px;} #opc-login .buttons-set { padding:0; } .opc .gift-messages-form { border:1px solid #e5e5e5; border-width:1px 0;} .opc .gift-messages-form .inner-box { overflow:visible; } #opc-review .step { padding:0; } #opc-review .item-options { margin:5px 0 0; } #opc-review .buttons-set { border:0; padding:15px 30px; } #opc-review .buttons-set p { margin:0; line-height:28px; } #opc-review .buttons-set .please-wait { height:28px; line-height:28px; } #opc-review .authentication { margin:0 auto; width:570px; } #opc-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; } /* Common styles for: Multiple Addresses Checkout and Generic Info Set %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .multiple-checkout h2, .info-set h2 { font-weight:bold; margin:0 0 10px; } .multiple-checkout h3, .multiple-checkout h4, .info-set h3, .info-set h4 { font-size:15px; font-weight:bold; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a, .info-set h2 a, .info-set h3 a, .info-set h4 a { font-size:12px; font-weight:normal; } .multiple-checkout .data-table .product-name, .info-set .data-table .product-name { font-size:13px; margin:0 0 5px; } .multiple-checkout .col2-set h2.legend, .info-set h2.legend { font-weight:normal; } .multiple-checkout .col2-set h3.legend, .info-set h3.legend { color:#ce001a; margin:0 0 10px; } .multiple-checkout .col2-set .divider, .info-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .multiple-checkout .box, .info-set .box { margin:0 0 15px; } /* Multiple Addresses Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .checkout-progress { padding:0 110px; margin:-11px 0 25px; } .checkout-progress li { float:left; width:19%; margin:0 1px 0 0; padding-top:5px; border-top:10px solid #d5d5d5; text-align:center; color:#bbb; } .checkout-progress li.active { border-top-color:#ce001a; color:#ce001a; } .multiple-checkout .page-title { border-bottom:1px solid #e5e5e5; padding-bottom:5px; } .multiple-checkout .buttons-set { border-top:1px solid #e5e5e5; margin-top:40px; padding-top:15px; } /* Styles similar to cart-table */ .multiple-checkout .data-table thead tr { border-bottom:1px solid #bbb; } .multiple-checkout .data-table thead th { padding:10px; font-weight:normal; } .multiple-checkout .gift-messages { margin:15px 0 0; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .col2-set .col-1 { width:32%; } .multiple-checkout p.actions { margin-bottom:10px; } .multiple-checkout .place-order .please-wait { margin-top:10px; } .multiple-checkout .place-order .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .place-order .grand-total .inner div { display:inline; } .multiple-checkout .place-order .grand-total big { display:inline; margin-right:20px; } /* Step 1 */ #multiship-addresses-table td { padding:10px; } /* Step 2 */ .checkout-multishipping-shipping .box-sp-methods { border:1px solid #e5e5e5; padding:15px; margin-bottom:0; position:relative; } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Account Login/Create Pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .account-login .new-users, .account-login .registered-users { margin-bottom:20px; } .account-login h2 { text-transform:uppercase; } .account-login p { margin-bottom:20px; } .account-login p.required { margin:0; } .account-login .buttons-set { clear:none; padding:0; margin:0; } /* Account Login/Create box elements - login page and checkout page */ .account-login .buttons-set button, #opc-login .buttons-set button { float:left; margin-left:0; } .account-login .buttons-set a, #opc-login .buttons-set a { float:right !important; margin:4px 0 0; } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-account {} .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard .welcome-msg { margin:0 0 2.5em; } .dashboard .welcome-msg p { margin:0; } .dashboard .col-1, .dashboard .col-2 { margin-bottom:1.5em; } /* General Box */ .box-account { margin:0 0 2.5em; } .box-account .box-head { border-bottom:1px solid #e5e5e5; margin:0 0 10px; padding-bottom:5px; } .box-account .box-head a { float:right; margin-top:10px; } .box-account .box-head h2 { float:left; margin:0; background-position:0 0; background-repeat:no-repeat; padding:0 0 0 38px;} .box-account.box-info .col-1 { border-right:1px solid #e5e5e5; } .box-account.box-info .col-1 .box { padding-right:10px; } .dashboard .box .box-title { padding:0 0 2px; margin:0 0 10px; text-align:right; border-bottom:1px solid #e5e5e5; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float:left; margin:0; } /* Block: Recent Orders */ .dashboard .box-recent .box-head h2 { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/i_folder-table.gif); } /* Block: Account Information */ .dashboard .box-info .box-head h2 { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/i_ma-info.gif); } .dashboard .box-info h4 { font-weight:normal; text-transform:uppercase; } /* Block: Reviews */ .dashboard .box-reviews .box-head h2 { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/i_ma-reviews.gif); } .dashboard .box-reviews .number { float:left; font-size: 1.3333em; line-height: 1.25em; padding:0 10px; } .dashboard .box-reviews .details { margin-left:38px; } .dashboard .box-reviews li.item { margin:0 0 7px; } .dashboard .box-reviews li.item.last { margin:0; } .dashboard .box-reviews .ratings { margin:5px 0 0; } /* Block: Tags */ .dashboard .box-tags .box-head h2 { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/i_ma-tags.gif); } .dashboard .box-tags .number { float:left; font-size:12px; line-height:1; padding:2px 5px; } .dashboard .box-tags .details { margin-left:20px; } .dashboard .box-tags .tags { margin:5px 0 0; } .dashboard .box-tags li.item { margin:0 0 7px; } .dashboard .box-tags li.item.last { margin:0; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display:inline; } /********** Dashboard > */ /* Address Book %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .addresses-list h3 { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/bullet.png) 0 6px no-repeat; padding-left:10px; font-weight:normal; } .addresses-list address { margin-bottom:10px; } .addresses-list .link-remove:hover { color:#ee001c; } .addresses-list .separator { margin:0 3px; } .addresses-list .addresses-primary .item { padding:15px; margin:0 0 10px; background-color:#f5f5f5; } .addresses-list li.empty { background:none; border:0; padding:0; } .addresses-list li.empty p { color:#555; } .addresses-list .addresses-additional .item { padding:15px; margin:0 0 10px; border:1px solid #e5e5e5; } .my-account .pager { margin:20px 0; } /* Order View %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .order-info { margin:20px 0 10px; } .order-info dt, .order-info dd, .order-info li, .order-info li a { float:left; } .order-info dt { font-weight:bold; } .order-info li { margin-right:1px; } .order-info dt, .order-info li.current, .order-info li a { padding:10px; } .order-info dt { padding-left:0; } .order-info li a { background-color:#f8f8f8; } .order-info li a:hover, .order-info li.current { background-color:#e5e5e5; } /* Date */ .order-date { margin:15px 0; color:#d90000; clear:both; } /* Links in page title */ .page-title .separator, .page-title .link-reorder, .page-title .link-rss, .page-title .link-print { font-weight:normal; display:inline-block; margin-top:10px; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .order-info-box { margin:0 0 10px; padding:20px; } .order-info-box .col-1 { border-right:#e5e5e5 solid 1px; } .order-info-box h2 {} .order-info-box .box-payment p { margin:0 0 3px; } .order-info-box .box-payment th { font-weight:bold; padding-right:7px; } .order-items .data-table { margin-bottom:20px; } .order-items .data-table td { padding:5px 9px; } .order-items .data-table .grand_total { font-size:1.3333em; } /* Grand total color */ .order-items .data-table .grand_total .last, .order-items .data-table .grand_total_incl .last {} .order-items { width:100%; } .order-items .product-name { margin:0 0 3px; font-size:12px; } .order-items .link-print { font-weight:normal; } .order-items p .link-print { float:none; } .order-items h2, .order-about h2 { margin:15px 0; padding-left:38px; } .order-items h3.table-caption { font-size:13px; font-weight:bold; } .order-items h2.table-caption a, .order-items h2.sub-title a { font-size:12px; font-weight:normal; text-transform:none; } .order-items .order-links { text-align: right; } .order-items .order-comments h2 { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/ic-order-comment.gif) 0 0 no-repeat; } .order-details h2 { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/ic-order-item.gif) 0 0 no-repeat; } .order-details h2 .separator { color:#999; font-size:12px; } .order-about { margin:0 0 15px; padding:5px 30px; } .order-about dt { font-weight:bold; } .order-about dd { font-size:12px; margin-bottom:15px; } .tracking-table { margin:0 0 15px; } .tracking-table th { width:20%; font-weight:bold; white-space:nowrap; } .tracking-table th, .tracking-table td { padding:5px 9px; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-print .print-head { margin:0 0 15px; } .page-print .print-head .logo { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h1 { font-size:16px; font-weight:bold; } .page-print h2, .page-print h3 { font-size:13px; font-weight:bold; } .page-print h2.h2 { font-size:16px; font-weight:bold; } .page-print .order-date { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 10px; margin:0 0 10px; } .page-print .col2-set { margin:0 0 10px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* My Wishlist %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-wishlist .product-image { display:block; margin:0 0 5px; min-width:113px; max-width:140px; } .my-wishlist .product-name { margin-bottom:10px; } .my-wishlist .description { margin-bottom:10px; } .my-wishlist textarea { display:block; width:97%; height:70px; border:1px solid #e5e5e5; } .my-wishlist .price-box { margin-bottom:5px; } .my-wishlist .add-to-cart-alt { margin-bottom:10px; } .my-wishlist .buttons-set { margin-top:2em; } .my-wishlist .buttons-set button.button { float:none; } #wishlist-table .add-to-links { white-space:nowrap; } .my-wishlist .data-table tr.even { background:#f5f5f5; } .my-wishlist .btn-cart { margin:10px 0 5px; } /* My Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-tag-edit { float:left; margin:0 0 10px; } .my-tag-edit .btn-remove { float:right; margin:5px 0 0 5px; } #my-tags-table { clear:both; } #my-tags-table td { padding:10px; } #my-tags-table .add-to-links { white-space:nowrap; } /* My Reviews %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #my-reviews-table td { padding:10px; } .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { margin:0 0 8px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 10px; } .product-review .product-details { margin:0 20px 20px 155px; } .product-review .product-name { font-size:18px; margin:0 0 18px; } .product-review h3 { font-size:12px; margin:15px 0 5px; } .product-review .ratings-table { margin:0 0 15px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:12px; margin:5px 0 0; } /* Billing Agreements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .billing-agreements .form-list li select { float:left; } .billing-agreements .form-list li button.button { float:left; margin-left:10px; } .billing-agreements .table-caption { font-weight:bold; font-size:13px; } /* Popups %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Remember Me Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .window-overlay { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; } .remember-me label { float:none; margin:0 6px; } .remember-me-popup { left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; z-index:10000; } .remember-me-popup .remember-me-popup-head { position:relative; } /*.remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:7px; right:7px; height:15px; width:15px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-body a { display:inline-block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; white-space:nowrap; color:#fff; }*/ /* Additionally remove the button */ .remember-me-popup .remember-me-popup-close-button { display:none; } /* MAP Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-msrp-totals { color:red; font-size:12px !important; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-transform:lowercase; width:55px; line-height:15px; padding:2px 8px; } .map-cart-sidebar-total:hover { overflow:visible; white-space:normal; background-color:#fff; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2); } .map-popup { margin:10px 0 0; position:absolute; width:300px; z-index:100; } .map-popup-heading { width:240px; } .map-popup-heading h2 { margin:0; overflow:hidden; white-space:nowrap; word-wrap: break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { display:none; /*border-color:transparent transparent #fff transparent; border-style:solid; border-width:10px; position:absolute; left:50%; top:-20px;*/ } .map-popup-content { overflow:hidden; text-align:left; width:270px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; padding-right:30px; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { clear:right; margin:0 15px; padding:15px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #eee; } /* Common styles for: Remember Me Popup and MAP Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .remember-me-popup, .map-popup { background:#fff; text-align:left; /* + Common shadow styles for multiple items */ } .remember-me-popup h3, .map-popup-heading { border-bottom:1px solid #e5e5e5; padding:12px 45px 12px 15px; } .remember-me-popup h3, .map-popup-heading h2 { font-weight:bold; font-size:1.5em; /*18px*/ } .remember-me-popup .remember-me-popup-body, .map-popup-content { padding:15px; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close, .map-popup-close { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/pix.png) 0 -150px no-repeat; display:block; position:absolute; top:11px; right:15px; height:17px; width:17px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close:hover, .map-popup-close:hover { background-position:-17px -150px; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close:active, .map-popup-close:active { background-position:-34px -150px; } /* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-container { background-repeat:repeat; background-position:center top; } .footer { width:960px; margin:0 auto; padding:0; text-align:left; } /* Footer elements */ .footer .heading { margin-bottom:0.75em; font-size:1.3333em; font-weight:normal; } /* Footer top %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-top {} /* Footer primary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Primary footer additional -------------------------------------------------------------- */ .footer-primary-top-inner { padding-top:10px; padding-bottom:20px; border-bottom:1px solid; border-color:#eee; border-color:rgba(0,0,0, 0.05); } .footer-primary-bottom-inner { border-top:1px solid; border-color:#eee; border-color:rgba(0,0,0, 0.05); padding-top:20px; padding-bottom:10px; } /* Footer secondary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Footer bottom %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-bottom-container { padding-bottom:20px; background-color:transparent!important;} /* Footer elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Newsletter form -------------------------------------------------------------- */ #subscribe-form {} #subscribe-form form { display:block; } #subscribe-form label { float:left; margin:0 5px 0 0; line-height:32px; font-weight:normal; position: relative; } #subscribe-form .input-box { float:left; margin:0 5px 5px 0; position:relative; } #subscribe-form .input-box .validation-advice { padding:10px 0; width:140%; position:absolute; top:110%; left:-20%; text-align:center; background-color:#fff; background-color:rgba(255,255,255,0.9); z-index:1; } #subscribe-form .input-text { float:left; padding:0 7px; width:auto; height:30px; line-height:30px; color:#999; text-overflow:ellipsis; } #subscribe-form .input-text.validation-failed {} #subscribe-form .button { float:left; } /* Social services -------------------------------------------------------------- */ .social-links a { float:left; display:block; margin-right:5px; margin-bottom:5px; overflow:hidden; width:32px; height:32px; border-radius:0; background-color:#999; transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; } .social-links a.last { margin-right:0; } .social-links a:hover { background-color:#333; } /*.social-links a img { opacity:0.8; filter:alpha(opacity=80); transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } .social-links a:hover img { opacity:1; filter:alpha(opacity=100); }*/ /* Other elements -------------------------------------------------------------- */ .footer-copyright { font-size:0.9166em; /*11px*/ line-height:1.3636em; margin-bottom:10px; margin-left:10px; } .store-switcher {} /* CMS blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Heading of a content section %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .section-title { padding-right:80px !important; margin:0; } /* Product listing blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Slider navigation containers */ .featured-itemslider-wrapper .nav-wrapper { position:relative; } .new-itemslider-wrapper .nav-wrapper { position:relative; } .itemslider-wrapper .nav-wrapper { position:relative; } /* For anonymous itemslider */ /* CMS pages and elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* CMS pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Home page */ body.cms-index-index .breadcrumbs { display:none; } /* 404 not found page */ .cms-index-noroute .col-main .std { padding:10px 0 0 270px; background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/img/magnifier.jpg) 40px 40px no-repeat; } /* Page banners %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-banners {} .page-banners .banner { margin-bottom:2%; } .page-banners .banner a { display:block; } .page-banners .banner a img { display:block; margin:0 auto; } /* Landing pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .landing-page {} .horizontal-section, .vertical-section { display:block; margin-top:10px; margin-bottom:10px; position:relative; } .landing-page .center-block { display:block; margin:0 auto; } /* Caption %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .caption { position:absolute; bottom:0; width:80%; margin:6%; padding:0; } /* Caption position and layout -------------------------------------------------------------- */ .caption.top { top:0; bottom:auto; width:80%; } .caption.top-right { top:0; bottom:auto; right:0; width:58%; } .caption.bottom-right { right:0; width:58%; } /* Width */ .caption.full-width { width:88%; margin:6%; } .caption.narrow{ width:38%; } /* Prevent form hiding elements of the caption on narrow screens */ .caption .permanent { display:inherit !important; } /* Caption elements -------------------------------------------------------------- */ .caption .heading { float:left; display:inline-block; padding:0.25em; margin-bottom:0.2em; font-size:2.8em; line-height:1em; font-weight:normal; } .caption p { float:left; clear:left; display:inline-block; padding:0.25em 0.5em; margin-bottom:1px; font-size: 1.5em; line-height:1em; } .caption button { float:left; clear:left; margin-top:1em; } /* Skin -------------------------------------------------------------- */ .caption .heading, .caption p { transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } a:hover .caption .heading, a:hover .caption p { transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; } /* Dark + white text */ .caption.dark1 .heading, .caption.dark1 p { background-color:rgba(0,0,0, 0.35); color:#fff; } a:hover .caption.dark1 .heading, a:hover .caption.dark1 p { background-color:rgba(0,0,0, 0.7); color:#fff; } /* Dark + white text */ .caption.dark2 .heading, .caption.dark2 p { background-color:rgba(0,0,0, 0.5); color:#fff; } a:hover .caption.dark2 .heading, a:hover .caption.dark2 p { background-color:rgba(0,0,0, 0.8); color:#fff; } /* Dark + white text */ .caption.dark3 .heading, .caption.dark3 p { background-color:rgba(0,0,0, 0.65); color:#fff; } a:hover .caption.dark3 .heading, a:hover .caption.dark3 p { background-color:rgba(0,0,0, 1); color:#fff; } /* Light + black text */ .caption.light1 .heading, .caption.light1 p { background-color:rgba(255,255,255, 0.35); color:#000; } a:hover .caption.light1 .heading, a:hover .caption.light1 p { background-color:rgba(255,255,255, 0.7); color:#000; } /* Light + black text */ .caption.light2 .heading, .caption.light2 p { background-color:rgba(255,255,255, 0.6); color:#000; } a:hover .caption.light2 .heading, a:hover .caption.light2 p { background-color:rgba(255,255,255, 0.85); color:#000; } /* Light + black text */ .caption.light3 .heading, .caption.light3 p { background-color:rgba(255,255,255, 0.8); color:#000; } a:hover .caption.light3 .heading, a:hover .caption.light3 p { background-color:rgba(255,255,255, 1); color:#000; } /* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* TODO: .is-logged-in .hide-logged-in { display:none; } */ /* Clears %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .clear { clear:both; font-size:0; line-height:0; height:0; } /* Additional simple clearing */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, /*.product-collateral:after,*/ .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after, /* Additional clearing */ .my-account .order-info:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .guest-select {width:305px !important;} .desc{width:49%;display:inline-block;float:left;} .std .attr{width:50%;display:inline-block;float:left;} .gen-tabs.accor .tabs-panels .panel{overflow:hidden;} @media only screen and (min-width: 1280px){ .itemgrid-adaptive.itemgrid-4col .item{width:23%!important;}} @media only screen and (min-width: 1280px){ .itemgrid-adaptive.itemgrid-4col .item:nth-child(5n+1) {clear:none!important;}} #mini-cart .block-content .block-content-inner{background-color: #f5f3e6;} .gen-tabs .tabs-panels{display:inline-block;background-color:transparent!important;} .attr div{text-align:center;} .socials{position:relative;overflow:hidden;} .category-description,.product-secondary-column .inner{overflow:hidden;} .footer-primary .section, .narrow-by-list dd, td, td h2{overflow:hidden;} @media only screen and (max-width: 767px){#nav.mobile li a{width:95%;}#nav.mobile li ul{display:none;}.catalog-category-view .col-main table{display:none;}} .ic-lowstock:before{font-size: 15px;vertical-align: middle;} .product-img-box{position:relative;} .sticky-header .nav-container,.sticky-header .nav-container #nav{background:#8a2529!important;} .sticky-header .nav-regular .nav-item.level0>a{color:white!important;} .btn-cart span span,.btn-checkout span span{color:white;background: #8a2529;} div.icon,.footer .button,.footer .button span{background-color:#8a2529!important;color:white;} div.icon:hover{background-color:#999!important;} .block-subscribe{display:inline-block;position:relative;} .block-subscribe form{display:inline-block!important;} .block-subscribe .block-title{float:left;border:0!important;display:inline-block;} .block-subscribe .form-list{float:left;} .block-subscribe .form-list li { margin: 0 0 8px 10px; float: left;} .block-subscribe .form-list input.input-text{width:158px!important;} .block-subscribe button{margin-left:10px;} .block-subscribe .checkboxout{position:absolute;margin-top:11px;} .block-subscribe .checkboxout input{width:auto!important;} .nav-regular .nav-panel li.classic{width:100%;} .product-image-thumbs li{display:inline-block;} @media only screen and (max-width: 479px){ .header-container{ max-width:100%; overflow: hidden; } .container { width: 96%!important; } } /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magento.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magento.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2006-2017 X.commerce, Inc. and affiliates (http://www.magento.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ .amscroll-navbar { background: rgb(58,79,98); width: 100%; height: 30px; position: fixed; bottom: 0px; } .amscroll-page-num { background: #efefef; color: #111; display: none; padding: 0px 10px; } .amscroll-navbar ul { list-style: none; padding-top: 5px; } .amscroll-navbar ul li { display: inline; color: #fff; padding: 0px 5px; } .amscroll-navbar ul li.amscroll-current { background: #efefef; color: #000; } .amscroll-navbar div.amscroll-pager { width: 60%; float: left; } .amscroll-navbar div.amscroll-top { width: 20%; float: left; } .amscroll-navbar div.amscroll-top a { color: #fff; padding-top: 5px; display: block; } .amscroll-navbar div.amscroll-tab { width: 20%; float: left; } .amscroll-navbar div.amscroll-tab a { color: #fff; } .amscroll-load-button { background: rgb(58,79,98); border: 0px; color: #fff; font-weight: bold; padding: 5px; margin: 5px 0px; width: 100%; } .amscroll-loading { background-repeat:no-repeat; background-position: 50% 50%; width: 100%; height: 50px; } div.amshopby-column { float:left; width:83px; } select.amshopby-select { width:170px; } .amshopby-logo{ padding: 0pt 10px 10px 0pt; float: left; } .amshopby-featured { padding: 5px 5px 5px 5px; } .amshopby-link{ float:left; padding-left:5px; padding-top:5px; } .amshopby-clearer { display:block; clear:both; overflow: hidden; } div.block-layered-nav dd a {padding:0px 5px 0px 0px; display:block; float: left;} div.block-layered-nav dd a.amshopby-attr {padding-left:15px; background:transparent url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/amshopby-cb1.gif) no-repeat left center;} div.block-layered-nav dd a.amshopby-attr-selected {font-weight: bold; padding-left:15px; background:transparent url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/amshopby-cb2.gif) no-repeat left center;} div.block-layered-nav dd a img {padding: 0px 4px 5px; float:left;} div.block-layered-nav dd li.amshopby-cat-level-2 {padding-left:10px;} div.block-layered-nav dd li.amshopby-cat-level-3 {padding-left:20px;} div.block-layered-nav dd a.amshopby-cat-selected {font-weight: bold; color:black; text-decoration: none; cursor:text;} div.block-layered-nav dd li span.amshopby-plusminus {float:left; display:block; width:15px; height:15px; cursor:pointer; background:transparent url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/amshopby-plus.gif) no-repeat;} div.block-layered-nav dd li span.minus {background:transparent url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/amshopby-minus.gif) no-repeat;} div.block-layered-nav dd li:after {display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } div.block-layered-nav dt { cursor:pointer; padding-left:15px; background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/amshopby-expanded.gif) center left no-repeat; } div.block-layered-nav dt.amshopby-collapsed {background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/amshopby-collapsed.gif) center left no-repeat} div.block-layered-nav div.amshopby-slider { position:relative; margin:10px auto 5px auto; z-index:9; height:18px; background: url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/amshopby-slider-bg.gif) no-repeat 50% 50%; cursor:pointer; } div.block-layered-nav div.amshopby-slider div.handle {width:8px; top:3px; height:14px; background: transparent url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/amshopby-hadle.png) no-repeat; position: absolute; cursor:move;} /* * Slider labels */ .amshopby-slider-price { color: #798794; } .amshopby-slider-price-from { float: left; } .amshopby-slider-price-to { float: right; } .amshopby-slider-handle-right { position: absolute; top: 14px; right: 0px; } .amshopby-slider-handle-left { position: absolute; top: 14px; left: 0px; } .amshopby-tooltip { padding:2px 5px; background:#FEC; border:1px solid #FAA819; color:#1F5070; text-align:left; width:200px; position:absolute; } .amshopby-slider-price-range { text-align: center; font-size: 0.9em; } .amshopby-tooltip-img { cursor:help; } div.block-layered-nav, div.amshopby-page-container, div.amshopby-filters-top { position: relative; } div.amshopby-overlay { background-color: #FFFFFF; height: 100%; left: 0; opacity: 0.5; filter: alpha(opacity = 50); position: absolute; top: 0; width: 100%; z-index: 555; } div.amshopby-overlay img { top: 100px; left: 45%; display: block; position: absolute; } div.amshopby-overlay div { margin: 0 auto; display: block; width: 300px; height: 200px; background: url('https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/amshopby-overlay.gif') 50% 50% no-repeat; } /* * Itemslider - based on Owl Carousel * * IMPORTANT: Flexslider was replaced by Owl Carousel. * Deprecated styles for Flexslider are not needed any more and can be found inside this file: itemslider-old.css */ /* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Necessary styles (Core Owl Carousel CSS File v1.24) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/_shared/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* Additional styles for Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Preloading images */ .owl-item.loading { min-height: 60px; background: url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/_shared/ajax-loader.gif) no-repeat center center; } /* Pagination */ .owl-pagination { text-align: center; z-index: 1; /* z-index to show above other items */ } /* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .itemslider { margin-bottom: 20px; } /* Items */ .itemslider .item { padding-left:10px; padding-right:10px; } /* Lazy loading */ .itemslider .owl-item.loading { background-position: center 40px; } .itemslider .owl-item.loading .product-image { min-height: 70px; } /* If slider inside menu */ #nav .itemslider .price-box span { display: inline; } /** * Generic interface elements */ /* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Generic arrows 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows1 .owl-controls .owl-buttons { position:absolute; } .slider-arrows1 .owl-controls .owl-buttons div { float:left; display:block; width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; text-decoration:none; overflow:hidden; text-indent:-9999px; background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/_shared/generic-nav/slider-arrows.png); background-repeat:no-repeat; background-color:#e5e5e5; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover { background-color:#333; } .slider-arrows1 .owl-controls .owl-buttons div.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; } .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover { background-color:#e5e5e5; /* Must be the same as default color */ } .slider-arrows1 .owl-controls .owl-buttons .owl-prev { background-position:-10px -10px; margin-right:1px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-prev:hover { background-position:-10px -60px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover { background-position:-10px -10px; /* Same as default */ } .slider-arrows1 .owl-controls .owl-buttons .owl-next { background-position:-60px -10px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-next:hover { background-position:-60px -60px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-next.disabled:hover { background-position:-60px -10px; /* Same as default */ } /* Position */ .slider-arrows1-pos-top-right .owl-controls .owl-buttons { top:-40px; right:0px; } .slider-arrows1-pos-top-left .owl-controls .owl-buttons { top:-40px; left:0px; } /* Generic arrows 2 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows2 .owl-controls .owl-buttons div { position:absolute; display:block; width:50px; height:50px; line-height:50px; text-align:center; cursor:pointer; text-decoration:none; overflow:hidden; text-indent:-9999px; background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/_shared/generic-nav/slider-arrows.png); background-repeat:no-repeat; background-color:#fff; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; opacity:0; filter:alpha(opacity=0); } .slider-arrows2:hover .owl-controls .owl-buttons div { opacity:1; filter:alpha(opacity=100); } .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover { background-color:#000; } .slider-arrows2 .owl-controls .owl-buttons .owl-prev { background-position:-2px 0; left:0; top:44%; } .slider-arrows2 .owl-controls.clickable .owl-buttons .owl-prev:hover { background-position:-2px -50px; } .slider-arrows2 .owl-controls .owl-buttons .owl-next { background-position:-48px 0; right:0; top:44%; } .slider-arrows2 .owl-controls.clickable .owl-buttons .owl-next:hover { background-position:-48px -50px; } /* Generic arrows 3 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows3 .owl-controls .owl-buttons div { position:absolute; display:block; width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; text-decoration:none; overflow:hidden; text-indent:-9999px; background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/_shared/generic-nav/slider-arrows.png); background-repeat:no-repeat; background-color:#fff; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover { background-color:#000; } .slider-arrows3 .owl-controls .owl-buttons div.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; } .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover { background-color:#fff; /* Must be the same as default color */ } .slider-arrows3 .owl-controls .owl-buttons .owl-prev { background-position:-10px -10px; top:30%; left:-32px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-prev:hover { background-position:-10px -60px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover { background-position:-10px -10px; /* Same as default */ } .slider-arrows3 .owl-controls .owl-buttons .owl-next { background-position:-60px -10px; top:30%; right:-32px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-next:hover { background-position:-60px -60px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-next.disabled:hover { background-position:-60px -10px; /* Same as default */ } /* Generic pagination 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-pagination1 .owl-controls .owl-page { display: inline-block; vertical-align: middle; zoom: 1; *display: inline;/*IE7 life-saver */ } .slider-pagination1 .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 7px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color:#eee; transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; } .slider-pagination1 .owl-controls.clickable .owl-page:hover span { background-color:#000; } .slider-pagination1 .owl-controls .owl-page.active span { background-color:#ccc; } /* Generic pagination 2 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-pagination2 .owl-controls .owl-page { display: inline-block; vertical-align: middle; zoom: 1; *display: inline;/*IE7 life-saver */ } .slider-pagination2 .owl-controls .owl-page span { display: block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color:#fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); width:10px; height:10px; margin:8px; transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; /* transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;*/ } .slider-pagination2 .owl-controls.clickable .owl-page:hover span, .slider-pagination2 .owl-controls .owl-page.active span { width:16px; height:16px; margin:5px; } .slider-pagination2 .owl-controls .owl-page.active { cursor:default; } /* Pagination position %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .pagination-pos-bottom-centered { padding-bottom: 50px; /* Additional space for bottom pagination */ } .pagination-pos-bottom-centered .owl-pagination { padding: 10px 0; text-align: center; position: absolute; width: 100%; } .pagination-pos-bottom-right .owl-pagination { padding: 10px 0; float: right; } .pagination-pos-bottom-left .owl-pagination { padding: 10px 0; float: left; } /* Over the slider */ .pagination-pos-over-bottom-centered .owl-pagination { text-align: center; margin-top: -35px; position: absolute; width: 100%; } .pagination-pos-over-bottom-right .owl-pagination { position:absolute; bottom:3.5%; right:1.5%; } .pagination-pos-over-bottom-left .owl-pagination { position:absolute; bottom:3.5%; left:1.5%; } /** * Brands */ /* Base %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .brand-name { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; line-height: 18px; text-align: center; } .brand-name-wrapper { display: table; min-height: 36px; /* Two lines of text */ margin: 0 auto; } .brand-name-wrapper .brand-name { display: table-cell; vertical-align: middle; } /* On product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .box-brand a { margin:0 auto; display:block; } .box-brand img { margin:0 auto; display:block; } .box-brand .brand-name {} .box-brand .brand-name .label {} /* Brand in secondary column on product page */ .product-secondary-column .box-brand .attribute { font-size:1.25em; /*15px*/ line-height:1.2em; /*18px*/ font-weight:bold; text-align:center; margin:10px 0; } /* Brand slider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .brand-slider .item { padding-bottom: 20px; padding-top: 20px; text-align: center; } .brand-slider .item a { display: block; } .brand-slider .owl-item.loading { min-height:60px; } /** * Ultra Slideshow */ /* Slideshow wrapper %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow-wrapper {} .the-slideshow-wrapper:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* Slideshow %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow { margin:0 auto; } .the-slideshow .slides { display: none; } /* Banners %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow-banners { -webkit-backface-visibility: hidden; /* Fix possible glitches during animation */ margin-bottom:0.1%; /* Important: a little bit bigger than slideshow bottom margin to avoid jumping on slide transition */ } .the-slideshow-banners .banner { position:relative; /* Container for caption */ } .the-slideshow-banners a.banner, /* Backward compatibility, link could have "banner" class */ .the-slideshow-banners .banner a { display:block; } /* Additional effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow .fade-on-slideshow-hover, .the-slideshow-wrapper .fade-on-slideshow-wrapper-hover { transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } .the-slideshow:hover .fade-on-slideshow-hover, .the-slideshow-wrapper:hover .fade-on-slideshow-wrapper-hover { opacity:0.75; filter:alpha(opacity=75); } /* * Accordions and collapsible blocks */ /* Accordion %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion { padding:0; margin:0; list-style-type:none; } .accordion ul { display:block; /*display:none;*/ float:left; width:100%; padding:0; margin:0; } .accordion li { float:left; display:block; width:100% !important; padding:0 !important; margin:0; list-style-type:none; cursor:pointer; position:relative; } .accordion li a { display:block; padding:15px 10px; font-size: 1.1666em; /*14px*/ line-height: 1.2857em; /*18px*/ } .accordion li li a { padding-left:20px; } .accordion li li li a { padding-left:40px; } .accordion li li li li a { padding-left:60px; } /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion li.parent > a { padding-right:54px; } /* Opener -------------------------------------------------------------- */ .accordion .opener { position:absolute; right:0; top:0; display:block; cursor:pointer; text-align:center; width:49px; height:49px; line-height:49px; background: url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener.png) center center no-repeat; } .accordion .opener:hover { background-color:rgba(0,0,0, 0.05); } /* Active */ .accordion li.item-active > .opener { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active.png); } /* Accordion - Style 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Padding -------------------------------------------------------------- */ .accordion-style1 li a { padding:5px 10px; } .accordion-style1 li li a { padding-left:20px; } .accordion-style1 li li li a { padding-left:35px; } .accordion-style1 li li li li a { padding-left:50px; } /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion-style1 li.parent > a { padding-right:33px; } /* Misc -------------------------------------------------------------- */ .accordion-style1 li a { border-bottom-color:#eee; border-bottom:1px solid rgba(0,0,0,0.06); font-size:1em; /*12px*/ line-height:1.5em; /*18px*/ } .accordion-style1 li a:hover { background-color:rgba(0,0,0, 0.03); } /* Opener -------------------------------------------------------------- */ .accordion-style1 .opener { width:28px; height:28px; line-height:28px; /*background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-small.png);*/ background-color:rgba(0,0,0, 0.03); } .accordion-style1 .opener:hover { background-color:rgba(0,0,0, 0.10); background-image: url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-w.png); } /* Active */ /*.accordion-style1 li.item-active > .opener { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-small-active.png); }*/ .accordion-style1 li.item-active > .opener:hover { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active-w.png); } /* Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .collapsible { position:relative; } .collapsible .block-title { padding-top:8px; padding-right:35px; /* Space for opener */ padding-bottom:8px; border-bottom:1px solid #f2f2f2; border-color:rgba(0,0,0, 0.05); margin-bottom:0.625em; /*10px*/ font-size:1.3333em; /*16px*/ line-height:1.25em; /*20px*/ font-weight:normal; } .collapsible .block-content, .collapsible .block-content > * { margin-top:0; /* Prevent animation jumping */ } /* Opener -------------------------------------------------------------- */ .collapsible .opener { position:absolute; right:0; top:2px; display:block; cursor:pointer; text-align:center; width:30px; height:30px; line-height:30px; background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener.png); background-position:center center; background-repeat:no-repeat; background-color:#f2f2f2; /*IE*/ background-color:rgba(0,0,0, 0.05); } .collapsible .opener:hover { background-color:#e5e5e5; /*IE*/ background-color:rgba(0,0,0, 0.1); background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-w.png); } .collapsible.active .opener { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active.png); } .collapsible.active .opener:hover { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active-w.png); } /* Mobile collapsible -------------------------------------------------------------- */ .mobile-collapsible { position: static; } /* * Main menu * * Old selector: New selector: * #nav --> .nav-regular * #nav.mobile --> .nav-mobile */ /* Common elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Category blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-block { margin-top: 1%; margin-bottom: 1%; } .nav-block--center { margin-top: 1%; margin-bottom: 1%; } /* Section line (separator) is lighter than other lines -------------------------------------------------------------- */ .nav-block .section-line { border-color: #eee; } /* Deprecated: custom static block block_header_nav_dropdown displayed as a dropdown -------------------------------------------------------------- */ #nav .nav-custom-link .header-nav-dropdown-wrapper .heading { margin: 10px 0; } /* Caret %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-regular .caret { display:inline-block; width:0; height:0; margin-bottom:2px; margin-left:4px; vertical-align:top; top:3px; content:""; border-color:white transparent transparent; border-style:solid solid none; border-width:4px 4px 0; } #nav li a:hover .caret,.nav-regular .item-active .caret{border-color:#212121 transparent transparent;} /* Only items with dropdown display the caret */ .nav-regular .caret { display: none; } .nav-regular .nav-item--parent > a .caret { display: inline-block; } /* Carets inside dropdowns - right side caret */ .nav-regular .nav-panel a .caret { border-color: transparent transparent transparent #333; border-style: solid none solid solid; border-width: 4px 0 4px 4px; margin-left: 5px; opacity: 0.2; } .nav-regular .nav-panel a:hover .caret { opacity: 1; } /* Carets -------------------------------------------------------------- */ .nav-regular a .caret { transition: border-color 450ms ease-in-out, opacity 450ms ease-in-out; -moz-transition: border-color 450ms ease-in-out, opacity 450ms ease-in-out; -webkit-transition: border-color 450ms ease-in-out, opacity 450ms ease-in-out; -o-transition: border-color 450ms ease-in-out, opacity 450ms ease-in-out; } .nav-regular a:hover .caret { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* Home link %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Icon -------------------------------------------------------------- */ /* Class "feature" inside an item */ .nav-regular .nav-item--home .feature { margin:0; /* Remove default margins */ } .nav-regular .nav-item--home .icon { height: 16px; margin: 0; padding: 0; float: none; display: inline-block; vertical-align: middle; border-radius: 0; background-color:transparent !important; /* Remove default colors */ background-color: #B0C4DE; } /* Icon colors */ /* b, w */ .nav-regular .nav-item--home .icon.i-home { background-position:-9px -117px; } .nav-regular .nav-item--home .icon.i-home-w { background-position:-9px -167px; } /* bw */ .nav-regular .nav-item--home .icon.i-home-bw { background-position:-9px -117px; } .nav-regular .nav-item--home .feature-icon-hover:hover .icon.i-home-bw { background-position:-9px -167px; } /* wb */ .nav-regular .nav-item--home .icon.i-home-wb { background-position:-9px -167px; } .nav-regular .nav-item--home .feature-icon-hover:hover .icon.i-home-wb { background-position:-9px -117px; } /* Single icon as home link -------------------------------------------------------------- */ #nav .nav-item--homeicon .feature { padding-left: 17px; /* The same as side padding of top-level items +5px */ padding-right: 5px; background: none !important; box-shadow: none !important; border: none !important; } /* Category labels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cat-label { padding:2px 4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:18px; text-transform:none; text-shadow:none; transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } li > a:hover > span > .cat-label { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* labels: 1st level -------------------------------------------------------------- */ li.level0 > a > span { position:relative; } li.level0 > a > span > .cat-label { position:absolute; top:-14px; right:0; padding:0 6px; font-size:16px; line-height:22px; } /* Add pin (1st level only) */ li.level0 > a > span > .pin-bottom:before { position:absolute; right:6px; top:22px; width:0; height:0; content:""; border-style:solid; border-width:4px; border-color:transparent; transition: border-color 450ms ease-in-out; -moz-transition: border-color 450ms ease-in-out; -webkit-transition: border-color 450ms ease-in-out; -o-transition: border-color 450ms ease-in-out; } li.level0 > a:hover > span > .pin-bottom:before { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* labels: 2nd level -------------------------------------------------------------- */ li.level1 > a > span > .cat-label { display:inline-block !important; padding:0 4px; margin-left:5px; vertical-align:middle; } /* labels: 3rd level -------------------------------------------------------------- */ li.level2 > a > span > .cat-label { display:inline-block !important; padding:0 4px; margin-left:2px; } /* Category labels inside mobile menu / vertical menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-mobile li > a > span > .cat-label { position:static; display:inline-block !important; padding:0 4px; margin-left:5px; /* Label size: all levels */ font-size:16px; line-height:18px; } /* Hide pin */ .nav-mobile li > a > span > .pin-bottom:before { display:none; } /* Non-clickable links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav a.no-click { cursor: default; } /* Remove highlight color on tap %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav, .mobnav-trigger, .nav-regular li.level0 > a { -webkit-tap-highlight-color: transparent; } /* Base styles of the menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav { position: relative; /* Dropdown box position is relative to this container */ z-index: 2000; /* Without this dropdown goes under other elements */ -webkit-transform: translateZ(0); /* Fix possible glitches during animation */ } #nav.nav-mobile { display: none; } #nav.nav-mobile.show { display: block; } /* Standard menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Height of the menu bar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Top-level items and mobile menu trigger */ .mobnav-trigger, .nav-regular li.level0 > a { line-height:50px; } /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Openers */ .nav-regular .opener { display: none; } /* Hide elements */ .nav-regular .hide-in-desktop-menu { display: none !important; } /* Mobile menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Mobile menu trigger. Shares style with the 1st-level links from the standard menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ div.mobnav-trigger-wrapper { display:none; } /* Important: added "div" to selector to make it more specific than grid units */ .mobnav-trigger { display:block; padding:0 15px; } /* Mobile menu icon */ .mobnav-trigger .trigger-icon { display:block; float:left; width:23px; padding-top:18px; margin:0 8px 0 0; } .mobnav-trigger .trigger-icon .line { display:block; background-color:#fff; height:3px; margin-bottom:2px; } /* Dropdowns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Dropdowns inside mobile menu */ .nav-mobile .nav-panel--dropdown { /* To override width which can be added to dropdowns of the regular menu */ width: 100% !important; /* Reset of dropdown's inline positioning */ left: 0 !important; top: 0 !important; } /* Remove background color of dropdown in items containing only subcategories */ .nav-mobile .nav-item--only-subcategories > .nav-panel--dropdown { background-color: transparent !important; } /* Show category blocks on selected levels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hide blocks on all levels */ .nav-mobile .nav-block { display: none; } /* Structure of the selectors below: menu.modifier [level] item > panel > innerPanel > categoryBlocks */ /* Show on 0 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb0 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } /* Remove dropdown shadow and background color */ .nav-mobile.opt-sb0 .nav-item > div > div { padding: 0 !important; } /* Remove padding of inner panel */ .nav-mobile.opt-sb0 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } /* Stretch the central column */ .nav-mobile.opt-sb0 .nav-item.nav-item--only-blocks { display: none; } /* Hide items containing only category blocks */ /* Show on 1 level -------------------------------------------------------------- */ .nav-mobile.opt-sb1 li.level0 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb1 ul.level0 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb1 ul.level0 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb1 ul.level0 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb1 ul.level0 .nav-item.nav-item--only-blocks { display: none; } /* Show on 2 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb2 li.level0 > div > div > .nav-block, .nav-mobile.opt-sb2 li.level1 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb2 ul.level1 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb2 ul.level1 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb2 ul.level1 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb2 ul.level1 .nav-item.nav-item--only-blocks { display: none; } /* Show on 3 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb3 li.level0 > div > div > .nav-block, .nav-mobile.opt-sb3 li.level1 > div > div > .nav-block, .nav-mobile.opt-sb3 li.level2 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb3 ul.level2 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb3 ul.level2 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb3 ul.level2 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb3 ul.level2 .nav-item.nav-item--only-blocks { display: none; } /* Show on 4 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb4 li.level0 > div > div > .nav-block, .nav-mobile.opt-sb4 li.level1 > div > div > .nav-block, .nav-mobile.opt-sb4 li.level2 > div > div > .nav-block, .nav-mobile.opt-sb4 li.level3 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb4 ul.level3 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb4 ul.level3 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb4 ul.level3 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb4 ul.level3 .nav-item.nav-item--only-blocks { display: none; } /* Show on 5 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb5 li.level0 > div > div > .nav-block, .nav-mobile.opt-sb5 li.level1 > div > div > .nav-block, .nav-mobile.opt-sb5 li.level2 > div > div > .nav-block, .nav-mobile.opt-sb5 li.level3 > div > div > .nav-block, .nav-mobile.opt-sb5 li.level4 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb5 ul.level4 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb5 ul.level4 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb5 ul.level4 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb5 ul.level4 .nav-item.nav-item--only-blocks { display: none; } /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Carets -------------------------------------------------------------- */ .nav-mobile .caret { display: none !important; } /* Home link -------------------------------------------------------------- */ .nav-mobile .nav-item--home { display: none !important; } /* Hide elements -------------------------------------------------------------- */ .nav-mobile .hide-in-mobile-menu { display: none !important; } /* Miscellaneous %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Other modules/components %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Item sliders -------------------------------------------------------------- */ .nav .itemslider { margin-top:0; margin-bottom:0; } .nav .itemslider .item { padding-bottom:0; } .nav .itemslider .product-name a { display: inline-block; } .nav .itemslider .product-name { margin-top: 8px; } /** * Mobile menu accordion */ .acco { list-style-type:none; } .acco li.nav-item { list-style-type:none; display:block; float:left; width:100% !important; /* Use "!important" to override grid units styling */ padding:0 !important; margin:0 !important; position:relative; /* For opener positioning */ } .acco ul.nav-panel { display:block; float:left; width:100%; padding:0; margin:0; } /* Items %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .acco li.parent > a { padding-right:54px; } /* All levels -------------------------------------------------------------- */ .acco .nav-item > a { display: block; padding: 15px 10px; /* Set default line height in pixels because font size will be changed via admin (and that would also change the line height) */ font-size: 16px; /*1.3333em*/ line-height: 19px; /*1.125em*/ } /* Level 1 -------------------------------------------------------------- */ .acco li.level0 > a { font-size: 18px; text-transform: uppercase; } /* Level 2 -------------------------------------------------------------- */ .acco li.level1 > a { padding-left: 30px; font-size: 16px; text-transform: uppercase; } /* Level 3 -------------------------------------------------------------- */ .acco li.level2 > a { padding-left: 50px; font-size: 16px; text-transform: none; } /* Level 4 -------------------------------------------------------------- */ .acco li.level3 > a { padding-left: 70px; font-size: 14px; text-transform: none; } /* Level 5+ -------------------------------------------------------------- */ .acco li.level3 .nav-item > a /* Level 5+ */ { padding-left: 90px; font-size: 12px; text-transform: none; } /* Opener %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .acco .opener { position:absolute; right:0; top:0; display:block; cursor:pointer; text-align:center; width:49px; height:49px; line-height:49px; background: url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener.png) center center no-repeat; } .acco .opener:hover { background-color:rgba(0,0,0, 0.05); } /* Active */ .acco li.item-active > .opener { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active.png); } /** * Main menu dropdown boxes */ /* Common %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels -------------------------------------------------------------- */ .nav-regular .nav-item { text-align: left; } .nav-regular .nav-item > a { display: block; text-decoration: none; } /* Level 1 only -------------------------------------------------------------- */ .nav-regular li.level0 { float: left; } .nav-regular li.level0 > a { padding: 0 12px; } .nav-regular li.level0 > a > span { display: inline-block; white-space: nowrap; } /* Top-level item on hover: pull up the link above the dropdown */ .nav-regular li.level0:hover > a { z-index: 2001; /* One level above the dropdown */ position: relative; } /* Caret */ .nav-regular li.level0 > a .caret { opacity: 0.3; } .nav-regular li.level0.active > a .caret { opacity: 1; } .nav-regular li.level0:hover > a .caret { opacity: 1; } /* Dropdowns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels -------------------------------------------------------------- */ .nav-regular .nav-panel--dropdown { display:none; position:absolute; top:0; z-index:2000; /* Pull above top-level menu items */ background-color:#fff; /* To avoid transparent menu */ /* Uncomment below line to fix possible glitches during animation in webkit browsers */ /*-webkit-transform: translateZ(0);*/ } /* Inner wrapper of the dropdown (for additional padding etc.) -------------------------------------------------------------- */ #nav .nav-panel-inner { padding: 23px; } /* Required value in pixels to keep padding consistent in different dropdowns */ #nav .nav-panel-inner:before, #nav .nav-panel-inner:after { display: table; line-height: 0; content: ""; } #nav .nav-panel-inner:after { clear: both; } /* Full width dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-regular .nav-panel.full-width { width:100%; } .nav-regular .nav-panel.tmp-full-width { width:100% !important; } /* Temporary class required by js */ /* Mega dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels -------------------------------------------------------------- */ .nav-regular .mega > .nav-panel--dropdown { margin:0; } /* Level 2+ -------------------------------------------------------------- */ .nav-regular .nav-panel li.mega { position: relative; } /* Container of the dropdown has to be relative (only on levels 2+) */ .nav-regular .nav-panel li.mega > .nav-panel--dropdown {} .nav-regular .nav-panel li.mega:hover > .nav-panel--dropdown { display: block; left: 60px; top: 0; } /* Inside mega dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Align submenu's content (grid) with the submenu */ .nav-regular .nav-submenu--mega { margin-left: -1%; margin-right: -1%; } /* Inside mega dropdown, level 1: item -------------------------------------------------------------- */ .nav-regular .nav-submenu--mega > li { display: inline-block; float: none; vertical-align: top; padding-top: 0; padding-bottom: 5px; } .nav-regular .nav-submenu--mega > li > a { font-size: 16px; line-height: 1.25em; /*20px*/ } /* If item is a parent of subcategories, add bottom margin, but romove it if item is a parent of a dropdown */ .nav-regular .nav-submenu--mega > li.parent > a { margin-bottom: 10px; } .nav-regular .nav-submenu--mega > li.nav-item--parent > a { margin-bottom: 0; } /* Inside mega dropdown, level 1: submenu -------------------------------------------------------------- */ /* Each submenu has to be static unless it's a dropdown itself (e.g. if type "classic" was applied to the item). Also, add bottom margin to panel, but romove it if it's a dropdown. */ .nav-regular .nav-submenu--mega > li > .nav-panel { position: static; margin-bottom: 10px; } .nav-regular .nav-submenu--mega > li > .nav-panel--dropdown { position: absolute; margin-bottom: 0; } /* Inside mega dropdown, level 1: category blocks -------------------------------------------------------------- */ .nav-regular .nav-submenu--mega > li > .nav-block--top { margin-top: 0; margin-bottom: 10px; } .nav-regular .nav-submenu--mega > li > .nav-block--bottom { margin-top: 10px; margin-bottom: 0; } /* Inside mega dropdown, level 2: item -------------------------------------------------------------- */ /* List bullets */ .nav-regular .nav-submenu--mega > li > ul > li { background: url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/bullet.png) 3px 6px no-repeat; padding-left: 15px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } .nav-regular .nav-submenu--mega > li > ul > li:hover { background-position:6px 6px; } /* Important: if item is inside a dropdown (e.g. if type "classic" was applied to the parent item), remove bullets */ .nav-regular .nav-submenu--mega > li > ul.nav-panel--dropdown > li { background: none; padding-left: 0; } /* Other */ .nav-regular .nav-submenu--mega > li > ul > li > a { line-height: 1.6666em; /*20px*/ } /* Classic dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Level 2+ -------------------------------------------------------------- */ .nav-regular .classic > .nav-panel--dropdown > li > a { line-height: 1.6666em; /*20px*/ } .nav-regular .classic > .nav-panel--dropdown > li > a .caret { float: right; margin-top: 6px; } /* Dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels -------------------------------------------------------------- */ .nav-regular .classic > .nav-panel--dropdown { margin:0; padding:20px; /*TODO:*/ width:16em; min-width:12em; } /* Level 2+ -------------------------------------------------------------- */ .nav-regular .nav-panel li.classic { position: relative; } /* Container of the dropdown has to be relative */ .nav-regular .nav-panel li.classic > .nav-panel--dropdown {} .nav-regular .nav-panel li.classic:hover > .nav-panel--dropdown { display:block; left:60px; top:0; } /* If classic dropdown is on the 1 level of mega dropdown, change positioning */ .nav-regular .nav-submenu--mega > li.classic:hover > .nav-panel--dropdown { left:60px; top:20px; } /* Simple submenu - no dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* If submenu has to be displayed not as a dropdown, but as a simple list (with slight left indent) */ /* List bullets */ .nav-regular .simple > ul { margin-top: 5px; margin-bottom: 5px; } .nav-regular .simple > ul > li { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/bullet-mini.png) 3px 5px no-repeat; padding-left:15px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } .nav-regular .simple > ul > li:hover { background-position:6px 5px; } .nav-regular .simple > ul > li > a { opacity: 0.6; transition: opacity 150ms ease-out; -moz-transition: opacity 150ms ease-out; -webkit-transition: opacity 150ms ease-out; -o-transition: opacity 150ms ease-out; } .nav-regular .simple:hover > ul > li > a { opacity: 1; } /* Itemgrid for menu dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dd-itemgrid > .nav-item { float:left; padding-left:1%; padding-right:1%; } /* Itemgrid: different numbers of columns -------------------------------------------------------------- */ /* Clear first item in each row (row: group of n items) */ /* Item grid: 1 column */ .dd-itemgrid-1col > .nav-item { width:98%; } /* Item grid: 2 columns */ .dd-itemgrid-2col > .nav-item { width:48%; } .dd-itemgrid-2col > .nav-item:nth-child(2n+1) { clear:left; } /* Item grid: 3 columns */ .dd-itemgrid-3col > .nav-item { width:31.3333%; } .dd-itemgrid-3col > .nav-item:nth-child(3n+1) { clear:left; } /* Item grid: 4 columns */ .dd-itemgrid-4col > .nav-item { width:23%; } .dd-itemgrid-4col > .nav-item:nth-child(4n+1) { clear:left; } /* Item grid: 5 columns */ .dd-itemgrid-5col > .nav-item { width:18%; } .dd-itemgrid-5col > .nav-item:nth-child(5n+1) { clear:left; } /* Item grid: 6 columns */ .dd-itemgrid-6col > .nav-item { width:14.6666%; } .dd-itemgrid-6col > .nav-item:nth-child(6n+1) { clear:left; } /* Item grid: 7 columns */ .dd-itemgrid-7col > .nav-item { width:12.2857%; } .dd-itemgrid-7col > .nav-item:nth-child(7n+1) { clear:left; } /* Item grid: 8 columns */ .dd-itemgrid-8col > .nav-item { width:10.5%; } .dd-itemgrid-8col > .nav-item:nth-child(8n+1) { clear:left; } /* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Fade -------------------------------------------------------------- */ .nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent > .nav-panel--dropdown { display: block; /* Important: has to be visible before hover */ left: -10000px; opacity: 0; -moz-transition: opacity 300ms ease-in-out 150ms, left 0s ease-in-out 450ms, top 0s ease-in-out 450ms; -webkit-transition: opacity 300ms ease-in-out 150ms, left 0s ease-in-out 450ms, top 0s ease-in-out 450ms; -o-transition: opacity 300ms ease-in-out 150ms, left 0s ease-in-out 450ms, top 0s ease-in-out 450ms; transition: opacity 300ms ease-in-out 150ms, left 0s ease-in-out 450ms, top 0s ease-in-out 450ms; } .nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent:hover > .nav-panel--dropdown { opacity: 1; transition-delay: 150ms; -moz-transition-delay: 150ms; -webkit-transition-delay: 150ms; -o-transition-delay: 150ms; } /** * Simple vertical menu (sidebar menu) */ .vertnav { float: left; width: 100%; } /* Number of products in category */ .vertnav .number { color: #aaa; margin-left: 3px; } /* Category labels inside vertical menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels */ .vertnav li > a > span > .cat-label { position: static; display: inline-block !important; padding: 0 4px; margin-left: 3px; /* Label size */ font-size: inherit; line-height: inherit; } /* Hide pin */ .vertnav li > a > span > .pin-bottom:before { display: none; } @media only screen and (max-width: 319px) { .nav-mobile .nav-block { display: none !important; } .nav-mobile .nav-item > div.nav-panel--dropdown { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile .nav-item > div > div { padding: 0 !important; } .nav-mobile .nav-item > div > div > .nav-block--center { margin: 0 !important; width: 100% !important; } .nav-mobile .nav-item.nav-item--only-blocks { display: none; } } /** * Valdecode - Cookie Law Compliance * * NOTICE OF LICENSE * * This source file is subject to the The MIT License (MIT) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://www.valdecode.com/license/cookielaw/license.txt * * @category Valdecode * @package Valdecode_CookieLaw * @copyright Copyright (c) 2014 Valdecode * @license http://www.valdecode.com/license/cookielaw/license.txt The MIT License (MIT) */ #v-cookielaw { overflow: hidden; background: #fff; color: #444; z-index: 9999; font-size: 13px; } #v-cookielaw .v-message { padding: 5px 10px; text-align: left; } #v-cookielaw .v-actions { } #v-cookielaw .v-button { color: #222; display: inline-block; background-color: #ececec; background-image: linear-gradient(#f4f4f4, #ececec); border: 1px solid #d4d4d4; padding: 4px 10px; text-decoration: none; text-shadow: 1px 1px 0 #fff; border-radius: 2px; } #v-cookielaw .v-button.v-accept:before { content: "\2714"; } #v-cookielaw .v-button:hover, #v-cookielaw .v-button:focus { color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); border-color: #3072b3; border-bottom-color: #2a65a0; background-color: #2a65a0; background-image: linear-gradient(#599bdc, #3072b3); } #v-cookielaw .v-button:active { border-color: #2a65a0; border-bottom-color: #3884cd; background-color: #3072b3; background-image: linear-gradient(#3072b3, #599bdc); } #v-cookielaw.v-bar { display: table; width: 100%; padding: 5px 0; } #v-cookielaw.v-bar .v-message { display: table-cell; } #v-cookielaw.v-bar .v-actions { display: table-cell; vertical-align: middle; width: 250px; padding-right: 10px; text-align: right; } #v-cookielaw.v-bar.v-top { position: relative; border-bottom: 1px solid #000; } #v-cookielaw.v-bar.v-bottom { position: fixed; bottom: 0; border-top: 1px solid #000; } #v-cookielaw.v-box { position: fixed; max-width: 300px; border: 1px solid #000; border-radius: 3px; margin: 10px; } #v-cookielaw.v-box .v-actions { float: left; margin: 5px 10px; } #v-cookielaw.v-box.v-top-left { top: 0; left: 0; } #v-cookielaw.v-box.v-top-right { top: 0; right: 0; } #v-cookielaw.v-box.v-bottom-left { bottom: 0; left: 0; } #v-cookielaw.v-box.v-bottom-right { bottom: 0; right: 0; } /* RWD */ @media (max-width: 480px) { #v-cookielaw.v-box { display: table; width: 100% !important; padding: 5px 0 0; position: fixed; bottom: 0 !important; top: auto !important; border-top: 1px solid #000; max-width: 100%; margin: 0; border-radius: 0; border-right: 0; border-left: 0; border-bottom: 0; } #v-cookielaw.v-box .v-message { display: table-cell; } #v-cookielaw.v-box .v-actions { display: table-cell; vertical-align: middle; width: 250px; padding-right: 10px; text-align: left; } #v-cookielaw .v-message { float: left; } #v-cookielaw .v-actions { float: left; margin: 5px 10px; } #v-cookielaw.v-bar .v-actions { width: auto; } } /* Skin - Yellow Alert */ #v-cookielaw.v-yellow-alert { background: #fffbcd; border-color: #e2cd7b !important; } /* Skin - Dark Clean */ #v-cookielaw.v-dark-clean { color: #fff; background: #2c2c2c; border-color: #55575f !important; } #v-cookielaw.v-dark-clean .v-button { color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); border-color: #3072b3; border-bottom-color: #2a65a0; background-color: #2a65a0; background-image: linear-gradient(#599bdc, #3072b3); } #v-cookielaw.v-dark-clean .v-button:hover, #v-cookielaw.v-dark-clean .v-button:focus { background-color: #3678a0; background-image: linear-gradient(#68abdc, #387cb3); } /* Skin - Minimalist */ #v-cookielaw.v-minimalist { color: #2c2c2c; background: #f0f0f0; border-color: #e0e0e0 !important; font-size: 11px; font-family: Verdana; } #v-cookielaw.v-bar.v-minimalist { padding: 2px 0; } #v-cookielaw.v-box.v-minimalist { width: 260px; } #v-cookielaw.v-box.v-minimalist .v-actions { margin: 5px; } #v-cookielaw.v-box.v-minimalist .v-message { padding: 5px; } #v-cookielaw.v-minimalist .v-button { padding: 3px 6px; } .cookiealert{background: #333; color: #fff; padding: 5px 0; font: 12px/18px Arial, Helvetica, sans-serif;} .cookiealert .message{max-width: 960px; margin: 0 auto;} .cookiealert .message span.cookie-title{display: block; color: #fff; font-size: 16px; font-weight: bold; margin: 0.4em 0 0;} .cookiealert .message a{color: #f90; text-decoration: underline;} .cookiealert .message a:hover{text-decoration: none;} .cookiealert .message .close a{font-size: 16px; text-decoration: none; font-weight: bold;} .cookiealert .message .close a:hover{text-decoration: underline;} /** * Infortis themes styles */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .section-container {} .section { padding:10px 0; } .section-space { padding:10px; } /* Helper classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Magento default helper classes -------------------------------------------------------------- */ /* Layout helper classes -------------------------------------------------------------- */ .margin-top { margin-top:20px; } .margin-bottom { margin-bottom:20px; } .padding-top { padding-top:20px; } .padding-bottom { padding-bottom:20px; } .float-left { float:left; } /*deprecated*/ .float-right { float:right; } /*deprecated*/ /* Minor components %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Caret %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .caret { display:inline-block; width:0; height:0; margin-bottom:2px; vertical-align:middle; content:""; border-style:solid solid none; border-width:4px 4px 0; border-color:#333 transparent transparent; } .dropdown .caret { opacity:0.3; filter:alpha(opacity=30); } .dropdown:hover .caret { opacity:1; filter:alpha(opacity=100); } /* Product labels (stickers) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Positionning -------------------------------------------------------------- */ .sticker-wrapper { position:absolute; transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } .product-view .sticker-wrapper { z-index:99; /* On product page z-index greater than Cloud Zoom image */ } .product-view .product-img-column { position:relative; } /* Stickers are positioned relative to this container */ .sticker-wrapper.top-right { top:-3px; right:-3px; } .sticker-wrapper.bottom-right { bottom:-3px; right:-3px; } .sticker-wrapper.bottom-left { bottom:-3px; left:-3px; } .sticker-wrapper.top-left { top:-3px; left:-3px; } /* Appearence -------------------------------------------------------------- */ .sticker { width:60px; height:60px; border-radius:50%; font-size:1.1666em; line-height:1em; font-weight:bold; text-align:center; display:table-cell !important; /* Add "important" to override inherited styles of parent elements */ vertical-align:middle !important; transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } /* Colors */ .sticker.new { background-color:#5BD2EC; color:#fff; } .sticker.sale { background-color:#F12B63; color:#fff; } /* Effects */ .item:hover .sticker { width:65px; height:65px; } .item:hover .sticker-wrapper.top-right, .item:hover .sticker-wrapper.top-left { } .item:hover .sticker-wrapper.top-right { } .item:hover .sticker-wrapper.top-left { } /*Sizes*/ .sticker.size-s { width:45px; height:45px; font-size:1em; } .item:hover .sticker.size-s { width:50px; height:50px; } .sticker.size-xs { width:40px; height:40px; font-size:0.9166em; /*11px*/ } .item:hover .sticker.size-xs { width:45px; height:45px; } /* CMS pages and custom content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Video (embed) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* "videoWrapper" - depracated class, left for backward compatibility */ .video-wrapper, .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video-wrapper iframe, .video-wrapper object, .video-wrapper embed, .videoWrapper iframe, .videoWrapper object, .videoWrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Page banners %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .banner-wrapper { position: relative; display: block; } .page-banners .banner a { display:block; } .page-banners .banner a img { display:block; margin:0 auto; } /* depracated styles, left for backward compatibility: */ .page-banners .banner { margin-bottom:2%; } /* Landing pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .landing-page {} .horizontal-section, .vertical-section { display:block; margin-top:0; margin-bottom:10px; position:relative; } .horizontal-section { margin-top:10px; } .landing-page .center-block { display:block; margin:0 auto; } /* Caption %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .caption { display:block; position:absolute; bottom:0; width:80%; margin:6%; padding:0; } /* Caption position -------------------------------------------------------------- */ .caption.top { top:0; bottom:auto; width:80%; } .caption.top-right { top:0; bottom:auto; right:0; width:58%; } .caption.bottom-right { right:0; width:58%; } /* Caption elements -------------------------------------------------------------- */ .caption > * { float:left; display:inline-block; margin-bottom:1px; } .caption .heading { padding:0.25em; margin-bottom:0.2em; font-size:2.8em; line-height:1em; font-weight:normal; } .caption p { clear:left; padding:0.25em 0.5em; margin-bottom:1px; font-size: 1.3333em; line-height:1em; } .caption button { clear:left; } /* Caption layout -------------------------------------------------------------- */ .caption.centered { text-align: center; } .caption.centered > * { display:inline-block; float: none; } /* Floating (text alignment) */ .caption.right > * { text-align:right; float:right !important; } /* Caption additional styles -------------------------------------------------------------- */ /* Width */ .caption.full-width { width:88%; margin:6%; } .caption.narrow { width:38%; } /* Prevent from hiding elements of the caption on narrow screens */ .caption .permanent { display:inline-block !important; } /* Skin -------------------------------------------------------------- */ .caption .heading, .caption p { transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } a:hover .caption .heading, a:hover .caption p { transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; } /* Dark + white text */ .caption.dark1 .heading, .caption.dark1 p { background-color:rgba(0,0,0, 0.35); color:#fff; } a:hover .caption.dark1 .heading, a:hover .caption.dark1 p { background-color:rgba(0,0,0, 0.7); color:#fff; } /* Dark + white text */ .caption.dark2 .heading, .caption.dark2 p { background-color:rgba(0,0,0, 0.5); color:#fff; } a:hover .caption.dark2 .heading, a:hover .caption.dark2 p { background-color:rgba(0,0,0, 0.8); color:#fff; } /* Dark + white text */ .caption.dark3 .heading, .caption.dark3 p { background-color:rgba(0,0,0, 0.65); color:#fff; } a:hover .caption.dark3 .heading, a:hover .caption.dark3 p { background-color:rgba(0,0,0, 1); color:#fff; } /* Light + black text */ .caption.light1 .heading, .caption.light1 p { background-color:rgba(255,255,255, 0.35); color:#000; } a:hover .caption.light1 .heading, a:hover .caption.light1 p { background-color:rgba(255,255,255, 0.7); color:#000; } /* Light + black text */ .caption.light2 .heading, .caption.light2 p { background-color:rgba(255,255,255, 0.6); color:#000; } a:hover .caption.light2 .heading, a:hover .caption.light2 p { background-color:rgba(255,255,255, 0.85); color:#000; } /* Light + black text */ .caption.light3 .heading, .caption.light3 p { background-color:rgba(255,255,255, 0.8); color:#000; } a:hover .caption.light3 .heading, a:hover .caption.light3 p { background-color:rgba(255,255,255, 1); color:#000; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Disable transitions, fade effect applied with JS */ .fade-on-hover { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } /** * Theme Content Construction Kit */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Vertically centered content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .v-centered-content { display:table; } .v-centered-content .v-center { display:table-cell; vertical-align:middle; } /* Heading of a content section %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .section-title { clear:both; margin:0; display:block; } .section-title.padding-right { padding-right:80px !important; } /* Horizontal line */ .section-line { clear:both; display:block; font-size:0; line-height:0; height:0; margin:0 0 10px; padding:10px 0 0; background:none; border-bottom:1px solid #e5e5e5; text-indent:-9999em; overflow:hidden; } /* Custom sidebars %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .custom-sidebar-right { float:right !important; } .custom-sidebar-right .inner { padding-left:10px; border-left:1px solid #e5e5e5; } .custom-sidebar-left { float:left !important; } .custom-sidebar-left .inner { padding-right:10px; border-right:1px solid #e5e5e5; } /* Vertical links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .links > li, .links > li > a { line-height:3em; } /* line-height:36px; */ /*2.6666em = 32px;*/ .links > li > a { padding:0 0.5833em; } /* padding:0 7px; */ .links > li.label { padding-right:0.5833em; } /* 7px */ /* Basic links, no separators -------------------------------------------------------------- */ .links > li { float:left; } .links > li > a { display:block; } /* Links with separators (at the right side) -------------------------------------------------------------- */ .links-wrapper-separators .links > li { margin-left:-1px; } .links-wrapper-separators .links > li > a { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/img/link-separator.png); background-position:right center; background-repeat:no-repeat; } .links-wrapper-separators .links > li.last > a { background-image:none; } .links-wrapper-separators .links > li.hide-separator > a { background-image:none; } .links-wrapper-separators .links > li.separator-left > a { background-position:left center; } /* Links with separators (at the left side) -------------------------------------------------------------- */ .links-wrapper-separators-left .links > li { margin-left:-1px; } .links-wrapper-separators-left .links > li > a { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/img/link-separator.png); background-position:left center; background-repeat:no-repeat; } .links-wrapper-separators-left .links > li.first > a { background-image:none; } .links-wrapper-separators-left .links > li.hide-separator > a { background-image:none; } .links-wrapper-separators-left .links > li.separator-right > a { background-position:right center; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Link with an arrow */ a.go { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/_shared/cck/bullet.png) 97% 50% no-repeat; padding-right:17px; display:inline !important; } /** * Drop-down block */ /* Dropdown box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown { position:relative; } .dropdown:hover { z-index:4000; } /* Dropdown heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown .dropdown-heading { display:inline-block; cursor:default; } /* If heading is a link */ .dropdown a.dropdown-heading:hover { color: inherit; } /* Inside dropdown heading -------------------------------------------------------------- */ /* Child elements of the heading have to be aligned vertically */ .dropdown .dropdown-heading > * { display:inline-block; vertical-align: middle; } /* If heading has additional inner wrapper (to cover the shadow of the dropdown), properties of that element needs to be reset (e.g. element shouldn't be "inline-block") */ .dropdown .dropdown-heading.cover > span, .dropdown .dropdown-heading.cover > div { display: block; vertical-align: baseline; } .dropdown .dropdown-heading.cover > span > *, .dropdown .dropdown-heading.cover > div > * { display:inline-block; vertical-align: middle; } /* Elements of the dropdown heading */ .dropdown .dropdown-heading .label {} .dropdown .dropdown-heading .value { margin-left: 2px; } .dropdown .dropdown-heading .dropdown-icon { /* e.g. for flags */ width:18px; text-indent:-9999px; background-position:0 50%; background-repeat:no-repeat; } /* Cover shadow of "dropdown-heading" and "dropdown-content" with additional div inside the heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown .dropdown-heading.cover > span, .dropdown .dropdown-heading.cover > div { padding:0 10px; } .dropdown.open > .dropdown-heading.cover > span, .dropdown.open > .dropdown-heading.cover > div { background-color:#fff; z-index:4001; position:relative; } /* Dropdown content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown .dropdown-content { display:none; position:absolute; top:100%; left:0; z-index:4000; padding:20px; min-width:130px; line-height:1.5em; text-align:left; list-style:none; background-color:#fff; } .dropdown .dropdown-content.left-hand { left:auto; right:0; } /* When dropdown content is an unordered list -------------------------------------------------------------- */ /* Everything is inline-block, except links */ .dropdown .dropdown-content > li * { display:inline-block; } .dropdown .dropdown-content > li > a { display:block; } .dropdown .dropdown-content > li { white-space:nowrap; } .dropdown .dropdown-content > li .label { margin-right:8px; } .dropdown .dropdown-content .dropdown-icon { width:18px; text-indent:-9999px; background-position:0 50%; background-repeat:no-repeat; } /** * Icons and "feature" box */ /* Icon %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ div.icon, /*backward compatibility*/ span.icon { background-color:#999; background-position:0 0; background-repeat:no-repeat; border-radius:50%; vertical-align:middle; display:inline-block; width:30px; height:30px; padding:3px; } div.icon.large, /*backward compatibility*/ span.icon.large { width:50px; height:50px; padding:5px; } /* Hover */ .icon-hover:hover /* Info: was more specific: span.icon-hover:hover */ { background-color:#333; } /* Icons: single characters (letters, numbers etc.) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* "i-number" - class name for backward compatibility */ .icon.i-number, .icon.i-char { font-size: 16px; line-height: 30px; font-weight: bold; text-align: center; color: #fff; font-family: Arial, Helvetica, sans-serif; } .icon.large.i-number, .icon.large.i-char { font-size: 20px; line-height: 50px; font-weight: normal; } /* Feature - box with icons, images, text etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic styles */ .feature { margin:10px 0; } .feature:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .feature.first { margin-top:0; } .feature.last { margin-bottom:0; } /* With top/bottom border line */ .feature.top-border { border-top:1px solid #f5f5f5; padding-top:10px; } .feature.bottom-border { border-bottom:1px solid #f5f5f5; padding-bottom:10px; } /* Wrapper with top/bottom line -------------------------------------------------------------- */ .feature-wrapper.top-border { border-top:1px solid #f5f5f5; margin-top:20px; padding-top:20px; } .feature-wrapper.bottom-border { border-bottom:1px solid #f5f5f5; margin-bottom:20px; padding-bottom:20px; } /* Feature headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature .heading { font-size:1.3333em; /*16px*/ line-height:1.25em; /*20px*/ margin-bottom:0.625em; /*10px*/ font-weight:normal; } .feature .above-heading { margin:0 0 5px; font-size:11px; line-height:1.4545em; /*16px*/ text-transform:uppercase; color:#888; } .feature .below-heading { font-size:1em; font-style:italic; line-height:1.3333em; /*16px*/ color:#888; } /* Feature icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature .icon { float:left; } /* Feature icons vertically centered */ .feature.v-centered-content .v-center .icon { margin:0 5px 0 0; } /* Feature icons styles: */ /* Default icon -------------------------------------------------------------- */ .feature .icon { margin:0 15px 10px 0; max-width:30px; max-height:30px; } .feature span.icon { padding:3px; } /* Small icon -------------------------------------------------------------- */ .feature.small .icon { margin:0 10px 10px 0; max-width:18px; max-height:18px; } .feature.small span.icon { padding:0; } /* Small icon: icons with predefined background image */ .feature.small span.icon.list1 { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/infortis/_shared/cck/list/list1.png); width:18px; height:18px; } .feature.small span.icon.list2 { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/infortis/_shared/cck/list/list2.png); width:18px; height:18px; } /* Large icon -------------------------------------------------------------- */ .feature.large .icon { margin:0 15px 10px 0; max-width:50px; max-height:50px; } .feature.large span.icon { padding:5px; } /* Indented feature %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature.indent .icon { margin-bottom:0; } /* Default -------------------------------------------------------------- */ .feature.indent { padding-left:51px; } .feature.indent .icon { margin-left:-51px; } /* Small -------------------------------------------------------------- */ .feature.small.indent { padding-left:28px; } .feature.small.indent .icon { margin-left:-28px; } /* Large -------------------------------------------------------------- */ .feature.large.indent { padding-left:75px; } .feature.large.indent .icon { margin-left:-75px; } /* Feature centered %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature.centered { text-align: center; } .feature.centered .icon { float: none; margin: 0 0 10px; } /* Feature: additional styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Auto-size: allow for big icons. IMPORTANT: don't use "span" tag together with "icon" in this selector! */ .feature .icon.auto-size { width: auto; max-width: none; height: auto; max-height: none; } /* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Icon without background color */ .icon.no-bg-color { background-color: transparent; } .icon.force-no-bg-color { background-color: transparent !important; } /* Shapes */ .icon.circle { border-radius: 50%; } .icon.rounded { border-radius: 5px; } .icon.square { border-radius: 0; } /* All icons square (deprecated) */ .icon-wrapper-square span.icon { border-radius: 0; } /* Auto-size: allow for big icons */ .icon.auto-size { width: auto; max-width: none; height: auto; max-height: none; } /* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ span.icon-hover, .feature-icon-hover span.icon { } .ic { display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /** * Definitions of the font with icons and definitions of the icon glyphs */ @font-face { font-family: 'ThemeIcons'; src:url('https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.eot?387osh'); src:url('https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.eot?#iefix387osh') format('embedded-opentype'), url('https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.woff?387osh') format('woff'), url('https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.ttf?387osh') format('truetype'), url('https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.svg?387osh#ThemeIcons') format('svg'); font-weight: normal; font-style: normal; } /* Icon codes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ic-plane:before { content: "\e200"; } .ic-tag:before { content: "\e201"; } .ic-paint:before { content: "\e202"; } .ic-credit:before { content: "\e203"; } .ic-phone:before { content: "\e204"; } .ic-letter:before { content: "\e205"; } .ic-stopwatch:before { content: "\e206"; } .ic-bars:before { content: "\e207"; } .ic-truck:before { content: "\e208"; } .ic-download:before { content: "\e209"; } .ic-upload:before { content: "\e20a"; } .ic-warning:before { content: "\e20b"; } .ic-question:before { content: "\e20c"; } .ic-info:before { content: "\e20d"; } .ic-success:before { content: "\e20e"; } .ic-close2:before { content: "\e20f"; } .ic-reload:before { content: "\e210"; } .ic-scissors:before { content: "\e211"; } .ic-googleplus:before { content: "\e212"; } .ic-facebook:before { content: "\e213"; } .ic-twitter:before { content: "\e214"; } .ic-feed:before { content: "\e215"; } .ic-youtube:before { content: "\e216"; } .ic-vimeo:before { content: "\e217"; } .ic-flickr:before { content: "\e218"; } .ic-dribbble:before { content: "\e219"; } .ic-github:before { content: "\e21a"; } .ic-wordpress:before { content: "\e21b"; } .ic-blogger:before { content: "\e21c"; } .ic-tumblr:before { content: "\e21d"; } .ic-skype:before { content: "\e21e"; } .ic-home:before { content: "\e21f"; } .ic-edit2:before { content: "\e220"; } .ic-cart:before, .ic-cart1:before { content: "\e221"; } .ic-menu:before { content: "\e222"; } .ic-star-o:before { content: "\e223"; } .ic-star:before { content: "\e224"; } .ic-heart:before { content: "\e225"; } .ic-heart-o:before { content: "\e226"; } .ic-arrow-up:before { content: "\e227"; } .ic-arrow-right:before { content: "\e228"; } .ic-arrow-down:before { content: "\e229"; } .ic-arrow-left:before { content: "\e22a"; } .ic-filter:before { content: "\e22b"; } .ic-lastminute:before { content: "\e22c"; } .ic-close:before { content: "\e22d"; } .ic-edit:before { content: "\e22e"; } .ic-instagram:before { content: "\e22f"; } .ic-user:before { content: "\e230"; } .ic-mobile:before { content: "\e231"; } .ic-pin:before { content: "\e232"; } .ic-zoomin:before { content: "\e233"; } .ic-zoomout:before { content: "\e234"; } .ic-search:before { content: "\e235"; } .ic-gift:before { content: "\e236"; } .ic-anchor:before { content: "\e237"; } .ic-calendar:before { content: "\e238"; } .ic-remove:before { content: "\e239"; } .ic-compare:before { content: "\e23a"; } .ic-alarm:before { content: "\e23b"; } .ic-plus:before { content: "\e23c"; } .ic-minus:before { content: "\e23d"; } .ic-pinterest:before { content: "\e23e"; } .ic-call24:before { content: "\e23f"; } .ic-callcenter:before { content: "\e240"; } .ic-delivery:before { content: "\e241"; } .ic-package:before { content: "\e242"; } .ic-globe:before { content: "\e243"; } .ic-lightbulb:before { content: "\e244"; } .ic-microscope:before { content: "\e245"; } .ic-24hours:before { content: "\e246"; } .ic-coupon:before { content: "\e247"; } .ic-tshirt:before { content: "\e248"; } .ic-bag8:before { content: "\e249"; } .ic-bag6:before { content: "\e24a"; } .ic-bag4:before { content: "\e24b"; } .ic-bag3:before { content: "\e24c"; } .ic-bag7:before { content: "\e24d"; } .ic-bag2:before { content: "\e24e"; } .ic-bag5:before { content: "\e24f"; } .ic-cart2:before { content: "\e250"; } .ic-bag:before, .ic-bag1:before { content: "\e251"; } .ic-cart3:before { content: "\e252"; } .ic-smartphones:before { content: "\e253"; } .ic-grid:before { content: "\e254"; } .ic-list:before { content: "\e255"; } .ic-linkedin:before { content: "\e256"; } .ic-bell:before { content: "\e257"; } .ic-xing:before { content: "\e258"; } .ic-vk:before { content: "\e259"; } .ic-weibo:before { content: "\e25a"; } .ic-renren:before { content: "\e25b"; } .ic-behance:before { content: "\e25c"; } .ic-vine:before { content: "\e25d"; } .ic-share:before { content: "\e25e"; } .ic-lowstock:before { content: "\e25f"; } .ic-left:before { content: "\e260"; } .ic-down:before { content: "\e261"; } .ic-up:before { content: "\e262"; } .ic-right:before { content: "\e263"; } /** * Itemgrid */ .itemgrid .item { float:left; padding-left:1%; padding-right:1%; } /* Itemgrid: different numbers of columns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Clear every first item in each row (row: group of n items) */ /* Item grid: 1 column */ .itemgrid-1col .item { width:98%; } /* Item grid: 2 columns */ .itemgrid-2col .item { width:48%; } .itemgrid-2col > li:nth-of-type(2n+1) { clear:left; } /* Item grid: 3 columns */ .itemgrid-3col .item { width:31.3333%; } .itemgrid-3col > li:nth-of-type(3n+1) { clear:left; } /* Item grid: 4 columns */ .itemgrid-4col .item { width:23%; } .itemgrid-4col > li:nth-of-type(4n+1) { clear:left; } /* Item grid: 5 columns */ .itemgrid-5col .item { width:18%; } .itemgrid-5col > li:nth-of-type(5n+1) { clear:left; } /* Item grid: 6 columns */ .itemgrid-6col .item { width:14.6666%; } .itemgrid-6col > li:nth-of-type(6n+1) { clear:left; } /* Item grid: 7 columns */ .itemgrid-7col .item { width:12.2857%; } .itemgrid-7col > li:nth-of-type(7n+1) { clear:left; } /* Item grid: 8 columns */ .itemgrid-8col .item { width:10.5%; } .itemgrid-8col > li:nth-of-type(8n+1) { clear:left; } /** * Generic tabs */ /* Basic styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Tabs -------------------------------------------------------------- */ /* Total height of the tab bar should be the same as in block titles */ .gen-tabs .tabs li { float:left; margin:0; } .gen-tabs .tabs a { display:block; padding:0 10px; text-decoration:none; outline:none; } /* Tab panels -------------------------------------------------------------- */ .gen-tabs .tabs-panels { padding:15px 0; } .gen-tabs .tabs-panels .panel {} /* Accordion -------------------------------------------------------------- */ .gen-tabs .acctab { display:none; padding:0 0.5em; margin-bottom:1px; font-weight:normal; } .gen-tabs .acctab:hover { cursor:pointer; } /* Accordion mode enabled */ .gen-tabs.accor .tabs { display:none; } .gen-tabs.accor .acctab { display:block; } .gen-tabs.accor .tabs-panels { padding-top:0; } .gen-tabs.accor .tabs-panels .panel { display:none; margin:0 0 10px; padding:15px; } /* Default skin %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs .tabs a { color:#333; background-color:#eee; line-height:3em; } .gen-tabs .tabs a:hover, .gen-tabs .tabs a:focus { background-color:#e5e5e5; } .gen-tabs .tabs a.current { background-color:#ddd; } /* Accordion -------------------------------------------------------------- */ .gen-tabs .acctab { font-size:1.5em; line-height:2.7777em; background-color:#f5f5f5; color:#333; } .gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current { background-color:#e5e5e5; } .gen-tabs.accor .tabs-panels .panel { border-bottom:1px solid #e5e5e5; } /* Tabs - skin 1: with thin borders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs-style1 .tabs a { font-size:1.3333em; color:#333; background-color:#eee; border:1px solid transparent; border-bottom:none; } .gen-tabs-style1 .tabs a:hover, .gen-tabs-style1 .tabs a:focus { background-color:#e5e5e5; border-color:#e5e5e5; } .gen-tabs-style1 .tabs a.current { background-color:#fff; border-color:#e5e5e5; border-bottom:1px solid transparent; margin-bottom:-1px; /* Make a little bit higher than other tabs */ padding-top:4px; margin-top:-4px; } .gen-tabs-style1 .tabs-panels { border-top:1px solid #e5e5e5; } .gen-tabs-style1.accor .tabs-panels { border-top:none; } /* Tabs - skin 2: with shadow (obsolete, will be removed in next updates) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs-style2 .tabs a { font-size:1.3333em; } .gen-tabs-style2 .tabs a.current { box-shadow:0 0 10px rgba(0,0,0, 0.15); position:relative; z-index:1; /* Make a little bit higher thatn other tabs */ padding-top:4px; margin-top:-4px; } .gen-tabs-style2 .tabs-panels { background-color:#fff; position:relative; z-index:2; } /** * Theme icons */ /* Predefined icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Wishlist */ .icon.i-wishlist { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-7px -7px; } .icon.i-wishlist-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-7px -57px; } /* bw */ .icon.i-wishlist-bw { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-7px -7px; } .icon-hover:hover.i-wishlist-bw, .feature-icon-hover:hover .icon.i-wishlist-bw { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-7px -57px; } /* wb */ .icon.i-wishlist-wb { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-7px -57px; } .icon-hover:hover.i-wishlist-wb, .feature-icon-hover:hover .icon.i-wishlist-wb { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-7px -7px; } /* Compare */ .icon.i-compare { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-57px -7px; } .icon.i-compare-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-57px -57px; } /* bw */ .icon.i-compare-bw { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-57px -7px; } .icon-hover:hover.i-compare-bw, .feature-icon-hover:hover .icon.i-compare-bw, .open > .dropdown-toggle.cover .icon.i-compare-bw { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-57px -57px; } /* wb */ .icon.i-compare-wb { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-57px -57px; } .icon-hover:hover.i-compare-wb, .feature-icon-hover:hover .icon.i-compare-wb, .open > .dropdown-toggle.cover .icon.i-compare-wb { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-57px -7px; } /* Share/recommend */ .icon.i-recommend { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-107px -7px; } .icon.i-recommend-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-107px -57px; } /* bw */ .icon.i-recommend-bw { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-107px -7px; } .icon-hover:hover.i-recommend-bw, .feature-icon-hover:hover .icon.i-recommend-bw { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-107px -57px; } /* wb */ .icon.i-recommend-wb { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-107px -57px; } .icon-hover:hover.i-recommend-wb, .feature-icon-hover:hover .icon.i-recommend-wb { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-107px -7px; } /* Low stock */ .icon.i-lowstock { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-157px -7px; } .icon.i-lowstock-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-157px -57px; } /* bw */ .icon.i-lowstock-bw { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-157px -7px; } .icon-hover:hover.i-lowstock-bw, .feature-icon-hover:hover .icon.i-lowstock-bw { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-157px -57px; } /* wb */ .icon.i-lowstock-wb { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-157px -57px; } .icon-hover:hover.i-lowstock-wb, .feature-icon-hover:hover .icon.i-lowstock-wb { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-157px -7px; } /* Cart */ .icon.i-cart { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-457px -7px; } .icon.i-cart-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-457px -57px; } /* bw */ .icon.i-cart-bw { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-457px -7px; } .icon-hover:hover.i-cart-bw, .feature-icon-hover:hover .icon.i-cart-bw, .open > .dropdown-toggle.cover .icon.i-cart-bw { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-457px -57px; } /* wb */ .icon.i-cart-wb { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-457px -57px; } .icon-hover:hover.i-cart-wb, .feature-icon-hover:hover .icon.i-cart-wb, .open > .dropdown-toggle.cover .icon.i-cart-wb { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-457px -7px; } /* Row 2 -------------------------------------------------------------- */ /* Home */ .icon.i-home { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-7px -107px; } .icon.i-home-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-7px -157px; } /* bw */ .icon.i-home-bw { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-7px -107px; } .icon-hover:hover.i-home-bw, .feature-icon-hover:hover .icon.i-home-bw { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-7px -157px; } /* wb */ .icon.i-home-wb { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-7px -157px; } .icon-hover:hover.i-home-wb, .feature-icon-hover:hover .icon.i-home-wb { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-7px -107px; } /* Left */ .icon.i-left { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-107px -107px; } .icon.i-left-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-107px -157px; } /* bw */ .icon.i-left-bw { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-107px -107px; } .icon-hover:hover.i-left-bw, .feature-icon-hover:hover .icon.i-left-bw { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-107px -157px; } /* wb */ .icon.i-left-wb { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-107px -157px; } .icon-hover:hover.i-left-wb, .feature-icon-hover:hover .icon.i-left-wb { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-107px -107px; } /* Right */ .icon.i-right { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-157px -107px; } .icon.i-right-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-157px -157px; } /* bw */ .icon.i-right-bw { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-157px -107px; } .icon-hover:hover.i-right-bw, .feature-icon-hover:hover .icon.i-right-bw { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-157px -157px; } /* wb */ .icon.i-right-wb { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-157px -157px; } .icon-hover:hover.i-right-wb, .feature-icon-hover:hover .icon.i-right-wb { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-157px -107px; } /* Top */ .icon.i-top { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-207px -107px; } .icon.i-top-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-207px -157px; } /* bw */ .icon.i-top-bw { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-207px -107px; } .icon-hover:hover.i-top-bw, .feature-icon-hover:hover .icon.i-top-bw { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-207px -157px; } /* wb */ .icon.i-top-wb { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-207px -157px; } .icon-hover:hover.i-top-wb, .feature-icon-hover:hover .icon.i-top-wb { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-207px -107px; } /* Bottom */ .icon.i-bottom { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-257px -107px; } .icon.i-bottom-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-257px -157px; } /* bw */ .icon.i-bottom-bw { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-257px -107px; } .icon-hover:hover.i-bottom-bw, .feature-icon-hover:hover .icon.i-bottom-bw { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-257px -157px; } /* wb */ .icon.i-bottom-wb { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-257px -157px; } .icon-hover:hover.i-bottom-wb, .feature-icon-hover:hover .icon.i-bottom-wb { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/sprite.png); background-position:-257px -107px; } span.icon-hover, .feature-icon-hover span.icon { transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } span.icon-hover:hover, .feature-icon-hover:hover span.icon { background-color: lightgray!important; } /** * Social icons * Deprecated since 1.10.0 in favor of font icons */ /* Contact icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Phone */ .icon.i-telephone { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-7px -7px; } .icon.i-telephone-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-7px -57px; } /* Mobile */ .icon.i-mobile { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-57px -7px; } .icon.i-mobile-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-57px -57px; } /* Skype */ .icon.i-skype { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-107px -7px; } .icon.i-skype-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-107px -57px; } /* Letter */ .icon.i-letter { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-157px -7px; } .icon.i-letter-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-157px -57px; } /* Location */ .icon.i-location { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-207px -7px; } .icon.i-location-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-207px -57px; } /* Row 2 -------------------------------------------------------------- */ /* Twitter */ .icon.i-twitter { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-7px -107px; } .icon.i-twitter-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-7px -157px; } /* Facebook */ .icon.i-facebook { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-57px -107px; } .icon.i-facebook-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-57px -157px; } /* Google plus */ .icon.i-googleplus { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-107px -107px; } .icon.i-googleplus-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-107px -157px; } /* Youtube */ .icon.i-youtube { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-157px -107px; } .icon.i-youtube-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-157px -157px; } /* Vimeo */ .icon.i-vimeo { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-207px -107px; } .icon.i-vimeo-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-207px -157px; } /* Wordpress */ .icon.i-wordpress { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-257px -107px; } .icon.i-wordpress-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-257px -157px; } /* Pinterest */ .icon.i-pinterest { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-307px -107px; } .icon.i-pinterest-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-307px -157px; } /* Linked in */ .icon.i-linkedin { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-357px -107px; } .icon.i-linkedin-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-357px -157px; } /* Blogger */ .icon.i-blogger { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-407px -107px; } .icon.i-blogger-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-407px -157px; } /* Envato */ .icon.i-envato { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-457px -107px; } .icon.i-envato-w { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-457px -157px; } /** * Common styles */ /* Common styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sizes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* .header-top, .header .dropdown { line-height:3em; } line-height:36px; tlsoft*/ .header .dropdown { max-height:3em; } /* Set static height to improve layout of inline elements */ /* Blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /**/ .sidebar .block:first-child { margin-top:6px; } /* To align with page title */ .cms-index-index .sidebar .block:first-child { margin-top:0; } /* Remove margin on home page */ /* Headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Page Heading -------------------------------------------------------------- */ .my-account .page-title, .category-title { border-bottom:1px solid #e5e5e5; } /* Block titles and section headings -------------------------------------------------------------- */ /* Sidebar blocks */ .block .block-title, /* Section title */ .section-title, /* Cart */ .cart .crosssell h2, .cart .discount h2, .cart .shipping h2 { /* padding:13px 0 7px; */ /*TODO*/ padding-top:7px; padding-bottom:7px; border-bottom:1px solid #e5e5e5; font-weight:normal; font-size:1.5em; /*18px*/ line-height:1.2222em; /*22px*/ } /* Secondary headings -------------------------------------------------------------- */ /* Log in */ .account-login h2, /* Checkout log in */ #opc-login h3, /* Fieldset and multiple checkout */ .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend { font-size:1.5em; /*18px*/ line-height:1.3333em; /*24px*/ font-weight:normal; text-transform:uppercase; border-bottom:1px solid #e5e5e5; padding-bottom:10px; } /* Account headings -------------------------------------------------------------- */ /* Primary */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2 {} /* Secondary */ .dashboard .box .box-title h3, .dashboard .box .box-title h4, .order-info-box h2 {} /* Other headings -------------------------------------------------------------- */ /* Page title */ .category-title, /* Account */ .my-account .page-title, .box-account .box-head, .dashboard .box .box-title { border-color:#e5e5e5; } /* Colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Borders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with horizontal border - normal -------------------------------------------------------------- */ /* CMS */ .section-line, /* Misc */ .toolbar { border-color:#e5e5e5; } /* Elements with horizontal border - lighter -------------------------------------------------------------- */ /* Product page - Add-to-cart area */ .product-view .product-type-data, .product-view .product-type-data .price-box, .container1-wrapper, .container2-wrapper, .product-view .add-to-box, /* Product grid/list */ .category-products-grid .item, .products-list li.item, /* Pop-ups */ .remember-me-popup h3, .map-popup-heading { border-color:#f5f5f5; } /* Elements with vertical border - normal -------------------------------------------------------------- */ /* Product page */ .custom-sidebar-right .inner, .custom-sidebar-left .inner { border-color:#e5e5e5; } /* Elements with vertical border - lighter -------------------------------------------------------------- */ /* Product grid/list */ .products-list .product-shop-inner { border-color:#f5f5f5; } /* Elements with darker border -------------------------------------------------------------- */ /* Cart */ .data-table thead, .cart-table thead tr, /* Availability */ .availability-only-details thead { border-color:#e5e5e5; /*Currently the same color as other borders*/ } /* Background colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with light gray background -------------------------------------------------------------- */ /* Product page - increaments */ .extrahint-wrapper .product-pricing, /* Account */ .addresses-list .addresses-primary .item, .order-info-box, /* Advanced search */ .advanced-search-summary, /* Checkout */ .opc .gift-messages-form { background-color:#f5f5f5; } /* Text color %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with lighter text -------------------------------------------------------------- */ /* Product grid/list */ .products-list .ratings, .products-grid .ratings, .products-list .ratings a, .products-grid .ratings a, /* Breadcrumbs */ .breadcrumbs li, .breadcrumbs a, /* Layered nav */ .block-layered-nav dd li, /* Product page */ .block-related-simple .related-add-to-wishlist, .block-related-thumbnails .related-add-to-wishlist, /* Availability */ .availability, /* Reviews */ .product-view .box-reviews dd .date, /* Product options */ .item-options dd, .product-options p.note, /* Prices */ .price-notice .price, /* MSRP price and old price */ .old-price, .product-view .price-box .old-price .price, #map-popup-msrp, .map-popup-msrp .price { color:#aaa; } /* Forms %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product options form colors -------------------------------------------------------------- */ .product-options dd select, .product-options dd .input-text, .product-options dd textarea, .product-options ul.options-list { color:#888; } .product-options dd select:hover, .product-options dd select:focus, .product-options dd textarea:hover, .product-options dd textarea:focus, .product-options ul.options-list:hover { color:#333; } /* Selected interface icons: text color - icons on hover: toolbar icons, pager, prev/next slide etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hover item color */ /* Toolbar */ .sorter .view-mode a:hover, .sorter .sort-by .category-asc:hover, .sorter .sort-by .category-desc:hover, .pager .pages li a:hover, /* Add-to links */ .add-to-links.addto-icons a:hover, /* Slider arrows */ .gen-slider-arrows1 .direction-nav a:hover, .gen-slider-arrows2 .direction-nav a:hover, .gen-slider-arrows3 .direction-nav a:hover, /* Lightbox */ #cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover, /* Scroll to top button */ #scroll-to-top:hover { color:#fff; /*Color of text*/ } /* Fonts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Price on product page and MSRP %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .price-box .price, .map-popup-price .price, .map-popup-msrp .price { font-family:Verdana, Geneva, sans-serif; } /* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Shadows: for pop-ups, drop-downs etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* IE version included */ #nav .level0-wrapper, #nav.classic .parent > ul, /* Mini cart */ #mini-cart .block-content, .truncated .truncated_full_value .item-options, /* Compare drop-down */ .header .block-compare .block-content, /* Search autocomplete */ .header .form-search .search-autocomplete ul, /* Dropdown */ .open > .dropdown-toggle.cover, .dropdown-menu, /* Pop-ups and tooltips */ .remember-me-popup, .map-popup, .tool-tip, #subscribe-form .input-box .validation-advice { -moz-box-shadow:0 2px 10px rgba(0,0,0, 0.15); -webkit-box-shadow:0 2px 10px rgba(0,0,0, 0.15); box-shadow:0 2px 10px rgba(0,0,0, 0.15); } /* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Links and other selected elements -------------------------------------------------------------- */ /* IMPORTANT: link transitions should be placed before other transitions */ a, .mobnav-trigger .trigger-icon .line, .opener { transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } a:hover, .mobnav-trigger:hover .trigger-icon .line, .opener:hover { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* Opacity -------------------------------------------------------------- */ /* .form-search .button span { transition: opacity 450ms ease-in-out; -moz-transition: opacity 450ms ease-in-out; -webkit-transition: opacity 450ms ease-in-out; -o-transition: opacity 450ms ease-in-out; } .form-search .button:hover span { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } */ .form-search .button span { transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } /* Interface icons: toolbar icons, pager, prev/next slide etc. -------------------------------------------------------------- */ .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, /* Back link */ .buttons-set .back-link small, /* Add-to links */ .add-to-links.addto-icons a, /* Accordion and collapsible: opener */ .accordion-style1 .opener, .accordion-style1 .opener:hover, /*Override: .accordion .opener:hover */ .collapsible .opener, /* Scroll to top */ #scroll-to-top { transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; } /* Accordions, tabs & other components -------------------------------------------------------------- */ /* TODO: del .gen-tabs .tabs a, .gen-tabs .acctab, .opc .step-title { transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; } */ /* Carets -------------------------------------------------------------- */ /* Moved to menu CSS */ /* Elements with animated color, background color and borders -------------------------------------------------------------- */ /* Forms */ input.input-text, select, textarea, .product-options ul.options-list, /* Product image thumbnails */ .product-view .product-img-box .more-views .thumbnails li a, /* Product mini-lists */ .mini-products-list .product-image, .cart .crosssell .product-image, /* Tabs & accordion */ .gen-tabs .tabs a, .gen-tabs .acctab, /* OPC accordion */ .opc .step-title { transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; } /* Shadow for the main containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements which have backgr. color can be marked with "show-bg". They will drop shadow if "shadow" class was added to the containing block. */ .drop-shadow, .shadow .show-bg, /* Conditional shadow for main menu bar */ .shadow .nav-bar-drop-shadow .mobnav-trigger, .shadow .nav-bar-drop-shadow #nav { -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * 2021-12-25 23:40:39 */ body { color: #585858; font-size: 14px; background-color: #f5f3e6; } a { color: #333333; } a:hover, .vertnav li.current > a, h2.product-name a:hover, h3.product-name a:hover, h4.product-name a:hover, h5.product-name a:hover, p.product-name a:hover { color: #fb2f00; } .caret { border-top-color: #585858; } .button { background-color: #8a2529; color: #ffffff; } .button:hover, .button:focus { background-color: #788830; color: #ffffff; } .product-view .btn-cart, .btn-checkout { background-color: #788830; color: #ffffff; } .product-view .btn-cart:hover, .btn-checkout:hover { background-color: #788830; color: #ffffff; } .links > li > a:hover { background-color: #0b0044; color: #ffffff !important; } .sticker.new { background-color: #fb2100; color: #ffffff; } .sticker.sale { background-color: #5bd2ec; color: #ffffff; } /*.price-box .price*/ .price-box .regular-price .price, .price-box .minimal-price .price, .price-box-bundle .full-product-price .price { color: #472d27; } .additional-bg-color, .block-layered-nav .currently, .cart .totals, .checkout-agreements li { background-color: #f1f1f7; } /* Custom content class */ .main-font, /* Headings */ h1, h2, h3, h4, h5, .section-title, .products-list .product-name, .products-grid .product-name, h3.product-name, /*TODO:remove*/ /* Generic */ .feature .heading, .accordion .heading, /* Main menu */ /* Regular mode */ .nav-regular .nav-item.level0 > a, /* level 1 */ /* Mega dropdown */ .nav-regular .nav-submenu--mega > li > a, /* First level of mega dropdown */ /* Mobile mode */ .mobnav-trigger, .nav-mobile .nav-item.level0 > a, /* level 1 */ .nav-mobile .nav-item.level1 > a, /* level 2 */ .nav-mobile .nav-item.level2 > a, /* level 3 */ /* Block headings */ .block .block-title, /* Checkout headings */ #opc-login h3, /* Multiple checkout */ /*.fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend,*/ /* Account */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2, /* Product page */ .product-view .box-reviews dt .heading, .gen-tabs .tabs a, /* Footer headings */ .footer .heading, #subscribe-form label, /* Captions */ .caption .heading { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } /* Toolbar */ .sorter .view-mode a, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages a, .pager .pages .current, /* Add-to links */ .add-to-links .ic, /* Slider arrows */ .slider-arrows1 .owl-controls .owl-buttons div, .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover, .slider-arrows2 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* Slider pagination */ .slider-pagination1 .owl-controls .owl-page span, .slider-pagination2 .owl-controls .owl-page span, /* Lightbox */ #cboxPrevious, #cboxNext, #cboxClose, /* Accordion and collapsible: opener */ .accordion-style1 .opener, .collapsible .opener, /* Scroll to top */ #scroll-to-top { background-color: #f5f5f5; color: #333333; } /* Toolbar */ .sorter .view-mode a:hover, .sorter .sort-by .category-asc:hover, .sorter .sort-by .category-desc:hover, .pager .pages li a:hover, /* Add-to links */ .add-to-links .ic:hover, .add-to-links .feature-icon-hover:hover .ic, /* Slider arrows */ .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover, .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover, .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .slider-pagination1 .owl-controls.clickable .owl-page:hover span, .slider-pagination2 .owl-controls.clickable .owl-page:hover span, /* Lightbox */ #cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover, /* Accordion and collapsible: opener */ .accordion-style1 .opener:hover, .collapsible .opener:hover, /* Scroll to top */ #scroll-to-top:hover { background-color: #000000; color: #ffffff; } /* Slider pagination */ .slider-pagination1 .owl-controls .owl-page.active span, .slider-pagination1 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */ .slider-pagination2 .owl-controls .owl-page.active span, .slider-pagination2 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */ .sorter .view-mode span.grid, .sorter .view-mode span.list, .pager .pages .current { background-color: #e5e5e5; color: #333333; } .ib, /* For backward compatibility: */ .feature > span.icon { background-color: #788830; color: #ffffff; } .ib-hover:hover, .feature-icon-hover:hover .ib, /* For backward compatibility: */ .icon-hover:hover, .feature-icon-hover:hover > span.icon { background-color: #8a2529 !important; color: #ffffff !important; } .ib.icon-color-productview, span.icon.icon-color-productview { background-color: #eeeeee; } .ib-hover.icon-color-productview:hover, .feature-icon-hover:hover .ib.icon-color-productview, .feature-icon-hover:hover span.icon.icon-color-productview { background-color: #5bd2ec !important; } .wrapper { border-top-color: #3b3b3b; background-color: #ffffff; } .inner-container { padding-left: 12px; padding-right: 12px; } @media only screen and (max-width: 479px) { .container.stretched > .inner-container { padding-left: 12px; padding-right: 12px; } } .header-container { } .header { background-color: #ffffff; } .header a { } .header a:hover { } .header-container3 { } .header .caret { border-top-color: #585858; } .form-search .input-text { background-color: #f5f3e6; border-color: #dddddd; } .form-search .input-text:hover, .form-search .input-text:focus { background-color: #ffffff; border-color: #333333; } .form-search .input-text, .form-search .button { color: #bbbbbb; } .form-search .input-text:hover, .form-search .input-text:focus, .form-search .input-text:hover + .button, .form-search .button:hover { color: #333333; } .header .dropdown .dropdown-content, .header .dropdown.open > .dropdown-heading.cover > *, .header .truncated .truncated_full_value .item-options, .header .form-search .search-autocomplete { background-color: #ffffff; color: #333333; } .header .dropdown .dropdown-content a, .header .dropdown.open > .dropdown-heading.cover a, .header .form-search .search-autocomplete li { color: #777777; } .header .dropdown .dropdown-content a:hover, .header .dropdown.open > .dropdown-heading.cover a:hover, .header .form-search .search-autocomplete li:hover { color: #f05800; } .header .dropdown.open > .dropdown-heading.cover .caret { border-top-color: #333333; } .header-top-container { } .header-top { color: #3b3b3b; } .header-top a { } .header-top a:hover { } .header-primary-container { } .header-primary { padding-top: 10px; padding-bottom: 10px; } .header-mobile .skip-link { background-color: #fafafa; color: #333333; } .header-mobile .skip-link:hover { color: #333333; } .header-mobile .skip-link.skip-active { background-color: #f5f5f5; color: #3ec2df; } .header-mobile .skip-content--style { background-color: #f5f5f5; color: #333333; } .header-mobile .skip-content--style a { color: #333333; } .header-mobile .skip-content--style a:hover { color: #3ec2df; } .cat-label-label1 { background-color: #d53100; color: #ffffff; } .cat-label-label2 { background-color: #d52462; color: #ffffff; } li.level0 > a > span > .cat-label-label1.pin-bottom:before { border-top-color: #d53100; } li.level0 > a > span > .cat-label-label2.pin-bottom:before { border-top-color: #d52462; } li > a:hover > span > .cat-label, .nav-regular li.level0:hover > a > span > .cat-label /* Top-level category label is highlighted on item hover, not on link hover */ { background-color: #ff7214; color: #ffffff; } li.level0 > a:hover > span > .pin-bottom:before, .nav-regular li.level0:hover > a > span > .pin-bottom:before { border-top-color: #ff7214; } #nav .nav-panel--dropdown { background-color: #f5f3e6; color: #333333; } #nav .nav-panel--dropdown a { color: #333333; } #nav .nav-panel--dropdown a:hover { color: #d53100; } #nav .nav-panel--dropdown a .caret { border-left-color: #333333; border-right-color: #333333; } #nav .nav-panel--dropdown a:hover .caret { border-left-color: #d53100; border-right-color: #d53100; } /* All types*/ .nav-regular .nav-panel--dropdown { -moz-box-shadow:0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow:0 3px 10px rgba(0,0,0, 0.15); box-shadow:0 3px 10px rgba(0,0,0, 0.15); } .nav-mobile div.nav-panel--dropdown { -moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); box-shadow: 0 3px 10px rgba(0,0,0, 0.15); z-index: 1; position: relative; } .nav-mobile div.nav-panel--dropdown div.nav-panel--dropdown { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .nav-container { background-color: #8a2529; } .nav { background-color: #8a2529; } .header-mobile .nav { margin-bottom: 10px; } .nav.has-outline > .inner-container { padding-top: 12px; padding-bottom: 12px; } .sticky-header .sticky-container, .sticky-header .nav-regular { background-color: #0b0044; } .sticky-header .nav-regular .nav-item.level0 > a { color: #333333; } .nav-regular { background-color: #8a2529; } .nav-regular .nav-item.level0 > a, #nav .nav-item--homeicon a { color: #ffe4a4; } .nav-mobile .nav-item.level0 > a { background-color: #8a2529; color: #ffe4a4; } .nav-mobile .nav-item.level0 > .opener { color: #ffe4a4; } #nav.nav-mobile ul.level0 .nav-item > a { background-color: #8a2529; color: #ffe4a4; } .nav-mobile ul.level0 .nav-item > .opener { color: #ffe4a4; } .nav-regular .nav-item.level0.active > a { background-color: #333333; color: #ffe4a4; } .nav-mobile .nav-item.level0.current > a { background-color: #333333; color: #ffe4a4; } .nav-mobile .nav-item.level0.current > .opener { color: #ffe4a4; } #nav.nav-mobile ul.level0 .nav-item.current > a { background-color: #333333; color: #ffe4a4; } .nav-mobile ul.level0 .nav-item.current > .opener { color: #ffe4a4; } .nav-regular .nav-item.level0:hover > a { background-color: #333333; color: #ffe4a4; } .nav-mobile .nav-item.level0 > a:hover { background-color: #333333; color: #ffe4a4; } .nav-mobile .nav-item.level0 > a:hover + .opener { color: #ffe4a4; } #nav.nav-mobile ul.level0 .nav-item > a:hover { background-color: #333333; color: #ffe4a4; } .nav-mobile ul.level0 .nav-item > a:hover + .opener { color: #ffe4a4; } .nav-regular .nav-item.level0 > a { line-height: 50px; } #nav .nav-item.level0.parent > a .caret { border-top-color: #ffe4a4; } #nav .nav-item.level0.parent.active > a .caret { border-top-color: #ffe4a4; } #nav .nav-item.level0.parent:hover > a .caret { border-top-color: #ffe4a4; } .nav-mobile li.nav-item { margin-top: 1px !important; } .nav-mobile { background-color: #f5f3e6; } .mobnav-trigger-wrapper { color: #ffe4a4; } .mobnav-trigger { background-color: #8a2529; color: #ffe4a4; } .mobnav-trigger:hover { background-color: #333333; color: #ffe4a4; } .mobnav-trigger.active { background-color: #333333; color: #ffe4a4; } .mobnav-trigger .trigger-icon .line { background-color: #ffe4a4; } .mobnav-trigger:hover .trigger-icon .line { background-color: #ffe4a4; } .mobnav-trigger.active .trigger-icon .line { background-color: #ffe4a4; } .nav-regular .nav-item.level0 > a { font-size:16px; } .nav-regular .nav-submenu--mega > li > a { font-size:16px; text-transform:uppercase; } .nav-mobile li.nav-item > a { font-size:14px; } .mobnav-trigger, .nav-mobile .nav-item.level0 > a { font-size:14px; text-transform: uppercase; } .nav-mobile .nav-item.level1 > a { font-size:14px; text-transform: none; } .main-container { } .main { background-color: #ffffff; } .truncated .item-options { background-color: #ffffff; } .category-products-grid .item, .products-list .item { } .category-products-grid .item:hover, .products-list .item:hover { } .gen-tabs .tabs { background-color: #f1f1f7; } .gen-tabs .tabs a { background-color: #eeeeee; color: #333333; } .gen-tabs .tabs a:hover, .gen-tabs .tabs a:focus { background-color: #e5e5e5; color: #333333; } .gen-tabs .tabs a.current { background-color: #ffffff; color: #00a9c7; } .gen-tabs .acctab { background-color: #f5f5f5; color: #333333; } .gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current { background-color: #eeeeee; color: #00a9c7; } .gen-tabs .tabs-panels { background-color: #ffffff; } /* Slider arrows */ .the-slideshow .owl-controls .owl-buttons div, /* Slider pagination */ .the-slideshow.slider-pagination1 .owl-controls .owl-page span, /* For pagination2 default color overrides color of active state and hover state */ .the-slideshow.slider-pagination2 .owl-controls .owl-page span, .the-slideshow.slider-pagination2 .owl-controls .owl-page.active span, .the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page.active:hover span { background-color: #ffffff; color: #333333; } /* Slider arrows */ .the-slideshow .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page:hover span, .the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page:hover span { background-color: #000000; color: #ffffff; } .the-slideshow.slider-pagination1 .owl-controls .owl-page.active span, .the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page.active:hover span /* Active state overrides hover state */ { background-color: #de2666; } .footer-container { } .footer { background-color: #f8f7e6; color: #ffffff; } .footer a { color: #c1aa64; } .footer a:hover { } .footer .button { background-color: #ffffff; color: #555555; } .footer .button:hover, .footer .button:focus { background-color: #a5db00; color: #ffffff; } .footer .ib, .footer span.icon /* For backward compatibility */ { background-color: #de2666; color: #ffffff; } .footer .ib-hover:hover, .footer span.icon-hover:hover, /* For backward compatibility */ .footer .feature-icon-hover:hover .ib, .footer .feature-icon-hover:hover span.icon /* For backward compatibility */ { background-color: #444444 !important; color: #ffffff !important; } /* Slider arrows */ .footer .slider-arrows1 .owl-controls .owl-buttons div, .footer .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover, .footer .slider-arrows2 .owl-controls .owl-buttons div, .footer .slider-arrows3 .owl-controls .owl-buttons div, .footer .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* Slider pagination */ .footer .slider-pagination1 .owl-controls .owl-page span, .footer .slider-pagination2 .owl-controls .owl-page span, /* Accordion and collapsible: opener */ .footer .accordion-style1 .opener, .footer .collapsible .opener { background-color: #f5f5f5; color: #333333; } /* Slider arrows */ .footer .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover, .footer .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover, .footer .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .footer .slider-pagination1 .owl-controls.clickable .owl-page:hover span, .footer .slider-pagination2 .owl-controls.clickable .owl-page:hover span, /* Accordion and collapsible: opener */ .footer .accordion-style1 .opener:hover, .footer .collapsible .opener:hover { background-color: #5bd2ec; color: #ffffff; } .footer-top-container { background-color: #f8f7e6; } .footer-top { background-color: #f8f7e6; color: #472d27; } .footer-top a { color: #ff0000; } .footer-top a:hover { } .footer-primary-container { background-color: #f8f7e6; } .footer-primary { background-color: #f8f7e6; color: #788830; } .footer-primary a { color: #472d27; } .footer-primary a:hover { } .footer-secondary-container { background-color: #8a2529; } .footer-secondary { background-color: #8a2529; color: #ffffff; } .footer-secondary a { } .footer-secondary a:hover { color: #ffffff; } .footer-bottom-container { } .footer-bottom { color: #FEFFDE; } .footer-bottom a { color: #555555; } .footer-bottom a:hover { color: #de2666; } .social-links .ib, .social-links a > span.icon /* For backward compatibility */ { background-color: #788830; color: #ffffff; } .social-links .ib-hover:hover, .social-links a > span.icon-hover:hover /* For backward compatibility */ { background-color: #333333 !important; color: #ffffff !important; } /** * Override CSS components */ /* Accordion/collapsible openers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion .opener, .collapsible .opener, .acco .opener /* Menu opener */ { /* Override default background image */ background-image: none !important; /* Font icons */ display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Icon size */ font-size: 12px; } .accordion .opener:before, .collapsible .opener:before, .acco .opener:before { content: "\e23c"; } /* Active opener */ .accordion li.item-active > .opener:before, .collapsible.active .opener:before, .acco li.item-active > .opener:before { content: "\e23d"; } /* Colorbox %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #cboxPrevious, #cboxNext, #cboxClose { /* Override default background image */ background-image: none !important; /* Font icons */ display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Icon size */ font-size: 20px; } #cboxClose { font-size: 16px; } #cboxPrevious:before { content: "\e260"; } #cboxNext:before { content: "\e263"; } #cboxClose:before { content: "\e20f"; } /* Generic-nav %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Styles common for all direction controls */ .slider-arrows1 .owl-controls .owl-buttons div, .slider-arrows2 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls .owl-buttons div { /* Override default background image and remove text indent */ background-image: none !important; text-indent: 0; /* Font icons */ display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Icon size */ font-size: 20px; } .owl-controls .owl-buttons .owl-prev:before { content: "\e260"; } .owl-controls .owl-buttons .owl-next:before { content: "\e263"; } /* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Buttons aligned at the bottom */ .itemslider.equal-height .item { position: static; padding-bottom: 50px; } .itemslider.equal-height .actions { position: absolute; bottom: 0; } /** * Override modules */ /** * Override all Magento base styles. * Add theme-specific styles. */ /** * * * OVERRIDE/EXTEND styles.css * * */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .wrapper { border-top-style:solid; border-top-width:5px; } .main { padding:30px 0 40px; } /* Additional margin for main sidebars -------------------------------------------------------------- */ .col-left > * { margin-right: 32px; } .col-right > * { margin-left: 32px; } /* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Form %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Page Heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-title h1, .page-title h2 { margin:0; min-height:1.3125em; /* 42px. Has to ba aligned with ".block .block-title" */ } .category-title { margin-bottom:0; } /* Global Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .note-msg.empty-catalog { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/img/empty-catalog.png) 10px 10px no-repeat transparent !important; color:inherit; min-height:70px; padding:40px 20px 40px 160px !important; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs { line-height:1.5em; /*18px*/ margin:0 0 5px; } /* Breadcrumbs on product page */ .catalog-product-view .breadcrumbs { margin-bottom:10px; } /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Line breaker */ .user-menu .line-break-after { clear:both; margin-bottom: 1px; } /* Quick search: skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search: inline -------------------------------------------------------------- */ .search-wrapper-inline .form-search .input-text { min-width: 180px; } /* Quick search: positions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Position 0 */ .search-wrapper-p0 { float: right; } .search-wrapper-p0 .form-search .input-text { min-width: 220px; } /* Position 1 - right side of top links */ .search-wrapper-p1 { float: right; } .search-wrapper-p1 .form-search .input-text { min-width: 220px; } /* Position 2 - right side of top links */ .search-wrapper-p2 { float: right; } .search-wrapper-p2 .form-search .input-text { min-width: 220px; } /* Position 3 - right side of top links */ .search-wrapper-p3 { float: right; } .search-wrapper-p3 .form-search .input-text { min-width: 220px; } /* Position 4 - right side of top links */ .search-wrapper-p4 { float: right; } .search-wrapper-p4 .form-search .input-text { min-width: 220px; } /* Position 5 - right side of top links */ .search-wrapper-p5 { float: right; } .search-wrapper-p5 .form-search .input-text { min-width: 220px; } /* Regular header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Skip link %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .skip-link { display: none; } /* Counter */ .skip-link .count { display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: red; color: #fff; margin-left: -14px; margin-right: -7px; margin-top: -22px; position: relative; } /* Selected skip links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Cart + compare -------------------------------------------------------------- */ /* Skip links has to be hidden except cart and compare */ .header-regular .mini-cart-heading, .header-regular .mini-compare-heading { display: block; } .header-regular .mini-cart-heading .label.no-display, .header-regular .mini-compare-heading .label.no-display { display: none; } /* Skip content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .skip-content {} /* Vertically aligned grid (in "Header Primary" section) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .hp-blocks-holder { display:table; width:100%; } .header-regular .hp-blocks-holder .hp-block { float:none; display:table-cell; vertical-align:middle; } /* Logo %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .logo--mobile { display: none; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .logo-wrapper--mobile, .header-regular .header-collateral, .header-regular .after-mobile-logo, .header-regular #mini-cart-wrapper-mobile { display: none; } /*.header-regular .header-top .lang-switcher, .header-regular .header-top .currency-switcher, */ .header-regular #lang-switcher-wrapper-regular, .header-regular #currency-switcher-wrapper-regular, .header-regular .header-top .dropdown { margin:0; } /* Mobile header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Skip links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Some skip links are also displayed in regular header so the styles specific to mobile header have to be applied with "header-mobile" class */ .header-mobile .skip-link { position: relative; float: left; width: 20%; height: 50px; line-height: 50px; text-align: center; cursor: pointer; } .header-mobile a.skip-link { text-decoration: none; } /*.header-mobile .skip-link:not(.skip-active):hover*/ .header-mobile .skip-link:hover { opacity: 0.7; } .header-mobile .skip-link.skip-active:hover { opacity: 1; } /* Elements -------------------------------------------------------------- */ .header-mobile .skip-link .icon { display: inline-block; vertical-align: middle; margin-right: 3px; font-size: 16px; line-height: 16px; } .header-mobile .skip-link .label { display: inline-block; vertical-align: middle; line-height: 16px; } .header-mobile .skip-link .count { display: inline-block; vertical-align: middle; } .header-mobile .skip-link .caret { display: none; } /* Active link -------------------------------------------------------------- */ .header-mobile .skip-link.skip-active, .header-mobile .skip-link:hover { color: inherit; } .header-mobile .skip-link.skip-active span { color: inherit; } .header-mobile .skip-link.skip-active .count { color: #fff; } /* Size -------------------------------------------------------------- */ .header-mobile .skip-links--1 .skip-link { width: 100%; } .header-mobile .skip-links--2 .skip-link { width: 50%; } .header-mobile .skip-links--3 .skip-link { width: 33.33%; } .header-mobile .skip-links--4 .skip-link { width: 25%; } .header-mobile .skip-links--5 .skip-link { width: 20%; } .header-mobile .skip-links--6 .skip-link { width: 16.66%; } /* Selected skip links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Compare -------------------------------------------------------------- */ /* Hide compare block's heading (only heading) */ .header-mobile .mini-compare .mini-compare-heading { display: none; } .header-mobile .mini-compare .actions { border: none; padding-top: 0; } /* Cart + compare -------------------------------------------------------------- */ /* Important: possible value "relative" of the "position" property. In mobile header, we need to reset "position" of the dropdown container so that it doesn't cover other skip links. We also need to remove float. */ .header-mobile .mini-cart, .header-mobile .mini-compare { position: static; float: none; } .header-mobile .mini-cart-content, .header-mobile .mini-compare-content { clear: both; width: 100%; } /*.header-mobile .skip-cart { float: right; } .header-mobile .skip-compare { float: right; }*/ /* Skip content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .skip-content { display: none; } .header-mobile .skip-content.skip-active { display: block; } /* Styls required in skip-content blocks are added through special class so that we can control which blocks are styled -------------------------------------------------------------- */ .header-mobile .skip-content--style { padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* Skip content blocks have to be reset the same as all grid units because skip content blocks can have grid units */ width:100% !important; /* Added "!important" to override units with "no-gutter" */ margin: 0; } /* Selected skip content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search -------------------------------------------------------------- */ .header-mobile .form-search { width: 100%; } .header-mobile .form-search .input-text { width: 100%; } /* Cart + compare -------------------------------------------------------------- */ .header-mobile .mini-cart-content, .header-mobile .mini-compare-content { clear: both; width: 100%; } /* Top links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .top-links { float: none !important; clear: both; } .header-mobile .top-links ul { float: none !important; } /* Generic vertical inline links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .skip-content .links > li { float: none; } .header-mobile .skip-content .links > li > a { background-image: none; /* Remove link separators */ } /* Logo and collaterals %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Regular logo */ .header-mobile .logo-wrapper--regular { display: none; } /* Mobile logo */ .header-mobile .logo-wrapper--mobile { width: 60%; margin-left: auto; margin-right: auto; text-align: center; } .header-mobile .header-collateral + .logo-wrapper--mobile { float: left; text-align: left; } .header-mobile .logo-wrapper--mobile .logo { display: block; margin-top: 5px; margin-bottom: 5px; } /* Collaterals */ .header-mobile .header-collateral { float: right; text-align: right; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .line-break-after { display: none !important; } /* User menu -------------------------------------------------------------- */ .header-mobile .user-menu { float: none !important; margin: 0; /* Important: remove margins to collapse the block completely */ } /* Language/currency switcher -------------------------------------------------------------- */ .header-mobile #lang-switcher-wrapper-regular, .header-mobile #currency-switcher-wrapper-regular { display: none; } /* Mobile menu inside mobile header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hide/show basic elements */ .header-mobile .mobnav-trigger-wrapper { display: none !important; } /* Always hidden */ .header-mobile .nav-mobile { display: block !important; } /* Always displayed */ /* Container -------------------------------------------------------------- */ /* Important: menu container is also a "skip-content" block */ .header-mobile .nav-container { /* Padding for menu container may be added via admin panel so we need to remove it here. We can reset here entire padding, because bottom padding is later re-applied in CSS generated via admin. Bottom padding is kept so that mobile header look more similar to regular header. */ padding: 0; /* If needed, reset also other styles which are added to standard "skip-content" blocks */ /* Remove background color */ background-color: transparent; } /* Menu bar -------------------------------------------------------------- */ /* Remove shadow */ .header-mobile .nav-container #nav { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* Menu items -------------------------------------------------------------- */ /* Mobile menu - remove possible gap from the top of the very first item. Gaps are added as dividers between items of the mobile menu accordion. */ .header-mobile .nav-mobile .nav-item.nav-1 { margin-top: 0 !important; } /* Additional overrides for mobile header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* If inner container has a background color, it gets additional class "has-outline". Remove the background color and shadow. */ .header-mobile .nav.has-outline { background-color: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .header-mobile .nav.has-outline > .inner-container {} .header-mobile .nav.stretched > .inner-container {} /* Sticky header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .sticky-header .sticky-container { /* .sticky-header .nav-container */ position: fixed; top: 0; width: 100%; z-index: 1000; background-color: #fff; } /* Reset selected styles of the menu bar in sticky header -------------------------------------------------------------- */ /* Remove additional padding above and below the menu container */ .sticky-header .nav-container { padding-top: 0; padding-bottom: 0; } /* Remove inner background color (outline of the menu bar) */ .sticky-header .nav-container .nav { background-color: transparent; } /* Remove vertical padding from the inner container when inner container has a background color (outline) */ .sticky-header .nav-container .nav > .inner-container { padding-top: 0; padding-bottom: 0; } .sticky-header .nav-container #nav { /* Deprecated. For backward compatibility. Menu has no margin in current version. */ margin-top: 0; margin-bottom: 0; } /* Remove shadow of menu bar container, also if menu bar itself has shadow */ .sticky-header .nav-container .nav, .sticky-header .nav-container #nav { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } /* Category labels -------------------------------------------------------------- */ /* Make top-level category labels invisible */ .sticky-header .nav-regular .nav-item.level0 > a .cat-label { display: none; } /* Alternatively, we can make the labels smaller */ /*.sticky-header .nav-regular .nav-item.level0 > a .cat-label { font-size: 11px; line-height: 15px; padding: 0 4px; top: 2px; } .sticky-header .nav-regular .nav-item.level0 > a .pin-bottom:before { display: none; }*/ /* Sticky header + mobile menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.sticky-header .nav-container { height: 55px; } .sticky-header .nav-mobile { height: 300px; overflow-y: auto; overflow-x: hidden; }*/ /* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Block lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed .block-content ol, .block-compare .block-content ol, .block-compared .block-content ol { padding-left: 0; list-style: none; } .block-viewed .block-content li.item, .block-compare .block-content li.item, .block-compared .block-content li.item { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/img/bullet.png) no-repeat 3px 10px; padding-left:15px; } /* Block: Related %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Align block title with the tabs on product page */ .block-related .section-title { padding-top: 19px; } .block-related-thumbnails .owl-wrapper { margin-top:15px; } /* Block: Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-account .block-title { background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/img/ic-account.png) 5px 2px no-repeat; padding-left:42px !important; } .block-account .block-content { padding:10px 0 0; } .block-account li > * { padding: 2px; } .block-account li.current strong { font-weight:bold; } /* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-grid .item { -webkit-tap-highlight-color: transparent; } /* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Availability %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .availability { float:right; margin:15px 0 10px; } /* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Bundle product */ .price-box-bundle { border-bottom:1px solid #e5e5e5; margin:-10px 0 15px; /* Move up to align with the main price box */ padding-bottom:15px; } /* Main containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Margin before price box */ .product-view .space-before-avail { margin:0 0 15px; height:0; line-height:0; } /* Upper part of the container */ .product-view .product-type-data > .price-box { border-top-style:solid; border-top-width:1px; margin:15px 0 0; padding:10px 0; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Reviews */ .product-view .box-reviews .buttons-set { margin-left:0; margin-right:0; } /* New elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .sku { margin: 15px 0; } .product-view .sku .label { font-weight: bold; } /* Product type specific data %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .is-type-grouped .availability { margin-top:0; margin-bottom:0; } .product-view .grouped-items-table input.input-text { height: 26px; padding:4px; /* Decrease default height and padding */ } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.my-account .pager { margin: -1px 0 20px; }*/ /* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Footer primary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-primary .section { padding-top: 20px; padding-bottom: 20px; } /** * * * MISCELLANEOUS * * */ /* Accordion/collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Accordion - Style 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion-style1 li a { border-bottom-color:#eee; border-bottom:1px solid rgba(0,0,0,0.06); } .accordion-style1 li a:hover { background-color:rgba(0,0,0, 0.03); } /* Opener -------------------------------------------------------------- */ .accordion-style1 .opener { background-color:rgba(0,0,0, 0.03); } /* Icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Icons applied with icon codes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* These icons needs to have the same basic styles as standard font icons. Except line height - it would override individual size of each icon. */ .form-search .button:before, .buttons-set .back-link a:before, .btn-remove:before, .btn-remove2:before, .map-popup-close:before, .remember-me-popup-head .remember-me-popup-close:before, .btn-edit:before, .breadcrumbs .sep { display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Apply icon codes -------------------------------------------------------------- */ .form-search .button:before { content: "\e235"; } .buttons-set .back-link a:before { content: "\e22a"; } .btn-remove:before, .btn-remove2:before, .map-popup-close:before, .remember-me-popup-head .remember-me-popup-close:before { content: "\e22d"; } .btn-edit:before { content: "\e22e"; } .breadcrumbs .sep:before { content: "\e228"; font-size: 8px; } /* Other modifications %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Menu container: with outline (if menu has inner background color) or without outline (if menu is stretched) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* With outline -------------------------------------------------------------- */ /* Add padding, the same value as for side padding of all page sections. Padding is added via admin. Default value is for fallback in case side padding was set to zero. Important: use the same value as for side padding of all page sections to keep consistent padding. */ .nav.has-outline > .inner-container { /*padding: 15px;*/ padding-top: 15px; padding-bottom: 15px; } /* Trigger has no bottom margin */ .nav.has-outline .mobnav-trigger { margin-bottom: 0; } /* Without outline -------------------------------------------------------------- */ /* If menu container stretched, remove top and bottom padding Important: added class "container" to make the rule more specific. */ .container.nav.stretched > .inner-container { padding-top: 0; padding-bottom: 0; } /* Deprecated, for backward compatibility: */ .nav.has-outline > .grid-full { margin-top: 1%; margin-bottom: 1%; } /* With outline */ .container.nav.stretched > .grid-full { margin-top: 0; margin-bottom: 0; } /* Without outline */ /* Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Collateral boxes - full width */ .cart-left-column .grid-full, .cart-right-column .grid-full { width:100%; } /** * * * BUILT-IN STATIC BLOCKS * * */ .block_category_above_collection { margin:10px 0; } .block_category_below_collection { margin:10px 0; } .block_category_above_empty_collection { margin:10px 0; } .block_mini_cart_above_products { margin:0 0 10px; } .block_cms_page_top { margin:0 0 15px; } .block_footer_payment { margin-right:10px; margin-bottom:10px; margin-left:20px; } /* Sample block content -------------------------------------------------------------- */ .sample-block { color:#999; margin-top:10px; padding: 0 !important; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } .sample-block:hover { color:#333; } /** * * * HIGH-RESOLUTION READY IMAGES (RETINA-READY) * * */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and ( min--moz-device-pixel-ratio: 1.5), only screen and ( -o-min-device-pixel-ratio: 3/2), only screen and ( -ms-min-device-pixel-ratio: 1.5), only screen and ( min-device-pixel-ratio: 1.5) { /* Rating */ .rating-box, .rating-box .rating { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/img/rating@2x.png); background-size:14px 43px; } /* Icons below are obsolete and will be removed in future releases. Icons created with image sprites were replaced with font icons. Font icons should be used instead of old sprite image icons. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Theme icons -------------------------------------------------------------- */ /* To top */ #scroll-to-top, /* Search button */ .header .form-search .button span, /* All icons from icons-theme.css */ /* Row 1: */ .icon.i-wishlist, .icon.i-wishlist-w, .icon.i-wishlist-bw, .icon.i-wishlist-wb, .icon.i-compare, .icon.i-compare-w, .icon.i-compare-bw, .icon.i-compare-wb, .icon.i-recommend, .icon.i-recommend-w, .icon.i-recommend-bw, .icon.i-recommend-wb, .icon.i-lowstock, .icon.i-lowstock-w, .icon.i-lowstock-bw, .icon.i-lowstock-wb, .icon.i-cart, .icon.i-cart-w, .icon.i-cart-bw, .icon.i-cart-wb, /* Row 2: */ .icon.i-home, .icon.i-home-w, .icon.i-home-bw, .icon.i-home-wb, .icon.i-left, .icon.i-left-w, .icon.i-left-bw, .icon.i-left-wb, .icon.i-right, .icon.i-right-w, .icon.i-right-bw, .icon.i-right-wb, .icon.i-top, .icon.i-top-w, .icon.i-top-bw, .icon.i-top-wb, .icon.i-bottom, .icon.i-bottom-w, .icon.i-bottom-bw, .icon.i-bottom-wb /* Last selector without trailing coma */ { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite@2x.png); background-size:500px 200px; } /* All icons from icons-social.css -------------------------------------------------------------- */ /* Row 1: */ .icon.i-telephone, .icon.i-telephone-w, .icon.i-mobile, .icon.i-mobile-w, .icon.i-skype, .icon.i-skype-w, .icon.i-letter, .icon.i-letter-w, .icon.i-location, .icon.i-location-w, /* Row 2: */ .icon.i-twitter, .icon.i-twitter-w, .icon.i-facebook, .icon.i-facebook-w, .icon.i-googleplus, .icon.i-googleplus-w, .icon.i-youtube, .icon.i-youtube-w, .icon.i-vimeo, .icon.i-vimeo-w, .icon.i-wordpress, .icon.i-wordpress-w, .icon.i-pinterest, .icon.i-pinterest-w, .icon.i-linkedin, .icon.i-linkedin-w, .icon.i-blogger, .icon.i-blogger-w, .icon.i-envato, .icon.i-envato-w /* Last selector without trailing coma */ { background-image:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/sprite-icons-social@2x.png); background-size:500px 200px; } } /* end: media query */ /* * 12-column grid system */ /* Grid units %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full, /* Alias for full-width unit */ /* Special grid units */ .grid-col2-sidebar, .grid-col2-main { /*position:relative;*/ display:inline; float:left; margin-left:1%; margin-right:1%; } /* Basic grid units width */ .grid12-1 { width:6.33%; } .grid12-2 { width:14.66%; } .grid12-3 { width:23%; } .grid12-4 { width:31.33%; } .grid12-5 { width:39.67%; } .grid12-6 { width:48%; } .grid12-7 { width:56.33%; } .grid12-8 { width:64.67%; } .grid12-9 { width:73%; } .grid12-10 { width:81.33%; } .grid12-11 { width:89.67%; } .grid12-12, .grid-full { width:98%; } /* Grid units without left gutter (margin) */ .no-left-gutter.grid12-1 { margin-left:0; width:7.33%; } .no-left-gutter.grid12-2 { margin-left:0; width:15.66%; } .no-left-gutter.grid12-3 { margin-left:0; width:24%; } .no-left-gutter.grid12-4 { margin-left:0; width:32.33%; } .no-left-gutter.grid12-5 { margin-left:0; width:40.67%; } .no-left-gutter.grid12-6 { margin-left:0; width:49%; } .no-left-gutter.grid12-7 { margin-left:0; width:57.33%; } .no-left-gutter.grid12-8 { margin-left:0; width:65.67%; } .no-left-gutter.grid12-9 { margin-left:0; width:74%; } .no-left-gutter.grid12-10 { margin-left:0; width:82.33%; } .no-left-gutter.grid12-11 { margin-left:0; width:90.67%; } .no-left-gutter.grid12-12, .no-left-gutter.grid-full { margin-left:0; width:99%; } /* Grid units without right gutter (margin) */ .no-right-gutter.grid12-1 { margin-right:0; width:7.33%; } .no-right-gutter.grid12-2 { margin-right:0; width:15.66%; } .no-right-gutter.grid12-3 { margin-right:0; width:24%; } .no-right-gutter.grid12-4 { margin-right:0; width:32.33%; } .no-right-gutter.grid12-5 { margin-right:0; width:40.67%; } .no-right-gutter.grid12-6 { margin-right:0; width:49%; } .no-right-gutter.grid12-7 { margin-right:0; width:57.33%; } .no-right-gutter.grid12-8 { margin-right:0; width:65.67%; } .no-right-gutter.grid12-9 { margin-right:0; width:74%; } .no-right-gutter.grid12-10 { margin-right:0; width:82.33%; } .no-right-gutter.grid12-11 { margin-right:0; width:90.67%; } .no-right-gutter.grid12-12, .no-right-gutter.grid-full { margin-right:0; width:99%; } /* Grid units without any gutter (margin) */ .no-gutter.grid12-1 { margin-left:0; margin-right:0; width:8.33%; } .no-gutter.grid12-2 { margin-left:0; margin-right:0; width:16.66%; } .no-gutter.grid12-3 { margin-left:0; margin-right:0; width:25%; } .no-gutter.grid12-4 { margin-left:0; margin-right:0; width:33.33%; } .no-gutter.grid12-5 { margin-left:0; margin-right:0; width:41.67%; } .no-gutter.grid12-6 { margin-left:0; margin-right:0; width:50%; } .no-gutter.grid12-7 { margin-left:0; margin-right:0; width:58.33%; } .no-gutter.grid12-8 { margin-left:0; margin-right:0; width:66.67%; } .no-gutter.grid12-9 { margin-left:0; margin-right:0; width:75%; } .no-gutter.grid12-10 { margin-left:0; margin-right:0; width:83.33%; } .no-gutter.grid12-11 { margin-left:0; margin-right:0; width:91.67%; } .no-gutter.grid12-12, .no-gutter.grid-full { margin-left:0; margin-right:0; width:100%; } /* Special grid units: basic structure of pages with 1 and 2 sidebars -------------------------------------------------------------- */ /* 2 columns: fixed-width sidebar unit and fluid main unit. Sidebar unit has the same width for all screen sizes equal or greater than 1280px. Width of the main unit is fluid. */ .grid-col2-sidebar { width:23%; } .grid-col2-main { width:73%; } .no-gutter.grid-col2-sidebar { margin-left:0; margin-right:0; width:25%; } .no-gutter.grid-col2-main { margin-left:0; margin-right:0; width:75%; } /* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */ .grid-col3-sidebar { width:31.52%; } .grid-col3-main { width:65.90%; } .no-gutter.grid-col3-sidebar { margin-left:0; margin-right:0; width:31.52%; } .no-gutter.grid-col3-main { margin-left:0; margin-right:0; width:65.90%; } /* Vertically aligned grid -------------------------------------------------------------- */ .v-grid-container { display:table; width:100%; } .v-grid { float:none; display:table-cell; vertical-align:middle; } /* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Units with no gutter (margin): alpha - first unit in a row, omega - last unit in a row */ .alpha { margin-left:0; } .omega { margin-right:0; } /* Hide element if screen width is lower than the width specified in the class name */ .hide-below-1680 { display:none !important; } .hide-below-1440 { display:none !important; } .hide-below-1360 { display:none !important; } .hide-below-1280 { display:none !important; } /* Containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Main container for page content. Max width of the page is applied to elements with this class. -------------------------------------------------------------- */ .container { margin-left:auto; margin-right:auto; } .nested-container { width:102%; margin-left:-1%; } /* Deprecated */ /* Inner container. Additional container, horizontal padding is applied to elements with this class. -------------------------------------------------------------- */ .inner-container { padding-left: 15px; padding-right: 15px; /* Clear floats */ *zoom: 1; clear: both; } /* Clear floats */ .inner-container:before, .inner-container:after { display: table; line-height: 0; content: ""; } .inner-container:after { clear: both; } /* Stretched container. If container is stretched, remove side padding from inner container. -------------------------------------------------------------- */ .container.stretched > .inner-container { padding-left: 0; padding-right: 0; } /* Deprecated, for backward compatibility: */ .container.stretched > .grid-full { width:100%; margin-left:0; margin-right:0; } /* Grid units containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Grid units container: clears floats (place grid units inside "div" with this class) -------------------------------------------------------------- */ .grid-container { *zoom: 1; clear: both; } .grid-container:before, .grid-container:after { display: table; line-height: 0; content: ""; } .grid-container:after { clear: both; } /* Grid unit container: clears floats and adds vertical margin between units -------------------------------------------------------------- */ .grid-container-spaced { *zoom: 1; clear: both; } .grid-container-spaced:before, .grid-container-spaced:after { display: table; line-height: 0; content: ""; } .grid-container-spaced:after { clear: both; } .grid-container-spaced .grid12-1, .grid-container-spaced .grid12-2, .grid-container-spaced .grid12-3, .grid-container-spaced .grid12-4, .grid-container-spaced .grid12-5, .grid-container-spaced .grid12-6, .grid-container-spaced .grid12-7, .grid-container-spaced .grid12-8, .grid-container-spaced .grid12-9, .grid-container-spaced .grid12-10, .grid-container-spaced .grid12-11, .grid-container-spaced .grid12-12, .grid-container-spaced .grid-full { margin-bottom: 2%; } /* Grid presentation -------------------------------------------------------------- */ .show-grid [class*="grid12-"] { background-color: #eee; text-align: center; min-height: 40px; line-height: 40px; transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; } .show-grid [class*="grid12-"]:hover { background-color: #F08080; } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * 2025-11-01 13:06:28 */ /* Grid container %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .container { width:96%; } .lte-ie8 .container { max-width:1300px; } /* Desktop - design for a width of 1366px and 1360px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1360px <= width */ @media only screen and (min-width: 1360px) { .container { max-width: 1300px; } /* Special grid units */ .grid-col2-sidebar { width: 18.84%; } .grid-col2-main { width: 77.15%; } .no-gutter.grid-col2-sidebar { width: 20.84%; } .no-gutter.grid-col2-main { width: 79.15%; } .grid-col3-sidebar { width:24.42%; } .grid-col3-main { width:72.98%; } .no-gutter.grid-col3-sidebar { width:24.42%; } .no-gutter.grid-col3-main { width:72.98%; } /* Hide */ .hide-below-1360 { display:inherit !important; } .hide-below-1280 { display:inherit !important; } } /* Desktop - design for a width of 1280px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1280px <= width */ @media only screen and (min-width: 1280px) and (max-width: 1359px) { /* Special grid units */ .grid-col2-sidebar { width: 20.41%; } .grid-col2-main { width: 75.58%; } .no-gutter.grid-col2-sidebar { width: 22.41%; } .no-gutter.grid-col2-main { width: 77.58%; } .grid-col3-sidebar { width:27.01%; } .grid-col3-main { width:70.34%; } .no-gutter.grid-col3-sidebar { width:27.01%; } .no-gutter.grid-col3-main { width:70.34%; } /* Hide */ .hide-below-1280 { display:inherit !important; } } /* Design for a width of less than 1024 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 1024px */ @media only screen and (max-width: 1023px) { /* Hide */ .hide-below-1024 { display:none !important; } } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Hide */ .hide-below-960 { display:none !important; } } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { .nested-container { width:100%; margin-left:auto; } /* Nav container with outline (if nav container has background color). Apply the same vertical margins, as container's side padding. */ .nav.has-outline > .grid-full { margin-top: 2%; margin-bottom: 2%; } /* Below 768px all grid units are stretched (full width) and stack vertically */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full, .grid-col2-sidebar, .grid-col2-main, .grid-col3-sidebar, .grid-col3-main { width:100% !important; /* Added "!important" to override units with "no-gutter" */ margin-left:0; margin-right:0; } /* Vertically aligned grid -------------------------------------------------------------- */ .v-grid-container { display:block; } .v-grid { float:inherit; display:block; width:100%; } } /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } /* Deprecated: persistent grid units (will be removed in the next update) -------------------------------------------------------------- */ /* Half */ .persistent-grid2-1 { width:48%; margin-left:1%; margin-right:1%; } /* One-third + two-thirds */ .persistent-grid3-1 { width:31.33%; margin-left:1%; margin-right:1%; } .persistent-grid3-2 { width:64.67%; margin-left:1%; margin-right:1%; } /* One-fourth + two-fourths + three-fourths */ .persistent-grid4-1 { width:23%; margin-left:1%; margin-right:1%; } .persistent-grid4-2 { width:48%; margin-left:1%; margin-right:1%; } .persistent-grid4-3 { width:73%; margin-left:1%; margin-right:1%; } /* Mobile grid (for browser viewport between 480px and 768px): Below 768px all grid units are stretched (full width) and stack vertically. The "mobile-grid" class forces narrow grid units to stay narrow, but the width is increased to avoid too small columns. -------------------------------------------------------------- */ .mobile-grid.grid12-1 { width:14.66% !important; margin-left:1%; margin-right:1%; } /* 1/12 turns into 1/6 */ .mobile-grid.grid12-2 { width:31.33% !important; margin-left:1%; margin-right:1%; } /* 1/6 turns into 1/3 */ .mobile-grid.grid12-3 { width:48% !important; margin-left:1%; margin-right:1%; } /* 1/4 turns into 1/2 */ /* Force other grid units to take half of the available width */ .mobile-grid-half { width:48% !important; margin-left:1%; margin-right:1%; } } /* Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { } /* Design for a width of less than 480px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Enlarge containers to full width and remove max width */ .container { max-width: none !important; width: 100%; } } /* Mobile (Portrait) - design for a width of 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } } /* Mobile (Portrait) - design for a width of less than 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } .hide-below-320 { display:none !important; } } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * To override or extend default CSS styles use custom.css file (refer to the user guide for details). * 2025-11-01 13:06:28 */ /* Desktop, wide laptop - design for a width of 1360px and 1366px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1360px <= width */ @media only screen and (min-width: 1360px) { /* Header -------------------------------------------------------------- */ .header .logo { max-width:350px; } /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:110px; } /* Product page -------------------------------------------------------------- */ .product-view .sticker { width:80px; height:80px; } /* Misc -------------------------------------------------------------- */ /* Mini cart */ .after-mini-cart { clear:none; } /* Item grid -------------------------------------------------------------- */ /* Item grid: 2 columns */ .itemgrid-adaptive.itemgrid-2col .item { width:31.3333%; clear:none !important; } .itemgrid-adaptive.itemgrid-2col .item:nth-child(3n+1) { clear:left !important; } /* Item grid: 3 columns */ .itemgrid-adaptive.itemgrid-3col .item { width:23%; clear:none !important; } .itemgrid-adaptive.itemgrid-3col .item:nth-child(4n+1) { clear:left !important; } /* Item grid: 4 columns */ .itemgrid-adaptive.itemgrid-4col .item { } .itemgrid-adaptive.itemgrid-4col .item:nth-child(5n+1) { } /* Item grid: 5 columns */ .itemgrid-adaptive.itemgrid-5col .item { width:14.6666%; clear:none !important; } .itemgrid-adaptive.itemgrid-5col .item:nth-child(6n+1) { clear:left !important; } /* Item grid: 6 columns */ .itemgrid-adaptive.itemgrid-6col .item { width:12.2857%; clear:none !important; } .itemgrid-adaptive.itemgrid-6col .item:nth-child(7n+1) { clear:left !important; } /* Item grid: 7 columns */ .itemgrid-adaptive.itemgrid-7col .item { width:10.5%; clear:none !important; } .itemgrid-adaptive.itemgrid-7col .item:nth-child(8n+1) { clear:left !important; } /* Cloud zoom -------------------------------------------------------------- */ .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/ /* Direction navigation */ .itemslider-thumbnails.count-4 .direction-nav { display:none; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:3.5em; } .caption p { font-size:1.6666em; } } /* Desktop, laptop - design for a width of 1280px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1280px <= width */ @media only screen and (min-width: 1280px) and (max-width: 1359px) { /* Header -------------------------------------------------------------- */ .header .logo { max-width:350px; } /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:110px; } /* Product page -------------------------------------------------------------- */ .product-view .sticker { width:80px; height:80px; } /* Misc -------------------------------------------------------------- */ /* Mini cart */ .after-mini-cart { clear:none; } /* Item grid -------------------------------------------------------------- */ /* Item grid: 2 columns */ .itemgrid-adaptive.itemgrid-2col .item { width:31.3333%; clear:none !important; } .itemgrid-adaptive.itemgrid-2col .item:nth-child(3n+1) { clear:left !important; } /* Item grid: 3 columns */ .itemgrid-adaptive.itemgrid-3col .item { width:23%; clear:none !important; } .itemgrid-adaptive.itemgrid-3col .item:nth-child(4n+1) { clear:left !important; } /* Item grid: 4 columns */ .itemgrid-adaptive.itemgrid-4col .item { } .itemgrid-adaptive.itemgrid-4col .item:nth-child(5n+1) { } /* Item grid: 5 columns */ .itemgrid-adaptive.itemgrid-5col .item { width:14.6666%; clear:none !important; } .itemgrid-adaptive.itemgrid-5col .item:nth-child(6n+1) { clear:left !important; } /* Item grid: 6 columns */ .itemgrid-adaptive.itemgrid-6col .item { width:12.2857%; clear:none !important; } .itemgrid-adaptive.itemgrid-6col .item:nth-child(7n+1) { clear:left !important; } /* Item grid: 7 columns */ .itemgrid-adaptive.itemgrid-7col .item { width:10.5%; clear:none !important; } .itemgrid-adaptive.itemgrid-7col .item:nth-child(8n+1) { clear:left !important; } /* Cloud zoom -------------------------------------------------------------- */ .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/ /* Direction navigation */ .itemslider-thumbnails.count-4 .direction-nav { display:none; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:3.3em; } .caption p { font-size:1.6666em; } } /* Design for a width of 960-1280 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 960px <= width < 1280px */ @media only screen and (min-width: 960px) and (max-width: 1279px) { /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:80px; } /* Product page -------------------------------------------------------------- */ .product-view .sticker { width:80px; height:80px; } } /* Mobile, small old desktop - design for a width of less than 960px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 960px */ @media only screen and (max-width: 959px) { /* Products grid: override size of elements (values like size-s) -------------------------------------------------------------- */ /* Product labels */ .products-grid .sticker { width:45px; height:45px; font-size:1em; } .products-grid .item:hover .sticker { width:50px; height:50px; } /* Misc -------------------------------------------------------------- */ /* Scroll to top button */ #scroll-to-top { display:none !important; } /* Hide Sign Up link in Top Links */ #link-sign-up { display:none; } /* Hide amount. Note: has to be defined after aligning ".amount" center */ .toolbar .sorter .amount { display:none !important; } } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Default Magento classes -------------------------------------------------------------- */ .nobr { white-space:normal !important; } /* Cart -------------------------------------------------------------- */ .cart-table .product-name { font-size:1em; font-family: inherit; } .cart-table .product-image { max-width:80px; } /* Product page -------------------------------------------------------------- */ /* Related - simple */ .block-related-thumbnails .product-details { margin-left:0; margin-bottom:10px; clear:left; } /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:158px !important; } /*2*/ /* Direction navigation */ .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 32%; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:2.0833em; } .caption p { font-size:1.1666em; } .caption button.button span span { height: 35px; line-height: 35px; padding: 0 15px; } } /* All desktop - design for a width of 768px and wider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width */ @media only screen and (min-width: 768px) { /* Mobile accordion -------------------------------------------------------------- */ .mobile-collapsible .block-title { border-bottom:none; } /* Hide line when not on mobile */ .mobile-collapsible .opener { display:none !important; } /* Always hide when not on mobile */ .mobile-collapsible .block-content { display:block !important; } /* Always show when not on mobile */ /* See also: always make the container "relative" when ON mobile */ } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Grid and basic layout -------------------------------------------------------------- */ /* Margin for basic Magento columns */ .col-main, .col-left, .col-right { margin-bottom:30px; } /* Product view: margin for all grid units */ .product-view .grid12-1, .product-view .grid12-2, .product-view .grid12-3, .product-view .grid12-4, .product-view .grid12-5, .product-view .grid12-6, .product-view .grid12-7, .product-view .grid12-8, .product-view .grid12-9, .product-view .grid12-10, .product-view .grid12-11, /* deprecated */ .product-view .grid4-1, .product-view .grid4-2, .product-view .grid4-3, .product-view .grid2-1 /* end:deprecated */ { margin-bottom:30px; } /* Remove additional margin for main sidebars */ .col-left > * { margin-right: 0; } .col-right > * { margin-left: 0; } /* Magento utility classes -------------------------------------------------------------- */ .nobr { white-space:normal !important; } /* Forms -------------------------------------------------------------- */ .form-list .field, .form-list input.input-text, .form-list textarea, .form-list select, .form-list li.wide .input-box, .form-list li.wide input.input-text, .form-list li.wide textarea, .form-list li.wide select { max-width:100%; } /* Tables -------------------------------------------------------------- */ .data-table thead .nobr { white-space:normal !important; } .data-table th, .data-table td { padding:5px; } /* Data tables formatting -------------------------------------------------------------- */ /* Basic formatting */ .cart .data-table thead, .my-wishlist .data-table thead, .my-account .data-table thead, .order-review .data-table thead { display:none; } .cart .data-table tbody, .my-wishlist .data-table tbody, .my-account .data-table tbody, .order-review .data-table tbody { background:transparent !important; } .cart .data-table tr, .cart .data-table td, .my-wishlist .data-table tr, .my-wishlist .data-table td, .my-account .data-table tr, .my-account .data-table td, .order-review .data-table tr, .order-review .data-table td { border:none !important; background:transparent !important; display:block; width:100%; text-align:left !important; } .cart .data-table tr, .my-wishlist .data-table tr, .my-account .data-table tr, .order-review .data-table tr { border-bottom:1px solid #e5e5e5 !important; margin-bottom:20px; } /* Highlight first cell in table footer */ .my-account .data-table tfoot tr td:first-child, .order-review .data-table tfoot tr td:first-child { font-weight:bold; } /* Show cell label */ .data-table .cell-label { display:inline-block; width:30%; min-width:100px; max-width:140px; margin-right:10px; font-weight:bold; } /* Header -------------------------------------------------------------- */ /* Global notices */ .global-site-notice .notice-inner { background:none; padding:10px 0; text-align:center; } .global-site-notice .notice-inner p { width:100%; padding:0 0 10px; } .global-site-notice .notice-inner .actions { padding-bottom:5px; } /* Logo -------------------------------------------------------------- */ .header .logo-wrapper { text-align:center; } .header .logo { width:70%; margin-left:auto; margin-right:auto; } /* Quick search -------------------------------------------------------------- */ /* Search: mobile (search bar layout for narrow screens) -------------------------------------------------------------- */ .search-wrapper-mobile { display: block; /* To override possible inline styles */ clear: both; width: 100%; margin: 10px 0; /*float: none;*/ } .search-wrapper-mobile .form-search { width: 100%; max-width: 440px; margin-left: auto; margin-right: auto; } .search-wrapper-mobile .form-search .input-text { width: 100%; min-width: 100%; /* Cancel minimum width */ } /* Search: header inline -------------------------------------------------------------- */ /* Note: added .header class to override other selectors */ .header .search-wrapper-inline { display: block; clear: both; width: 100%; margin: 10px auto; } /* If wrapper is an .item, then remove side margins */ .header .item.search-wrapper-inline { margin-left:auto; margin-right:auto; } .search-wrapper-inline #search_mini_form { display: block; } .search-wrapper-inline .form-search .input-text { width:100%; } /* Other -------------------------------------------------------------- */ /* User menu (Top Links) */ .user-menu { width:100%; margin-left:0; margin-right:0; } /* Top links */ .top-links { float:left; } /* Mini cart */ .after-mini-cart { clear:none; } /* Deprecated */ /* Line breaker - disable on narrow screens */ .user-menu .line-break-after { clear:none; } /* Footer -------------------------------------------------------------- */ /* Footer elements - align center */ .footer .mobile-inline-container { text-align:center; } .footer .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; } .footer-primary-top-spacing, .footer-primary-bottom-spacing, .footer-top .links, .footer-bottom { text-align:center; } .footer-primary-top-spacing .item, .footer-primary-bottom-spacing .item, #subscribe-form, .footer-bottom .item, .footer-top .links li { float:none; display:inline-block; } .footer-top .item { float:none; } /* Simplify links */ .footer .links-wrapper-separators .links li a, .footer .links-wrapper-separators-left .links li a { background-image:none; } /* Footer elements */ .footer-primary-bottom-spacing .item { width:100%; margin:0; } .footer-bottom .item { margin-left:5px; margin-right:5px; } /* Copyright - remove space */ .footer-copyright { margin-left:0; } /* Primary and secondary section: additional inner padding */ .footer-primary > .grid-full > .section, .footer-secondary > .grid-full > .section { padding:15px 10px; } /* Layered navigation -------------------------------------------------------------- */ .block-layered-nav dd li, .block-layered-nav .currently ol li { line-height:2.3333em; background-position:3px 10px; } .block-layered-nav dd li:hover, .block-layered-nav .currently ol li:hover { background-position:6px 10px; } /* Toolbar -------------------------------------------------------------- */ /* All elements - align center and increase vertical spacing */ .pager, .sorter { text-align:center; } .pager .amount, .pager .limiter, .pager .pages, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by { display:inline-block; float:none; padding-top:0; padding-bottom:0; } .toolbar .sort-by, .toolbar .sorter .amount { border-right:none; } .sorter .per-page, .pager .per-page { display:none; } /* Category view -------------------------------------------------------------- */ .note-msg.empty-catalog { background-position:center 10px !important; color:inherit; padding:150px 10px 10px !important; text-align:center; } /* Page heading with RSS link */ .page-title { position:relative; } .page-title .link-rss { float:none; display:block; position:static; margin:10px 0 0; } /* Products list -------------------------------------------------------------- */ .products-list .product-shop-inner { padding-right:0; border-right:none; } /* Products grid: override size of elements (values like size-s) -------------------------------------------------------------- */ /* Product name */ .products-grid .product-name { font-size:1.1666em; /*14px*/ line-height:1.2307em; /*16px*/ } /* Buttons */ .products-grid .item button.btn-cart span span { padding:7px 15px; height:auto; line-height:2em; } /* Product page -------------------------------------------------------------- */ /* Wrapper for collaterals - remove top margin (grid units already have bottom margin) */ .product-view .box-additional { margin-top:0; } /* Related: remove bottom margin */ .block-related-slider { margin-bottom:0; } /* Sidebar */ .product-view .custom-sidebar-right .inner { padding-left:0; border-left:none; } .product-view .custom-sidebar-left .inner { padding-right:0; border-right:none; } /* Add-to links */ .product-view .add-to-links { text-align: center; } .product-view .add-to-links li { float: none; display: inline-block; } /* Cart -------------------------------------------------------------- */ /* Buttons below table: align center */ .cart-table tfoot tr.first td { text-align:center !important; padding:0; margin-bottom:20px; } .cart-table tfoot button { display:inline-block; float:none !important; margin:0 0 3px; padding:0; } /* One Page Checkout -------------------------------------------------------------- */ /* Step title - link "edit" */ .opc .allow .step-title a { display:none; } /* Form */ /*.opc form fieldset { display:table-column-group; }*/ /* Account -------------------------------------------------------------- */ .my-wishlist .product-image { max-width:none; } /* Items slider -------------------------------------------------------------- */ .control-nav.control-paging { display:none; } /* Deprecated */ /* If only one item exists */ .itemslider.single-item .slides > li { margin: 0 auto; } /* Deprecated */ /* Slideshow -------------------------------------------------------------- */ /* Slideshow navigation: move buttons to the top right corner */ .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-prev { top:10px; right:60px; left:auto; } .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-next { top:10px; right:10px; left:auto; } /* Deprecated */ .the-slideshow .direction-nav .prev { top:4%; right:63px; left:auto; } .the-slideshow .direction-nav .next { top:4%; right:2%; } /* Pagination */ .the-slideshow-wrapper .owl-pagination { display: none; } /* Slideshow caption */ /* Shrink font, hide all elements except heading */ .caption > * { display:none !important; } .caption .heading { display:inline-block !important; font-size:2.0833em; margin-bottom:1px; } .caption p { font-size:1.1666em; margin-bottom:1px; } .caption button.button span span { height: 30px; line-height: 30px; padding: 0 10px; } /* Cloud Zoom -------------------------------------------------------------- */ /* Hide zoom */ .cloud-zoom-big, .cloud-zoom-lens { display:none !important; } .cloud-zoom-lens { cursor:default !important; } /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 16%; } /* Lightbox -------------------------------------------------------------- */ #cboxTitle, #cboxCurrent { display:none !important; } /* Accordion -------------------------------------------------------------- */ .accordion-style1 li a { padding:15px 10px; font-size: 1.1666em; /*14px*/ line-height: 1.2857em; /*18px*/ } /* Space for openner if item has children. It has to be a few pixels wider than openner */ .accordion-style1 li.parent > a { padding-right:53px; } .accordion-style1 .opener { width:48px; height:48px; } /* Mobile accordion -------------------------------------------------------------- */ .mobile-collapsible .block-content { display:none; } /* Hide on mobile */ .mobile-collapsible { position:relative; } /* Always make "relative" when not on mobile (to avoid flickering on CSS transitions) */ /* Menu -------------------------------------------------------------- */ } /* end: width < 768px */ /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Category view -------------------------------------------------------------- */ .products-list .product-shop, .products-list .right-column, .products-list .product-image-wrapper { width:48%; margin-left:1%; margin-right:1%; } /* Cloud zoom -------------------------------------------------------------- */ /* Broaden the slider if at least 4 thumbnails */ .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/ /* Direction navigation */ .itemslider-thumbnails.count-4 .direction-nav { display:none; } /* Shrink and align center the main image */ .img-box .product-image { width:60.4651%; /*364px*/ } } /* end: 480px <= width < 768px */ /* Design for a width of 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; } .itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) { clear:left !important; } } /* end: 640px <= width < 768px */ /* Design for a width of less than 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 640px */ @media only screen and (max-width: 639px) { h1 { font-size:2em; line-height:1.25em; /*24px, 30px*/ } h2 { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } h3 { font-size:1.3333em; line-height:1.25em; /*16px, 20px*/ } h4 { font-size:1.1666em; line-height:1.1428em; /*14px, 16px*/ } h5 { font-size:1em; line-height:1em; /*12px, 12px*/ } h6 { font-size:1em; line-height:1em; /*12px, 12px*/ } /* Cloud zoom -------------------------------------------------------------- */ /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 19%; } } /* end: width < 640px */ /* Design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480 <= width < 640px */ @media only screen and (min-width: 480px) and (max-width: 639px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:98%; clear:none !important; } } /* end: 480 <= width < 640px */ /* Design for a width of less than 480px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Products grid -------------------------------------------------------------- */ .products-grid.category-products-grid.hover-effect .item .add-to-links, /* To override "display-onhover" */ .products-grid .item .add-to-links { display: none !important; } /* Buttons -------------------------------------------------------------- */ /* Button checkout + button "Add to cart" on product page */ button.btn-checkout span span, .product-view .btn-cart span span { padding:5px 10px; } /* Grid elements -------------------------------------------------------------- */ .col2-set .col-1, .col2-set .col-2 { width:100%; } /* Header -------------------------------------------------------------- */ /* Mini cart */ #mini-cart .dropdown-toggle { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; } #mini-cart .dropdown-toggle.cover > div { background-color: transparent; color: inherit; } #mini-cart .dropdown-toggle span.icon { transition:none; } #mini-cart .dropdown-toggle .name { display:none; } #mini-cart .dropdown-toggle .caret { display:none !important; } #mini-cart .dropdown-menu { display:none !important; } #mini-cart.hide-empty-cart { display:none !important; } /* Quick compare dropdown */ #quick-compare .dropdown-toggle { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; } #quick-compare .dropdown-toggle.cover > div { background-color: transparent; color: inherit; } #quick-compare .dropdown-toggle span.icon { transition:none; } #quick-compare .dropdown-toggle .name { display:none; } #quick-compare .dropdown-toggle .caret { display:none !important; } #quick-compare .dropdown-menu { display:none !important; } #quick-compare.is-empty { display:none !important; } /* Header elements - align center -------------------------------------------------------------- */ .header .mobile-inline-container { text-align:center; } .header .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; } /* Links */ .header .links { text-align:center; } .header .links li { float:none; display:inline-block; } /* Header top */ .header-top { text-align:center; } .header-top .item { float:none; display:inline-block; margin-left:5px; margin-right:5px; } /* Inside user menu */ .user-menu { text-align:center; } .user-menu > *, .user-menu .links, /*Some blocks of links may be deeper than one level*/ .dropdown { float:none !important; display:inline-block !important; } /* previous: .user-menu { text-align:center; } .user-menu .top-links { float:none; } #mini-cart, .user-menu .links, .user-menu .links li { float:none; display:inline-block; } */ /* Simplify horizontal links */ .header .links-wrapper-separators .links li a, .header .links-wrapper-separators-left .links li a { background-image:none; } /* Products list -------------------------------------------------------------- */ .products-list .item { margin-bottom:20px; } .products-list .item:first-child { margin-top:1px; /* Move item down to uncover the border of the toolbar */ } .products-list .product-image { margin-bottom:20px; } /* Products list: disable hover effect -------------------------------------------------------------- */ /* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */ .products-list.hover-effect .item { border-top: none; } .products-list.hover-effect .item:hover { margin-left:0; margin-right:0; padding-left:0; padding-right:0; box-shadow: none !important; } /* Products grid: override size of elements (values like size-xs) -------------------------------------------------------------- */ /* Product labels */ .products-grid .sticker { width:40px; height:40px; font-size:0.9166em; } .products-grid .item:hover .sticker { width:45px; height:45px; } /* Product page -------------------------------------------------------------- */ /* Reviews */ .product-view .box-reviews .form-add .data-table th, .product-view .box-reviews .form-add .data-table td { padding:6px 1px; } .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width:90%; } /* Add-to links */ .product-view .add-to-links { text-align: inherit; } /* Toolbar -------------------------------------------------------------- */ .toolbar .limiter { display:none; } .sorter .view-mode { display:none; } .sorter .sort-by { background:none; margin-right:0; margin-left:0; padding-right:0; padding-left:0; } /* Remove right divider */ /* Pages */ .pager .pages li { display:none; } .pager .pages li.previous, .pager .pages li.current, .pager .pages li.next { display:block; } /* Account -------------------------------------------------------------- */ /* Account info + Order info */ /* .box-account.box-info .col-1, .order-info-box .col-1 { border-right:none; } .box-account.box-info .col-1 .box, .order-info-box .col-1 .box { padding-right:0; } */ .my-account .col2-set .col-1 { border-right:none; margin-bottom:20px; } .my-account .col2-set .col-1 .box { padding-right:0; } /* Order details */ .order-items .sub-title .separator { display:none; } /* Checkout -------------------------------------------------------------- */ .opc .step-title h2 { font-size:1em; line-height:2.8333em; } /* Advanced search results -------------------------------------------------------------- */ .advanced-search-summary ul { width: 100%; margin-right: 0; } /* Footer -------------------------------------------------------------- */ #subscribe-form label { display: inline-block; float: none; line-height: 1em; margin: 15px 0 2px; } #subscribe-form .input-box { display: inline-block; float: none; margin: 5px 0; position: relative; width: 100%; } #subscribe-form .input-text { width:100%; max-width:100%; } #subscribe-form .button { display: inline-block; float: none; } /*TOOD: check on mobiles*/ #subscribe-form .input-box .validation-advice { width: 100%; left: 0; } /* Slideshow -------------------------------------------------------------- */ .the-slideshow .control-nav { display:none; } /* Deprecated */ /* Slideshow caption */ /* Shrink font. Hide all elements, even with class "permanent" (except heading with "permanent") */ .caption > *, .caption .heading, .caption .permanent { display:none !important; } .caption .heading.permanent { display:inline-block !important; } .caption .heading { font-size:1.3333em; } .caption p { font-size:1em; } /* Itemslider -------------------------------------------------------------- */ /* Pagination */ .itemslider .owl-pagination { display: none; } /* Cloud zoom -------------------------------------------------------------- */ #zoom-btn { display:none; } /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 24%; } } /* end: width < 480px */ /* Design for a width of 320px (mobile - portrait) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:98%; clear:none !important; } /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:237px; } /*3*/ /*{ max-width:158px; }*/ /*2*/ /* Direction navigation */ .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } } /* end: 320px <= width < 480px */ /* Design for a width of less than 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { /* Disable hover effect -------------------------------------------------------------- */ /* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */ .category-products-grid.hover-effect .item { border-top: none; } .category-products-grid.hover-effect .item:hover { margin-left:0; margin-right:0; padding-left:1%; padding-right:1%; box-shadow: none !important; } /* Show elements normally displayed only on hover */ .category-products-grid.hover-effect .item .display-onhover { display:block !important; } /* Show full name even if enabled: display name in single line */ .products-grid.single-line-name .item .product-name { overflow: visible; white-space: normal; } /* Spaces between items */ .category-products-grid.hover-effect .item { margin-bottom: 20px; } /* Product page -------------------------------------------------------------- */ /* Related - thumbnails */ .block-related-thumbnails .product-details { margin-left:0; margin-bottom:10px; clear:left; } .block-related-thumbnails .product-details .price-box { display: inline-block; margin-right:5px; } .block-related-thumbnails .product-details .related-add-to-wishlist { display: inline-block; } /* Item grid -------------------------------------------------------------- */ /* Always show 1 column */ /* Important: added ".itemgrid" class to override other styles */ .itemgrid.itemgrid-adaptive .item { width:98%; clear:none !important; } /* Cloud zoom -------------------------------------------------------------- */ /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 32%; } /* Slideshow -------------------------------------------------------------- */ .the-slideshow-wrapper .owl-buttons { display: none; } .the-slideshow .direction-nav { display:none; } /* Deprecated */ } /* end: width < 320px */ /* Design for a width of 240px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 240px <= width < 320px */ @media only screen and (min-width: 240px) and (max-width: 319px) { /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:158px; } /*2*/ } /* end: 240px <= width < 320px */ /* Design for a width of lass than 240px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 240px */ @media only screen and (max-width: 239px) { /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-2, .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:79px !important; } /*1*/ /* Direction navigation */ .itemslider-thumbnails.count-2 .direction-nav, .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } } /* end: width < 240px */ body { color: #585858; font-size: 15px; background-color: #f5f3e6; } .tovabbi_termekek {line-height:1.2em; font-weight:bold; font:italic 1.6em Georgia, serif;} .fenti-tulajdonsagok { font-size:17px; } #mini-cart .block-content {z-index:10000;} .header .form-search .search-autocomplete {z-index:10000;} p.availability {color:green;} p.out-of-stock {color:red;} h1 {color:#8A2529;} .block-layered-nav .actions a {color:red;} #goto-product-description {color:#8A2529;} .piros-szoveg {color:#8A2529;} .breadcrumbs li, .breadcrumbs a {color:#383838;} #subscribe-form .input-text {width:220px;} #subscribe-form label {font-family:Bitter, georgia, serif; font-size:1.3333em;} .ar_felirat {font-size:1.5em; color:#8A2529} /*.megamenu_light .megamenu h4 {color:#8A2529;} .megamenu_light .megamenu h3 {color:#8A2529;} .megamenu_light .megamenu p {color:#8A2529; font-weight:bold;} .megamenu p {font-size:15px;}*/ .price-box .price {color:#8A2529; font-size:1.5em;} .price-box .price_curr {color:#8A2529; font-size:1.5em;} .price-box .price_curr.reg {color:#ee001c !important; font-size:1.5em;} .product-view .btn-cart span span {font-size:1.5em;} .gen-tabs-style1 .tabs a {font-size:1.1em;} .gen-tabs-style1 .tabs a {background-color:#ffffff;} .gen-tabs-style1 .tabs a.current {background-color:#ffffff} .gen-tabs .acctab {font-size:1.1em; color:#8A2529; background-color:#ffffff;} .gen-tabs .acctab.current {background-color:#ffffff; color:#8A2529;} .cart-table .btn-update span span {color:#000000;} .cart-table .btn-empty span span {color:#000000;} .tier-prices, .product-pricing {font-size:1.1em;} .add-to-cart button.btn-cart {margin-left:10px;} .cart-table .btn-continue {color:#ffffff; background-color:#788830; padding-left:20px; padding-right:20px;} .cart-table .btn-continue:hover {background-color:#788830;} /* .megamenu_light_bar .megamenu > li > a {font-weight: bold;} .megamenu_light .megamenu li ol li {color:#000000; padding:2px;} .megamenu_light .megamenu > li > div a {display:block; color:#212121;} .megamenu_light .megamenu > li > div a:hover {color:#FFFFFF; background-color:#788830;} .megamenu_light {background:#788830;} .megamenu_light .megamenu > li > div a { -webkit-transition-delay: 0; -moz-transition-delay: 0; -o-transition-delay: 0; -ms-transition-delay: 0; transition-delay: 0; } .megamenu_light_bar .megamenu > li > a { color:#FFFFFF; text-shadow:none; } .megamenu_light_bar .megamenu > li:hover > a { color:#212121; text-shadow:none; } .megamenu_light_bar .megamenu > li .megamenu_drop { background:url("https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/img/dropdown.png") no-repeat right 18px; color:#FFFFFF; } .megamenu_light_bar .megamenu > li:hover .megamenu_drop { background:url("https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/img/dropdown-b.png") no-repeat right 18px; } .megamenu_light_bar .megamenu > li:hover { background: #EFEFEF; } .megamenu_light .megamenu li .dropdown_container { background:#EFEFEF; border-right: 4px solid #C5C2C2; border-bottom: 4px solid #C5C2C2; } .megamenu_light .megamenu li .dropdown_fullwidth { background:#EFEFEF; border-right: 4px solid #C5C2C2; border-bottom: 4px solid #C5C2C2; }*/ #db_szoveg {line-height:31px; margin-left:5px;} #fb-root { display: none; } /* To fill the container and nothing else */ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; } /* Back to top button */ #back-top { position: fixed; bottom: 10px; margin: 0; right:10px; left:auto; z-index:2 } #back-top a { width: 65px; height:65px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; background: url("https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/back-to-top.png") no-repeat scroll 0 0 transparent; text-indent:-9999em; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top a:hover { color: #000; } /* arrow icon (span tag) */ #back-top span { width: 108px; height: 108px; display: block; margin-bottom: 7px; background: #ddd url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/css/up-arrow.png) no-repeat center center; /* rounded corners */ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top a:hover span { background-color: #777; } #nav>li>a { padding: 0 10px; font-size: 15px; } #nav .nav-item.level0.parent > a .caret { margin-top: 20px; } #nav .nav-panel--dropdown a { padding-bottom: 14px; } .short-description .std p { font-size: 17px; line-height: 1.5em; } .category-description.std { font-size: 1.2em; } #acctab-test1 { font-size: 1.23em; font-weight: bold; } #acctab-test2 { font-size: 1.23em; font-weight: bold; } #v-cookielaw.v-minimalist .v-button { padding: 6px 12px; } #v-cookielaw.v-minimalist { color: #2c2c2c; background: #f0f0f0; border-color: #e0e0e0 !important; font-size: 12px; font-family: Verdana; } .breadcrumbs li span { margin-left: 4px; margin-right: 4px; margin-bottom: 15px; } .breadcrumbs li { float: left; font-size: 1.2em; } .breadcrumbs li, .breadcrumbs a { color: #8A2529; } .accordion-style1 li a { border-bottom-color: #eee; border-bottom: 1px solid rgba(0,0,0,0.06); font-size: 1.2em; line-height: 1.5em; } .breadcrumbs li span { margin-left: 6px; margin-right: 6px; margin-bottom: 8px; } .breadcrumbs { line-height: 1.8em; margin: 0 0 5px; } /* the norm */ #gritter-notice-wrapper { position:fixed; /*top:100px; left:300px;*/ width:451px; z-index:9999; } #gritter-notice-wrapper.top-left { left: 20px; right: auto; } #gritter-notice-wrapper.bottom-right { top: auto; left: auto; bottom: 20px; right: 20px; } #gritter-notice-wrapper.bottom-left { top: auto; right: auto; bottom: 20px; left: 20px; } .gritter-item-wrapper { position:relative; margin:0 0 10px 0; background:url('https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/ie-spacer.gif'); /* ie7/8 fix */ } .gritter-top { /*background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/gritter-long.png) no-repeat left -30px;*/ height:24px; } .hover .gritter-top { background-position:right -30px; } .gritter-bottom { /*background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/gritter-long.png) no-repeat left bottom;*/ height:8px; margin:0; background-color: #fff; } .hover .gritter-bottom { background-position: bottom right; } .gritter-item { display:block; /*background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/gritter-long.png) no-repeat left -40px;*/ color:#eee; padding:2px 11px 8px 11px; font-size: 11px; font-family:verdana; overflow: auto; max-height:600px; background-color: #fff; } .hover .gritter-item { background-position:right -40px; } .gritter-item p { padding:0; margin:0; word-wrap:break-word; } .gritter-close { display:block; position:relative; top:5px; left:3px; background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/gritter-close.png) no-repeat left top; cursor:pointer; width:24px; height:24px; text-indent:-9999em; } .gritter-title { font-size:14px; font-weight:bold; padding:0 0 7px 0; display:block; text-shadow:1px 1px 0 #000; /* Not supported by IE :( */ } .gritter-image { width:48px; height:48px; float:left; } .gritter-with-image, .gritter-without-image { padding:0; } .gritter-with-image { width:220px; float:right; } /* for the light (white) version of the gritter notice */ .gritter-light .gritter-item, .gritter-light .gritter-bottom, .gritter-light .gritter-top, .gritter-light .gritter-close { /*background-image: url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/tujahu/images/gritter-light.png);*/ color: #222; } .gritter-light .gritter-title { text-shadow: none; } .tuja-gritter a.gritter-close{ display: block; } .tuja-gritter { max-height:600px; background-color: #fff; } /* * Product images gallery and zoom */ /* Basic zoom styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { border:1px solid #ccc; margin:-1px; /* Set this to minus the border thickness. */ background-color:#fff; cursor:move; } /* This is the zoom window. */ .cloud-zoom-big { border:1px solid #e5e5e5; overflow:hidden; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:0.25em; border:1px solid #000; } #wrap { /* Decrease default z-index */ z-index:99 !important; } /* Zoom position: "inside" -------------------------------------------------------------- */ .product-image .mousetrap { z-index:100 !important; /* For responsive layout */ width:100% !important; height:100% !important; } .zoom-inside #wrap { overflow:hidden; } /* No borders if zoom position is "inside" */ .zoom-inside .cloud-zoom-big { border:none; } /* Display images without Cloud Zoom -------------------------------------------------------------- */ /* Hide zoom area */ .simple-mode .cloud-zoom-big, .simple-mode .cloud-zoom-lens { display:none !important; } .simple-mode .cloud-zoom-lens { cursor:default !important; } /* Zoom button (enlarge the main image) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .zoom-btn-small { position:absolute; right:4px; bottom:4px; padding:0 1em; line-height:2.6666em; z-index:100; background-color:#fff; background-color:rgba(255,255,255, 0.7); color:#333; } .zoom-btn-small:hover { background-color:#fff; } /* Use lightbox without cloud zoom */ .zoom-btn-large { position:absolute; top:0; bottom:0; right:0; left:0; padding:0; z-index:100; cursor:pointer; text-indent:-9999px; overflow:hidden; } .zoom-btn-large:hover { background-color:rgba(255,255,255, 0.15); } /* Skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default skin %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .img-box .product-image { margin: 0 auto; position:relative; /* Labels (e.g. "sale") are positioned relative to this box */ } .img-box .product-image.product-image-zoom { z-index:9; } /*TODO: obsolete*/ /* Image pop-up */ .product-image-popup { margin:0 auto; } .product-image-popup .nav { font-weight:bold; text-align:center; } .product-image-popup .image { display:block; margin:10px 0; } .product-image-popup .image-label { margin:0 0 10px; } /* Thumbnails */ .img-box .more-images { margin-top:12px; } /*.img-box .more-images .thumbnails { width:80%; margin:0 auto; }*/ /*.img-box .more-images .thumbnails .item { float:left; }*/ /* Deprecated */ .img-box .more-images .thumbnails .item.last { margin-right:0; } /* Deprecated */ .img-box .more-images .thumbnails .item a { margin:0 3px; display:block; overflow:hidden; text-decoration:none; text-align:center; } /* Thumbnails - with slider */ .img-box .more-images .thumbnails.slides { display:none; } /* Minimum size of thumbnail if lazy loading enabled */ .img-box .more-images .thumbnails .owl-item.loading { min-height:50px; } .img-box .more-images .thumbnails .owl-item.loading a { min-height:36px; } /* Thumbnails - without slider */ .img-box .more-images .thumbnails.show-all { width:100%; text-align: center; } .img-box .more-images .thumbnails.show-all .item { float: none; display: inline-block; } /* Skin 1: with thin borders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .img-box-style1 .product-image { border:1px solid #eee; padding:5px; } /* Thumbnails */ /* Prevent cutting off thumbnails */ .img-box-style1 .more-images .thumbnails .owl-wrapper-outer { padding:1px 0; } .img-box-style1 .more-images .thumbnails .item a { margin:0 2px 4px; padding:4px; border:1px solid #eee; } .img-box-style1 .more-images .thumbnails .item a:hover { border-color:#999; /*position:relative; z-index:1;*/ /*TODO: Not needed if items not adjacent? */ } /* Thumbnails carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .img-box .itemslider-thumbnails { margin-left: auto; margin-right: auto; } .itemslider-thumbnails { max-width:237px; } /* count-3 is default */ .itemslider-thumbnails.count-1 { max-width:79px; } .itemslider-thumbnails.count-2 { max-width:158px; } /** * Lightbox */ /* ColorBox Core Style -------------------------------------------------------------- */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; } .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;} /* ColorBox skin. The following styles are ordered and tabbed in a way that represents the nesting of the generated HTML. -------------------------------------------------------------- */ #cboxOverlay{background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/_shared/colorbox/overlay.png) repeat 0 0;} #colorbox{} #cboxContent{background:#fff; overflow:hidden; border:none;/*10px solid #333*/ padding:10px; } .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:40px; /*10px above buttons*/ } #cboxCurrent{position:absolute; bottom:17px; left:80px; color:#999;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious, #cboxNext { position:absolute; background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/_shared/colorbox/slider-arrows.png) no-repeat #f5f5f5; width:30px; height:30px; line-height:30px; text-align:center; } #cboxPrevious:hover, #cboxNext:hover { background-color:#333; } #cboxPrevious{bottom:10px; left:10px; background-position:-10px -10px;} #cboxPrevious:hover{background-position:-10px -60px;} #cboxNext{bottom:10px; left:40px; background-position:-60px -10px;} #cboxNext:hover{background-position:-60px -60px;} #cboxLoadingOverlay{background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/_shared/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/_shared/colorbox/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:10px; right:10px; background:url(https://www.tuja.hu/webaruhaz/skin/frontend/ultimo/default/images/infortis/_shared/colorbox/close-button.png) -10px -10px no-repeat #f5f5f5; width:30px; height:30px; line-height:30px; text-align:center; } #cboxClose:hover{background-position:-10px -60px; background-color:#333;} /* Captions */ #cboxTitle {position:absolute; bottom:17px; left:0; text-align:center; width:100%; color:#999;} /* Alternative position and style of image captions */ /* #cboxTitle { position: absolute; bottom: 50px; left: 10px; text-align: left; right: 10px; color: #000; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); padding: 10px; } */ #cboxNext, #cboxPrevious, #cboxClose { transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; }