/** * Magento * * @category design * @package meigeetheme_default * @copyright Copyright (c) 2012 MeigeeTeam. (http://www.meigeeteam.com) * @template_version 1.2 */ /* Reset ================================================================================= */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: top; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } img { max-width: 100%; width: auto; } /* 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; display:inline-block; } .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%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } .clear, .clear-2{clear:both;} /* ======================================================================================= */ /* Global Styles ========================================================================= */ body { font: 0.75em/1.5em Arial, sans-serif; color: #888; background-color: #fff; } body.page-popup{background:#fff; padding:18px;} body.page-popup a.product-image{width:auto; display:inline-block; margin-bottom: 0.75em; float: none;} body.page-popup .product-name{float: none;} body.page-popup .minimal-price-link{text-align: left;} body.page-popup .ratings{margin-bottom: 0.75em;} body.page-popup .price-box{margin-bottom: 0.75em;} body.page-popup button{margin-bottom: 0.75em;} /* Background Paterns */ .pandora {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/pandora.png) center top repeat;} .pandora-2 {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/pandora_2.png) center top repeat;} .degreee-fabric {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/degreee_fabric.png) center top repeat;} .degree-gray {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/degree_gray.png) center top repeat;} .beige-paper {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/beige_paper.png) center top repeat;} .bgnoise-lg {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/bgnoise_lg.png) center top repeat;} .bright-squares {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/bright_squares.png) center top repeat;} .brushed-alu {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/brushed_alu.png) center top repeat;} .cardboard {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/cardboard.png) center top repeat;} .circles {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/circles.png) center top repeat;} .concrete-wall-2 {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/concrete_wall_2.png) center top repeat;} .concrete-wall-3 {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/concrete_wall_3.png) center top repeat;} .cork-1 {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/cork_1.png) center top repeat;} .crosses {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/crosses.png) center top repeat;} .cubes {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/cubes.png) center top repeat;} .diagonal-noise {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/diagonal.png) center top repeat;} .diamonds {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/diamonds.png) center top repeat;} .double-lined {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/double_lined.png) center top repeat;} .elastoplast {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/elastoplast.png) center top repeat;} .elegant-grid {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/elegant_grid.png) center top repeat;} .exclusive-paper {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/exclusive_paper.png) center top repeat;} .fabric-1 {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/fabric_1.png) center top repeat;} .fancy-deboss {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/fancy_deboss.png) center top repeat;} .felt {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/felt.png) center top repeat;} .first-aid-kit {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/first_aid_kit.png) center top repeat;} .gold-scale {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/gold_scale.png) center top repeat;} .green-gobbler {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/green_gobbler.png) center top repeat;} .grunge-wall {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/grunge_wall.png) center top repeat;} .handmadepaper {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/handmadepaper.png) center top repeat;} .leather-1 {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/leather_1.png) center top repeat;} .light-alu {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/light_alu.png) center top repeat;} .light-checkered-tiles {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/light_checkered_tiles.png) center top repeat;} .light-honeycomb {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/light_honeycomb.png) center top repeat;} .light-wool {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/light_wool.png) center top repeat;} .littleknobs {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/littleknobs.png) center top repeat;} .micro-carbon {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/micro_carbon.png) center top repeat;} .noise-pattern-with-crosslines {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/noise_pattern_with_crosslines.png) center top repeat;} .noisy {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/noisy.png) center top repeat;} .old-mathematics {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/old_mathematics.png) center top repeat;} .paper-1 {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/paper_1.png) center top repeat;} .paper-2 {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/paper_2.png) center top repeat;} .paper-3 {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/paper_3.png) center top repeat;} .paven {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/paven.png) center top repeat;} .pinstripe {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/pinstripe.png) center top repeat;} .polaroid {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/polaroid.png) center top repeat;} .project-papper {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/project_papper.png) center top repeat;} .rip-jobs {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/rip_jobs.png) center top repeat;} .rockywall {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/rockywall.png) center top repeat;} .roughcloth {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/roughcloth.png) center top repeat;} .silver-scales {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/silver_scales.png) center top repeat;} .small-tiles {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/small_tiles.png) center top repeat;} .smooth-wall {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/smooth_wall.png) center top repeat;} .soft-circle-scales {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/soft_circle_scales.png) center top repeat;} .soft-wallpaper {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/soft_wallpaper.png) center top repeat;} .square-bg {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/square_bg.png) center top repeat;} .stucco {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/stucco.png) center top repeat;} .subtle-freckles {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/subtle_freckles.png) center top repeat;} .subtle-orange-emboss {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/subtle_orange_emboss.png) center top repeat;} .vichy {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/vichy.png) center top repeat;} .washi {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/washi.png) center top repeat;} .wavecut {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/wavecut.png) center top repeat;} .white-carbon {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/white_carbon.png) center top repeat;} .white_sand {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/white_sand.png) center top repeat;} .white-texture {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/white_texture.png) center top repeat;} .whitey {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/whitey.png) center top repeat;} .xv {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/paterns/xv.png) center top repeat;} .clear-container{width:100%; overflow:hidden;} .ie-fix{position:relative; width:100%;} a { text-decoration:none; -moz-transition: all .8s ease; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; color:#444; } a:hover { text-decoration:none; } :focus { outline:0; } i { transition: all .8e ease; -moz-transition: all .8s ease; -webkit-transition: all .8s ease; -o-transition: all .8s ease; } /* Headings */ h1 { font-size:1.5em; line-height:normal; font-weight:normal; } h2 { font-size:1.33em; line-height:normal; font-weight:normal; margin-bottom:0.57em;} h3 { font-size:1.09em; line-height:normal; font-weight:bold; margin-bottom:0.69em;} h4 { font-size:1em; line-height:normal; font-weight:bold; margin-bottom:0.75em;} h5 { font-size:0.91em; line-height:normal; font-weight:bold; margin-bottom:0.83em;} h6 { font-size:0.91em; line-height:normal; font-weight:normal; margin-bottom:0.83em;} h1,h2,h3,h4,h5,h6{font-family: Arial, sans-serif;} body.sidebar-left .col2-left-layout .col-main { float: right !important;} body.sidebar-right .col2-left-layout aside.sidebar { float: right !important;} .col-main p{margin-bottom:0.75em;} .content-wrapper, .customer-account-index.cms-home .content-wrapper { padding-bottom: 3em; } .cms-home .content-wrapper .container_12{padding-top: 3.8em;} .cms-home .content-wrapper{padding-bottom: 0;} .content-wrapper .container_12{padding-bottom:3em;} .content-wrapper .container_12{background-color:#FFF; padding-top:1.165em;} .content-wrapper .main-container{padding-top:1em;} .catalog-product-compare-index .add-to-links .link-compare, .catalog-product-compare-index .add-to-links .link-wishlist{ width: auto; height: auto; background: none; -moz-border-radius:0; border-radius:0; margin-top: 1em; } .container_12.boxed{ background-color:#FFF; } .box { border:1px solid #eee; margin: 0 0 1.5em 0; } /* toTop Button */ #toTop { z-index:999; display:none; text-decoration:none; position:fixed; bottom:170px; right:10px; overflow:hidden; width:50px; height:50px; border:none; } #toTopHover{ width: 50px; height: 50px; display: block; overflow: hidden; float: left; opacity: 1!important; -moz-opacity: 1!important; filter: alpha(opacity=100)!important; border-radius: 2px; -moz-border-radius: 2px; color: #fff; line-height: 47px; text-align: center; font-size: 2em; transition: background-color .8s ease; -moz-transition: background-color .8s ease; -webkit-transition: background-color .8s ease; -o-transition: background-color .8s ease; } #toTopHover i {vertical-align: middle; line-height: 50px;} #toTop:active, #toTop:focus { outline:none; } /* Fancybox */ a.fancybox { display: block; z-index: 999; } /*Home Slider*/ .slider-container{position:relative; padding:60px 0 40px;} .slider-container.widget-container{padding:0; display:inline-block;} .slider-container.widget-container .products-grid .price-box{margin-bottom:0;} .no-widget{padding:1.5em;} .slider-container .slider-text-box h2{font-size:4em; line-height:1.2em; font-weight:100; color:#6c7073;} .slider-container .slider-text-box p{font-size:1.5em; line-height:1.44em;} .home-slider {position:relative;} .home-slider-conainer{position:relative;} .slider-container .products-grid li.item{width:300px; padding:0; margin:0!important;} .home-slider-conainer .products-grid li.item .indent{padding-right:30px;} .home-slider-conainer .widget-slider{ margin-top: -15px; padding-top: 15px; height:200px; } .home-slider-conainer .widget-slider li.item{overflow: visible !important;} .es-carousel-wrapper{ padding:0; position:relative; /*float:left!important;*/ display:block!important; zoom:1; width:100%; height:auto; } .carousel-ul{width:100%; display:block!important;} .es-carousel-wrapper .products-grid li.item{position:static; display:block!important;} .es-carousel-wrapper .products-grid li.item{float:left;} .es-carousel{ overflow:hidden; } .es-carousel ul li a{ display:block; } .es-carousel ul li a img{ display:block; border:none; max-height:100%; max-width:100%; } .slider-container .prev, .slider-container .next, .block-related .prev, .block-related .next, aside.sidebar .block.block-wishlist .next, aside.sidebar .block.block-wishlist .prev { position: absolute; display: block; text-align: center; z-index: 998; -moz-transition: background-color .8s ease; -webkit-transition: background-color .8s ease; -o-transition: background-color .8s ease; transition: background-color .8s ease; opacity: 1; filter: alpha(opacity=100); cursor: pointer; } .slider-container .prev i, .slider-container .next i, .more-views .next i, .more-views .prev i, .block-related .prev i, .block-related .next i, aside.sidebar .block.block-wishlist .next i, aside.sidebar .block.block-wishlist .prev i { color:#fff; vertical-align: middle; width:20px; height:20px; line-height: 20px; } .slider-container .prev { right: 21px; top: -51px; } .slider-container .prev:hover{} .slider-container .next { right: 0; top: -51px; } .slider-container .next:after, aside.sidebar .block.block-wishlist .next:after, .block-related .next:after {border-bottom: solid 4px; content: ""; width: 41px; display: block; position: absolute; right: 0; top: 1.75em;} .slider-container .next:hover{} .mobile-device .slider-container .prev, .mobile-device .slider-container .next, .slider-container:hover .prev, .slider-container:hover .next{opacity:1; filter: alpha(opacity=100);} .slider-container .prev span, .slider-container .next span{ position:absolute; display:block; width:40px; height:40px; left:0; top:0; text-indent:100%; white-space: nowrap; overflow: hidden; -moz-border-radius:20px; border-radius:20px; -moz-transition: all 100ms ease; -webkit-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease; } .slider-container .prev:hover span, .slider-container .next:hover span{ width:46px; height:46px; left:-3px; top:-3px; -moz-border-radius:30px; border-radius:30px; } .slider-container .prev em, .slider-container .next em{ display:block; position:absolute; width:13px; height:23px; left:11px; top:9px; z-index: 999; text-indent:100%; white-space: nowrap; overflow: hidden; } .home-container.grid, .home-container.list{padding-bottom: 1em;} .text-block {margin-bottom: 6em;} .text-block > span {float: left;} .text-block h3 { font-size: 1.5em; margin-bottom: 3px; color:#666; font-weight: normal; line-height: 1.61em; } .text-block p { margin-bottom: 0!important; font-size:1.16em; line-height: 1.62em } .text-block .buttons-set { clear: none; float:right; margin: 0; padding: 0; } .text-block .button span {height: 40px;line-height: 40px;} .text-block .button span span {font-size: 1em;} .home-banners {margin-bottom: 6em;} .home-banners .grid_4:hover img {opacity: .9; filter: alpha(opacity=90);} .home-banners .grid_4 img { transition: opacity .8s ease; -moz-transition: opacity .8s ease; -o-transition: opacity .8s ease; -webkit-transition: opacity .8s ease; } .col-main {} .main-container { padding-top: 3em; width: 100%; } /* Form Elements */ input, select, textarea, button { font: 1em/1.5em Arial, Helvetica, sans-serif; vertical-align: middle; color: #888; } input.input-text,select{height:18px;} input.input-text, select, textarea { background: #fff; border: 1px solid #ddd; } input.input-text,textarea { padding:2px; } select { padding:1px 1px 1px 3px; height:20px;} select option { padding-right:10px; } select.multiselect{height:auto!important;} select.multiselect option { border-bottom:1px solid #ddd; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; margin-top:0;} input.checkbox { margin-right:3px; } input.qty { background-color: #f5f5f5; border-color: #ddd; border-radius:2px; -moz-border-radius: 2px; text-align: center; font-size: .91em; color: #aaa; height: 34px; width: 34px; margin: 0 2px; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.button span { float:left; height:30px; text-align:center; white-space:nowrap; color:#fff; line-height: 30px; transition: all .8s ease; -moz-transition: all .8s ease; -webkit-transition: all .8s ease; -o-transition: all .8s ease; border-radius: 2px; -moz-border-radius: 2px; } button.button span span { /* background:none;*/ border:none; font-size:.81em; font-weight:normal; color:#fff; display: block; padding: 0 20px; } button.btn-checkout span {} button.btn-checkout.no-checkout {} 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 {margin: 0.75em 0;} .form-list li {margin:.75em 0 0;} .form-list li:first-child {margin: 0;} .form-list label { float: left; color: #666; font-size: 1em; line-height: 1.5em; font-weight: 500; padding-bottom: 5px; position: relative; } .form-list label.required {} .form-list label.required em { float: right; font-style: normal; color: #e85131; 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; width:260px; } .form-list .field { float:left; width:324px; } .form-list input.input-text { width:303px; } .form-list textarea { width:254px; height:10em; } .form-list select { width:310px; } .form-list li.wide .input-box { width:535px; } .form-list li.wide input.input-text { width:626px; } .form-list li.wide textarea { width:627px; } .form-list li.wide select { width:677px; } .form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; } .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:125px; } .form-list .name-middlename input.input-text { width:104px; } .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-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:199px; } .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:175px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float: left; width: 85px; margin-right: 10px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; } .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; } .buttons-set {clear: both; margin: 0.42em 0 0;} .buttons-set .back-link {float: left;} .buttons-set button.button {float: right; margin-left: 10px;} .buttons-set p.required {margin: 0 0 0.42em;} .buttons-set-order {} .fieldset { border:1px solid #e5e5e5; background:#fefefe; padding:1.83em 15px 1em; margin:2.34em 0; } .fieldset .legend { float:left; font-weight:normal; font-size:1em; border:1px solid #e5e5e5; background:#f8f6f6; color:#6c7073; margin:-2.75em 0 0 -2px; padding:0 8px; position:relative; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; color:#f00; background-position:0 -500px; background-repeat:no-repeat;} .validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; } .validation-passed {} p.required { font-size: .91em; text-align: right; color: #e85131; } /* 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:#f00; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style: none!important; margin: 0!important; padding: 0!important; line-height: 1.5em; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 10px; position:relative;} .messages li li { margin:0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { padding: 1em 35px .75em 35px!important; font-size:1em!important; font-weight:normal!important; } .error-msg { background-color:#edcbc7; color:#5a5a5a;} .success-msg { background-color:#c5ecc1; color:#627660;} .note-msg, .notice-msg { background-color:#e3e3cf; color:#627660;} .error-msg i, .success-msg i, .note-msg i, .notice-msg i{ position: absolute; top: 13px; left: 17px; font-size: 1.16em; } .messages .messages-close-btn { position:absolute; width:14px; height:14px; right:15px; top:14px; cursor:pointer; background: url(https://collection.toyota.lu/skin/frontend/unit/unit/images/close.png) no-repeat center; font-size: 0px; color: #7c9479; cursor: pointer; } .messages .messages-close-btn i{font-weight: 100; left: 0; top: 0;} ul.i-am-new { list-style:none !important; margin:0 !important; padding:0 !important; width:100%; overflow:hidden; } ul.i-am-new li { text-align: center; border-style:solid; border-width:1px; border-top: 0px; background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/messages_bg.png) center top repeat-x; padding:8px 9px 7px 69px!important; font-size:1.09em!important; text-transform:uppercase; font-weight:normal!important; } ul.i-am-new li.warning { border-color:#ffc237; background-color:#ffeaa8; color:#a76200; } ul.i-am-new li.error { border-color:#8b0000; background-color:#f70000; color:#fff; } ul.i-am-new li.success { border-color:#50c24e; background-color:#8be68b; color:#1a761a; } /* BreadCrumbs */ .breadcrumbs-wrapper .container_12{background-color:#FFF;} nav.breadcrumbs { text-align: left; float: none; position: relative; font-size: .81em; color: #aaa; } nav.breadcrumbs li { display:inline; position: relative; margin-right: 18px; } nav.breadcrumbs li span { margin: 0 7px; font-size: 2em; position: absolute; right: -18px; top: -2px; } nav.breadcrumbs li a { text-decoration: none; color: #aaa; } nav.breadcrumbs li a:hover {text-decoration:none;} nav.breadcrumbs li strong{} /* Page Heading */ .page-title {margin-bottom: 1.45em; position: relative;} .page-title h1, .page-title h2 { font-size:2em; line-height:1.5em; font-weight:normal; margin:0; padding-right: 8px; color: #444; display: inline-block; } .page-title .right-divider { border-bottom: solid 4px #eee; display: inline-block; vertical-align: bottom; margin-top: 2em; float: right; } .page-title.category-title .right-divider {margin-top: 3em;} .color-block .page-title .right-divider {display: none;} .page-title:after, .page-title h2:after {} .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; } .title-buttons { text-align:right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .subtitle, .sub-title { clear:both; } /* Pager */ .toolbar .pager { border-bottom: solid 1px #eee; padding-bottom: 3em; margin-bottom: 3em; } .toolbar .pager p {margin-bottom: 0;} .toolbar .pager .amount { display:block; float:left; padding:0.63em 0 0 14px; margin:0; } .toolbar .pager .pager-box{display:none;} .toolbar .pager .limiter { float:right; margin-right: 30px; } .toolbar .pager .limiter label { margin-right:0.63em margin-top:7px; float:left; } /*.pager .limiter select{width:50px; padding-left:3px;}*/ .pager .limiter ul{float:left;} .pager .limiter ul li{float:none;} .pager .limiter ul li.last{background:none;} .pager .limiter ul li a{display:block; padding:0 0 0 13px;} .pager .limiter ul li a:hover, .pager .limiter ul li a.selected{color:#fff;} .pager .pages { float:left; padding-top:7px; display: none; } .pager .pages strong {} .pager .pages ol {display:inline;} .pager .pages li {display:inline; float: left; margin-right: 3px;} .pager .pages li a{text-decoration:none;} .pager .pages li a:hover{text-decoration:underline;} .pager .pages li a.i-previous, .pager .pages li a.i-next{ width:5px; height:9px; overflow:hidden; text-indent:100%; white-space: nowrap; margin-top:3px; } .pager .pages li a.i-previous{} .pager .pages li a.i-next{} .pager .pages strong {font-weight:normal;} .pager .pages .current { text-decoration:underline; } .pager .pages img { position:relative; top:-2px; margin-left:2px; } .pager a.asc, .pager a.desc { float: right; color: #fff; font-size: 1.16em; position: relative; } .pager a.asc i, .pager a.desc i {padding: 0; border-radius: 2px; -moz-border-radius: 2px; width: 30px; height: 30px; line-height: 30px; text-align: center;} /* Sorter */ .sorter {display: none;} .view-mode { float:left; display:block; overflow:hidden; padding-bottom:0; margin:0; } .view-mode i { font-size: 1.16em; padding: 9px 8px 7px; } .view-mode label {display:none;} .view-mode label.view { display: block; float: left; line-height: 2.8em; padding-left: 10px; font-size: .91em; } .view-mode .grid, .view-mode .list { float:left; display:block; border-radius: 2px; -moz-border-radius: 2px; transition: background-color .7s ease; -moz-transition: background-color .7s ease; -webkit-transition: background-color .7s ease; -o-transition: background-color .7s ease; } .view-mode a{ color:#aaa; background-color: #eee; } .view-mode strong, .view-mode a:hover {color: #fff;} .view-mode strong span, .view-mode a span {display: none;} .view-mode .list{} .sort-by { float:right; margin-right: 4px; } .sort-by label, .limiter label { margin-right:10px; line-height:2.8em; font-size: .91em; float: left; } .sort-by select { height:21px; width:78px; margin-right:6px; margin-top:4px; float:left; } .sort-by a{} .sort-by .asc{} .sort-by .desc{} .link-feed {} /* Toolbar */ .toolbar {} .toolbar .i-right-previous-item{display:none!important;} .toolbar-bottom { border-top: 1px solid #eee; padding-top: 13px; margin-top: -3.667em; margin-bottom: -3.667em; position: relative; z-index: 200; } .toolbar-bottom .toolbar { background:none; box-shadow:0 0; } .toolbar-bottom .pager { background: none; border-bottom: none; box-shadow: 0 0; padding: 0; margin: 0; } .toolbar-bottom .pager .view-mode, .toolbar-bottom .pager .pager-box, .toolbar-bottom .pager .sort-by, .toolbar-bottom .pager .asc, .toolbar-bottom .pager .desc{display: none;} .toolbar-bottom .pager .pages { display: block; margin-bottom: 0; float: right; padding: 0; } .toolbar-bottom .pager .pages strong{display:none;} .toolbar-bottom .pager .pages ol li { margin-left: 0px; line-height: 2.45em; } .toolbar-bottom .pager .pages ol li a { color: #222; padding: .55em 11px; background-color: #eee; border-radius: 2px; -moz-border-radius: 2px; } .toolbar-bottom .pager .pages ol li.current { padding: .55em 11px; color: #fff; border-radius: 2px; -moz-border-radius: 2px; height: 15px; line-height: 1.5em; position: relative; } .toolbar-bottom .pager .pages ol li:hover a {color: #fff;} .toolbar-bottom .pager .pages ol li.current, .toolbar-bottom .pager .pages ol li a:hover {text-decoration:none;} .toolbar-bottom .pager .pages ol li.i-previous-item{display:none;} .toolbar-bottom .i-right-previous-item{display:inline!important;} .toolbar-bottom .pager .pages ol li .i-previous, .toolbar-bottom .pager .pages ol li .i-next{width:auto; height:auto; text-indent:0; overflow:visible; background:none; margin:0;} .toolbar-bottom .pager .pages ol li.i-right-previous-item .i-previous span, .toolbar-bottom .pager .pages ol li .i-next span{font-size:1.34em; font-weight:normal; line-height:0.9em; padding-left:5px;} .toolbar-bottom .pager .amount{display:none;} .toolbar-bottom .pager .pager-box{float:left; padding:6px 11px; color:#605d5d; background-color:#e8e8e8;} .toolbar-bottom .sorter{display:none;} .toolbar-bottom .limiter{display:none;} .toolbar .sbHolder {float:left;} .toolbar .sbSelector > span {line-height:1.8em;font-size:.91em;font-style:italic;} .toolbar .sbOptions {font-style:italic;} .toolbar .sbOptions a {font-size:.91em; text-align: center;} /* Data Table */ .data-table { width: 100%; margin: 1.5em 0; } .data-table th { padding: 1em; border: 1px solid #eee; font-size: .91em; font-weight: normal; white-space: nowrap; text-align: center; color: #aaa; background-color: #eee; } .data-table td { padding: 1.5em; border: 1px solid #eee; } .data-table thead {} .data-table tbody {} .data-table tfoot {} .data-table tr.first {} .data-table tr.last {} .data-table tr.odd {} .data-table tr.even {} .data-table tbody.odd {} .data-table tbody.odd td {border-width: 0 1px;} .data-table tbody.even {} .data-table tbody.even td {border-width: 0 1px;} .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td {border-bottom-width: 1px;} .data-table th .tax-flag {white-space: nowrap; font-weight: normal;} .data-table td.label, .data-table th.label { font-weight: normal; padding: 1.5em; } .data-table td.value {} .data-table a.product-image { display: block; width: 86px; margin-right: 20px; float: left; } .data-table .product-name { font-size: 1em; text-transform: uppercase; font-weight: normal; float: left; } .data-table .product-name a { line-height: 1.5em; font-weight: normal; } .data-table .cart-label { font-size: 1.09em; font-weight: bold; padding-right: 7px; display: none; } .data-table .c_actions {float: right;} .data-table .c_actions a { float: right; color: #ccc; } .cart-table .price { font-size: 1em!important; line-height: 1.5em!important; font-weight: bold; } /* 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://collection.toyota.lu/skin/frontend/unit/unit/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:#dae1e4; color:#626465; } tr.summary-details-first td { border-top:1px solid #d2d8db; } 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; } //jonas //.cart-tax-total { display:block; padding-right:20px; background:url(https://collection.toyota.lu/skin/frontend/unit/unit/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; } /* Class: std - styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:none; padding-left:0; } .std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0; padding:0; } .std ul { list-style:none; padding-left:0; } .std ol { list-style:none; } .std ul ul { list-style-type:none; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:0; } .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 em { font-style:italic; } /* Misc */ .links li { display:block; float:left; padding-left:28px;} .links li a{text-decoration:none; padding-left:2px; line-height: normal; display:block; float:left;} .links li a:hover{text-decoration:none;} .links li.first { padding-left:0 !important; } .links li.last {padding-right:0 !important; } .link-cart { font-weight:normal; color:#8a8a8a; } .link-cart:hover{} .link-wishlist { font-weight:normal; color:#8a8a8a; } .link-reorder {} .link-compare { font-weight:bold; } .link-print { background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/i_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; } .btn-remove { display:block; overflow: hidden; line-height: 0; } .btn-remove2 { display: block; padding-left: 10px; } .btn-edit {display: block;} .cards-list dt {margin: 5px 0 0;} .cards-list .offset {padding: 2px 0 2px 20px;} .separator {margin: 0 3px;} .divider { clear: both; display: block; font-size: 0; line-height: 0; height:1px; margin:10px 0; background:#ddd; overflow:hidden; } /* Noscript Notice */ .noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:1000px; margin:0 auto; padding:12px 0 12px; background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin:0; } /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; text-align:center; color:#fff; } /* Cookie Notice */ .notice-cookie { border-bottom:1px solid #cfcfcf; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .notice-cookie .notice-inner { width:870px; margin:0 auto; padding:12px 0 12px 80px; background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/i_notice.gif) 20px 25px no-repeat; text-align:left; } .notice-cookie .notice-inner p { margin:0 0 10px; border:1px dotted #cccc73; padding:10px; } .notice-cookie .notice-inner .actions { } /* ======================================================================================= */ /* Meigee Widgets ======================================================================== */ /* Widget: Latest Twets */ .tweet_list{padding-top:0; padding-bottom:0;} .tweet_list li{padding-bottom:18px;} .tweet_list li.tweet_last {padding-bottom:0;} .tweet_list li a.tweet_avatar { background: #fff; border: 1px solid #DEDEDE; float: left; margin: 0 5px 0 0 } .twitter-share-button{min-width:120px;} /* Header ================================================================================ */ header#header { padding: 0; margin: 0 0 1.165em; } .cms-home header#header {margin-bottom: 0;} #header > .container_12 > .grid_12 {padding:2.25em 0 1.5em; z-index: 99999;} #header > .container_12 > .grid_12 a {color:#aaa;} #header .header-wrapper { background:#fff; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.13); position: relative; z-index: 999; } #header .logo, #header .welcome-msg {float:left;} #header .header-right-box {float:right;} header#header .small-logo { opacity: 0; filter: alpha(opacity=0); font-size: 0; position: absolute; top:-100%; } header#header.floating { /*background-color: #fff;*/ position: fixed; top: 0; left: 0; right: 0; z-index: 9999; /*display: none;*/ } header#header.floating .home-button, header#header.floating .form-search, header#header.floating > .container_12 {display: none;} header#header.floating .small-logo { opacity: 1; filter: alpha(opacity=100); margin: 8px 0; float: left; position: static; } header#header.floating .logo {float: none;} header#header .home-button { float:left; color:#fff; line-height: 1; margin: 1.5em 10px 1.5em 0; border-radius: 2px; -moz-border-radius: 2px; position: relative; } header#header .home-button i { font-size: 1.123em; padding: .67em 9px .67em 10px; transition: background-color .8s ease; -moz-transition: background-color .8s ease; -webkit-transition: background-color .8s ease; -o-transition: background-color .8s ease; } header#header .links { float:right; border-top:solid 1px #4d5559; padding: 3px 0px 0; } header#header .links li { transition: background-color .8s ease; -webkit-transition: background-color .8s ease; -o-transition: background-color .8s ease; -moz-transition: background-color .8s ease; padding: 0; } header#header .links li.first a span {border-left: none!important;} header#header .links li a {padding: .75em 0; font-size: .91em;} header#header .links-container > .links > li > a > span, .links > li.company dt a > span { border-left: solid 1px #4f565b; padding: 0 17px; transition: none; -moz-transition: none; -o-transition: none; -webkit-transition: none; } header#header .links-container > .links > li:hover > a, header#header .header-right-box .company:hover > .company-links > dt > a { color: #fff; border-left-color: transparent; } header#header dl.company-links dd a { font-size: 1em; color: #888; } header#header dl.company-links{ position: absolute; opacity: 0; } header#header li.company dl.company-links{ position: relative; opacity: 1; } header#header dl.company-links dt a{} header#header dl.company-links dd { display: none; position: absolute; left: 0; top: 30px; background-color: #fff; z-index: 999; width: 166px; box-shadow: 0 3px 4px rgba(0,0,0,.20); } header#header dl.company-links dd ul { padding: 0; margin: 0; border: none; width: 100%; } header#header dl.company-links dd ul li{ display: block; float: none; padding:0; border: none; } header#header dl.company-links dd ul li:hover { background-color: #f5f5f5!important; } header#header dl.company-links dd ul li a { position: relative; top: 0; left: 0; display: block; float: none; border-left: none; color: #888; font-size: 1em; line-height: 1.5em; text-transform: none; padding: 1em 0; margin: 0 15px; border-top: dashed 1px #eee; } header#header dl.company-links dd ul li a:before { content: "\00B7"; font-size: 2em; margin: 0 5px; line-height: 0; vertical-align: middle; } header#header dl.company-links dd ul li:first-child a {border-top: none;} header#header dl.company-links dd ul li a:hover{background-color:#f5f5f5;} header#header dl.company-links dd ul li a:after{display: none;} header#header .logo { text-decoration:none; overflow:hidden; float:left; display: block; } header#header .links-button{display: none;} header#header .logo strong{ position:absolute; top:0; left:-120px; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } header#header .quick-access {padding-bottom:.91em;} header#header .welcome-msg { line-height:51px; padding-left:20px; color:#aaa; font-size:.91em; } header#header .form-search { border:1px solid #ddd; width:336px; height:29px; float:left; margin:0 0 15px; background-color:#f5f5f5; margin:1.5em 0; border-radius: 2px; -moz-border-radius: 2px; transition: border-color .7s ease; -webkit-transition: border-color .7s ease; -moz-transition: border-color .7s ease; -o-transition: border-color .7s ease; } header#header .form-search .indent {} header#header .form-search.focus { border-color: #75b2e1; } header#header .form-search label {display:none;} header#header .form-search input { width:85%; padding:0 10px; border:none; background:none; float:left; height:29px; font-size: .91em; color: #aaa; } header#header .form-search.focus input {background-color: #fff;} header#header .form-search button { float:left; overflow:hidden; } header#header .form-search button span { padding:0; float: none; width:auto; background: none; border:none; line-height: 29px; display: block; height: auto; background-color: #e5e5e5; width:30px; height:29px; } header#header .form-search button:hover span i {color: #fff;} header#header .form-search button span i {vertical-align: middle; line-height: 29px; font-size: 1.33em; color: #aaa;} header#header .form-search .search-autocomplete { z-index:999; } header#header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; } header#header .form-search .search-autocomplete li { padding:6px; cursor:pointer; background: #f5f5f5; font-size: 0.91em; } header#header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } header#header .form-search .search-autocomplete li.selected {} header#header .form-language, header#header .form-currency{float:right; margin-left:20px;} header#header .form-language{padding-right:10px;} header#header .form-language .sbSelector > span span{background-position:right 1px!important;} header#header .form-currency .sbSelector > span span{background-position:center 0!important;} header#header .form-currency .sbOptions{width:130px;} header#header .form-currency label, header#header .form-language label { font-size:0.91em; } header#header .form-language label{padding-right: 10px;} header#header .form-currency {border-right:solid 1px #4f565b;padding-right:20px;} header#header .form-currency a {padding-left:15px; font-size:0.83em;} header#header .form-language a {padding-right:10px; font-size:0.83em;} header#header .form-language a img {vertical-align:middle;} header#header .form-currency .sbHolder .sbOptions li a, header#header .form-language .sbHolder .sbOptions li a{ line-height: 1.8em; padding-top: 0.75em; padding-bottom: 0.75em; } /* Header Cart ================================================================================ */ header#header .top-cart { float: right; position: relative; z-index: 9999; padding: 0; background-color: #353c41; margin-left: 20px; transition: background-color .8s ease; -moz-transition: background-color .8s ease; -webkit-transition: background-color .8s ease; -o-transition: background-color .8s ease; } header#header .top-cart.active {background-color: #4a5054;} header#header .top-cart .block-title {} header#header .top-cart .block-title a {color: #fff; padding: 1.875em 25px; display: block;} header#header .top-cart .block-title .title-cart {font-size: 1.5em;} header#header .top-cart .block-title .title-cart i { font-size:.65em; padding-right:9px; line-height:1.5em; -webkit-text-stroke-width: 0; } header#header .top-cart .block-title .title-cart > span { position:absolute; font-size:.55em; padding:1px 4px; border-radius:20px; -moz-border-radius:20px; font-family:Arial; top:-5px; right:-5px; text-align:center; min-width: 12px; } header#header .top-cart .block-title a span {} header#header .top-cart .block-title a strong.amount {} header#header .top-cart .block-title a.active, header#header .top-cart .block-title a:hover, header#header .top-cart .close-btn {} header#header .top-cart .block-content { background: #fff; z-index: 999; position: absolute; right: 0px; top: 63px; width: 378px; } header#header .top-cart .cart-empty{padding:2em;} header#header .top-cart .block-content .mini-products-list .product-image { float: left; width: 86px; margin-right: 20px; } header#header .top-cart .block-content .mini-products-list .product-details { float: right; width: 69%; position: relative; } header#header .top-cart .block-content .mini-products-list .product-details .price { font-weight: bold; font-size: 1em; line-height: 1.5em; } header#header .top-cart .block-content.active { } header#header .top-cart .block-content .block-subtitle { padding:0 0 0 0;} header#header .top-cart .block-content .block-subtitle .close-btn { float:right; cursor:pointer; padding:0 0 0 0;} header#header .top-cart .block-content .subtotal { text-align: center; padding: 1.5em; background-color: #f5f5f5; } header#header .top-cart .block-content .subtotal span { padding-top: 0; display: inline-block; font-size: 2.5em; line-height: 1.5em; font-weight: normal; color: #aaa; } header#header .top-cart .block-content .subtotal .price { font-size: 2.5em; line-height: 1.5em; } header#header .top-cart .block-content .actions {} header#header .top-cart .block-content .actions a { text-decoration: none; margin: 1.5em 0 1.5em 1.5em; float: right; display: block; height: 40px; line-height: 40px; text-align: center; width: 45%; font-size: 1em; color: #fff; transition: background-color .8s ease; -moz-transition: background-color .8s ease; -webkit-transition: background-color .8s ease; -o-transition: background-color .8s ease; border-radius: 2px; -moz-border-radius: 2px; position: relative; } header#header .top-cart .block-content button.button { float: right; padding: 1.5em 1.5em 1.5em 10px; width: 50%; } header#header .top-cart .btn-remove, .header .top-cart .btn-edit { float: right; margin-left: 5px; } header#header .top-cart .mini-products-list li { padding: 1.5em; margin: 0; overflow: hidden; clear: both; position: relative; transition: background-color .8s ease; -moz-transition: background-color .8s ease; -webkit-transition: background-color .8s ease; -o-transition: background-color .8s ease; } header#header .top-cart .mini-products-list li:hover {background-color: #f5f5f5;} header#header .top-cart .mini-products-list li .item-box{border:1px solid #000; padding:9px 9px 11px 8px;} header#header .top-cart .product-image {} header#header .top-cart .product-name { margin-bottom: 5px; padding-right: 28px; font-size: 1em; } header#header .top-cart .product-name a {text-transform: uppercase;} header#header .top-cart .product-box { float: left; margin-right: 10px; line-height: 20px; } header#header .top-cart .price {vertical-align: middle;} header#header .top-cart .cart-price-qt { float: left; width: 20px; height: 20px; border-radius: 20px; -moz-border-radius: 20px; text-align: center; line-height: 20px; color: #fff; background-color: #ccc; font-size: .83em; } header#header .top-cart .cart-price-qt strong {vertical-align: middle;} header#header .top-cart a:hover {} header#header .top-cart .btn-remove { position: absolute; right: 1.5em; z-index: 9; top: 1.5em; font-size: .83em; color: #ccc; } .add-to-cart-success .btn-remove {margin: 0;} header#header .top-cart .btn-edit { float: right; position: absolute; right: 1.5em; top: 3em; font-size: .83em; z-index: 9; color: #ccc; } header#header .top-cart button.button {} header#header .top-cart button.button span { display: block; float: none; padding: 0; text-align: center; font-size: 1em; color: #fff; height: 40px; line-height: 40px; } /* styles for select */ .sbHolder{ font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; position: relative; width: auto; } .sbSelector{ display: block; height:auto; width:auto; left: 0; outline: none; overflow: hidden; /*position: absolute;*/ text-indent:0; top: 0; margin-top:0; color:#aaa; border:solid 1px #eee; padding:4px 12px 5px; background:#f5f5f5; border-radius: 2px; -moz-border-radius: 2px; } .sbSelector:hover { -moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; border-color:#eee; background-color:#eee; color:#aaa; } .sbSelector:hover > span {border-top-color:#aaa;} .sbSelector span.text { float:left; width:auto; height:auto; background:none; margin: 0 18px 0 0; border:none; font-family:Arial; } .sbSelector.price {font-size:1em!important;} .sbSelector > span { display:block; float:right; width:0; height:0; margin:7px 0px 7px 5px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #aaa; } .sbSelector .text + span { position: absolute; right: 13px; } .sbSelector > span span{ display:block; height:12px; } .sbSelector:link, .sbSelector:visited, .sbSelector:hover{ outline: none; text-decoration: none; } .sbToggle{ display: none; height: 20px; outline: none; position: absolute; right: 0; top: 0; width: 30px; } .sbToggle:hover {} .sbToggleOpen {} .sbToggleOpen:hover {} .sbHolderDisabled { background-color: #3C3C3C; border: solid 1px #515151; } .sbHolderDisabled .sbHolder {} .sbHolderDisabled .sbToggle {} .sbOptions{ list-style: none; left: 0; margin: 0; padding:0; top:30px!important; position: absolute; max-height:150px!important; border:none; z-index: 9999; overflow-y: auto; background:#eee; width:100%; } .sbOptions li a, .toolbar .sbOptions li a {line-height:2.8em;padding:0 15px;font-family:Arial;} .sbOptions li:hover {background-color:#ddd} .sbOptions li:first-child a{border-top:none;} .sbOptions a { display: block; outline: none; padding:3px 20px 3px 0; -moz-transition:none; -webkit-transition:none; -o-transition:0; transition:none; color:#888; font-size:11px; } .sbOptions a:link, .sbOptions a:visited{ color: #888; text-decoration: none; } .sbOptions a:hover{color:#888;} .sbOptions li.last a{ border-bottom: none; } .sbOptions .sbDisabled{ border-bottom: solid 1px #515151; color: #999; display: block; padding: 7px 0 7px 3px; } .sbOptions .sbGroup{ border-bottom: solid 1px #515151; color: #EBB52D; display: block; font-weight: bold; padding: 7px 0 7px 3px; } .sbOptions .sbSub{ padding-left: 17px; } .sbHolder .sbToggleOpen + .sbSelector { border-color:#eee; background-color:#eee; color:#aaa; } .sbHolder .sbToggleOpen + .sbSelector > span.text { background:none; } .sbHolder .sbToggleOpen + .sbSelector > span { border-top-color:#aaa; } /* Header Slider */ .header-slider-holder{ padding:0; margin:0; position: relative; } .header-slider-holder.loading{ height: 150px; overflow: hidden; } .header-slider-holder .loader{ position: absolute; width: 100%; height: 1200px; left: 0; top: 0; background-color:#f2f2f2; z-index: 999; text-align: center; font-size: 60px; line-height: 134px; font-weight: normal; color:#6c7073; } .header-slider-container{ /* defaults for resposive height container */ position: relative; height: 0; /* 39% being the ratio we are maintaining * calculated by looking at the image * ratio: 400/1024 = ~0.39 */ padding: 0 0 39% 0; overflow: visible; } .header-slider-container .container{ position: absolute; width: 100%; height: 100%; overflow: hidden; } .header-slider-container .iosSlider { width: 100%; /* this height ends up being your maximum height, * if you want it to scale forever, set it to * a very high number */ height: 100%; } .header-slider-container .iosSlider .slider { width:100%; height:100%; z-index:2; } .header-slider-container .iosSlider .slider .item { position: relative; float: left; width: 100%; height: 100%; text-align: center; } .header-slider-container .iosSlider .slider .item a { display: block; position:relative; z-index:7;} .header-slider-container .iosSlider .slider .item img { width:100%; height:auto; display:block; position:relative; z-index:7; } .header-slider-container .iosSlider .slider .item .slide-container {position: absolute; z-index: 9; top: 25%;} .header-slider-container .iosSlider .slider .item .slide-container.right-caption {right: 17%; float: right;} .header-slider-container .iosSlider .slider .item .slide-container.right-caption h2, .header-slider-container .iosSlider .slider .item .slide-container.right-caption h3, .header-slider-container .iosSlider .slider .item .slide-container.right-caption h4, .header-slider-container .iosSlider .slider .item .slide-container.right-caption p {left: auto; right: -50%; float: right;} .header-slider-container .iosSlider .slider .item .slide-container.right-caption h2 {font-size: 5em; font-weight: bold; text-transform: uppercase; margin-bottom: 5px;} .header-slider-container .iosSlider .slider .item .slide-container.right-caption p { width: 41%; float: right; margin-bottom: 5px; color:#FFFFFF; margin-right: 6%; } .header-slider-container .iosSlider .slider .item .slide-container.right-caption h4 {float: right; text-align: center; margin-right: 19%;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 {top: 16%; left: 15%;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 h2 { font-size: 6.667em; color: #fff; font-weight: bold; text-align: center; width: 63%; text-transform: uppercase; letter-spacing: -8px; line-height: 1; text-shadow: 1px 0 1px rgba(0,0,0,.2); } .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 h3 { font-weight: bold; font-size: 2.667em; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: -3px; margin-left: 6%; } .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 h3:after { content: ''; border-bottom: solid 2px #b9b9b9; width: 70px; display: block; margin: 10px auto 0; } .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 p:before { content: ''; border-top: solid 2px #b9b9b9; width: 46px; display: block; margin: 2px auto 5px; } .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 p {width: 37%; margin-left: 13.3%;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-3 {left: 17%; top: 38%;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-3 h5 {font-size: 1.5em; line-height: 1.5em; text-transform: uppercase; letter-spacing: 3px; font-weight: bold;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-3 h3 {font-weight: bold; font-size: 2.5em; line-height: 1.5em; text-transform: uppercase; letter-spacing: -1px;} .header-slider-container .iosSlider .slider .item h2 { position: relative; z-index:9; opacity: 0; filter: alpha(opacity:0); font-size:6em; line-height:1.1em; font-weight:100; text-align:right; left: -50%; float: left; clear: both; margin: 0; } .header-slider-container .iosSlider .slider .item h3 { position: relative; z-index:9; opacity: 0; filter: alpha(opacity:0); color:#fff; line-height:1.1em; font-weight:100; text-align:right; left: -50%; float: left; clear: both; margin: 0; } .header-slider-container .iosSlider .slider .item h5 { position: relative; z-index:9; opacity: 0; filter: alpha(opacity:0); color:#fff; line-height:1.1em; font-weight:100; text-align:right; left: -50%; float: left; clear: both; margin: 0; } .header-slider-container .iosSlider .slider .item p { position: relative; z-index:9; opacity: 0; filter: alpha(opacity:0); color:#fff; font-size:1em; line-height:1.1em; font-weight:100; text-align:center; left: -50%; float: left; clear: both; margin: 0 auto; width: 55%; font-size: 1.5em; line-height: 1.5em; color: #888; font-family: Times New Roman; } .header-slider-container .iosSlider .slider .item h4 { position: relative; z-index:9; opacity: 0; filter: alpha(opacity:0); color:#fff; line-height:1.1em; font-weight:100; text-align:right; left: -50%; float: left; clear: both; margin: 0; } .header-slider-container .iosSlider .container_12 { position:absolute; top:0; bottom:0; left:0; right:0; } .header-slider-container .iosSlider .prev, .header-slider-container .iosSlider .next { width:50px; height:50px; position:absolute; filter:alpha(opacity=0); opacity:0.3; background-color:#000; z-index:999; text-align: center; line-height: 50px; border-radius: 2px; -moz-border-radius: 2px; top:50%; margin-top:-25px; z-index: 3; transition: all .6s ease; -moz-transition: all .6s ease; -webkit-transition: all .6s ease; -o-transition: all .6s ease; } .header-slider-container .iosSlider .prev i, .header-slider-container .iosSlider .next i { color:#fff; font-size: 2em; vertical-align: middle; } .header-slider-container .iosSlider:hover .prev, .header-slider-container .iosSlider:hover .next{opacity:0.3; filter:alpha(opacity=30);} .header-slider-container .iosSlider:hover .prev:hover, .header-slider-container .iosSlider:hover .next:hover { opacity: 1; filter:alpha(opacity=100); } .header-slider-container .iosSlider .prev{left:-80px;} .header-slider-container .iosSlider .next{right:-80px;} .header-slider-container.boxed-slider .iosSlider .next {right: 0;} .header-slider-container.boxed-slider .iosSlider .prev {left: 0;} .header-slider-container.boxed-slider .iosSlider .slider .item .slide-container.right-caption {right: 10%;} .header-slider-container.boxed-slider .iosSlider .slider .item .slide-container.slide-skin-2 {left: 9%;} .header-slider-container.boxed-slider .iosSlider .slider .item .slide-container.slide-skin-3 {left: 8%;} .header-slider-container .iosSlider .slideSelectors{position:absolute; bottom:45px; left:130px; z-index:999999!important; filter:alpha(opacity=0); opacity:0;} .header-slider-container .iosSlider:hover .slideSelectors{filter:alpha(opacity=100); opacity:1;} .header-slider-container .iosSlider .slideSelectors .button-item{ float:left; width:14px; height:14px; overflow:hidden; text-indent:100%; white-space:nowrap; margin-right:3px; background-color:#FFF; -moz-border-radius:7px; border-radius:7px; } .header-slider-container .iosSlider .slideSelectors .button-item:hover, .header-slider-container .iosSlider .slideSelectors .button-item.selected{cursor:pointer;} .header-block-wrapper{padding:45px 0 28px;} .header-block-wrapper .left{width:30%;} .header-block-wrapper h2{font-size:6em; line-height:1.05em; color:#6c7073; font-weight:100; margin-bottom:48px;} .header-block-wrapper p{font-size:1.5em; line-height:1.44em;} .header-block-wrapper a{float:right;} header#header .nav-container select{display:none!important;} header#header .nav-container .sbHolder{display:none;} header#header .nav-container .sbSelector{display:none;} /* Header Navigation */ header#header .nav-container {float: left;} .menu-button { display: none; margin: 1.5em 10px 1.5em 0 } .menu-button i { padding: 8px 9px 9px 10px; color: #fff; border-radius: 2px; -moz-border-radius: 2px; font-size: 1.16em; vertical-align: middle; transition: background-color .8s ease; -moz-transition: background-color .8s ease; -o-transition: background-color .8s ease; -webkit-transition: background-color .8s ease; cursor: pointer; } #nav { position: relative; z-index:10; clear:both; float: right; } /* All Levels */ #nav li { text-align:left; position:relative; } #nav li.over { z-index:998; } #nav li.parent {} #nav li a { display:block; text-decoration:none; } #nav li a:hover { text-decoration:none; } #nav > li > a > span { display:block; white-space:nowrap; cursor:pointer; font-size:1em; font-weight:normal; color:#444; float:left; } #nav > li.parent > a i, #nav-wide > li.parent > a i { float:left; color: #aaa; line-height: 1.8em; padding-left: 2px; font-size: .75em; } #nav > li:hover > a > span, #nav > li:hover > a > i, #nav > li.over > a > span, #nav > li.over > a > i, #nav > li.active > a > span, #nav > li.active > a > i {color: #fff;} #nav li ul a span { white-space:normal; } /* 1st Level */ #nav li { float:left; } #nav li a { float:left; padding:2.15em 15px; line-height: 1.5em; } #nav li a:hover, #nav li.over a, #nav li.active a {color: #fff;} /* 2nd Level */ #nav ul, #nav div { position: absolute; width: 15em; top: 100%; left: -10000px; background: #fff; padding: 17px; z-index: 99999; box-shadow: 0 3px 4px rgba(0,0,0,.20); } #nav div ul { position:static; width:auto; border:none; } /* 3rd+ leven */ #nav ul ul, #nav ul div { top:7px; } #nav ul li:first-child {border-top: none;} #nav ul li { float: none; clear: both; transition: background-color .5s ease; -moz-transition: background-color .5s ease; -webkit-transition: background-color .5s ease; -o-transition: background-color .5s ease; border-top: dashed 1px #eee; } #nav ul li:hover {background-color: #f5f5f5;} #nav ul li a:before { content: "\00B7"; font-size: 2em; margin: 0 10px; vertical-align: middle; } #nav ul li.last { border-bottom:0; } #nav ul li a { float: none; padding: .75em 0; font-weight: normal; color: #888!important; font-size: 1em; line-height: 1.5em; } #nav > ul > li > a:hover { color:#fff !important; text-decoration:none; } #nav ul li a span{font-size:13px; text-transform:none;} /* Show menu */ #nav li ul.shown-sub, #nav li div.shown-sub { left:0; z-index:99999; } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left:100px; } /********** Wide Navigation > */ .nav-wide#nav-wide { position: static; text-align: center;} .nav-wide#nav-wide li.level-top { display:inline-block; } .nav-wide#nav-wide > li { position: static;} .nav-wide#nav-wide li.level-top > a { float: left; line-height: 1.5em; padding: 2.15em 15px; position: relative; } .nav-wide#nav-wide li a:hover { color:#909090; } .nav-wide#nav-wide li.active a { color:#909090; } .nav-wide#nav-wide li a span { color: #444444; cursor: pointer; display: block; float: left; font-size: 1em; font-weight: normal; white-space: nowrap; } #nav-wide.nav-wide li.level1 a span{ white-space: normal; } #nav-wide > li:hover > a > span, #nav-wide > li:hover > a > i, #nav-wide > li.over > a > span, #nav-wide > li.over > a > i, #nav-wide > li.active > a > span, #nav-wide > li.active > a > i {color: #fff;} .nav-wide#nav-wide li.level-top:hover > a, .nav-wide#nav-wide li.level-top.active > a{color:#fff;text-decoration: underline} .nav-wide#nav-wide li.level-top:hover > a > span, .nav-wide#nav-wide li.level-top.active > a > span{color:#fff;text-decoration: underline} .nav-wide#nav-wide li.level-top:hover > a:hover > span {color:#fff;text-decoration: underline} .nav-wide#nav-wide .menu-wrapper{ display: none; position: absolute; left:0; top: 69px; width: 100%; text-align: left; background-color:#fff; box-shadow:0 4px 10px -4px rgba(0, 0, 0, 0.07); border:1px solid #f3f3f3; border-top:none; padding: 18px 0 18px; z-index:999; } .nav-wide#nav-wide .menu-wrapper > ul.level0{ padding-left: 18px; } .nav-wide#nav-wide .menu-wrapper > div.first{ padding-left: 18px; } .nav-wide#nav-wide ul.level0{} .nav-wide#nav-wide ul.level0 li.level1 { display: inline-block; float: none; padding: 0 0 1.5em 0;} .nav-wide#nav-wide ul.level0 li.level1 > a { margin-bottom: 0; padding-left: 0; display: block; border: none; position: relative; } .nav-wide#nav-wide ul.level0 li.level1 > a:hover{background: none;} .nav-wide#nav-wide ul.level0 li.level1 span.subtitle{ color: #444; padding-right:7px; font-weight: bold; text-transform: uppercase; display: inline-block; background-color:#FFF; position: relative; z-index:9; font-size:1.16em; line-height: 1.57em; padding-left: 0; } .nav-wide#nav-wide ul.level0 li.level1 span.subtitle:before{display: none;} .nav-wide#nav-wide ul.level0 li.level1 > a:after{ position: absolute; bottom: 17px; right: 0; width: 100%; height: 4px; background:#eee; content:''; z-index:8; } .nav-wide#nav-wide ul.level0 a span{ text-transform: none; font-size: 1em; line-height: 1.5em; float: none; color:#888; padding-left: 14px; position: relative; } .nav-wide#nav-wide ul.level0 a { line-height: 1.89em; padding:0.83em 0 0.83em 10px; display: block; border-bottom:1px dotted #eee; position: relative; } .nav-wide#nav-wide ul.level0 a span:before{ content:''; width: 4px; height: 4px; position: absolute; left: 0; top: 7px; background-color:#888; -moz-border-radius:3px; border-radius:3px; } .nav-wide#nav-wide ul.level0 a:hover{ background-color:#f5f5f5; } .nav-wide#nav-wide ul.level1 ul{ margin-left: 18px; } /* header#header.floating .nav-wide#nav-wide > li > a {padding:8px 15px 9px;} header#header.floating .nav-wide#nav-wide li.over .menu-wrapper{top: 36px;} */ .nav-wide#nav-wide .top-content, .nav-wide#nav-wide .bottom-content { padding: 0 18px 0 18px; overflow: hidden; font-size: 1em; text-transform: uppercase; color:#888; } .nav-wide#nav-wide .top-content span, .nav-wide#nav-wide .bottom-content span{ color:#444; } .nav-wide#nav-wide .top-content{padding-bottom: 1em;} .nav-wide#nav-wide .bottom-content{ border-top:1px solid #ddd; padding-left: 0; padding-right: 0; margin-left: 18px; margin-right: 18px; } .nav-wide#nav-wide ul .top-content, .nav-wide#nav-wide ul .bottom-content {padding:0;} .nav-wide#nav-wide .bottom-content { padding-top: 18px;} .nav-wide#nav-wide .right-content { display: inline-block; float: none; font-size: 0.9em; color:#888; padding-bottom: 2.18em; } .nav-wide#nav-wide .right-content h2{ color:#444; text-transform: uppercase; font-size: 1.27em; line-height: 1.57em; margin-bottom:0.85em; } .nav-wide#nav-wide .right-content .banner{ display: block; margin-bottom: 1.5em; } .nav-wide#nav-wide .right-content .banner-box{ float: left; background:#eee; margin-right:20px; width:257px; margin-bottom: 1.66em; padding:1.28em 10px 1.28em 20px; } .nav-wide#nav-wide .right-content .banner-box.last{margin-right: 0;} .nav-wide#nav-wide .right-content .banner-box i{ font-size: 1.28em; padding: 24px; -moz-border-radius:30px; border-radius:30px; color:#fff; float: left; margin-right: 15px; margin-top: 6px; } .nav-wide#nav-wide .right-content .banner-box h2{ font-size: 1.66em; line-height: 1.44em; text-transform: none; margin-bottom: 0.5em; } .nav-wide#nav-wide .right-content .banner-box p{margin-bottom: 0;} .nav-wide#nav-wide .inline-links { margin-bottom: 9px;} .nav-wide#nav-wide .inline-links li{ display: inline; padding: 0 10px 0 0; } .nav-wide#nav-wide .inline-links li a{ display: inline-block; padding: 5px 10px; } .nav-wide#nav-wide .inline-links li a:hover{background-color:#f5f5f5;} .nav-wide#nav-wide hr { clear: both; font-size: 1px; line-height: 1px; height: 1px; border: 0; border-top: 1px solid #f3f3f3; margin-bottom: 18px; } .nav-wide#nav-wide p { margin-bottom: 9px;} .nav-wide#nav-wide .awesome-content-top, .nav-wide#nav-wide .awesome-content-left { background: #f5f5f5; color: #444; text-align: center; font-size: 1.24em; line-height: 1.01em; padding: 18px 18px 18px 18px; margin: 0 0 18px 0; overflow: hidden;} .nav-wide#nav-wide .awesome-content-top i, .nav-wide#nav-wide .awesome-content-left i { font-size: 1.18em; display: block; margin-bottom: 5px;} .nav-wide#nav-wide .awesome-content-left { text-align: left; padding-top: 30px; padding-bottom: 19px;} .nav-wide#nav-wide .awesome-content-left i { float: left; margin: 0 10px 5px 0;} /* Category Labels */ header#header.floating .category-label {display: none;} .category-label { display: inline-block; position: absolute; right: 20px; bottom: 60px; padding: 3px 10px; border:0px solid; z-index: 999; } .category-label:after { position: absolute; right: 6px; bottom: -4px; content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid; border-top-color: inherit; } ul li ul .category-label { top: -22px; bottom: auto; left: 10px; right: auto; font-size: 0.9em; padding: 2px 7px;} ul li ul li ul .category-label { top: 6px; bottom: auto; left: auto; right: 10px; font-size: 0.9em; padding: 2px 7px;} ul li ul li ul .category-label:after { display: none;} /* Mobile Devices Styles */ #nav li.touched > ul{left:100px;} #nav > li.touched > ul{left:0;} #nav.nav-wide li.touched > ul{left:0;} /* ======================================================================================= */ /* Sidebar =============================================================================== */ aside.sidebar {} aside.sidebar .block { margin: 3em 0 0; color: #666; } aside.sidebar .block:first-child {margin-top:0;} aside.sidebar .block .block-title{ position: relative; margin-bottom: 1.16em; } header .right-divider, .block-title .right-divider {border-bottom: solid 4px #eee; display: inline-block; float: right; margin-top: 1em;} .product-view > .block-related .block-title .right-divider {margin-top: 2em;} .product-view > .block-related .next, .product-view > .block-related .prev {top: 3px;} .block-vertical-nav .block-title, .block-list .block-title {margin-bottom: 4px!important;} aside.sidebar .block-title strong span { display: inline; padding-right: 8px; font-size: 1.16em; color: #444; text-transform: uppercase; line-height: 1.6em; } aside.sidebar .block-title .btn-remove { float: right; cursor: pointer; height: 11px; display: inline; text-align: right; position: absolute; right: 0; top: 4px; color: #b0b0b0; font-size: 1em; } aside.sidebar .block-title .btn-remove i {font-size: 1em;} aside.sidebar .block-content a i {font-size: 1em; color: #ccc;} aside.sidebar .block-content .fa-times {color: #ccc} aside.sidebar .block .block-content {} aside.sidebar .block.block-layered-nav .btn-nav {position:absolute;left:18px;} aside.sidebar.accordion .block-content { display: none; } aside.sidebar.accordion .block-progress .block-content { display: block;} aside.sidebar .block.block-layered-nav .ui-slider .ui-slider-handle { background: url(https://collection.toyota.lu/skin/frontend/unit/unit/images/slider_but.png) no-repeat center; display: block; border-radius: 2px; -moz-border-radius: 2px; margin-left:0; width: 20px; height: 20px; top:-.65em; position: absolute; } aside.sidebar .block.block-layered-nav .ui-slider .ui-slider-handle.last{ margin-left: -20px; } aside.sidebar .block li { transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; } aside.sidebar .block li:hover {background-color: #f5f5f5;} aside.sidebar .block.block-poll li:hover, aside.sidebar .block.block-reorder li:hover, aside.sidebar .block.block-wishlist li:hover {background: none;} aside.sidebar .block.block-layered-nav .ui-slider .ui-slider-handle-right {margin-left: -20px;} #slider-range.ui-slider .ui-slider-range.ui-widget-header {background-image: none !important;} aside.sidebar .block.block-layered-nav #slider-range { background: #eee; height: 4px; } aside.sidebar .block.block-layered-nav ol, aside.sidebar .block.block-layered-nav ol li, aside.sidebar .block.block-vertical-nav .block-content li.level0 ul li { color: #888; } aside.sidebar .block ol li, aside.sidebar .block.block-vertical-nav .block-content li, .block-poll li { line-height: 1.5em; padding: .75em 0; border-top: dashed 1px #eee; } aside.sidebar .block ol li:first-child, aside.sidebar .block.block-vertical-nav .block-content li:first-child, .block-poll li:first-child {border-top: none;} aside.sidebar .block ol li:before { content: "\00B7"; font-size: 2em; margin: 0 10px; line-height: 0; vertical-align: middle; } aside.sidebar .block.block-compare ol li:before, aside.sidebar .block.block-viewed ol li:before, aside.sidebar .block.block-compared ol li:before, aside.sidebar .block.block-poll ol#poll-answers li:before, aside.sidebar .block.block-reorder ol li:before {content: none;} aside.sidebar .block.block-compare ol li .product-name:before, aside.sidebar .block.block-viewed ol li .product-name:before, aside.sidebar .block.block-compared ol li .product-name:before, aside.sidebar .block.block-poll span.answer:before { content: "\00B7"; font-size: 2em; margin: 0 10px; vertical-align: middle; float: left; } aside.sidebar .block.block-compare ol li .product-name a, aside.sidebar .block.block-viewed ol li .product-name a, aside.sidebar .block.block-compared ol li .product-name a { float: left; width:89%; } aside.sidebar .block.block-layered-nav ol li a {color: #666;} aside.sidebar .block .block-content a { text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; position: relative; } aside.sidebar .block .block-content a:hover{text-decoration:none;} aside.sidebar .block .block-subtitle{margin-bottom:0.42em;} aside.sidebar .btn-remove, aside.sidebar .btn-edit { float:right;} aside.sidebar .product-name { margin-bottom: 0; font-size: 1em; line-height: 1.5em; } aside.sidebar .product-name a { text-decoration: none; color: #666; font-size: 1em; line-height: 1.5em; font-family: Arial, sans-serif; text-transform: none; } aside.sidebar .product-name a:hover {text-decoration: none;} aside.sidebar .actions { text-align:right; padding-top:1.4em; width:100%; overflow:hidden;float:right;} aside.sidebar .actions a { float:left; text-decoration:none; font-weight:normal; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; padding: 0 13px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: .8em; margin-right: 2px; border-radius: 2px; -moz-border-radius: 2px; } aside.sidebar .actions a:hover{text-decoration: none;} aside.sidebar .empty {} aside.sidebar .actions a, aside.sidebar .actions button {float: left;} /* Block: Account */ .block-account {} .block-account .block-title { border-bottom: solid 4px #eee; padding-bottom: 1em; } .block-account li:first-child { border-top: none; } .block-account li { padding: 0.75em 0; border-top: dashed 1px #eee; position: relative; } .block-account li a, .block-account li strong {color: #666; margin-left: 30px;} .block-account li i { float: left; line-height: 1.5em; vertical-align: middle; font-size: 1.16em; margin: 0 10px; position: absolute; top: .583em; left: 0; } .block-account li.current {background-color: #f5f5f5;} /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Vertical Nav */ aside.sidebar .block.block-vertical-nav{} aside.sidebar .block.block-vertical-nav .block-content li.level0 a{text-decoration:none; display:inline-block;} aside.sidebar .block.block-vertical-nav .block-content li.level0 a:hover{color:#000;} aside.sidebar .block.block-vertical-nav .block-content li.level0 ul li, aside.sidebar .block.block-vertical-nav .block-content > ul > li.level0 > a{line-height:1.66em; padding-left:0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;} aside.sidebar .block.block-vertical-nav .block-content li.level0 > a{padding-left:0!important; background:none!important;} aside.sidebar .block.block-vertical-nav .block-content li.level0 > ul{padding-left:14px;} aside.sidebar .block.block-vertical-nav .block-content li.level0 a:hover{} aside.sidebar .block.block-vertical-nav .block-content li.level0 a:hover span{text-decoration:none;} aside.sidebar .block.block-vertical-nav .block-content li.level0 ul{} /* Block: Categories */ aside.sidebar .block #categories-accordion li:hover{background: none;} aside.sidebar .block #categories-accordion li{ padding:0; position: relative; } #categories-accordion li.parent { position:relative;} #categories-accordion li a{ text-decoration: none; padding:0.75em 0 0.75em 34px!important; color: #666; line-height: 1.5em; display: block; } #categories-accordion li a:hover, #categories-accordion li.closed > a, #categories-accordion li a.closed{ background-color:#F5F5F5!important; } #categories-accordion li.level-top a:hover span{text-decoration: none;} #categories-accordion li.level0 > a {padding-left: 22px;} #categories-accordion li.closed .btn-cat, #categories-accordion li .btn-cat { position: absolute; left: 0; top: 7px; width: 23px; height: 23px; cursor: pointer; margin-left: 9px; } #categories-accordion li i.fa-dot-circle-o{ position: absolute; left: 16px; top: 12px; color:#ccc; z-index:9; } #categories-accordion li.parent .btn-cat i { font-size: 1em; color: #ccc; left: 6px; top: 5px; position: relative; } #categories-accordion li > .btn-cat i.fa-plus-square, #categories-accordion li.parent > .btn-cat i.fa-plus-square{display: inline-block} #categories-accordion li .btn-cat i.fa-minus-square, #categories-accordion li.parent > .btn-cat i.fa-minus-square, #categories-accordion li .btn-cat.closed i.fa-plus-square, #categories-accordion li.parent.closed > .btn-cat i.fa-plus-square{display: none;} #categories-accordion li .btn-cat.closed i.fa-minus-square, #categories-accordion li.parent.closed > .btn-cat i.fa-minus-square{display: inline-block;} #categories-accordion li.level-top.parent ul.level0 { padding: 0; position: relative; zoom: 1; } #categories-accordion li.level-top.parent ul.level0 li a { text-decoration: none; line-height: 1.5em; font-size: 1em; color:#888; } #categories-accordion li.level-top li.last {padding-bottom: 0;} #categories-accordion li.level-top.parent ul.level0 li a:hover{} #categories-accordion li.level-top.parent ul.level0 li a:hover span{text-decoration:none;} #categories-accordion.closed-default li.parent ul { display: none; margin-top: 0;} aside.sidebar .level-top ul { margin-top: 0; border-top: dashed 1px #eee; } aside.sidebar .level-top ul ul {} #categories-accordion li.level1 > a {padding-left: 60px!important;} #categories-accordion li.level1 > .btn-cat {margin-left: 36px!important;} #categories-accordion li.level1 .fa-dot-circle-o {margin-left: 25px!important;} #categories-accordion li.level2 > a {padding-left: 75px!important;} #categories-accordion li.level2 .btn-cat {margin-left: 51px!important;} #categories-accordion li.level2 .fa-dot-circle-o {margin-left: 41px!important;} #categories-accordion li.level3 > a {padding-left: 90px!important;} #categories-accordion li.level3 .btn-cat {margin-left: 66px!important;} #categories-accordion li.level3 .fa-dot-circle-o {margin-left: 56px!important;} #categories-accordion li.level4 > a {padding-left: 105px!important;} #categories-accordion li.level4 .btn-cat {margin-left: 81px!important;} #categories-accordion li.level4 .fa-dot-circle-o {margin-left: 71px!important;} #categories-accordion li.level4 > a {padding-left: 120px!important;} #categories-accordion li.level4 .btn-cat {margin-left: 96px!important;} #categories-accordion li.level4 .fa-dot-circle-o {margin-left: 86px!important;} /* Block: Layered Navigation */ aside.sidebar .block .filter-label span { font-size: 1em; color: #444; line-height: 1.5em; padding-bottom: .91em; position: relative; display: block; } aside.sidebar .block .filter-label span:after, .block-poll .block-subtitle:after { content: ""; border-bottom: solid 1px; width:25px; display: block; position: absolute; bottom: -1px; } aside.sidebar .block.block-layered-nav {} aside.sidebar .block.block-layered-nav .block-subtitle {margin-bottom:0.75em;} aside.sidebar .block.block-layered-nav .currently {} aside.sidebar .block.block-layered-nav .currently li {padding-bottom:3px;} aside.sidebar .block.block-layered-nav .currently .value, aside.sidebar .block.block-layered-nav .currently .label {float:left;} aside.sidebar .block.block-layered-nav dl dt {border-bottom: solid 1px #eee;} aside.sidebar .block.block-layered-nav dl dt i {cursor: pointer;} aside.sidebar .block.block-layered-nav dl dt .fa-times {display: none;} aside.sidebar .block.block-layered-nav dl dt.closed .fa-times {display: inline-block;} aside.sidebar .block.block-layered-nav dl dt.closed .fa-plus {display: none;} aside.sidebar .block.block-layered-nav dl dd a {text-decoration: none; font-size: 1em; line-height: 1.5em; font-family: Arial, sans-serif;} aside.sidebar .block.block-layered-nav dl dd a:hover {text-decoration: none;} aside.sidebar .block.block-layered-nav dl dd { padding-left: 0; line-height: 1.5em; font-size: 1em; margin-bottom: .75em; } aside.sidebar .block.block-layered-nav dl dd .price { font-size: 1em; line-height: 1.83em; color: #8a8a8a; font-family: Arial, sans-serif; border-bottom: dashed 1px #eee; padding-bottom: 2em; margin-bottom: 1em; } aside.sidebar .block.block-layered-nav dl dd .price p {margin-bottom: 1.5em;} aside.sidebar .block.block-layered-nav #amount { width: 49%; margin:1em 0 0; } aside.sidebar .block.block-layered-nav #amount-2 { width: 49%; text-align: right; margin:1em 0px 0; float: none!important; } aside.sidebar .block.block-layered-nav #amount, aside.sidebar .block.block-layered-nav #amount-2{ font-size: .91em; color: #888; display: inline-block; } aside.sidebar .block.block-layered-nav .actions {padding-bottom:20px; padding-top:0;} .block-layered-nav dl#layered_navigation_accordion dt{ cursor:pointer; padding:0; padding:0.42em 18px 0.42em 0; line-height:1.5em; position:relative; border-bottom: 1px solid #E5E5E5; } .block-layered-nav dl#layered_navigation_accordion dt .btn-nav{ background-position:0 0; background-repeat:no-repeat; background-color:#777; cursor: pointer; height: 11px; position: absolute; right: 0; top: 7px; width: 11px; } .block-layered-nav dl#layered_navigation_accordion dt:hover{} .block-layered-nav dl#layered_navigation_accordion dt.closed .btn-nav{background-position: 0 -100px;} .block-layered-nav dl#layered_navigation_accordion.closed-default dd { display: none; } .block-layered-nav dl#layered_navigation_accordion.closed-default dd ol{padding:0.42em 0;} .block-layered-nav dl#layered_navigation_accordion dd{padding-bottom:0.75em;} .block-layered-nav dl#layered_navigation_accordion dd li{padding-left:22px; font-size:0.91em; line-height:1.5em;} /* Block: Wishlist */ aside.sidebar .block.block-wishlist { position: relative;} aside.sidebar .block.block-wishlist li.item {width: 100%; overflow: hidden; padding-bottom: 0;} aside.sidebar .block.block-wishlist .no-slider li.item{padding-bottom: 1.5em;} aside.sidebar .block.block-wishlist li.item .product-image{float:left; width: 84px; padding:0} aside.sidebar .block.block-wishlist li.item .product-image img{width: 100%;} aside.sidebar .block.block-wishlist li.item .product-details {width: 70%; float:right;} aside.sidebar .block.block-wishlist li.item .product-details .product-name{margin-bottom:0.42em;} aside.sidebar .block.block-wishlist li.item .product-details .product-name a{font-size:1em; line-height:1.5em; text-transform: uppercase; margin-right: 30px;} aside.sidebar .block.block-wishlist li.item .product-details .price-box{margin-bottom:0.75em; float:left; margin-right:13px;} aside.sidebar .block.block-wishlist li.item .product-details .price-box.map-info{float:none;} aside.sidebar .block.block-wishlist li.item .product-details .price-box .price{font-size:1em; font-weight:bold;} aside.sidebar .block.block-wishlist li.item .product-details .btn-remove {padding: .75em; margin-top: -.75em;} aside.sidebar .block.block-wishlist li.item button{float:right;} aside.sidebar .block.block-wishlist li.item.last{padding-bottom:0;} aside.sidebar .block.block-wishlist .link-cart {font-size: .83em; clear: both; display: block; line-height: 1.667em; border-radius: 2px; -moz-border-radius: 2px; padding: .75em 16px; color: #fff; float: left;} aside.sidebar .block.block-wishlist .actions{} aside.sidebar .block.block-wishlist .next, aside.sidebar .block.block-wishlist .prev {top: -.75em; right: 0;} aside.sidebar .block.block-wishlist .prev {right: 21px;} #wishlist-slider .es-carousel-wrapper{ position:relative; } #wishlist-slider .es-carousel{ min-height:75px; overflow:hidden; } #wishlist-slider .es-carousel ul.carousel-ul{ margin: auto } #wishlist-slider .es-carousel ul.carousel-ul > li{ float:left; display:block; } #wishlist-slider .es-carousel ul.carousel-ul > li a.product-image{ display:block; } #wishlist-slider .es-carousel ul.carousel-ul li a.product-image img{ display:block; border:none; max-height:none; max-width:none; } .block-wishlist .prev, .block-wishlist .next{ position: absolute; display: block; cursor:pointer; } .block-wishlist i { -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; line-height:1.25em;} .block-wishlist .prev, .block-wishlist .next{opacity:1; filter:alpha(opacity=0); -moz-transition: opacity 300ms ease; -webkit-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease;} .mobile-device .block-wishlist .prev, .mobile-device .block-wishlist .next, .block-wishlist:hover .prev, .block-wishlist:hover .next{opacity:1; filter:alpha(opacity=100);} .block-wishlist .prev { right:56px; top:20px; } .block-wishlist .next { right:40px; top:20px; } /* Block: Block List */ .block-list{} .block-list .block-content{padding-left:0!important;} .block-list li.item{padding:0.75em 0; width:100%; overflow:hidden; } /* Block: Compare Products */ .block-compare {} .block-compare li.item { padding: 0.75em 5px 0.75em 0; width: 100%; overflow: hidden;} .block-compare li.item .product-name{float: left; width: 87%;} .block-compare li.item .btn-remove{margin-top: 3px; height: 11px;} .block-compare li.item .btn-remove i {color: #ccc;} .block-compare .actions{} .block-compare .actions button{float:right;} /* Block: Recently Viewed */ .block-viewed {} /* Block: Recently Compared */ .block-compared {} /* Block: Poll */ .block-poll .block-content {padding-left: 0!important;} .block-poll .block-subtitle {font-weight: bold; margin-bottom: 0em!important; position: relative; border-bottom: solid 1px #eee; padding-bottom: 1em;} .block-poll li { width:100%; overflow:hidden; } .block-poll label {} .block-poll input.radio { float: left; margin: 2px 5px 0 12px; } .block-poll .label { display:block; float:left; width:80%; } .block-poll .answer {float: left; width: 100%;} .block-poll .answer span {display: block; width: 115px; float: left;} .block-poll .votes{float:right; width:70px; margin-top:-1.5em;} .block-poll .actions{} .block-poll .actions button{} /* Block: Tags */ aside.sidebar .block-tags .block-content{padding-left:0;} aside.sidebar .block-tags ul, aside.sidebar .block-tags li { display:inline; } aside.sidebar .block-tags .actions {} aside.sidebar .block-tags .actions a { margin-top: 0; float: left; } /* Block: Reorder */ .block-reorder {} .block-reorder li { padding:0.42em 0; width:100%; overflow:hidden; } .block-reorder input.checkbox { float:left; margin:0.27em 0 0; } .block-reorder .product-name { margin-left:10px; float:left; width:80%; } /* Block: Banner */ .block-banner {} .block-banner .block-content { padding: 0; 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: 3em 0 0; text-align: center; } .sidebar .paypal-logo a {float: none;} /* newsletter */ .sidebar .block-subscribe label{ color: #666666; display: block; font-size: 0.91em; padding-bottom: 1em; } .sidebar .block-subscribe .input-box { position: relative; } .sidebar .block-subscribe .input-box input { padding: 7px 11px; width: 64%; color: #aaa; font-size:11px; line-height: normal; height: auto; margin: 0; background-color: #eee; border-radius: 2px; -moz-border-radius: 2px; float: left; } .sidebar .block-subscribe .input-box button.button{position: absolute; right: 0; top: 0;} .sidebar .block-subscribe #advice-validate-email-newsletter{display: none!important;} .sidebar .block-subscribe .validation-advice{padding-left: 0; padding-top: 4px;} #newsletter-validate-detail{padding-bottom: 1.5em;} aside.sidebar .block-subscribe .actions { float: left; width: auto; padding: 0; } /* ======================================================================================= */ /* Start: Recommended Isotope styles */ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /* Category Page ========================================================================= */ .category-title{margin-bottom: 2em;} .category-title h1 {font-size: 3em;} .category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center; } .category-image img {} .category-description { margin:0 0 2em; } .category-products {} span.label-new { position: absolute; right: -4px; top: 10px; color: #fff; font-size: .75em; text-transform: uppercase; z-index: 9; padding: 5px 19px 6px; } span.label-sale { position: absolute; right: -4px; top: 45px; color: #fff; font-size: .75em; text-transform: uppercase; z-index: 9; padding: 5px 19px 6px 18px; } span.label-new:after, span.label-sale:after { right: 0px; top: 100%; border-width: 2px; border-style: solid; border-color: transparent; width: 0; height: 0; content: ""; position: absolute; z-index: 1; } span.label-new:before, span.label-sale:before { content: ""; border: solid 2px; border-color: transparent; border-left-color: rgba(0,0,0,.5); border-top-color: rgba(0,0,0,.5); position: absolute; right: 0; top: 100%; width: 0; height: 0; z-index: 99; } .no-label-new span.label-sale {top:22px;} /* View Type: Grid */ .products-grid { clear:both; list-style:none !important; padding: 0 !important; margin: 0 ; position:relative; overflow: visible!important; } /*.category-products .products-grid, .category-products .products-list { margin-bottom: 2.333em; }*/ .category-products .products-list {margin-bottom: 3em;} .products-grid.last {border-bottom:0;} .products-grid li.item { float:left; padding:0 0 6em ; position:relative; } .products-grid .product-image { position:relative; display:block; text-align:center; } .products-grid .product-img-box:after, .cart-collaterals .accordion-content .product-image:after, .product-view .box-up-sell .products-grid .product-image:after, .product-view > .block-related .product-image:after { content:''; border-bottom: solid 1px #cfcfcf; width: 34px; display: block; margin: 1.5em auto 0; } .products-grid .product-image img{width:100%;} .products-grid .product-name {text-align: center; } .products-grid .product-name:before, .cart-collaterals .accordion-content .product-details:before, .product-view > .block-related .product-name:before { content:''; border-top: solid 1px #cfcfcf; width: 24px; display: block; margin: 1px auto 7px; } .products-grid .product-name a {} .products-grid .price-box{margin:0; text-align: center; width: 100%;} .products-grid .price-box.map-info a{display:block;} .products-grid .ratings .rating-box { display: block; float: none; margin-bottom: 0.42em; margin-right: 0; } .products-grid .ratings .amount a { text-align: right; float: right; } .products-grid .availability {} .products-grid .actions {} .products-grid .actions button{margin-top:-0.42em;} .products-grid .add-to-links {float:left; padding-right:12px; padding-bottom:1em;} .products-grid .add-to-links li { display:block; } .products-grid .add-to-links .separator { display:none; margin:0 2px; } .products-grid .grid-desc{padding-top:0.75em;} .product-buttons { text-align: center; margin-top: 5px; } .products-grid li.item .button-holder { position: relative; display: inline-block; } .products-grid li.item .btn-quick-view.small {margin-left: 15px;} .products-grid li.item .btn-quick-view.small span span { height: 30px; padding: 0 10px; border-radius: 2px; -moz-border-radius: 2px; } .products-grid li.item .btn-quick-view.small span span i, .products-list li.item .btn-quick-view.small span span i { color: #fff; line-height: 30px; vertical-align: middle; padding: 0; } .products-grid .product-buttons .btn-quick-view span span, .products-list .product-buttons .btn-quick-view span span { padding: 0 13px; color: #fff; font-size: .81em; } .products-grid .product-buttons .btn-quick-view span span i, .products-list .product-buttons .btn-quick-view span span i { line-height: 29px; padding-right: 7px; vertical-align: middle; font-size: 1.16em; } /* View Type: List */ .products-list li.item { padding: 0 0 3em; position: relative; } .products-list li.item.last {border-bottom: 0;} .products-list .product-image { display: block; position: relative; text-align: center; margin: 0 0 10px; } .products-list .product-shop {} .products-list .product-name { padding-bottom: .75em; font-size: 1em; } .products-list .product-name a { font-size: 2em; line-height: 1.5em; font-weight: normal; } .products-list .price-box { float: left; margin: 0 52px 0 0; } .products-list .price-box .minimal-price-link { display: inline-block; vertical-align: middle; padding-left: 10px; } .products-list li.item .product-shop button span{ height: 40px; line-height: 40px; } .products-list li.item .product-shop button span span{ font-size: 1em; padding: 0 26px; } .products-list li.item .price-box .special-price .price, .products-list li.item .price-box .regular-price .price {font-size: 1.5em;} .products-list li.item .price-box .old-price {padding-top: 3px;} .products-list .price-box.map-info a { display: inline-block; margin-top: 5px; } .products-list .availability { float: right; margin: 0; padding: 3px 0 3px 30px; font-weight: normal; color: #8a8a8a; font-size: 0.91em; background: url(https://collection.toyota.lu/skin/frontend/unit/unit/images/out_of_stock.png) left 3px no-repeat; } .products-list .desc { clear: both; padding: 1.16em 0 2.33em; font-size: 1em!important; line-height: 1.5em; } .products-list .desc .link-learn { font-size: 1em; padding-left: 5px; } .products-list .add-to-links {float: left;} .products-list .add-to-links li, .products-list p.email-friend { display: inline-block; margin-right: 30px; } .products-list .price-box .regular-price .price{ line-height: 1.1em; } .products-list .add-to-links .separator { display:none; margin:0 2px; } .products-list button{margin-top:-5px;} .products-list li.item .product-img-box, .products-grid li.item .product-img-box{position:relative; display:block;} .products-list li.item .product-image span.image-box, .products-grid li.item .product-image span.image-box{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:0; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; background-color: #eee; z-index: 4; } .products-list .product-image .hover-box, .products-grid .product-image .hover-box {/*overflow: hidden;*/ position: relative;} .products-list .product-image, .products-grid .product-image {background-color: #fff;} .products-list .product-image img, .products-grid .product-image img {position: relative; z-index: 2;} .products-grid .product-image .label-shadow, .products-list .product-image .label-shadow { background: url(https://collection.toyota.lu/skin/frontend/unit/unit/images/shadow.png) no-repeat; position: absolute; display: block; z-index: 0; top: -10px; right: -10px; width: 131px; height: 131px; } .products-list li.item .button-holder { position: relative; display: inline-block; margin-bottom: 2.16em; } .products-list li.item:hover .product-image span.image-box, .products-grid li.item:hover .product-image span.image-box{opacity:0.8;} .products-list li.item .fancybox, .products-grid li.item .fancybox{position:absolute; right:87%; top:25px; opacity: 0;} .products-list li.item:hover .fancybox, .products-grid li.item:hover .fancybox{position:absolute; right:87%; opacity: 1;} .mobile-device .fancybox, .mobile-device .fancybox{opacity: 1!important;} .products-grid.small-grid li.item .product-info-box{ position:absolute; width:47px; height:47px; right:5px; top:42%; background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/info_bg.png) left top no-repeat; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; opacity: 0; } .products-grid.small-grid li.item:hover .product-info-box { right:61px; opacity: 1; } .products-grid .product-img-box .btn-quick-view, .products-list .product-img-box .btn-quick-view { position: absolute; top:47%; margin-top:-30px; left: 0; z-index: 99; opacity: 0; filter: alpha(opacity=0); -moz-transition: opacity 300ms ease; -webkit-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease; } .mobile-device .products-grid li.item .btn-quick-view, .mobile-device .products-list li.item .btn-quick-view, .products-grid li.item:hover .product-img-box .btn-quick-view, .products-list li.item:hover .product-img-box .btn-quick-view { opacity:1; filter: alpha(opacity=100); } .products-grid .product-img-box .btn-quick-view span, .products-list .product-img-box .btn-quick-view span { background:none; box-shadow:none; height: 60px; width: 60px; border-radius: 60px; -moz-border-radius: 60px; transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } .products-grid .product-img-box .btn-quick-view span span, .products-list .product-img-box .btn-quick-view span span { text-transform:none; color:#6c7073; font-size:12px; padding: 0; background-color: rgba(0,0,0,.2); transition: background-color .8s ease; -moz-transition: background-color .8s ease; -webkit-transition: background-color .8s ease; -o-transition: background-color .8s ease; } .products-grid .product-img-box .btn-quick-view span span i, .products-list .product-img-box .btn-quick-view span span i { vertical-align: middle; font-size: 1.16em; color: #fff; line-height: 60px; transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } .products-grid .btn-quick-view span, .products-grid .btn-quick-view:hover span, .products-list .btn-quick-view span, .products-list .btn-quick-view:hover span{} .products-list .add-to-links a.link-wishlist, .products-grid .add-to-links a.link-wishlist {} /* Small Grid */ .products-grid.small-grid li.item { width:166px; float: left; margin-left: 10px; margin-right: 10px; } .products-grid.small-grid li.item.alpha { margin-left: 0 !important;} .products-grid.small-grid li.item.omega { margin-right: 0 !important;} .products-grid.small-grid li.item .grid-indent{padding:0;} .products-grid.small-grid .price-box{float:none; margin-bottom:5px;} .products-grid.small-grid .ratings{float:none;} .products-grid.small-grid .ratings .rating-box{float:none;} .products-grid.small-grid .ratings .amount{float:none;} .products-grid.small-grid .ratings .amount a{float:none;} .products-grid.small-grid li.item .fancybox{} .products-grid.small-grid li.item .add-to-links li { float: none; display: block;} .products-grid.small-grid li.item .add-to-links .separator{ display: none;} /* Large Grid */ .products-grid.large-grid li.item { width:348px; float: left; margin-left: 15px; margin-right: 15px; } .products-grid.large-grid li.item.alpha { margin-left: 0 !important;} .products-grid.large-grid li.item.omega { margin-right: 0 !important;} .products-grid.large-grid li.item .grid-indent{padding:0;} .products-grid li.item .hover-image, .products-list li.item .hover-image { position:absolute; max-width:100%; left:0; top:0; opacity: 0; filter: alpha(opacity = 0); z-index:98; -webkit-transition:opacity 300ms ease; -moz-transition:opacity 300ms ease; -o-transition:opacity 300ms ease; -ms-transition:opacity 300ms ease; transition:opacity 300ms ease; } .products-grid li.item:hover span.hover-image, .products-list li.item:hover span.hover-image { opacity: 1; filter: alpha(opacity = 100);} .add-to-links .link-compare span.add-to-loader, .add-to-links .link-wishlist span.add-to-loader{ background: none; display:block; margin:0; text-indent:0; border:none; position:absolute; width: 17px; height: 17px; left:3px; top:-2px; background-color:#FFF!important; } .add-to-links .link-compare span.add-to-loader img, .add-to-links .link-wishlist span.add-to-loader img{ left:1px; top:1px; position:relative; width:80%; } .product-view .add-to-links span.add-to-loader {left: -2px!important;} /* ======================================================================================= */ /* Product View ========================================================================== */ /* Rating */ .no-rating {margin: 0;} .ratings { font-size: 0.91em; line-height: 1.25; margin: 0; margin-bottom: 1.33em; } .ratings strong { float: left; margin: 1px 3px 0 0; } .ratings .rating-links { display: inline-block; vertical-align: middle; margin: 0; } .ratings .rating-links .separator {margin: 0 2px;} .ratings .rating-links a { color: #aaa; text-decoration: none; } .ratings .rating-links a:hover {} .ratings dt {} .ratings dd {} .rating-box { width: 80px; height: 11px; font-size: 0; line-height: 0; background: url(https://collection.toyota.lu/skin/frontend/unit/unit/images/bkg_rating.gif) 0 0 repeat-x; text-indent: -999em; overflow: hidden; vertical-align: middle; } .rating-box .rating { float: left; height: 11px; background: url(https://collection.toyota.lu/skin/frontend/unit/unit/images/bkg_rating.gif) 0 100% repeat-x; } .ratings .rating-box { display: inline-block; margin-right: 10px; } .ratings .amount {} .ratings-table { width: 17%; float: left; } .ratings-table th, .ratings-table td { font-size: .91em; line-height: 1.15; padding: 3px 0; color: #646464; } .ratings-table th { text-align:left; font-weight:normal; padding-right:8px; } .ratings-table .rating-box { width:45px; height:6px; background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/bkg_rating_2.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; margin-top:3px; } .ratings-table .rating-box .rating { height:6px; background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/bkg_rating_2.gif) 0 100% repeat-x; } /* Price */ .product-view .product-essential .price-box { display: inline-block; margin-bottom: 1.5em; } .product-view .product-essential .old-price .price, .product-view .product-essential .special-price .price, .product-view .product-essential .regular-price .price{ font-size: 2em; line-height: 1.5em; } /* Availability */ .availability { margin-bottom: 0!important; display: inline-block; vertical-align: middle; line-height: 3.33em; float: right; font-size: .91em; color: #aaa; } .availability.bundle{ line-height: 1.5em; } .availability.left{ line-height: 2em; margin-bottom: 1em!important; } .availability.in-stock {} .availability.in-stock span { color: #159227; padding-left: 3px; } .availability-only { margin:0 0 7px; } .availability-only a { background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong {} .availability-only-details { margin:0 0 7px; } .availability-only-details th { background:#f2f2f2; font-size:10px; padding:0 8px; } .availability-only-details td { border-bottom:1px solid #ddd; font-size:11px; padding:2px 8px 1px; } .availability-only-details tr.odd td.last {} /* Short description */ .product-view .short-description { font-size: 1em; line-height: 1.5em; margin-bottom: 2.33em; } .product-view .short-description ul, .product-view .short-description ol{ padding:2em 0 0.75em; } .product-view .short-description ul li, .product-view .short-description ol li{ line-height: 2em; position: relative; padding-left: 11px; } .product-view .short-description ul li:before, .product-view .short-description ol li:before{ content:''; width: 3px; height: 3px; position: absolute; left: 0; top: 11px; background:#888; -moz-border-radius:5px; border-radius:5px; } .product-view .short-description ul li, .product-view .short-description ol li, .product-view .short-description ul a, .product-view .short-description ol a{color:#888;} .product-view .short-description.ajax-quick-view { padding-top: 2em; margin-bottom: 0;} .product-view .short-description h2 { font-size: 1.09em; line-height: 1.09em; color: #444; font-weight: bold;} .product-view .short-description.ajax-quick-view .std{ border-top:4px solid #eee; padding-top: 2em;} /* Email to a Friend */ .email-friend {} /* Alerts */ .alert-price {} .alert-stock {} /********** < Product Prices */ .price { white-space:nowrap !important; } .col-main .price{font-size:1.16em; line-height:1.57em;} .price-box {} .price-box .price { font-weight:bold; } /* Regular price */ .regular-price {} .regular-price .price { font-weight:bold; } /* Old price */ .old-price { margin-bottom: 0!important; display: inline-block; vertical-align: middle; padding-right: 10px; } .old-price span { display: inline-block; line-height: 1em; } .old-price .price-label {display: none;} .old-price .price { text-decoration: line-through; font-size: .91em; color: #aaa; font-weight: normal; vertical-align: middle; } /* Special price */ .special-price { margin-bottom: 0!important; vertical-align: middle; display: inline-block; } .special-price span{ display: inline-block; } .special-price .price-label {display: none;} .special-price .price { font-weight:bold; } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { font-weight:bold; white-space:nowrap; } .minimal-price .price{line-height: 1.3em;} .minimal-price-link { display: block; text-align: center; } .minimal-price-link .label { padding-right: 5px; font-size: 1em; line-height: 1.5em; } .minimal-price-link .price { font-weight: normal; line-height: 1.5em; display: inline-block; font-size: 1em; font-family: Arial; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; display:inline-block; line-height: 1.3em; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:bold; display:inline-block; line-height: 1.3em; } /* Configured price */ .configured-price {} .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* FPT */ .weee { display:block; font-size:11px; color:#444; } .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-bottom: 0!important;} .price-from .price-label { font-weight: normal; white-space: nowrap; font-size: .91em; vertical-align: middle; } .price-from .price {font-weight: bold;} .price-to {margin-bottom: 0!important;} .price-to .price-label { font-weight: normal; white-space: nowrap; font-size: .91em; vertical-align: middle; } .price-to .price {font-weight: bold;} /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /* Price as configured */ .price-as-configured { border-bottom: solid 4px #eee; border-top: solid 4px #eee; padding: 10px 0; } .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } .price-as-configured .price{line-height: 1.2em;} .bundle-box{float: left;} .price-box-bundle {} .price-box-bundle .price-box{float:none; padding-right:15px!important;} /********** Product Prices > */ /* Tier Prices */ .tier-prices { border-bottom: solid 4px #eee; border-top: solid 4px #eee; padding: 10px 0; margin-bottom: 14px; } table td .tier-prices { border: none; padding:0; margin-bottom: 14px; } .tier-prices .price { font-weight: bold; font-size: 1em; line-height: 1.5em; } .tier-prices .benefit {} .tier-prices-grouped {} /* Add to Links */ .add-to-links, .products-list p.email-friend {line-height:1.5em;} .add-to-links li a, p.email-friend a { font-weight: normal; color: #666; position: relative; } .add-to-links li a i, p.email-friend a i { font-size: 1.16em; line-height: 1.3em; padding-right: 9px; } .add-to-links .separator {display:none;} /* Add to Cart */ .add-to-cart label { float: left; margin-right: 5px; margin-top: 7px; display: none; } .add-to-cart .qty {float: left;} .add-to-cart div.quantity-increase { margin-right: 30px!important; margin-bottom: .75em; } .add-to-cart button.button { float: left; margin-bottom: 5px; } .add-to-cart button.button span { height: 40px; line-height: 40px; } .add-to-cart button.button span span { font-size: 1em; padding: 0 26px; } .add-to-cart .paypal-logo { clear:left; 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 Cart */ .add-to-box {margin-bottom: 1.5em;} .product-view .add-to-links { float: left; padding-right: 0px; } .product-view .add-to-links li { display: inline-block; margin-right: 30px; } .product-view p.email-friend {display: inline-block;} .add-to-box .add-to-cart {float: left;} /*.add-to-box .add-to-cart button {margin-top: 2px;}*/ .add-to-box .or { float: left; margin: 7px 10px 0; } .add-to-box .add-to-links {float: left;} .add-to-box .add-to-links li {display: block;} .product-view {position: relative;} .product-view .product-prev, .product-view .product-next{ position: absolute; width: auto; height: auto; top: -31px; z-index: 8; color: #fff; font-size: 0.91em; width:20px; height:20px; text-align: center; } .product-view .product-prev i, .product-view .product-next i{ line-height: 1.8em; } .product-view .product-next i{margin-left: 2px;} .product-view .product-prev:after, .product-view .product-next:after{ content:''; opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; filter: alpha(opacity=0); -moz-transition:opacity 300ms ease; -webkit-transition:opacity 300ms ease; -o-transition:opacity 300ms ease; transition:opacity 300ms ease; } .product-view .product-prev:hover:after, .product-view .product-next:hover:after{ opacity: 1; filter: alpha(opacity=100); -moz-transition:opacity 300ms ease; -webkit-transition:opacity 300ms ease; -o-transition:opacity 300ms ease; transition:opacity 300ms ease; } .product-view .product-prev {right: 22px;} .product-view .product-next {right: 0px;} .product-view .addthis_toolbox .addthis_button_pinterest_pinit{ clear: both; margin-top: 18px; } .product-view .product-img-box .product-image .cloud-zoom img {width: 100%;} .product-view .product-img-box #wrap {z-index: 7!important; margin-bottom: 1.5em;} .product-view .bundled-price {display: none;} .product-view .fb-like {margin-right: 9px;} .product-view .product-shop .product-name {} .product-view .product-name h2 { font-size: 2.571em; text-transform: none; color: #444; margin-bottom: .35em; } .product-view .product-name h2 .sku{ font-size: 0.36em; color:#888; } .product-view .product-shop .product-box { padding-bottom: 1.16em; border-bottom: 1px solid #989898; margin-bottom: 2.34em; } .product-view .product-shop .product-box .ratings{float:left; padding-top:0.83em;} .product-view .product-shop .product-box .ratings .rating-box{margin-right:50px; margin-top:0;} .product-view .product-shop .product-box .ratings .rating-links{float:left; margin-top:0;} .product-view .product-shop .product-box .ratings .rating-links a{display:inline;} .product-view .product-shop .product-box .ratings .rating-links .separator{display:inline;} .product-view .product-shop .product-box .no-rating{float:left; padding-top:5px;} .product-view .product-shop .product-box .availability{float:right; font-size:0.91em; padding:5px 0 5px 30px;} .product-view .product-shop .product-box .availability.in-stock{} .product-view .product-shop .product-box .availability.out-of-stock{} .product-view .product-shop p{margin-bottom:0;} .product-view .product-shop .no-rating{margin-bottom: 1.5em;} .product-view .product-shop .price-box {padding: 0; margin: 0 0 0.6em; font-size: 1em; line-height: 1.5em;} .product-view .product-shop .price-box .price{} .product-view .product-shop .short-description h2{margin-bottom:9px; padding-bottom:9px; border-bottom:1px solid #e5e5e5; font-size:1.5em; line-height:1.44em; color:#605d5d;} .product-view .product-shop .product-bottom-box{padding:1.5em 0 1.83em; margin-top:1.16em; margin-bottom:3.33em; border:1px solid #e5e5e5; border-left:none; border-right:none;} .product-view .product-shop .product-bottom-box .add-to-links{float:left; padding-right:28px;} .product-view .product-shop .product-bottom-box .email-friend{ float:left; font-size:0.91em; line-height:1.45em; padding-left:9px; background-repeat:no-repeat; background-position:0 -1300px; } .product-view .product-shop .product-bottom-box .product-custom{float:right; margin-top:1em; min-width:138px;} .product-view .product-shop .product-collateral{} .product-view .product-shop .product-custom{ padding: 0.75em 0 1.33em; } .product-view .product-shop .email-friend{margin-bottom:1em;} .product-essential, .product-view .grid_3 {padding-bottom: 5.167em;} .product-view .grid_3 .block-related .next, .product-view .grid_3 .block-related .prev {top: 9px; right: 20px;} .product-view .grid_3 .block-related .prev {right: 41px;} .product-collateral h2{ margin-bottom:0; font-size:1.16em; line-height: 1.5em; font-weight:normal; text-transform: uppercase; color:#444; } .product-collateral .box-collateral{padding:9px 0 0; margin-bottom:1.5em; font-size:1em; line-height:1.5em;} .product-collateral .box-collateral ul, .product-collateral .box-collateral ol{ padding:2em 0 0.75em; } .product-collateral .box-collateral ul li, .product-collateral .box-collateral ol li{ line-height: 2em; position: relative; padding-left: 11px; } .product-collateral .box-collateral ul li:before, .product-collateral .box-collateral ol li:before{ content:''; width: 3px; height: 3px; position: absolute; left: 0; top: 11px; background:#888; -moz-border-radius:5px; border-radius:5px; } .product-collateral .box-collateral ul li, .product-collateral .box-collateral ol li, .product-collateral .box-collateral ul a, .product-collateral .box-collateral ol a{color:#888;} .review-product-list .product-image{border: 1px solid #DADADA;} .review-product-list .product-view .pager .limiter{padding:10px 0;} #product-attribute-specs-table.data-table th { background: none; font-weight: bold; font-size: 1em; color:#888; } /* Add to cart and Cart/Wishlist Quantity decrease/increase buttons */ .my-wishlist div.quantity-decrease, .my-wishlist div.quantity-increase, .add-to-cart div.quantity-decrease, .add-to-cart div.quantity-increase, .cart-table div.quantity-decrease, .cart-table div.quantity-increase{ float: left; border:none; padding:0; margin:0; white-space:nowrap; cursor:pointer; color:#aaa; line-height: 3.4em; } .my-wishlist div.quantity-decrease i, .my-wishlist div.quantity-increase i, .add-to-cart div.quantity-decrease i, .add-to-cart div.quantity-increase i, .cart-table div.quantity-decrease i, .cart-table div.quantity-increase i { font-size: 1em; color: #fff; line-height: 1.5em; padding: 1px 8px; transition: all .8s ease; -moz-transition: all .8s ease; -webkit-transition: all .8s ease; -o-transition: all .8s ease; vertical-align: middle; position: relative; } .my-wishlist div.quantity-decrease.disable i, .my-wishlist div.quantity-increase.disable i, .add-to-cart div.quantity-decrease.disable i, .add-to-cart div.quantity-increase.disable i, .cart-table div.quantity-decrease.disable i, .cart-table div.quantity-increase.disable i { background-color: #ccc; cursor: auto; } .my-wishlist div.quantity-decrease, .cart-table div.quantity-decrease, .add-to-cart div.quantity-decrease{margin-left:0;} .my-wishlist div.quantity-decrease:hover, .cart-table div.quantity-decrease:hover, .add-to-cart div.quantity-decrease:hover{} .my-wishlist div.quantity-increase, .cart-table div.quantity-increase, .add-to-cart div.quantity-increase{} .my-wishlist div.quantity-increase:hover, .cart-table div.quantity-increase:hover, .add-to-cart div.quantity-increase:hover{} /* Product Zoom */ /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { border: 4px solid #888; margin:-4px; /* Set this to minus the border thickness. */ background-color:#fff; cursor:move; } /* This is for the title text. */ .cloud-zoom-title { font-family:Arial, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; } /* This is the zoom window. */ .cloud-zoom-big { border: none; overflow: hidden; top: 1px!important; margin: 0 0 0 1px; } .productpage_small .cloud-zoom-big{ width:100%!important; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; } .parent-zoom img{ -webkit-transition-property: opacity; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; cursor: cell; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; border: 0; } .product-view .mousetrap{ height:100%!important; width:100%!important; } .product-view aside .block {margin-bottom: 1em;} /* More Views */ .more-views { position: relative; } .more-views h2 {display: none;} .more-views li { float: left; margin-left: 0px; margin-bottom: 0.75em; margin-right: 6px; } .more-views ul.no-slider li{margin-bottom: 1.5em;} .more-views #more-views-slider li {margin: 0;} .more-views-container{overflow: hidden;} .more-views.slider-on{ margin-right: -18px; } .more-views li a { padding: 0; display: block; width: 90px; margin-right: 18px; } .more-views li a img {width: 100%;} .productpage_small .more-views #more-views-slider li{width: 100px;} .productpage_large .more-views.slider-on { margin-right: -18px; } .productpage_large .more-views #more-views-slider li{width:120px;} .productpage_large .more-views #more-views-slider li a {width: auto;} .productpage_extralarge .more-views #more-views-slider li{width: 123px;} .productpage_extralarge .more-views #more-views-slider li a{width: auto;} .product-essential .product-image {position: relative; width: 100%;} .more-views .prev, .more-views .next { position:absolute; display: block; cursor:pointer; z-index: 999; background-repeat:no-repeat; opacity: 0; filter: alpha(opacity=0); width: 20px; height: 20px; line-height: 18px; text-align: center; z-index: 998; -moz-transition: all .8s ease; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; } .more-views:hover .prev, .more-views:hover .next { opacity: 1; filter: alpha(opacity=100); } .mobile-device .more-views .prev, .mobile-device .more-views .next { opacity: 1; filter: alpha(opacity=100); } .more-views .prev { left: 0; top: 50%; margin-top: -10px; } .more-views .prev:hover{} .more-views .next{ right: 18px; top: 50%; margin-top: -10px; } .more-views .next:hover{} /* Block: Related */ .block-related {position: relative;} .block-related .block-title {padding-right: 0; margin-bottom: 1.16em;} .block-related .block-title strong span {font-size: 2em; line-height: 1.5em; color: #444; display: inline-block; margin: 0; padding-right: 8px;} aside .block-related .block-title strong span { font-size: 1.16em; font-weight: 100; margin: 0; text-transform: uppercase; line-height: 1.67em; color: #444; padding-right: 8px; display: inline-block; } .block-related .block-content{background: #fff; padding:0; overflow:hidden; width:100%;} .block-related .block-content .block-subtitle{padding-bottom:1.25em; margin-bottom:0;} .block-related .block-content .block-subtitle a{color:#000;} .block-related .price-box{margin-bottom:10px;} aside .block-related li.item {width: 180px;} .block-related li.item{float:left; width: 244px; padding-bottom:1.5em;} .block-related li.item .product-image{margin-bottom: 1em; display: block;} .block-related li.item .product{padding-right:14px;} .block-related li.item .price-box .minimal-price-link{text-align: left;} aside .block-related .product-image { display: inline-block; float: left; margin-right: 20px; width: 86px; clear: left; } aside .block-related .product-name { margin-bottom: 6px!important; border: none!important; float: left; width: 56%; clear: right; font-size: 1.01em; text-transform: none; } aside .block-related .product-name a { font-size: 0.786em; } aside .block-related .product .product-details { margin: 0; position: relative; float: left; width: 56%; clear: right; } aside .block-related .product .product-details .product-name { float: left; padding-right: 25px; margin-bottom: 9px!important; } aside .block-related .product .product-details input.checkbox { float: left; margin: 4px 0 0; position: static; } aside .block-related .product .product-details .price-box { float: left; margin-bottom: 0; margin-right: 20px; } .related-wrapper-bottom .block-related .right-divider{ margin-top: 2em; } .related-wrapper-bottom .block-related .next, .related-wrapper-bottom .block-related .prev{top: 3px;} .product-view > .block-related .grid-indent {text-align: center;} .product-view > .block-related .product-name {margin-bottom: 2px;} .product-view > .block-related .price-box {margin: 0;} .block-related .product .product-details .price-box .price-label{font-size:1em; font-weight:normal; line-height:1.83em;} .block-related .product .product-details .price-box .price{} .block-related .product .product-details .link-wishlist{font-weight:normal;} .block-related ul {} .block-related #block-related-slider{height:auto!important;} .block-related .prev, .block-related .next { position: absolute; display: block; z-index: 999; transition: background-color .8s ease; -moz-transition: background-color .8s ease; -webkit-transition: background-color .8s ease; -o-transition: background-color .8s ease; cursor:pointer; } .block-related .prev { right:21px; left:auto; top:5px; } .block-related .prev:hover{} .block-related .next{ right:0; top:5px; } .block-related .next:hover{} .block-related .prev i, .block-related .next i{color:#fff;} aside .block-related { border: solid 1px #eee; padding: 1.5em 20px 1em; } .block-related:hover .prev{} .block-related:hover .next{} /* Product Options */ .product-options { padding: 1em 19px; margin: 9px 0 0; border: 1px solid #eee; background-color: #eee; position: relative; } .product-options dt label { color: #222; font-size: 1.083em; } .product-options dt .qty-holder {float: right;} .product-options dt .qty-holder label {vertical-align: middle;} .product-options dt .qty-disabled { background: none; border: 0; padding: 3px; color: #000; } .product-options dd {margin: .75em 0;} .product-options dl.last dd.last {} .product-options dd input.input-text { background-color: #fff; border-color: #ddd; color: #aaa; width: 98%; } .product-options dd .qty-holder label {line-height: 40px;} .product-options dd .qty-holder input.input-text {width: 34px;} .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%; background-color: #fff; border-color: #ddd; color: #aaa; font-size: .91em; padding: 5px 5px 5px 9px; height: 30px; margin-bottom:1.5em; } .product-options dd .sbSelector { } .product-options .sbHolder .sbToggleOpen + .sbSelector { background-color: #fff; border-color: #ddd; } .product-options .sbSelector > span {border-top-color: #989898;} .product-options .sbOptions { background-color: #fff; border-color: #ddd; } .product-options .options-list {margin-bottom: 0.75em;} .product-options .options-list input.radio {float: left; margin: 3px -18px 0 0;} .product-options .options-list input.checkbox { float: left; margin: 1px -20px 0 0; } .product-options .options-list .label { display: block; margin-left: 20px; } .product-options ul.validation-failed {padding: 0 7px;} .product-options p.required { position: absolute; right: 12px; top:10px; color: #d90000; } .product-options-bottom { padding: 2em 19px; border: 1px solid #eee; border-top: 0; margin-bottom: 1.5em; } .product-options-bottom .add-to-cart {float: left; margin-bottom: 1em;} .product-options-bottom .add-to-cart #ajax_loader{ display: inline-block; padding-left: 5px; padding-top: 11px; } .product-options-bottom .price-box { margin: 0; padding: 0!important; font-size: 1em!important; line-height: 1.5em!important; } .product-options-bottom .add-to-cart label {display: none;} .product-options-bottom .add-to-links{ float: none; clear: both; padding-bottom: 5px; } /* Grouped Product */ .product-view .grouped-items-table {} .product-view .grouped-items-table .price-box .price{ font-size: 1.3em; line-height: 1.5em; } /* Block: Description */ .product-view .box-description {} /* Block: Additional */ .product-view .box-additional {} /* Block: Upsell */ .product-view .box-up-sell {} .product-view .box-up-sell .products-grid li.item { width: 183px; padding: 0 0 1.5em; } .product-view .box-up-sell .products-grid .product-name { padding-bottom: 0; border: none; } .product-view .box-up-sell .products-grid .price-box { float: none; margin-bottom: .5em; } .product-view .box-up-sell .products-grid .ratings{text-align:center;} .product-view .box-up-sell .products-grid .ratings .rating-box{float:none; margin:0 auto 10px;} .product-view .box-up-sell .products-grid .ratings .rating-box .rating-links{} /* Block: Tags */ .product-view .box-tags {} .product-view .box-tags h3 {margin-bottom: 5px;} .product-view .box-tags .product-tags {margin-bottom: 10px;} .product-view .box-tags .product-tags li {padding-right: 5px;} .product-view .box-tags .form-add label { display: block; margin-bottom: 5px; } .product-view .form-add { float: left; width: 49%; } .product-view .box-tags .form-add .input-box { float: left; width: 84%; margin: 0 0 9px; } .product-view .box-tags .form-add input.input-text { width: 96%; max-width: 99%; padding: 5px 11px; font-size: .91em; color: #888; } .product-view .box-tags p { clear: both; margin-top: 10px; } .product-view .box-tags ul.product-tags li {display: inline;} /* Block: Reviews */ .catalog-product-view .box-reviews { padding: 1.5em 0 0.75em 0; background-color: #fff; } .catalog-product-view .box-reviews .box{ border: none; } #review-point{ position: relative; top: -100px; } .catalog-product-view .box-reviews header {margin-bottom: 2.33em;} .box-reviews .block-title .right-divider {margin-top: 1em;} .catalog-product-view .box-reviews h2 { font-size: 1.16em; font-weight: normal; line-height: 1.44em; text-transform: uppercase; margin: 0; color: #444; display: inline-block; padding-right: 8px; } .catalog-product-view .box-reviews .review { float: left; width: 77%; border-left: solid 1px #dfdfdf; padding-left: 20px; margin-left: 15px; } .catalog-product-view .box-reviews .data-table{margin-top:1.5em;} .catalog-product-view .box-reviews .data-table thead {} .catalog-product-view .box-reviews .data-table thead th { background:none; border:none;} .catalog-product-view .box-reviews .data-table thead th span{text-indent:100%; white-space:nowrap; overflow:hidden; width:41px; margin:0 auto; background-image:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/review_stars.png); background-repeat:no-repeat;} .catalog-product-view .box-reviews .data-table thead th span.one-star{background-position:center 3px;} .catalog-product-view .box-reviews .data-table thead th span.two-stars{background-position:center -34px;} .catalog-product-view .box-reviews .data-table thead th span.three-stars{background-position:center -70px;} .catalog-product-view .box-reviews .data-table thead th span.four-stars{background-position:center -104px;} .catalog-product-view .box-reviews .data-table thead th span.five-stars{background-position:center -136px;} .catalog-product-view .box-reviews .data-table th { text-align: left; background:none;} .catalog-product-view .box-reviews .data-table td { text-align: center; padding:1.16em;} .catalog-product-view .box-reviews .data-table td input.radio { margin: 0;} .catalog-product-view .box-reviews .data-table tbody th { padding: 1.16em 1.16em 1.16em 2em; font-size: .91em; font-weight: bold; color: #666; } .catalog-product-view .box-reviews .form-add {float: none; width: auto;} .catalog-product-view .box-reviews .form-add h3 { color: #888; font-size: .91em; font-weight: normal; line-height: 2.1em; } .catalog-product-view .box-reviews .form-add h3 span { font-weight: bold; font-size: 1.273em; } .catalog-product-view .box-reviews .form-add h4 { color: #666; font-weight: normal; font-size: .91em; line-height: 1.5em; } .catalog-product-view .box-reviews .form-add .form-list { margin-top: 1.5em; margin-bottom: 0; } .catalog-product-view .box-reviews .form-add .form-list label { font-size: .91em; color: #666; } .catalog-product-view .box-reviews .buttons-set {margin: 0;} .catalog-product-view .box-reviews .form-add .form-list label em {color: #666;} .catalog-product-view .box-reviews .form-add .form-list .input-box { width: 100%;} .catalog-product-view .box-reviews .form-add .form-list input, .catalog-product-view .box-reviews .form-add .form-list textarea { width: 96%!important; padding: 5px 11px; background-color: #f5f5f5; border-radius: 2px; -moz-border-radius: 2px; border-color: #ddd; font-size: .91em; color: #aaa; } .catalog-product-view .box-reviews .pager { overflow: hidden;} .catalog-product-view .box-reviews .pager .limiter { float: right;} .catalog-product-view .box-reviews .grid_6 .box > ul, .catalog-product-view .box-reviews .grid_6 #review-form > fieldset { border-bottom: solid 1px #dfdfdf; margin-bottom: 1.5em; padding-bottom: 0; } .catalog-product-view .box-reviews .grid_6 #review-form > fieldset{padding-bottom: 1.5em;} .catalog-product-view .box-reviews .grid_6 .box > ul li { padding-bottom: 3em; } .catalog-product-view .box-reviews .grid_6 > ul li:last-of-type {margin-bottom: 0;} .catalog-product-view .box-reviews ul li.even {} .catalog-product-view .box-reviews ul li h6 { font-size: 1.083em; color: #444; padding: 0; margin-bottom: 0.92em; float: left; } .catalog-product-view .box-reviews ul li h6 a { font-size: 1em; color: #141414; font-weight: normal; } .catalog-product-view .box-reviews ul li small { display: block; margin-bottom: 0.83em; font-size: 0.833em; float: right; color: #aaa; } .catalog-product-view .box-reviews ul li small span{padding-right: 5px;} .catalog-product-view .box-reviews .review-txt {clear: both;} .catalog-product-view .box-reviews ul.form-list li {padding: 0;} .catalog-product-view .box-reviews .form-add{margin-top:0;} .catalog-product-view .review-title {display: none;} .catalog-product-view .box-reviews .full-review { float: right; display: block; cursor: pointer; color: #fff; width: 10px; height: 10px; text-align: center; line-height: 5px; border-radius: 10px; -moz-border-radius: 10px; } .catalog-product-view .box-reviews .full-review i { font-size: 0.667em; line-height: .8em; height: 10px; width: 10px; vertical-align: middle; } .catalog-product-view .box-reviews .full-review i.fa-sort-desc { line-height: 2em; font-size: .583em; } .product-view .product-collateral, .product-view .block-related {margin-bottom: 5em;} /* Send a Friend */ .send-friend {} /* Product Collateral Accordion */ .product-collateral#collateral-accordion {} .product-collateral#collateral-accordion h2 { cursor: pointer; padding: 1.5em 24px; margin-bottom: 0; font-weight: normal; background: #eee; border: 1px solid #eee; border-bottom: none; font-size: 1em; line-height: 1.5em; color: #444; -moz-transition: background-color 600ms ease; -webkit-transition: background-color 600ms ease; -o-transition: background-color 600ms ease; transition: background-color 600ms ease; margin-bottom: 1em; } .product-collateral#collateral-accordion h2.active, .product-collateral#collateral-accordion h2:hover {color: #fff;} .product-collateral#collateral-accordion h2:first-child{margin-top:0;} .product-collateral#collateral-accordion .box-collateral { border: solid 1px #eee; padding: 1.5em 30px; margin-top: -1em; } /* Meigee Tabs */ .meigee-tabs { background-color: #eee; width: 100%; overflow: hidden; margin: 0!important; padding:0!important; } .meigee-tabs li { float: left; list-style: none; height: 60px; overflow: hidden; } .meigee-tabs li {border-right: solid 1px #dedede;} .meigee-tabs li.first {border-left: 0;} .meigee-tabs a { display: block; padding: 21px 22px; color: #444; font-size: 1em; line-height: 1.5em; font-weight: normal; position: relative; overflow: hidden; height: 18px; } .meigee-tabs a:hover{background-position:0 0; background-repeat:repeat-x; color:#fff;} .meigee-tabs li.active a, .meigee-tabs li.active a:hover{ color:#fff; background-position:0 0; background-repeat:repeat-x; } .meigee-tabs-content { border: solid 1px #eee; padding: 1.5em 30px; } .meigee-tabs-content h2 { display:none; } .meigee-tabs-content .box-collateral{padding: 0;} /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name {font-weight:normal; margin-bottom:2px; font-size:1.16em; line-height:1.57em; text-transform: uppercase;} .product-name a {font-weight:normal; text-decoration:none; color:#605d5d;} .product-name a:hover{text-decoration:none;} /* Product Tags */ .tags-list{margin:0;} .tags-list li { display:inline; } .tags-list li a{color:#666; padding:0 5px;} /* Advanced Search */ .advanced-search {} .advanced-search ul li label{float:none;} .advanced-search-amount {padding:10px 0 5px;} .advanced-search-summary {padding:10px 0 15px;} /* CMS Home Page */ .cms-home .subtitle {} .cms-index-index .subtitle {} .cms-home .meigee-tabs-content{padding-bottom:26px;} /* Sitemap */ .page-sitemap .links { text-align:right; margin:0 8px 0 0; } .page-sitemap .links a{text-decoration:none; position:relative; color:#8e8f91; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;} .page-sitemap .links a:hover{text-decoration:none; color:#aa2118;} .page-sitemap .sitemap { margin: 0.75em 12px 0.75em; } .page-sitemap .sitemap a {} .page-sitemap .sitemap li { margin:0.25em 0; } .page-sitemap .sitemap li.level-0 { margin:0.75em 0 0; font-weight:bold; } .page-sitemap .sitemap li.level-0 a {} .page-sitemap .pager .pages{padding-top:0;} .sales-guest-form .col-main .block-content .form-alt li{padding-bottom:9px; width:100%; overflow:hidden;} .sales-guest-form .col-main .block-content .guest-select{width:100%;} /* RSS */ .rss-title h1 { background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; } .rss-table .link-rss { display:block; line-height:1.35; background-position:0 2px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart {} .cart .page-title {border-bottom: solid 4px #eee;} .cart .page-title h1{border-bottom:none; padding-top:5px;} /* Shopping Cart Accordion */ #cart-accordion h3.accordion-title { cursor: pointer; background:#F2F2F3; border:1px solid #D8D8DA; padding: 3px; margin-bottom: 1px; } #cart-accordion .accordion-content { padding:0; margin-bottom:0; } #cart-accordion .accordion-content h2 { display: none; } /* Checkout Types */ .cart .checkout-types { float:right; text-align:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } .cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; } .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:3px 55px 8px 0; line-height:1.0; font-size:11px; } /* Shopping Cart ========================================================================= */ .cart {} /* Shopping Cart Accordion */ #cart-accordion h3.accordion-title{ cursor: pointer; padding: 1.5em 24px; margin-bottom: 0; font-weight: normal; background: #eee; border: 1px solid #eee; border-bottom: none; font-size: 1em; line-height: 1.5em; color: #444; -moz-transition: background-color 600ms ease; -webkit-transition: background-color 600ms ease; -o-transition: background-color 600ms ease; transition: background-color 600ms ease; margin-bottom: 1em; } #cart-accordion h3.accordion-title:hover, #cart-accordion h3.accordion-title.active{color:#fff;} #cart-accordion h3.accordion-title span{} #cart-accordion h3.accordion-title:hover span, #cart-accordion h3.accordion-title.active span{} #cart-accordion .accordion-content { padding:0; } #cart-accordion .accordion-content h2 { display: none; } /* Checkout Types */ .cart .checkout-types { float:right; text-align:right; } .cart .checkout-types li { float:left; margin:0 0 5px 5px; } .cart .checkout-types .paypal-or { margin:0 8px; line-height:3.4em; } .cart .totals .checkout-types .paypal-or { clear: both; display: block; padding: .75em 0; text-align: center; line-height: 1.0; font-size: .91em; } .cart .totals .btn-proceed-checkout {margin-top: 1.5em;} .cart .totals li > a { color: #666; font-size: .91em; margin-bottom: 1.5em; display: block; } /* Shopping Cart Table */ .cart-table th{} .cart-table td{} .cart-table dl.item-options{clear: both;} .cart-table dl.item-options dd{} .cart-table .link-wishlist { margin-bottom: 9px; white-space: nowrap; display: block; } .cart-table .cart-edit { padding-left: 10px; color: #8a8a8a; } .cart-table .item-msg { font-size:10px; } .cart-table .buttons-row .buttons button.button { margin-right: 5px;} .cart-table .buttons-row .buttons button.button.btn-update { margin-right: 0px;} .cart-table .btn-continue{margin-right:5px;} .cart-table .quantity-box {width: 87px;} .cart-table .qty {float: left;} .cart-table input.quantity-decrease{margin-top:11px; margin-bottom:0; margin-right:5px;} .cart-table input.quantity-increase{margin-top:11px; margin-bottom:0; margin-left:5px;} .cart-table .buttons-row td { background-color: #eee; padding: 1em; } .cart-table .btn-continue {float: left;} /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding:2.08em 0 0; } .cart .cart-collaterals h2 { color: #444; font-size: 1.16em; text-transform: uppercase; display: inline-block; padding-right: 8px; } .cart .cart-collaterals .right-divider {margin-top: 1em;} .cart .cart-collaterals .col2-set { float:left; width:700px; } .cart .crosssell {} .cart .crosssell h2 {} .cart .crosssell li.item { padding:13px 0 18px;} .cart .crosssell .product-image { display: block; float: left; width: 86px; } .cart .crosssell .product-details { float: right; width: 63%; } .cart .crosssell .product-details .product-name {font-size: 1em; line-height: 1.5em; margin-bottom: 5px;} .cart .crosssell .product-details .product-name a { font-size: 1em; line-height: 1.5em; } .cart .crosssell .product-details .price {font-size: 1em; line-height: 1.5em;} .cart .crosssell li.item .price-box {margin-bottom: 7px;} .cart .crosssell li.item button {margin-bottom: 7px;} .cart .crosssell li.item .add-to-links li {display:block;} #cart-accordion #crosssell-products-list {width: 100%; overflow: hidden;} #cart-accordion .crosssell {padding: 9px 9px 9px 22px;} #cart-accordion .crosssell li.item {float: left; margin-bottom: 0; margin-top: 0; padding: 0;} #cart-accordion .crosssell .product-image {float: none; width: auto;} #cart-accordion .crosssell .product-details { width: auto; float: none; text-align: center; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping {} .cart .discount h2, .cart .shipping h2{margin-bottom:9px;} .cart .discount{margin-bottom:18px;} .cart .discount .discount-form {overflow: hidden;} .cart .discount label { display: block; margin: 0 0 5px 0; font-size: .91em; color: #666; } .cart .discount .input-box { float: left; width: 62%; } .cart .discount .input-box input { width: 89%; padding: 5px 11px; border-radius: 2px; -moz-border-radius: 2px; background-color: #f5f5f5; font-size: .91em; color: #aaa; } .cart .shipping .form-list .input-box{width:100%;} .cart .discount .buttons-set { float: left; text-align: left; padding: 0; margin: 0; clear: none; } .cart .discount .buttons-set button { margin: 0; float: none; } .cart .shipping .form-list{margin:.75em 0;} .cart .shipping .form-list select{ width:99%; padding:4px; height: auto; background-color:#eee; } .cart .shipping .form-list input { width: 92%; padding: 5px 11px; border-radius: 2px; -moz-border-radius: 2px; color: #aaa; background-color: #eee; font-size: .91em; } .cart .shipping .form-list label[for="region_id"] + .input-box .sbHolder {margin-bottom: 1em;} .cart .shipping .sp-methods{margin:9px 0;} .cart .shipping .buttons-set { clear: none; float: none; padding: 0; margin: 0; text-align: right; } .cart .shipping .sp-methods label { line-height: 1.5em; vertical-align: middle; } .cart .shipping .buttons-set button { float:none; margin: 0;} .cart .shipping-form p { font-size: .91em; color: #666; } .shipping .sbSelector { border: solid 1px #ddd; background-color: #eee; border-radius: 2px; -moz-border-radius: 2px; font-size: .91em; color: #aaa; } /* Shopping Cart Totals */ .cart .totals {} .cart .totals-border {} .cart .totals-wrapper {} .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding: .75em 0; font-size: .91em; color: #666; border-bottom: dashed 1px #eee; padding-left: 15px; } .cart .totals table tfoot tr:last-child td {border-bottom: solid 1px #eee;} .cart .totals table th { font-weight:bold; } .cart .totals table tfoot th {} .cart .totals table .price { font-size: 1em; font-family: Arial; } .cart .totals .checkout-types{text-align:center; float:none; padding:14px 0 9px;} .cart .totals .checkout-types li { float: none; margin: 0; } .cart .totals .checkout-types .paypal-logo{margin-bottom:0;} .cart .btn-proceed-checkout span { height: 40px; line-height: 40px; font-size: 1em; } .cart .btn-proceed-checkout span span {padding: 0 25px;} .accordion-content .discount, .accordion-content .shipping, .accordion-content .crosssell{border-bottom:none;} .accordion-content .discount, .accordion-content .shipping { width: 45%; margin-bottom: 2em; } .cart .accordion-content .discount .input-box {width: 79%;} .cart .accordion-content .discount .input-box input {width: 95%;} .cart .accordion-content .shipping .form-list input {width: 96%;} /**/ .cart .totals.totals-accordion { float: none; overflow:hidden; border:1px solid #eee; padding:1.25em 24px 0.42em; } .cart .totals.totals-accordion .checkout-types { float:left; padding-top:0;} .cart .totals.totals-accordion .checkout-types li { padding-left: 0; float: none; text-align: center; } .cart .totals.totals-accordion .checkout-types li .paypal-logo .paypal-or {} .cart .totals.totals-accordion .checkout-types li a { font-size: .91em; line-height: 1.44em; font-weight: normal; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .cart .totals.totals-accordion table { width: auto!important; float: right; position: relative; margin: 0; font-size: 1em; line-height: 1.5em; color: #666; } .cart .totals.totals-accordion table .a-right {padding-left: 10px;} /* Options Tool Tip */ .item-options dt { font-weight: bold;} .item-options dt, .item-options dd { font-style:italic; } .truncated { padding-top: 10px; } .truncated .truncated_full_value { } .truncated .truncated_full_value .item-options {} .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:30px; 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; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; } .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 5px; } .sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:0.5em 0 1em; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .please-wait{ color: #000000; font-size: 1.18em; font-weight: bold; position: absolute; top: 50%; left: 50%; padding: 28px; margin: -34px 0 0 -90px; border: 5px solid #DDD; background: #fff; white-space: nowrap; z-index: 9999; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { cursor:help; margin-left:5px; margin-top:5px; display:inline-block;} /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages {padding:5px 0;} .gift-messages-form { border:1px solid #ddd; background-color:#f5f5f5; margin-bottom:9px;} .gift-messages-form { position:relative; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4 {} .gift-messages-form .inner-box{padding:0.75em;} .gift-messages-form .form-list .field{width:290px;} .gift-messages-form .form-list li.wide textarea{width:544px;} .gift-messages-form .details .form-list .field{width:220px;} .gift-messages-form .details .form-list .field input{width:210px;} .gift-messages-form .details .form-list li.wide textarea{width:430px;} .gift-messages-form .whole-order {} .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-messages-form .item .details .product-name {} .gift-message-link { display:block; background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:6px; } /* 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 */ .info-set {} /********** Common Checkout Styles > */ /* One Page Checkout */ aside.sidebar .block.block-progress{} aside.sidebar .block.block-progress dt .marker { width:21px; height:21px; float:right; background-color:#aaa; position:absolute; top:9px; right:9px; } aside.sidebar .block.block-progress dt.complete .marker{display:none;} aside.sidebar .block.block-progress .block-title { border: none; font-size: 1em; position: relative; overflow: hidden; margin-bottom: .75em; } aside.sidebar .block.block-progress .block-title strong span { color: #444; position: relative; z-index: 9; } aside.sidebar .block.block-progress .block-content{padding-left:0; padding-top:0;} aside.sidebar .block.block-progress dt { padding: 1em 12px; margin: 0; color: #666; border-top: dashed 1px #eee; } aside.sidebar .block.block-progress dt.complete { border-top: none; border-bottom: dashed 1px #eee; } aside.sidebar .block.block-progress dt:before { content: "\00B7"; font-size: 2.5em; padding-right: 6px; vertical-align: middle; } aside.sidebar .block.block-progress dt:hover {background-color: #f5f5f5;} aside.sidebar .block.block-progress dt a {color: #605d5d;} aside.sidebar .block.block-progress dt a:hover{text-decoration:underline;} aside.sidebar .block.block-progress dd { padding: 0.83em 15px 0.83em 15px; font-size: 0.91em; color: #888; } aside.sidebar .block.block-progress dt, aside.sidebar .block.block-progress dd {} aside.sidebar .block.block-progress dt{} aside.sidebar .block.block-progress dt.complete, aside.sidebar .block.block-progress dd.complete{} .checkout-onepage-index .page-title {} .opc { border-bottom: 1px solid #eee; position: relative; } .opc li.section { border: 1px solid #eee; border-bottom: 0; } .opc li .step-title:hover {background-color: #f5f5f5;} .opc .field{width:345px;} .opc .field input.input-text{width:303px;} .opc .field-2, .opc .name-lastname{width:331px; float:left;} .opc .field-2 input.input-text, .opc .name-lastname input.input-text{width:325px;} .opc .form-list .name-middlename{width:146px;} .opc .form-list .name-middlename input.input-text{width:105px;} .opc .form-list .field select, .opc .form-list .field-2 select{width:330px;} .opc .form-list li.wide input.input-text{width:669px;} .opc input.radio {margin-top: -2px;} .opc .gift-messages-form input.input-text {width:254px;} .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:21px; line-height:21px; } .opc .step-title { padding: 1em 19px; text-align:right; position:relative; } .opc .step-title h2 { float: left; margin-bottom: 0; font-size: 1.16em; color: #aaa; line-height: 32px; } .opc .step-title a { display:none; float:right; } .opc .step-title .number { float:left; margin-right:18px; width: 32px; height: 32px; border-radius: 32px; -moz-border-radius: 32px; text-align: center; line-height: 32px; vertical-align: middle; background-color: #ddd; font-size: .91em; color: #aaa; } .opc .step-title .title-box { z-index: 9; position: relative; color: #222; } .opc .allow .step-title { cursor:pointer; } /*.opc .allow .step-title a { display:block; }*/ .opc .active {} .opc .active .step-title {cursor:default; } .opc .active .step-title h2 {color: #222;} .opc .active .step-title .number {color: #fff;} /*.opc .active .step-title a { display:none; }*/ .opc .step { border-top: 1px solid #eee; padding: 2.333em 20px; position: relative; } .opc .step h3 { color: #444; font-weight: normal; font-size: 1em; line-height: 1.5em; border-bottom: solid 1px #efefef; padding-bottom: .75em; } .opc .step p { color: #777; padding-left: 10px; margin: 0; } .opc .step ul {padding-left: 10px;} .opc .step div > .form-list { border-bottom: solid 1px #efefef; padding-bottom: 1.5em; margin-bottom: 1.5em; margin-top: 1em; } .opc .step fieldset {margin-bottom: 1em;} .opc .step fieldset > .form-list label { font-size: .91em; font-weight: bold; } .opc #checkout-step-login.step fieldset > .form-list .input-box {width: auto;} .opc #checkout-step-login.step fieldset > .form-list input { padding: 5px 11px; width: 94%; background-color: #f5f5f5; border-radius: 2px; -moz-border-radius: 2px; color: #aaa; font-size: .91em; } .opc .step fieldset > .form-list input { background-color: #f5f5f5; border-radius: 2px; -moz-border-radius: 2px; color: #aaa; font-size: .91em; padding: 5px 4px; } .opc .step h4 { color: #ef2626; font-size: 1em; line-height: 1.5em; font-weight: normal; padding-left: 10px; } .opc .step .ul {padding: 1em 15px 1.5em;} .opc .step .ul li {color: #999;} .opc .step .ul li:before { content: "\00B7"; font-size: 2.5em; padding-left: 5px; padding-right: 10px; vertical-align: middle; position: relative; top: -1px; } .opc .step .tool-tip { right:10px; } .opc .step .buttons-set p.required { float: right; line-height: 30px; color: #e72b2b; font-size: .91em; } .opc .step .buttons-set button span span {padding: 0 40px;} .opc .order-review {} .opc .order-review .authentication {} .opc .order-review .warning-message {} .opc .sp-methods dt, .opc .sp-methods dd{padding-bottom:0.75em;} /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0 30px; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#000; color:#000; } .multiple-checkout { position:relative; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; margin-bottom:1em;} .multiple-checkout .grand-total big {margin-bottom:10px; display:block; font-size:1em; line-height:1.44em;} .multiple-checkout .grand-total .price {font-size:1em; line-height:1.44em;} .multiple-checkout .gift-messages-form .form-list .field{width:210px;} .multiple-checkout .gift-messages-form .form-list .field input{width:195px;} .multiple-checkout .gift-messages-form .form-list li.wide textarea{width:76%;} .multiple-checkout .gift-messages-form .details .form-list .field{width:160px;} .multiple-checkout .gift-messages-form .details .form-list .field input{width:145px;} .multiple-checkout .gift-messages-form .details .form-list li.wide textarea{width:305px;} /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login {} .account-login .page-title, .checkout-onepage-index .page-title {margin-bottom: 1.5em;} .account-login .indent {border: 1px solid #eee} .account-login .indent h2 { background-color: #eee; padding: 1em 20px; font-size: 1em; line-height: 1.5em; text-transform: uppercase; } .account-login .content {padding: 1em 20px;} .account-login .content input { padding: 5px 12px; -moz-border-radius: 2px; border-radius: 2px; width: 93%; background-color: #f5f5f5; color: #aaa; font-size: .91em; } .account-login .content .buttons-set { padding: 0; margin: 0; } .account-login .content .buttons-set a { font-size: .91em; color: #aaa; } .account-login .form-list .input-box {width: auto;} .account-login .new-users {} .account-login .registered-users {} .account-create {} /* Account Login/Create Pages ============================================================ */ /* Captcha */ .captcha-note {} .captcha-image { float:left; position:relative; } .captcha-img { border:1px solid #ccc; } .registered-users .captcha-image {} #checkout-step-login .captcha-image {} #checkout-step-login .buttons-set { border-top: 1px solid #efefef; padding: 1em 0 1.5em; } #checkout-step-login .buttons-set .f-left { line-height: 30px; font-size: .91em; color: #aaa; } .captcha-reload { position:absolute; top:2px; right:2px;} .captcha-reload.refreshing { animation:rotate 1.5s infinite linear; -webkit-animation:rotate 1.5s infinite linear; -moz-animation:rotate 1.5s infinite linear; } @-webkit-keyframes rotate { 0% { -webkit-transform:rotate(0); } 0% { -webkit-transform:rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform:rotate(0); } 0% { -moz-transform:rotate(-360deg); } } @keyframes rotate { 0% { transform:rotate(0); } 0% { transform:rotate(-360deg); } } /* Remember Me Popup ===================================================================== */ .window-overlay { background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; } .remember-me label {} .remember-me-popup {} .remember-me-popup h3 {} .remember-me-popup .remember-me-popup-head {} .remember-me-popup .remember-me-popup-head .remember-me-popup-close {} .remember-me-popup .remember-me-popup-body {} .remember-me-popup .remember-me-popup-body a {} /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float:none; margin:0; } .my-account .addresses-list li.item{padding-bottom:1.25em;} .my-account .my-tag-edit{margin-bottom:10px;} .my-account .my-tag-edit a.btn-remove{float:left; margin-right:5px;} .my-account #my-tags-table button{margin-bottom:10px;} .my-account .pager .limiter{float:left;} .my-account .pager .pages{float:right; padding-top:0;} .my-account .rating-links { display: none;} .my-account .box{padding: 1em;} /********** < Dashboard */ .dashboard {} .dashboard .page-title {display: none;} .dashboard .welcome-msg {border: solid 1px #eee;} .dashboard .welcome-msg .hello { font-size: 1em; padding: 1em 20px; background-color: #eee; text-transform: uppercase; } .dashboard .welcome-msg p { margin: 0; color: #666; line-height: 1.5em; padding: 1.5em 20px; } .dashboard .data-table{margin:0.75em 0 1.25em;} .dashboard .col2-set{padding:10px 0 15px;} .dashboard .box-title, .dashboard .box-head{width:100%; overflow:hidden; margin:0.75em 0 0;} .dashboard .box-account > .box-head { border-bottom: solid 4px #eee; margin-bottom: 1.5em; margin-top:3em; } .dashboard .box-head h2 { font-size: 2em; color: #444; margin-bottom: 8px; } .dashboard .box-title { background-color: #eee; padding: 1em 0; margin: 0; } .dashboard .box-title h3 { padding-left: 20px; margin: 0; text-transform: uppercase; font-weight: normal; font-size: 1em; line-height: 1.5em; } .dashboard .box .box-content { padding: 1.5em 19px; font-size: 1em; color: #666; line-height: 1.5em; min-height: 63px; } .dashboard a {color: #aaa;} .dashboard .box-title h2, .dashboard .box-title h3, .dashboard .box-head h2, .dashboard .box-head h3{float:left;} .dashboard .box-title h2, .dashboard .box-head h2{} .dashboard .box-content h4{font-size: 0.91em;} .dashboard .box-title a, .dashboard .box-head a { float: right; text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; padding-right: 20px; color:#aaa; } /* Block: Recent Orders */ .dashboard .box-recent { margin:0.75em 0; } /* Block: Account Information */ .dashboard .box-info {} .dashboard .box-info .grid_4.omega {float:right;} /* Block: Reviews */ .dashboard .box-reviews{padding-bottom:15px;} .dashboard .box-reviews li{padding-bottom:1.5em;} .dashboard .box-reviews .number { float:left; font-size:1em; font-weight:bold; line-height:1; color:#909090; margin:3px -20px 0 0; padding:2px 3px; } .dashboard .box-reviews .details { margin-left:20px; } .dashboard .box-reviews .details .ratings strong{float:none; display:block; margin-bottom:0.27em;} .dashboard .box-reviews .details .ratings .rating-box{float:none;} /* Block: Tags */ .dashboard .box-tags li{padding-bottom:20px;} .dashboard .box-tags .number { float:left; font-size:1em; font-weight:bold; line-height:1; color:#909090; margin:3px -20px 0 0; padding:2px 3px; } .dashboard .box-tags .details { margin-left:20px; } .dashboard .box-tags .details .tags li{display:inline;} /********** Dashboard > */ /* My Wishlist */ .my-wishlist .page-title, .account-login .page-title, .checkout-onepage-index .page-title { border-bottom: solid 4px #eee; padding-bottom: 1em; } .my-wishlist .page-title h1, .account-login .page-title h1, .checkout-onepage-index .page-title h1 { font-size: 3em; margin-bottom: 0; } .my-wishlist .data-table{margin-bottom:0;} .my-wishlist .data-table .cart-cell{ min-width:240px; } .my-wishlist .data-table .last {padding:1.5em 30px;} .my-wishlist .data-table .product-name{margin-bottom:1.5em;} .my-wishlist .data-table .quantity-decrease{float:left;line-height:3.4em;} .my-wishlist .data-table .quantity-increase{float:left;line-height:3.4em;} .my-wishlist .data-table .description {display:none;} .my-wishlist .data-table .qty{float:left;} .my-wishlist .data-table .table-buttons {float:right;} .my-wishlist .data-table .table-buttons a { float: left; color: #ccc; font-size: 1em; padding-left: 10px; } .my-wishlist .data-table textarea { width: 80.3%; min-height: 74px; color: #666; border-color: #eee; } .my-wishlist .wishlist-input-box { width: 87px; margin-right: 20px; display: inline-block; } .my-wishlist .data-table .price-box .price-from .price-label, .my-wishlist .data-table .price-box .price-to .price-label{line-height: 2.3em;} .my-wishlist .data-table .price-box {padding: .75em 0 2.333em;} .my-wishlist .data-table .price-box .price{font-size:1.5em; line-height:1.44em;} .my-wishlist .data-table .price-box .minimal-price-link span {vertical-align:middle;} .my-wishlist .data-table .price-box .minimal-price-link .;abel {font-size:.91em;color:#888;} .my-wishlist .data-table .price-box.map-info a{display:block;} .my-wishlist .data-table button {display: inline-block;} .my-wishlist .data-table button span {height:40px;} .my-wishlist .data-table button span span {line-height:40px;padding:0 35px;} .my-wishlist .buttons-set{ border: 1px solid #eee; border-top: none; padding: 1em; margin-top: 0; background-color: #eee; } .my-wishlist .buttons-set.buttons-set2.empty{display: none;} .my-wishlist button.btn-share {float: left;} /* Address Book */ .addresses-list {} .addresses-list-additional li.item {} /* Order View */ .order-info { border:1px solid #ddd; padding:5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info li.current{color:#000;} .order-info dt { font-weight:bold; } .order-date { margin:10px 0; } .order-info-box {} .order-items { width:100%; overflow-x:auto; } #my-orders-table.data-table thead th{text-align: center !important;} #my-orders-table.data-table .product-name{float: none;} #my-orders-table.data-table .option-value .price{display: block;} .order-additional { margin:15px 0; } /* Order Gift Message */ .gift-message dt strong { color:#666; } .gift-message dd { font-size:13px; margin:5px 0 0; } /* Order Comments */ .order-about dt { font-weight:bold; } .order-about dd { font-size:13px; margin:0 0 7px; } .tracking-table { margin:0 0 15px; } .tracking-table th { font-weight:bold; white-space:nowrap; } .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{padding:20px;} .page-print h2, .page-print h3{margin-top:15px;} .page-print .print-head {padding-bottom:20px;} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print .col2-set{padding:15px 0;} /* 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 Reviews */ .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; margin-bottom:10px; } .product-review .product-img-box .ratings .rating-links a{display:block;} .product-review .product-img-box .ratings .rating-links .separator{display:none;} .product-review .product-img-box .label { font-size:11px; margin:0 0 3px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .product-review .product-details { margin-left:150px; } .product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; } .product-review h3 {} .product-review .ratings-table { margin:0 0 10px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:13px; margin:5px 0 0; } /* ======================================================================================= */ /* MAP Popup============================================================================== */ .price-box.map-info .price{padding-right:10px;} .product-view .product-shop .price-box.map-info{} .product-view .product-shop .price-box.map-info a{padding:5px 5px 0; display:inline-block;} .cart-msrp-totals { color:red; font-size:12px !important; font-weight:bold; margin:10px 10px 0; padding:10px; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; font-size:10px; font-weight:bold; text-align:left; padding:2px 5px; text-shadow:0 1px 0 #fff; } .map-popup { background:#fff; border:1px solid #aaa; margin:12px 0 0; position:absolute; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc; text-align:left; width:287px; z-index:100; } .map-popup-heading { background:#f5f5f5; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:247px; } .map-popup-heading h2 { font-size:16px; margin:0; text-shadow:0 1px 0 #f6f6f6; word-wrap:break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { background:0; position:absolute; left:50%; top:-10px; height:10px; width:19px; } .map-popup-close { background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:8px; right:10px; height:15px; width:15px; text-indent:-9999em; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; text-align:left; width:265px; } .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:5px 0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { clear:right; margin:0 10px; padding:10px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #ddd; } /* ======================================================================================= */ /* ajax module */ .products-grid .ajax-loader-item.cart-item { background-color: #FFFFFF; height: 15px; left: auto; margin: 0; padding: 0; position: absolute; right: -16px; top: 9px; width: 15px; -moz-border-radius: 15px; border-radius: 15px; } .products-grid .ajax-loader-item.cart-item img { width: 98%; } .products-list .ajax-loader-item, .products-grid .ajax-loader-item { position: absolute; width: 16px; height: 16px; left: -1px; top: 0px; text-indent: 0; background-color: #FFF; } .products-list .button-holder .ajax-loader-item { right: -16px; top: 3px; left: auto; } .products-list .ajax-loader-item img, .products-grid .ajax-loader-item img{ width:90%; } .product-view .product-shop .add-to-cart #ajax_loader{ float: left; margin: 1em -21px 0 5px; position:relative; } .ajax-index-options .add-to-cart #qty{ margin-top: 1px; } .ajax-index-options{font-size:0.75em;} .ajax-index-options .content-wrapper{background: none !important; padding-bottom: 0;} .ajax-index-options .product-view .product-image{padding-bottom: 0;} .ajax-index-options .product-shop .price-box{display:inline-block; float:none;} .ajax-index-options .product-shop .product-options-bottom .price-box{display:block; margin:-8px 15px 0 0!important;} .ajax-index-options{background:#FFF;} .ajax-index-options .container_12{width:590px; margin:0; padding-bottom: 0;} .ajax-index-options .container_12 .grid_4{float:left; width:240px; margin-left:10px; margin-right:5px;} .ajax-index-options .container_12 .grid_5{float:left; width:310px; margin-left:15px;} .ajax-index-options .product-view .product-img-box, .ajax-index-options .product-view .product-shop{ margin-bottom:0; } .ajax-index-options .product-view .product-shop .right{float: none !important;} .ajax-index-options .product-view .product-shop .right iframe{width:120px!important;} .ajax-index-options .no-slider li{margin-right:9px;} .ajax-index-options .more-views .no-slider li a{ margin-right: 0; width:71px; } .ajax-index-options .product-view .hide .availability-only{padding-bottom: 1.5em;} .ajax-index-options .product-view .hide .price-box{display: none;} .ajax-index-options .product-view .hide .bundle-box .price-box{display: block;} .ajax-index-options .more-views-container{overflow: visible;} .ajax-index-options .product-view .product-essential{padding-bottom: 0;} .ajax-index-options .product-view .product-img-box{padding-bottom: 0;} .ajax-index-options .product-view .product-img-box .img-holder{position: relative;} .ajax-index-options .product-view .product-name{padding-right:9px;} .ajax-index-options .product-view .more-views {padding-left: 0; padding-right: 0;} .ajax-index-options .product-view .more-views #more-views-slider li {} .ajax-index-options .product-view .more-views #more-views-slider li a{width:77px; margin-right:9px;} .ajax-index-options .more-views .prev{left:0;} .ajax-index-options .more-views .next{right:0;} .ajax-index-options .product-view .product-shop .add-to-cart button{} .ajax-index-options .product-view .product-options{margin:18px 22px 0 0;} .ajax-index-options .product-view .product-shop .product-options{margin:0;} .ajax-index-options .product-view .product-options-bottom{margin:0 22px 0 0;} .ajax-index-options .product-view .product-shop .price-box{border:none;} .ajax-index-options .product-view .product-shop .product-options-bottom{margin:0;} .ajax-index-options .product-view .product-options .price{font-size:1em;} .ajax-index-options .product-view .product-options-bottom .price{font-size:1.16em; line-height:1.71em;} .ajax-index-options .product-view .product-shop .product-options-bottom .price{font-size:1em; line-height:1.5em;} .ajax-index-options .product-view .product-shop .product-options-bottom .price-box{float:none; margin-bottom:0.2em!important;} .ajax-index-options .product-view .product-shop .product-options-bottom .add-to-cart #ajax_loader{ clear: none; float: left; left: 9px; margin: 0; right: auto; top: 12px; } .ajax-index-options .product-view .product-options-bottom .price-box{margin-bottom:1em!important;} .ajax-index-options .product-view .product-options-bottom .add-to-cart #ajax_loader{ margin-left:9px; margin-top:12px; float:left; } .ajax-index-options .product-view .product-options dd {margin: 0.75em 0 0;} .ajax-index-options .product-view .product-options dd{padding-bottom: 0.5em;} .ajax-index-options .product-view .product-name h2{ font-size: 1.3em; margin-bottom: 1em; } .ajax-index-options .grouped-items-table thead tr th{background: none; padding-left: 12px; padding-right: 5px; text-align: left!important;} .ajax-index-options .grouped-items-table .price{font-size: 0.91em;} .ajax-index-options .grouped-items-table .old-price .price{font-size: 0.91em;} .ajax-index-options .grouped-items-table td.last{border: none;} .ajax-index-options .price-as-configured .full-product-price .price{line-height: 1.5em;} .ajax-index-options .add-to-cart .quantity-increase {margin-right: 20px!important;} .ajax-index-options .product-view .product-shop .regular-price .price, .ajax-index-options .product-view .product-shop .special-price .price {font-size: 1.5em; line-height: 1.375em;} .add-to-cart-success { position: fixed; left: 50%; top: 0; width: 384px; margin-left: -202px; background: #fff; border-radius: 2px; -moz-border-radius: 2px; padding: 3em 10px 1.5em; color: #222; text-align: center; z-index: 99999; box-shadow: 0 1px 6px rgba(0,0,0,.20); -moz-box-shadow: 0 1px 6px rgba(0,0,0,.20); font-size: 1.16em; text-transform: uppercase; } .add-to-cart-success a { color: #fff; display: block; font-size: 0.857em; text-transform: none; line-height: 40px; margin-top: 1.5em; position: relative; } .add-to-cart-success a:hover {color: #fff;} .add-to-cart-success a span { padding: 1em 32px; border-radius: 2px; -moz-border-radius: 2px; transition: background-color .8s ease; -o-transition: background-color .8s ease; -moz-transition: backgroubd-color .8s ease; -webkit-transition: background-color .8s ease; } .add-to-cart-success .btn-remove { position: absolute; right: 10px; top: .75em; } .add-to-cart-success .btn-remove i { color: #ccc; font-size: 1.16em; } /* Ajax Login */ .ajax-box-overlay{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(0, 0, 0, 0.3); z-index:9998; } .ajax-box-overlay i.load{ position: absolute; top: 30%; left: 50%; margin-left: -24px; background-image:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/fancybox/fancybox_loading.gif); background-position: center center; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.82); -moz-border-radius:10px; border-radius:10px; display: inline-block; padding: 22px; margin:0 0 0.75em; } .ajax-box-overlay.loaded i{display: none;} #login-holder { opacity: 0; filter: alpha(opacity=50); position: fixed; z-index: 99999; left: 50%; top: 0; margin-left: -202px; width: 368px; height: auto; background-color: #FFF; padding: 1.5em 1.5em 2.34em; border: solid 1px #eee; } #login-holder .close-button { text-align: right; cursor: pointer; font-size: 1.16em; line-height: 1.6em; width:10px; float:right; } #login-holder .close-button i { color: #aaa; } #login-holder .page-title { margin-bottom: 2.34em; border: none; padding: 0; width:95%; } #login-holder .page-title h1 { color: #222; font-size: 1.5em; margin: 0; float: left; } #login-holder .page-title .link-box{ float: right; background-color:#434343; padding:2em 21px; font-size: 0.91em; line-height: 1.45em; color:#888; } #login-holder .page-title .link-box a{ color:#ccc; } #login-holder .page-title .link-box a:hover{color:#fff;} #login-holder form{ display: block; } #login-holder form p, #login-holder form label { color:#666; font-size: 1em; line-height: 1.5em; font-weight: 500; padding-bottom: 5px; } #login-holder form .form-list{ margin: 1em 0; } #login-holder form .form-list li{ margin-bottom: 1em; } #login-holder form .input-box {width: 100%;} #login-holder form .input-box input{ padding: 5px 12px; -moz-border-radius: 2px; border-radius: 2px; width: 93%; background-color: #f5f5f5; color: #aaa; font-size: .91em; } #login-holder form p.required{ float: right; color: #e85131; } #login-holder form a.f-left{ color:#aaa; } #login-holder form p.required, #login-holder form a.f-left{ font-size: 0.91em; line-height: 1.5em; position: relative; padding: 0; margin: 0; } #login-holder form .actions { border-top: 1px solid #eee; padding-top: .75em; margin-top: 1em; float: left; } #login-holder form .actions button { display: block; float: right; margin-left: 10px; } #login-holder form .actions button span { float: none; display: block; } #login-holder form .actions button span span {padding: 0 26px;} #login-holder form .actions button span:before { width: 100%; padding-left: 0; padding-right: 0; } #login-holder form .actions .link-box {float: right;} #login-holder form .actions .link-box a { height: 30px; line-height: 30px; display: block; vertical-align: middle; color: #fff; font-size: .81em; padding: 0 20px; border-radius: 2px; -moz-border-radius: 2px; position: relative; } #login-holder form .fieldset { margin: 0; padding: 0; border: none; } #login-holder form .fieldset .legend { margin: 0; padding: 0; background: none; border: none; color: #666; font-size: 1.09em; font-weight: 500; line-height: 1.53em; float: none; } #login-holder .account-create form .input-box input {} #login-holder .account-create form .input-box input.checkbox{width:auto;} #login-holder .account-create form .customer-dob input{ width: 70%; } #login-holder .account-create form .form-list .field{margin-bottom: 1.5em;} #login-holder .account-create form .name-firstname{margin-bottom: 1.5em; width: 100%;} #login-holder .account-create form .name-middlename{margin-bottom: 1.5em; width: 100%;} #login-holder .account-create form .name-lastname{margin-bottom: 0!important; width: 100%;} #login-holder .account-create .form-list label { color: #666666; } #resultLoading > div p{ background-color: rgba(0, 0, 0, 0.82); -moz-border-radius:10px; border-radius:10px; display: inline-block; padding: 10px; margin:0 0 0.75em; } .lockshowloading{ position:fixed; top:50%; z-index:99999; left: 50%; margin-left: -24px; background-color: rgba(0, 0, 0, 0.9); -moz-border-radius:10px; border-radius:10px; display: inline-block; padding: 10px; margin:0 0 0.75em; } .lockshow-bg{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; height:100%; width:100%; background:black; margin:0px; -moz-opacity:.30; filter:alpha(opacity=30); opacity:0.3; z-index:9999; } #login-holder .account-create .page-title .right-divider, #login-holder .account-login .page-title .right-divider{ display: none; } /* One Page Checkout */ .ptdivline{display: none;} .onepagecheckout-index-index .main-container .column-wrapper{ display: block; box-shadow: none; background: none; } .onepagecheckout-index-index .main-container .col-main .opc-indent{ padding:0 12px; width: auto !important; } .onepagecheckout-index-index .main-container .col-main .opc-indent > .page-title { border-bottom: none; padding-bottom: 1em; color: #444; border-bottom: solid 4px #eee; margin-bottom: 1.5em; } .onepagecheckout-index-index .main-container .col-main .opc-indent > .page-title .right-divider, .my-wishlist .page-title .right-divider, .account-login .page-title .right-divider, .checkout-onepage-index .page-title .right-divider, .block-account .block-title .right-divider {display: none;} .onepagecheckout-index-index .main-container .col-main .opc-indent > .page-title span { display: inline-block; vertical-align: bottom; line-height: 3em; color: #777; } .onepagecheckout-index-index .h1_opc { color: #444; text-transform: none; padding-bottom: 0; margin-bottom: 0; display: inline-block; font-size: 3em; padding-right: 25px; } .onepagecheckout-index-index .onepagecheckout_loginarea { display: inline-block; margin:0; vertical-align: bottom; line-height: 3em; color: #777; } .onepagecheckout-index-index .onepagecheckout_loginarea a.onepagecheckout_loginlink {color: #c13627;} .onepagecheckout-index-index .onepagecheckout_loginarea .onepagecheckout_loginlink{color:#e0bc82;} .onepagecheckout-index-index .onepagecheckout_loginarea .onepagecheckout_loginlink:hover{color:#6c7073;} .onepagecheckout-index-index .op_login_area { background-color: #FFF; -moz-border-radius: 2px; border-radius: 2px; } .onepagecheckout-index-index #onepagecheckout_forgotbox.op_login_area, .onepagecheckout-index-index #onepagecheckout_loginbox.op_login_area{ margin:0 0 1.66em; padding:2.33em 28px 1.5em; width: 346px; border: none; position: relative; background-color: #FFF; border: solid 1px #eee; } .onepagecheckout-index-index #onepagecheckout_forgotbox.op_login_area .page-title, .onepagecheckout-index-index #onepagecheckout_loginbox.op_login_area .page-title{ padding-bottom: 0.42em; border: none; } .onepagecheckout-index-index #onepagecheckout_forgotbox.op_login_area .close_la, .onepagecheckout-index-index #onepagecheckout_loginbox.op_login_area .close_la{ background: none; position: absolute; top: 16px; right: 18px; color: #aaa; font-size: 1.16em; width: auto; height: auto; } .onepagecheckout-index-index #onepagecheckout_loginbox.op_login_area #login-form .full{ padding-bottom: 1.25em; } .onepagecheckout-index-index #onepagecheckout_forgotbox.op_login_area #forgot-password-form label, .onepagecheckout-index-index #onepagecheckout_loginbox.op_login_area #login-form label{ color:#666; padding-bottom: 0.42em; } .onepagecheckout-index-index #onepagecheckout_forgotbox.op_login_area #forgot-password-form sup, .onepagecheckout-index-index #onepagecheckout_loginbox.op_login_area #login-form sup{ top: 10px; } .onepagecheckout-index-index #onepagecheckout_forgotbox.op_login_area #forgot-password-form input, .onepagecheckout-index-index #onepagecheckout_loginbox.op_login_area #login-form input{ padding: 5px 11px; } .onepagecheckout-index-index #onepagecheckout_forgotbox.op_login_area #forgot-password-form .onepagecheckout_loginlink, .onepagecheckout-index-index #onepagecheckout_loginbox.op_login_area #login-form .onepagecheckout_forgotlink { font-size: 0.91em; color: #aaa; top: 6px; position: relative; } .onepagecheckout-index-index #onepagecheckout_forgotbox.op_login_area #login-form .buttons-set, .onepagecheckout-index-index #onepagecheckout_loginbox.op_login_area #login-form .buttons-set { padding: 0; margin: 0; } .onepagecheckout-index-index .main-container{ width: auto !important; } .onepagecheckout-index-index .main-container .col-main{ width: 100%!important; margin-left: 0; margin-right: 0; } .onepagecheckout_datafields .sp-methods .price{ line-height: 1.2em; } .onepagecheckout_datafields .col-1 .form_fields div.two_fields .data_area input[name="billing[region]"]{ float: right; } #onepagecheckout_orderform .col3-set.onepagecheckout_datafields{ padding-bottom: 0; border: none; } #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-1, #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-2{float: left;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-3{float: right;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-1, #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-2, #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-3{ border: solid 1px #eee; background-color: #fff; width: 28%!important; margin: 0!important; border-radius: 2px; -mox-border-radius: 2px; padding: 2.33em 28px; } #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-2 {margin-left: 14px!important;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-1 .indent, #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-2 .indent, #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-3 #checkout-review{ background-color: #FFF; } #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .op_block_title{ color: #222; font-size: 1.5em; line-height: 1.44em; padding: 0 0 .75em; border-bottom: none; margin: 0; text-transform: none; font-weight: normal; } #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .form_fields label { color: #666; padding-bottom: 0.42em; } #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .form_fields sup{top: 11px;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .discount-form label { font-size: .91em; color: #666; } #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .form_fields .data_area input {width: 93%;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .form_fields .data_area select {width: 99%;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .form_fields .data_area input, #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .form_fields .data_area select { border-color: #ddd; color: #aaa; background-color: #f5f5f5; padding: 5px 11px; font-size: .91em; border-radius: 2px; -moz-border-radius: 2px; margin: 0; } #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .form_fields .data_area select { height: 28px; padding-right: 6px; width: 100%; } #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .form_fields label[for="billing:middlename"], #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .form_fields label[for="billing:region_id"], #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .form_fields label[for="billing:telephone"] {margin-left: 15px} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .form_fields .short .data_area select { width: 92%; float: right; } #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .form_fields .two_fields .short .data_area {width: 100%;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .form_fields .two_fields .short .data_area input{width: 79%;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .form_fields .two_fields .short-2 .data_area input{width: 98%;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .form_fields .two_fields .short-2 .data_area select{width: 100%;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .form_fields .two_fields .short.name-middlename .data_area input, #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .form_fields .two_fields input[name='billing[telephone]']{ width: 79%; float: right; } #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .form-list select{ padding:2px 0 2px 6px; background-color: #fff; color:#aaa; } #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .form-list input{ background-color: #fff; color:#aaa; padding:1px 2px 2px; } #onepagecheckout_orderform .onepagecheckout_datafields #checkout-shipping-method-load, #onepagecheckout_orderform .onepagecheckout_datafields #checkout-payment-method-load, #onepagecheckout_orderform .onepagecheckout_datafields #checkout-review-load{ min-height: 10px; } #onepagecheckout_orderform .onepagecheckout_datafields #checkout-payment-method-load .sp-methods dt{padding-bottom: 0.42em;} #onepagecheckout_orderform .onepagecheckout_datafields #shipping-method #allow-gift-message-container .form-list .field, #onepagecheckout_orderform .onepagecheckout_datafields #shipping-method #allow-gift-message-container .form-list .input-box{width: 100%;} #onepagecheckout_orderform .onepagecheckout_datafields #shipping-method #allow-gift-message-container .form-list .input-box input{width: 97%;} #onepagecheckout_orderform .onepagecheckout_datafields #checkout-payment-method-load .sp-methods dt input{ width: 13px; height: 13px; display: inline-block; vertical-align: middle; } #onepagecheckout_orderform .onepagecheckout_datafields #checkout-payment-method-load .sp-methods #payment_form_paypal_express{margin: 0;} #onepagecheckout_orderform .onepagecheckout_datafields #checkout-payment-method-load .sp-methods dt label{ display: inline-block; line-height: 2em; font-weight: bold; font-size: .91em; vertical-align: middle; } body.firefox #onepagecheckout_orderform .onepagecheckout_datafields #checkout-payment-method-load .sp-methods dt input#p_method_paypal_express{ margin-top: 9px; } #onepagecheckout_orderform .onepagecheckout_datafields #checkout-payment-method-load .sp-methods select#ccsave_cc_type, #onepagecheckout_orderform .onepagecheckout_datafields #checkout-payment-method-load .sp-methods select#authorizenet_cc_type, #onepagecheckout_orderform .onepagecheckout_datafields #checkout-payment-method-load .sp-methods select#verisign_cc_type, #onepagecheckout_orderform .onepagecheckout_datafields #checkout-payment-method-load .sp-methods select#paypal_direct_cc_type{ width: 100%; } #onepagecheckout_orderform .onepagecheckout_datafields #checkout-payment-method-load .sp-methods input#ccsave_cc_number, #onepagecheckout_orderform .onepagecheckout_datafields #checkout-payment-method-load .sp-methods input#ccsave_cc_owner, #onepagecheckout_orderform .onepagecheckout_datafields #checkout-payment-method-load .sp-methods input#po_number, #onepagecheckout_orderform .onepagecheckout_datafields #checkout-payment-method-load .sp-methods input#authorizenet_cc_number, #onepagecheckout_orderform .onepagecheckout_datafields #checkout-payment-method-load .sp-methods input#verisign_cc_number, #onepagecheckout_orderform .onepagecheckout_datafields #checkout-payment-method-load .sp-methods input#paypal_direct_cc_number{ width: 97%; } #onepagecheckout_orderform .onepagecheckout_datafields #checkout-payment-method-load .sp-methods .cvv-what-is-this{ margin-top: 3px; } #onepagecheckout_orderform .onepagecheckout_datafields .gift-messages-form .item .details .form-list .field, #onepagecheckout_orderform .onepagecheckout_datafields .gift-messages-form .item .details .form-list .input-box, #onepagecheckout_orderform .onepagecheckout_datafields .gift-messages-form .item .details .form-list li.wide .input-box { width: 100%; } #onepagecheckout_orderform .onepagecheckout_datafields .gift-messages-form .item .details .form-list input.input-text, #onepagecheckout_orderform .onepagecheckout_datafields .gift-messages-form .item .details .form-list li.wide textarea{ width: 97%; } #onepagecheckout_orderform .onepagecheckout_datafields .col-2 .form-list li.wide .input-box { width: 100%; } #onepagecheckout_orderform .onepagecheckout_datafields .col-2 .form-list li.wide textarea { width: 97%; } #onepagecheckout_orderform .col3-set.onepagecheckout_datafields p { margin: 0; font-size: .91em; } #onepagecheckout_orderform .col3-set.onepagecheckout_datafields p .checkbox { margin: 0 8px 0 0; } #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-2 .onepagecheckout_block{ padding-bottom: 1em; border-bottom: dashed 1px #d9d9d9; margin-bottom: 1em; } #checkout-coupon-discount-load .discount-form .input-box {padding: 5px 0;} #checkout-coupon-discount-load .discount-form .input-box input#coupon-code{ width: 93%; background-color: #f5f5f5; padding: 5px 11px; border-radius: 2px; -moz-border-radius: 2px; font-size: .91em; color: #aaa; } #checkout-coupon-discount-load .discount-form .buttons-set button.button span{padding:0;} #checkout-coupon-discount-load .discount-form .buttons-set button.button span span { font-size: .833em; line-height: 30px; padding: 0 23px; vertical-align: middle; } p.newsletter label { color: #888; font-size: 1em; line-height: 2em; } .gift-messages .control label[for="allow_gift_messages"] {line-height: 2em;} #onepagecheckout_orderform .onepagecheckout_datafields .newsletter{ padding-top: 1em; } #onepagecheckout_forgotbox .page-title span, #onepagecheckout_loginbox .page-title span { font-size: 1.5em; line-height: 1.44em; padding-bottom: 0.75em; display: block; color:#222; } #onepagecheckout_loginbox .input-box input, #onepagecheckout_forgotbox .data_area input, #onepagecheckout_loginbox .data_area input{ width:93%; background-color: #f5f5f5; border-radius: 2px; -moz-border-radius: 2px; font-size: .91em; color: #aaa; } #onepagecheckout_forgotbox button.button, #onepagecheckout_loginbox button.button{ background: none; box-shadow: none; border: none; } #onepagecheckout_forgotbox button.button > span, #onepagecheckout_loginbox button.button > span { height: 30px!important; padding: 0; } #onepagecheckout_forgotbox button.button span span, #onepagecheckout_loginbox button.button span span { font-weight: normal!important; height: 30px !important; text-align: center; padding: 0; line-height: 30px; font-size: .833em; text-transform: none; padding: 0 40px; } #checkout-review-table-wrapper thead th{ margin-top:0; text-align: left; border-bottom: none; color: #222; font-size: 1em; font-weight: bold; margin: 0.5em 0 0.75em; text-transform: none; } #checkout-review-table-wrapper tbody td .product-name{ font-size: 1em; font-weight: normal; color: #888; text-transform: none; } .order-products-table tfoot strong {font-size: 100%!important;} #checkout-review-table-wrapper tfoot tr td:first-child, #checkout-review-table-wrapper tbody tr td:first-child{ padding-left: 0; } #checkout-review-table-wrapper .order-products-table tbody th, #checkout-review-table-wrapper .order-products-table tbody td{ border-bottom: 1px solid #eee; } #checkout-review-table-wrapper .order-products-table tfoot td { border-bottom: 1px dashed #eee; } #checkout-review-table-wrapper tbody td .cart-price{ top: 0; } #checkout-review-table-wrapper .order-products-table tfoot td{ padding-bottom: 8px; } #checkout-review-submit #review-buttons-container {padding: 0;} #checkout-review-submit #review-buttons-container button.btn-checkout { padding: 0; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 1em; font-weight: normal; text-transform: none; width: 100%; text-align: center; height: 40px!important; line-height: 40px; margin: 0; transition: background-color .8s ease; -moz-transition: background-color .8s ease; -webkit-transition: background-color .8s ease; -o-transition: background-color .8s ease; filter: none; position: relative; background-image: none !important; } #checkout-review .order-products-table tfoot tr.last td strong { text-transform: none; color: #888; } #checkout-review .order-products-table tfoot tr td .price { position: relative; top: 0; } #checkout-review .order-products-table tr td .price { color: #d90000; font-family: Arial; font-size: 1em; line-height: 1.5em; } #review-please-wait{top: 10px; position: relative;} .checkout-cart-index .iwd-ec-col-main .page-title h1{ margin:0 0 1.45em; border:none; font-size: 2.08em; line-height: 1.5em; } .opc-box{ background-color: #FFF; box-shadow: 0 0 5px rgba(0, 0, 0, 0.07); padding:1.83em 20px 2.16em; margin: 0 0 1.66em; } /* Footer ================================================================================ */ #footer{ padding:0 0 2.66em; width:100%; overflow:hidden; } #footer .footer-wrapper {background-color: #fff;} #footer p { text-align:left; } #footer address{ bottom: 0; float: none; left: 0; position: absolute; z-index: 9999; padding-left: 52px; color:#fff; } #footer address a{text-decoration:underline; color:#fff;} #footer address a:hover{text-decoration:none;} #footer .footer-columns-block .custom_footer{position: relative;} #footer ul li a{text-decoration:none; line-height:1.5em;} #footer ul li a:hover{text-decoration:none; color:#FFF;} #footer .container_12 .grid_12 {position: static;} /*#footer .container_12 > span { background: url(https://collection.toyota.lu/skin/frontend/unit/unit/images/footer_bg.png) no-repeat; position: absolute; top: 0; left: 0; bottom: 0; width: auto; }*/ .color-block { background-repeat: no-repeat; background-position: top center; min-height: 428px; padding-top: 6em; padding-bottom: 6em; position: relative; } .color-block .color-box-bg{ position: absolute; left: 0; top: 0; overflow: hidden; } .color-block .color-box-bg img{ max-width: none; } .color-block .page-title { text-align: center; margin-bottom: 2.3em; } .color-block .page-title h2 { float: none; } .color-block .grid_3 { background-color: #fff; } .color-block .grid_3 .indent {padding: 4.5em 30px;} .color-block .grid_3 span { width: 60px; height:60px; border-radius: 60px; -moz-border-radius: 60px; line-height: 60px; text-align: center; display: block; position: absolute; top:-30px; left: 0; right:0; margin:0 auto; transition: all .9s ease; -moz-transition: all .9s ease; -webkit-transition: all .9s ease; -o-transition: all .9s ease; } .color-block .grid_3 i { color: #fff; font-size: 14px; vertical-align: middle; } .color-block .grid_3 h3 { font-size: 1.5em; text-align: center; font-weight: normal; transition: all .9s ease; -moz-transition: all .9s ease; -webkit-transition: all .9s ease; -o-transition: all .9s ease; } .color-block .grid_3 h3:before { content:''; border-top: solid 1px #cfcfcf; width: 74px; display: block; margin: 0px auto 1em; } .color-block .grid_3 p {text-align: center;} .color-block .grid_4 { background-color: #fff; } .color-block .grid_4 .indent {padding: 4.5em 30px;} .color-block .grid_4 span { width: 60px; height:60px; border-radius: 60px; -moz-border-radius: 60px; line-height: 60px; text-align: center; display: block; position: relative; top:-30px; left: 0; right:0; margin:0 auto; transition: all .9s ease; -moz-transition: all .9s ease; -webkit-transition: all .9s ease; -o-transition: all .9s ease; } .color-block .grid_4 i { color: #fff; font-size: 14px; vertical-align: middle; } .color-block .grid_4 h3 { font-size: 1.5em; text-align: center; font-weight: normal; transition: all .9s ease; -moz-transition: all .9s ease; -webkit-transition: all .9s ease; -o-transition: all .9s ease; } .color-block .grid_4 h3:before { /*content:''; border-top: solid 1px #cfcfcf; width: 74px; display: block; margin: 0px auto 1em;*/ } .color-block .grid_4 p {text-align: center;} .bottom-products {padding: 0 0 4em;} .bottom-products .widget-container .next, .bottom-products .widget-container .prev{top: -36px;} #footer .footer-columns-block {padding-top: 2.3em;} #footer .footer-columns-block .alpha .indent { padding: 0 86px; font-size: 1em; color: #fff; line-height: 2em; min-height: 330px; } #footer .footer-columns-block .alpha .footer-logo {margin-bottom: 3em;} #footer .custom_footer header {margin-bottom: 1.85em; padding-top: 3.67em; position: relative;} #footer .custom_footer h3 { color: #1e2a32 ; font-size: 1.167em; text-transform: uppercase; font-weight: normal; line-height: 1.6em; display: inline-block; margin: 0; padding-right: 8px; vertical-align: bottom; } #footer .custom_footer .right-divider {border-bottom: solid 4px rgba(255,255,255,.1);} #footer .custom_footer .second .indent {padding-left: 86px;} #footer .custom-footer-content li:first-child {border-top: none;} #footer .custom-footer-content li { border-top: dashed 1px #4f565b; transition: background-color .5s ease; -moz-transition: background-color .5s ease; -webkit-transition: background-color .5s ease; -o-transition: background-color .5s ease; } #footer .custom-footer-content li:hover {background-color:#434a4f;} #footer .custom-footer-content li a {font-size: 1em; color: #1e2a32 ; display: block; padding: .75em 0;} #footer .custom-footer-content li a:before { content: "\00B7"; font-size: 2em; margin: 0 10px; line-height: 0; vertical-align: middle; } #footer .custom_footer .alpha {padding-top: 3em;} /* Block: Subscribe */ #footer label[for="newsletter"] { display: block; line-height: 1.6em; color: #1e2a32 ; font-size: .91em; margin-bottom: 1em; } #footer .focus #newsletter {border-color: #6dafe1;} #footer .block-subscribe .block-title{display: none;} #footer #newsletter { border: solid 1px #FFFFFF; padding: 5px 0; border-right: none; width: 62%; float: left; background-color: #FFFFFF; font-size: .91em; color: #353c41; margin: 0; margin-bottom: 15px; box-sizing: inherit; transition: border-color .8s ease; -moz-transition: border-color .8s ease; -o-transition: border-color .8s ease; -webkit-transition: border-color .8s ease; } #footer .input-box button {float: left;} #footer #newsletter.validation-failed{ margin-bottom: 2em; } #footer #newsletter-validate-detail .input-box{position: relative;} #footer #newsletter-validate-detail .validation-advice{ position: absolute; left: -16px; bottom: -9px; } /* Widget: Social Links */ #footer ul.social-links { overflow:hidden; } #footer ul.social-links li { float:left; padding:0 2px 2px 0!important; } #footer ul.social-links li a { display:block; width:28px; height:28px; line-height: 28px; color:#fff; text-decoration:none; border: solid 1px #4f565b; color: #898c8e; -moz-transition: background-color 800ms ease; -webkit-transition: background-color 800ms ease; -o-transition: background-color 800ms ease; transition: background-color 800ms ease; text-align: center; } #footer ul.social-links li a i {vertical-align: middle; line-height: 28px;} #footer ul.social-links li a:hover { text-decoration:none; color: #fff; } /* //Social Links */ #footer .store-switcher{float:none; padding-top:0.75em; position: relative; z-index: 999; color:#fff; padding-left: 80px;} #footer .store-switcher label{line-height:1.8em;} #footer .footer-bg{ position: absolute; right: 0; top: -27.5px; z-index:8; } #footer .footer-bg img{ width: auto; max-width: none; } @media (max-width: 767px) { #footer .footer-bg img{ display: none!important; } } #footer .logo-indent{ position: relative; z-index: 9; } #footer.original{ padding-top: 2.66em; } #footer.original .store-switcher{ float: left; padding: 0; } #footer.original address{ float: right; padding: 0; position: relative; } /* Hover buttons ========================================================================= */ header#header .home-button i:after, #toTop span:after, .slider-container .prev i:after, .slider-container .next i:after, .block-related .prev i:after, .block-related .next i:after, .more-views .next i:after, .more-views .prev i:after, aside.sidebar .block.block-wishlist .next i:after, aside.sidebar .block.block-wishlist .prev i:after, #checkout-review-submit #review-buttons-container button.btn-checkout:after, .add-to-cart-success a > span:after, .pager a.desc i:after, aside.sidebar .actions a:after, header#header .top-cart .block-content .actions a:after, div.quantity-decrease i:after, div.quantity-increase i:after, #login-holder form .actions .link-box a:after, aside.sidebar .block.block-wishlist .link-cart:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; right: 0; transition: background-color .8s ease; -moz-transition: background-color .8s ease; -webkit-transition: background-color .8s ease; -o-transition: background-color .8s ease; } .product-view .product-next:hover:after, .product-view .product-prev:hover:after, #toTop:hover span:after, header#header .home-button:hover i:after, .slider-container .prev:hover i:after, .slider-container .next:hover i:after, .block-related .prev:hover i:after, .block-related .next:hover i:after, aside.sidebar .block.block-wishlist .next:hover i:after, aside.sidebar .block.block-wishlist .prev:hover i:after, #checkout-review-submit #review-buttons-container:hover button.btn-checkout:after, .add-to-cart-success a:hover > span:after, aside.sidebar .actions a:hover:after, header#header .top-cart .block-content .actions a:hover:after, .pager a.desc:hover i:after, div.quantity-decrease i:hover:after, div.quantity-increase i:hover:after, #login-holder form .actions .link-box a:hover:after, .more-views .next:hover i:after, .more-views .prev:hover i:after, aside.sidebar .block.block-wishlist .link-cart:hover:after {background-color:;} .text-block button.btn-buy:hover span span, .product-buttons .btn-quick-view:hover span span, #checkout-step-login .buttons-set button:hover span span, .op_login_area button.button:hover span span, #checkout-coupon-discount-load .discount-form .buttons-set button.button:hover span span, .cart-table .btn-continue:hover span span, .discount button:hover span span, .cart .shipping .buttons-set .button:hover span span, .cart .btn-proceed-checkout:hover span span, #footer > .container_12 button:hover span span, .block-compare button:hover span span, .block-reorder button:hover span span, .products-grid li.item .btn-quick-view.small:hover span span, aside.sidebar .block.block-subscribe button:hover span span, .my-wishlist td button:hover span span, .my-wishlist button.btn-share:hover span span, #login-holder form .actions button:hover span span, header#header .form-search button:hover span span, header#header .top-cart .block-content .button:hover span span, .btn-buy:hover span span, header#header .top-cart button.button:hover span span, .button:hover span span, .ajax-index-options .product-view .product-shop .add-to-cart button:hover span span {background:;} /* Clears ================================================================================ */ .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, .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 .product-shop .short-description:after, .product-view .box-description:after, .product-view .box-tags .form-add: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, .product-tabs:after, .block-related li.item .product .grid-indent:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* ======================================================================================= */ @-moz-document url-prefix() { .slider-container .prev i, .slider-container .next i, .more-views .next i, .more-views .prev i, .block-related .prev i, .block-related .next i {line-height: 18px;} .menu-button i {padding: 9px 9px 8px 10px;} aside.sidebar .block .block-title i {line-height: 42px;} } /** * 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@magentocommerce.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.magentocommerce.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.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://collection.toyota.lu/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://collection.toyota.lu/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://collection.toyota.lu/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://collection.toyota.lu/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://collection.toyota.lu/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://collection.toyota.lu/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://collection.toyota.lu/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://collection.toyota.lu/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://collection.toyota.lu/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ /*dpqzsjhiunbhfcjseepudpn*/ .mbdialog *, .mbdialog *:before, .mbdialog *:after{ /*dpqzsjhiunbhfcjseepudpn*/ box-sizing:content-box; } .mbdialog th, .mbdialog td{ vertical-align:top; } .mbdialog img{ display:inline; } .dialogBg{ background: rgba(255, 255, 255, 0.90); position:fixed; overflow-x: auto; overflow-y: scroll; z-index:99999999; left:0; top:0; bottom:0; right:0; /*visibility:hidden;*/ display:none; cursor:pointer; } .dialogBody{ overflow:hidden; text-align:left; -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33); box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33); } .mbdialog{ display:none; cursor:default; margin: 0px auto; position:absolute; z-index:99999998; -webkit-backface-visibility: hidden; } @media (max-width: 500px) { .mbdialog,.dialogBody{ -webkit-transform:translate3d(0, 0, 1px); //bugfix if theme has translate3d on field behind popup -webkit-transform:translate3d(0, 0, 1px); //bugfix if theme has translate3d on field behind popup } } .dialogTool{ position:relative; } .dialogClose{ position:absolute; top:-20px; right:-26px; background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/magebird_popup/close_dark.png); background-position:5px 5px; background-repeat:no-repeat; height:26px; width:26px; cursor:pointer; z-index:99999995; } .dialogCloseCustom{ cursor:pointer; } .dialogClose.overlay2{ background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/magebird_popup/close_white.png); background-position:5px 5px; background-repeat:no-repeat; } .dialogClose.style2{ background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/magebird_popup/close_big.png); height:29px; width:29px; top:-15px; right:-15px; } .dialogClose.style2:hover{ background-position:0 -29px; } .dialogClose.style4,.dialogClose.style3{ background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/magebird_popup/close_simple_white.png) no-repeat 4px 4px; height:25px; width:25px; } .dialogClose.style3{ background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/magebird_popup/close_simple_dark.png) no-repeat 4px 4px; } .dialogClose.style4:hover,.dialogClose.style3:hover{ background-position:4px -17px; } .dialogClose.style1:hover{ opacity: 0.9; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); } .imgType img{ display:block; } .error, .warning{ border:1px solid #EED2D8; color:#B94A4A; font-size:12px; font-weight:normal; text-shadow:1px 1px #FFFFFF; background-color:#F2DDDE; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; margin:0 15px 15px 0; padding:2px 5px; -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33); box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33); position:absolute; z-index:999999; } .error p, .warning p{ margin:4px 0; } .transform-rotate-zoom1{ -moz-transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; -moz-transform:rotate(0deg) scale(0.001); -webkit-transform:rotate(0deg) scale(0.001); -o-transform:rotate(0deg) scale(0.001); -moz-transform:rotate(0deg) scale(0.001); -ms-transform: rotate(0deg) scale(0.001); } .transform-rotate-zoom2{ -webkit-transform: rotate(360deg) scale(1); -moz-transform: rotate(360deg) scale(1); -o-transform: rotate(360deg) scale(1); -ms-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } .popuptransition{ -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; } .transform-elastic1, .moctoddribegam{ -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-transform:scale(0.001); -webkit-transform:scale(0.001); -o-transform:scale(0.001); -moz-transform:scale(0.001); -ms-transform:scale(0.001); } .transform-elastic2{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .transform-elastic3{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform:scale(1); transform: scale(1); } .mbdialog table { border-spacing:0; border-collapse:separate; } /*FOLLOW WIDGET*/ .followPopup{ line-height:1; } .followPopup ul { list-style-type: none; padding: 0px; margin: 0px; } .followPopup li{ float:left; margin-right:10px; height:62px; overflow:hidden; width:60px; text-align:left; } .followPopup li img{ width:auto; } .followPopup.tp2 li{ height:20px; } .followPopup li.twitterFollow img,.followPopup li.pinFollow img{ margin-bottom:3px; margin-left:5px; } .followPopup.tp3 li.twitterFollow img,.followPopup.tp3 li.pinFollow img{ margin-bottom:3px; margin-left:0px; } .followPopup .fbLike{ width:49px; } .followPopup .twitterTweet{ width:58px; } .followPopup .twitterTweet{ visibility:visible !important; } .followPopup .gplusRecommend{ width:50px; } .gplusRecommend div{ vertical-align:top !important; } .followPopup .pinFollow{ width:59px; } .followPopup.tp3 li{ float:none; width:63px !important; margin-right:0; text-align:center; margin-bottom:10px; } /*FB like bugfix for ie*/ .fb-like.fb_iframe_widget iframe{ min-width:49px !important; min-height:61px !important; left:0; } /*END FOLLOW WIDGET*/ /* Variable Grid System. Learn more ~ http://www.spry-soft.com/grids/ Based on 960 Grid System - http://960.gs/ Licensed under GPL and MIT. */ /* #Desktop - Extra Large ================================================== */ @media only screen and (min-width: 1280px) { /* Forces backgrounds to span full width, even if there is horizontal scrolling. Increase this if your layout is wider. Note: IE6 works fine without this fix. */ body { min-width: 1272px; overflow-x:hidden; } /* Containers ----------------------------------------------------------------------------------------------------*/ .container_12 { margin-left: auto; margin-right: auto; width: 1272px; } /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; } .push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12 { position:relative; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1 { width:86px; } .container_12 .grid_2 { width:192px; } .container_12 .grid_3 { width:298px; } .container_12 .grid_4 { width:404px; } .container_12 .grid_5 { width:510px; } .container_12 .grid_6 { width:616px; } .container_12 .grid_7 { width:722px; } .container_12 .grid_8 { width:828px; } .container_12 .grid_9 { width:934px; } .container_12 .grid_10 { width:1040px; } .container_12 .grid_11 { width:1146px; } .container_12 .grid_12 { width:1252px; } /* Prefix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1 { padding-left:106px; } .container_12 .prefix_2 { padding-left:212px; } .container_12 .prefix_3 { padding-left:318px; } .container_12 .prefix_4 { padding-left:424px; } .container_12 .prefix_5 { padding-left:530px; } .container_12 .prefix_6 { padding-left:636px; } .container_12 .prefix_7 { padding-left:742px; } .container_12 .prefix_8 { padding-left:848px; } .container_12 .prefix_9 { padding-left:954px; } .container_12 .prefix_10 { padding-left:1060px; } .container_12 .prefix_11 { padding-left:1166px; } /* Suffix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1 { padding-right:106px; } .container_12 .suffix_2 { padding-right:212px; } .container_12 .suffix_3 { padding-right:318px; } .container_12 .suffix_4 { padding-right:424px; } .container_12 .suffix_5 { padding-right:530px; } .container_12 .suffix_6 { padding-right:636px; } .container_12 .suffix_7 { padding-right:742px; } .container_12 .suffix_8 { padding-right:848px; } .container_12 .suffix_9 { padding-right:954px; } .container_12 .suffix_10 { padding-right:1060px; } .container_12 .suffix_11 { padding-right:1166px; } /* Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1 { left:106px; } .container_12 .push_2 { left:212px; } .container_12 .push_3 { left:318px; } .container_12 .push_4 { left:424px; } .container_12 .push_5 { left:530px; } .container_12 .push_6 { left:636px; } .container_12 .push_7 { left:742px; } .container_12 .push_8 { left:848px; } .container_12 .push_9 { left:954px; } .container_12 .push_10 { left:1060px; } .container_12 .push_11 { left:1166px; } /* Pull Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1 { left:-106px; } .container_12 .pull_2 { left:-212px; } .container_12 .pull_3 { left:-318px; } .container_12 .pull_4 { left:-424px; } .container_12 .pull_5 { left:-530px; } .container_12 .pull_6 { left:-636px; } .container_12 .pull_7 { left:-742px; } .container_12 .pull_8 { left:-848px; } .container_12 .pull_9 { left:-954px; } .container_12 .pull_10 { left:-1060px; } .container_12 .pull_11 { left:-1166px; } /* Adaptive */ /* 2 columns list */ .category-products .products-grid li.item:nth-of-type(3n+3){ margin-right:0; } .category-products .products-grid li.item:nth-of-type(3n+1){ margin-left:0; clear:left; } .category-products .products-grid.large-grid li.item:nth-of-type(3n+3){ margin-right:15px; } .category-products .products-grid.large-grid li.item:nth-of-type(2n+2){ margin-right:0; margin-left:15px; } .category-products .products-grid.large-grid li.item:nth-of-type(2n+1){ margin-left:0; clear:left; } .category-products .products-grid.small-grid li.item:nth-of-type(3n+3){ margin-right:10px; } .category-products .products-grid.small-grid li.item:nth-of-type(3n+1){ margin-left:10px; } .category-products .products-grid.small-grid li.item:nth-of-type(5n+5){ margin-right:0; margin-left:10px; } .category-products .products-grid.small-grid li.item:nth-of-type(5n+1){ margin-left:0; clear:left; } .products-grid.widget-grid li.item:nth-of-type(4n+4){ margin-right:0; } .products-grid.widget-grid li.item:nth-of-type(4n+1){ clear:left; margin-left:0; } .products-grid#upsell-product-table > li:nth-of-type(5n+5){ margin-right:0; } .products-grid#upsell-product-table > li:nth-of-type(5n+1){ clear:left; } .block-related .no-slider li.item:nth-of-type(4n+4){ margin-right:0; } .block-related .no-slider li.item:nth-of-type(4n+1){ clear:left; } .productpage_small .more-views ul.no-slider li:nth-of-type(4n+4){ margin-right:20px; } .productpage_small .more-views ul.no-slider li:nth-of-type(4n+1){ clear:none; } .productpage_small .more-views ul.no-slider li{margin-right: 20px;} .productpage_small .more-views ul.no-slider li a{width: 81px; margin-right: 0;} .productpage_medium .more-views ul.no-slider li{margin-right: 20px;} .productpage_medium .more-views ul.no-slider li a{width: 80px; margin-right: 0;} .productpage_large .more-views ul.no-slider li{margin-right: 20px;} .productpage_large .more-views ul.no-slider li a{width: 77px; margin-right: 0;} .productpage_extralarge .more-views ul.no-slider li{margin-right: 20px;} .productpage_extralarge .more-views ul.no-slider li a{width: 82px; margin-right: 0;} /* 1 column list */ .col1-layout .category-products .products-grid li.item:nth-of-type(3n+1){ clear:none; margin-left:10px; } .col1-layout .category-products .products-grid li.item:nth-of-type(3n+3){ margin-right: 10px; } .col1-layout .category-products .products-grid li.item:nth-of-type(4n+4){ margin-right:0; } .col1-layout .category-products .products-grid li.item:nth-of-type(4n+1){ clear:left; margin-left:0; } .col1-layout .products-grid.large-grid li.item:nth-of-type(2n+1){ clear:none; margin-left:15px; } .col1-layout .products-grid.large-grid li.item:nth-of-type(2n+2){ margin-right: 15px; } .col1-layout .products-grid.large-grid li.item:nth-of-type(4n+1){ clear:none; margin-left:15px; } .col1-layout .products-grid.large-grid li.item:nth-of-type(4n+4){ margin-right: 15px; } .col1-layout .products-grid.large-grid li.item:nth-of-type(3n+1){ clear:left; margin-left:0; } .col1-layout .products-grid.large-grid li.item:nth-of-type(3n+3){ margin-right:0; } .col1-layout .products-grid.large-grid li.item{width:397px;} .col1-layout .products-grid.small-grid li.item:nth-of-type(4n+1){ clear:none; margin-left:10px; } .col1-layout .products-grid.small-grid li.item:nth-of-type(4n+4){ margin-right: 10px; } .col1-layout .products-grid.small-grid li.item:nth-of-type(5n+1){ clear:none; margin-left:10px; } .col1-layout .products-grid.small-grid li.item:nth-of-type(5n+5){ margin-right: 10px; } .col1-layout .products-grid.small-grid li.item:nth-of-type(6n+1){ clear:left; margin-left:0; } .col1-layout .products-grid.small-grid li.item:nth-of-type(6n+6){ margin-right:0; } .col1-layout .products-grid.small-grid li.item{width:192px;} .grid_12 .products-grid li.item:nth-of-type(4n+1) {margin-left: 0;} .grid_12 .products-grid li.item:nth-of-type(4n+4) {margin-right: 0;} .grid_9 .products-grid li.item:nth-of-type(3n+1) {margin-left: 0;} .grid_9 .products-grid li.item:nth-of-type(3n+3) {margin-right: 0;} .col3-layout .category-products .products-grid li.item:nth-of-type(3n+1){ clear: none; margin-left: 10px; } .col3-layout .category-products .products-grid li.item:nth-of-type(3n+3){ margin-right: 10px; } .col3-layout .category-products .products-grid li.item:nth-of-type(2n+1){ clear: left; margin-left: 0; } .col3-layout .category-products .products-grid li.item:nth-of-type(2n+2){ margin-right: 0; } .col3-layout .category-products .products-grid.small-grid li.item, .col3-layout .category-products .products-grid.large-grid li.item{width:293px; margin-right: 10px; margin-left: 10px;} .col3-layout .category-products .products-grid.small-grid li.item:nth-of-type(2n+1), .col3-layout .category-products .products-grid.large-grid li.item:nth-of-type(2n+1){ margin-left: 0; clear: left; } .col3-layout .category-products .products-grid.small-grid li.item:nth-of-type(2n+2), .col3-layout .category-products .products-grid.large-grid li.item:nth-of-type(2n+2){ margin-right: 0; } .container_12.boxed{ width: 1332px; } .boxed-layout header#header.floating{ width:1332px; margin-left: -666px; left: 50%; } /* Wide Menu */ #nav.nav-wide li.tech { padding: 1.5em 31px 0 0; width: 220px; } .nav-wide#nav-wide li.over .menu-wrapper { display: block!important; } aside.sidebar .block.block-wishlist li.item .product-details{width:68%;} .products-grid.small-grid li.item { width:170px; } .products-grid.large-grid li.item{width:452px;} .product-essential .product-image .es-nav-prev{ left:0; } .product-essential .product-image .es-nav-next{ right:0; } .product-view .box-up-sell .products-grid li.item { width:230px; } .product-view .productpage_small .more-views #more-views-slider li{width:132px; margin:0;} .product-view .productpage_small .more-views #more-views-slider li a{margin-right:18px;} .product-view .productpage_medium .more-views #more-views-slider li { margin: 0; width: 105px; } .product-view .productpage_medium .more-views #more-views-slider li a {margin-right: 20px;} .product-view .productpage_large .more-views #more-views-slider li{margin:0; width:105px;} .product-view .productpage_large .more-views #more-views-slider li a{margin-right:18px;} .product-view .productpage_extralarge .more-views #more-views-slider li{margin:0; width:126px;} .product-view .productpage_extralarge .more-views #more-views-slider li a{margin-right:18px;} .product-view .product-image .cloud-zoom-big{width:100%!important;} .product-view .more-views #more-views-slider li a{width:auto;} .product-view .more-views #more-views-slider li a img{width:100%;} /*Multiple Checkout*/ .multiple-checkout .sp-methods .form-list input.input-text{width:306px;} /* Cart Crossel*/ #cart-accordion .crosssell { padding:0.75em 0 0.75em 0; } .crosssell .product-image img{width:100%;} /* opc */ .opc .field{width:410px;} .opc .field input.input-text{width:380px;} .opc .field-2, .opc .name-lastname{width:424px;} .opc .field-2 input.input-text, .opc .name-lastname input.input-text{width:405px;} .opc .form-list .field select, .opc .form-list .field-2 select{width:410px;} .opc .form-list li.wide input.input-text{width:817px;} .form-list li.wide select{width:824px;} .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:275px;} .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:245px;} .opc .form-list .name-middlename{width:135px;} .opc .field-2 input.input-text, .opc .name-lastname input.input-text{width:407px;} .opc .gift-messages-form .allow-gift-messages-for-order-container .form-list input.input-text{width:253px;} .opc .sp-methods input.input-text{width:303px;} /* form list */ .form-list .field{width:406px;} .form-list .name-middlename{width:131px;} .form-list input.input-text{width:379px;} .form-list li.wide input.input-text{width:785px;} .form-list li.wide textarea{ width:785px;} .block-poll .answer span {width: 185px;} #login-holder .form-list .field {width: 368px;} .account-login .content input {width: 95%;} aside .block-related li.item {width: 256px; margin: 0;} aside .block-related li.item .product {padding: 0 7px;} .block-related li.item {width: 298px; margin: 0 7px;} .block-related li.item .product {padding: 0 10px;} #footer address{ padding-left: 80px; } } /* @media only screen and (min-width: 1272px) and (max-width: 1455px) { } */ /* #Desktop ================================================== */ @media only screen and (min-width: 978px) and (max-width: 1279px) { /* Forces backgrounds to span full width, even if there is horizontal scrolling. Increase this if your layout is wider. Note: IE6 works fine without this fix. */ body { min-width: 1008px; overflow-x:hidden; } /* Containers ----------------------------------------------------------------------------------------------------*/ .container_12 { margin-left: auto; margin-right: auto; width: 1008px; } /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; float: left; position: relative; margin-left: 15px; margin-right: 15px; } .push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12 { position:relative; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1 { width:54px; } .container_12 .grid_2 { width:138px; } .container_12 .grid_3 { width:222px; } .container_12 .grid_4 { width:306px; } .container_12 .grid_5 { width:390px; } .container_12 .grid_6 { width:474px; } .container_12 .grid_7 { width:558px; } .container_12 .grid_8 { width:642px; } .container_12 .grid_9 { width:726px; } .container_12 .grid_10 { width:810px; } .container_12 .grid_11 { width:894px; } .container_12 .grid_12 { width:978px; } /* Prefix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1 { padding-left:84px; } .container_12 .prefix_2 { padding-left:168px; } .container_12 .prefix_3 { padding-left:252px; } .container_12 .prefix_4 { padding-left:336px; } .container_12 .prefix_5 { padding-left:420px; } .container_12 .prefix_6 { padding-left:504px; } .container_12 .prefix_7 { padding-left:588px; } .container_12 .prefix_8 { padding-left:672px; } .container_12 .prefix_9 { padding-left:756px; } .container_12 .prefix_10 { padding-left:840px; } .container_12 .prefix_11 { padding-left:924px; } /* Suffix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1 { padding-right:84px; } .container_12 .suffix_2 { padding-right:168px; } .container_12 .suffix_3 { padding-right:252px; } .container_12 .suffix_4 { padding-right:336px; } .container_12 .suffix_5 { padding-right:420px; } .container_12 .suffix_6 { padding-right:504px; } .container_12 .suffix_7 { padding-right:588px; } .container_12 .suffix_8 { padding-right:672px; } .container_12 .suffix_9 { padding-right:756px; } .container_12 .suffix_10 { padding-right:840px; } .container_12 .suffix_11 { padding-right:924px; } /* Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1 { left:84px; } .container_12 .push_2 { left:168px; } .container_12 .push_3 { left:252px; } .container_12 .push_4 { left:336px; } .container_12 .push_5 { left:420px; } .container_12 .push_6 { left:504px; } .container_12 .push_7 { left:588px; } .container_12 .push_8 { left:672px; } .container_12 .push_9 { left:756px; } .container_12 .push_10 { left:840px; } .container_12 .push_11 { left:924px; } /* Pull Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1 { left:-84px; } .container_12 .pull_2 { left:-168px; } .container_12 .pull_3 { left:-252px; } .container_12 .pull_4 { left:-336px; } .container_12 .pull_5 { left:-420px; } .container_12 .pull_6 { left:-504px; } .container_12 .pull_7 { left:-588px; } .container_12 .pull_8 { left:-672px; } .container_12 .pull_9 { left:-756px; } .container_12 .pull_10 { left:-840px; } .container_12 .pull_11 { left:-924px; } .products-grid.small-grid li.item { width:166px; margin-left: 10px; margin-right: 10px; } .products-grid.large-grid li.item { width:348px; margin-left: 15px; margin-right: 15px; } /* Adaptive */ /* 2 columns list */ .category-products .products-grid li.item:nth-of-type(3n+3){ margin-right:0; } .category-products .products-grid li.item:nth-of-type(3n+1){ margin-left:0; clear:left; } .category-products .products-grid.large-grid li.item:nth-of-type(3n+1){ margin-left:15px; clear:none; } .category-products .products-grid.large-grid li.item:nth-of-type(3n+3){ margin-right:15px; } .category-products .products-grid.large-grid li.item:nth-of-type(2n+2){ margin-right:0; } .category-products .products-grid.large-grid li.item:nth-of-type(2n+1){ margin-left:0; clear:left; } .category-products .products-grid.small-grid li.item:nth-of-type(3n+1){ margin-left:10px; } .category-products .products-grid.small-grid li.item:nth-of-type(3n+3){ margin-right:10px; } .category-products .products-grid.small-grid li.item:nth-of-type(4n+4){ margin-left:10px; margin-right:0; } .category-products .products-grid.small-grid li.item:nth-of-type(4n+1){ margin-left:0; clear:left; } /* 1 column list */ .col1-layout .category-products .products-grid li.item:nth-of-type(3n+3){ margin-right:15px; } .col1-layout .category-products .products-grid li.item:nth-of-type(3n+1){ margin-left:15px; clear:none; } .col1-layout .category-products .products-grid li.item:nth-of-type(4n+4){ margin-right:0; } .col1-layout .category-products .products-grid li.item:nth-of-type(4n+1){ margin-left:0; clear:left; } .col1-layout .category-products .products-grid.small-grid li.item{ width:179px; } .col1-layout .category-products .products-grid.small-grid li.item:nth-of-type(3n+3){ margin-right:10px; } .col1-layout .category-products .products-grid.small-grid li.item:nth-of-type(3n+1){ margin-left:10px; } .col1-layout .category-products .products-grid.small-grid li.item:nth-of-type(4n+4){ margin-right:10px; } .col1-layout .category-products .products-grid.small-grid li.item:nth-of-type(4n+1){ margin-left:10px; clear:none; } .col1-layout .category-products .products-grid.small-grid li.item:nth-of-type(5n+5){ margin-right:0; } .col1-layout .category-products .products-grid.small-grid li.item:nth-of-type(5n+1){ margin-left:0; clear:left; } .col1-layout .category-products .products-grid.large-grid li.item{ width:305px; } .col1-layout .category-products .products-grid.large-grid li.item:nth-of-type(3n+3){ margin-right:0; } .col1-layout .category-products .products-grid.large-grid li.item:nth-of-type(2n+2){ margin-right:15px; } .col1-layout .category-products .products-grid.large-grid li.item:nth-of-type(2n+1){ margin-left:15px; margin-right:15px; clear:none; } .col1-layout .category-products .products-grid.large-grid li.item:nth-of-type(3n+3){ margin-right:0; } .col1-layout .category-products .products-grid.large-grid li.item:nth-of-type(3n+1){ margin-left:0; clear:left; } /* 3 col layout */ .col3-layout .category-products .products-grid li.item:nth-of-type(3n+1){ clear: none; margin-left: 15px; } .col3-layout .category-products .products-grid li.item:nth-of-type(3n+3){ margin-right: 15px; } .col3-layout .category-products .products-grid li.item:nth-of-type(2n+1){ clear: left; margin-left: 0; } .col3-layout .category-products .products-grid li.item:nth-of-type(2n+2){ margin-right: 0; } .col3-layout .category-products .products-grid.small-grid li.item, .col3-layout .category-products .products-grid.large-grid li.item{width:222px;} .col3-layout .category-products .products-grid.small-grid li.item{margin-left: 10px; margin-right: 10px;} .col3-layout .category-products .products-grid.small-grid li.item:nth-of-type(2n+1){ margin-left: 0; clear: left; } .col3-layout .category-products .products-grid.small-grid li.item:nth-of-type(2n+2){ margin-right: 0; } .products-grid#upsell-product-table > li:nth-of-type(5n+5){ margin-right:0; } .products-grid#upsell-product-table > li:nth-of-type(5n+1){ clear:left; } .products-grid.widget-grid li.item:nth-of-type(4n+4){ margin-right:0; } .products-grid.widget-grid li.item:nth-of-type(4n+1){ clear:left; margin-left:0; } .home-container-2 .products-grid.widget-grid li.item:nth-of-type(3n+3){ margin-right:0; } .home-container-2 .products-grid.widget-grid li.item:nth-of-type(3n+1){ clear:left; margin-left:0; } .block-related .no-slider li.item:nth-of-type(4n+4){ margin-right:0; } .block-related .no-slider li.item:nth-of-type(4n+1){ clear:left; } .more-views ul.no-slider li:nth-of-type(3n+3){ margin-right:0; } .more-views ul.no-slider li:nth-of-type(3n+1){ clear:left; } .products-grid li.item:nth-of-type(4n+1) { margin-left: 15px; clear: none; } .products-grid li.item:nth-of-type(4n+4) { margin-right: 15px; } header#header .form-search {width: 260px;} header#header .form-search input {width: 80%;} aside.sidebar .block.block-compare ol li .product-name a, aside.sidebar .block.block-viewed ol li .product-name a, aside.sidebar .block.block-compared ol li .product-name a {width: 85%;} #checkout-step-login .buttons-set .f-left {float: right!important;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-1, #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-2, #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-3 {width: 26%!important;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-2 {margin-left: 23px!important;} .cart .crosssell .product-details {width: 60%;} .cart .shipping .form-list input {width: 89%;} .cart .grid_3 .discount .input-box {float: none; width: 100%;} .cart .grid_3 .discount .buttons-set {float: none; text-align: right; margin-top: .75em;} .cart .accordion-content .shipping .form-list input {width: 95%;} .cart .accordion-content .discount .input-box {width: 74%;} .block-subscribe .input-box {width: 100%; float: none;} aside.sidebar .block-subscribe .actions {float: none; margin-top: .75em;} .text-block .buttons-set {margin-top: .75em;} #footer .custom_footer .second .indent {padding-left: 54px;} #footer .footer-columns-block .alpha .indent {padding: 0 54px;} #footer #newsletter {width: 49%;} aside .block-related li.item .product {padding-right: 0;} aside .block-related li.item .product .product-image {width: 76px; margin-right: 10px;} aside .block-related li.item .product .product-name {width: 52%;} aside .block-related li.item .product .product-details {width: 52%;} .product-view .box-tags .form-add .input-box {width: 81%;} .product-view .box-up-sell .products-grid li.item {width: 174px;} .catalog-product-view .box-reviews .review {width: 74%;} aside.sidebar .block.block-wishlist li.item .product-image {float: none; width: 100%; margin-bottom: .75em;} aside.sidebar .block.block-wishlist li.item .product-details {float: none; width: 100%;} #wishlist-slider .es-carousel {min-height: 100px;} .sidebar .block-subscribe .input-box input{width: 52%;} .header-slider-container .iosSlider .slider .item .slide-container {top: 14%; right: 15%;} .header-slider-container .iosSlider .slider .item .slide-container.right-caption h2 {font-size: 6em;} .header-slider-container .iosSlider .slider .item .slide-container p {font-size: 1em; margin-right: 4%;} .header-slider-container .iosSlider .slider .item .slide-container.right-caption h4 {margin-right: 15%;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 h2 {font-size: 4em; letter-spacing: 1px;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 {left: 4%; top: 12%;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 p {margin-left: 16.5%;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-3 {left: 7%; top: 28%;} .header-slider-container.boxed-slider .iosSlider .next {right: 30px;} .nav-wide#nav-wide li.over .menu-wrapper { display: block!important; } .boxed-layout header#header.floating{ width:1008px; left: 50%; margin-left: -504px; } .my-wishlist .wishlist-input-box{ width: 87px; } .productpage_small .more-views ul.no-slider li{margin-right: 20px;} .productpage_small .more-views ul.no-slider li a{width: 77px; margin-right: 0;} .productpage_small .more-views ul.no-slider li:nth-of-type(3n+3) { margin-right: 20px; } .productpage_small .more-views ul.no-slider li:nth-of-type(3n+1) { clear: none; } .productpage_medium .more-views ul.no-slider li{margin-right: 20px;} .productpage_medium .more-views ul.no-slider li a{width: 77px; margin-right: 0;} .productpage_large .more-views ul.no-slider li{margin-right: 20px;} .productpage_large .more-views ul.no-slider li a{width: 91px; margin-right: 0;} .productpage_large .more-views ul.no-slider li:nth-of-type(3n+3) { margin-right: 20px; } .productpage_large .more-views ul.no-slider li:nth-of-type(3n+1) { clear: none; } .productpage_extralarge .more-views ul.no-slider li{margin-right: 20px;} .productpage_extralarge .more-views ul.no-slider li a{width: 97px; margin-right: 0;} .productpage_extralarge .more-views ul.no-slider li:nth-of-type(3n+3) { margin-right: 20px; } .productpage_extralarge .more-views ul.no-slider li:nth-of-type(3n+1) { clear: none; } #footer .store-switcher { padding-left: 50px; } } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px, Gutter: 20px, Unit: 44px */ @media only screen and (min-width: 768px) and (max-width: 977px) { /* Forces backgrounds to span full width, even if there is horizontal scrolling. Increase this if your layout is wider. Note: IE6 works fine without this fix. */ body { min-width: 768px; overflow-x:hidden; } /* Containers ----------------------------------------------------------------------------------------------------*/ .container_12 { margin-left: auto; margin-right: auto; width: 768px; } /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; } .push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12 { position:relative; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1 { width:44px; } .container_12 .grid_2 { width:108px; } .container_12 .grid_3 { width:172px; } .container_12 .grid_4 { width:236px; } .container_12 .grid_5 { width:300px; } .container_12 .grid_6 { width:364px; } .container_12 .grid_7 { width:428px; } .container_12 .grid_8 { width:492px; } .container_12 .grid_9 { width:556px; } .container_12 .grid_10 { width:620px; } .container_12 .grid_11 { width:684px; } .container_12 .grid_12 { width:748px; } /* Prefix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1 { padding-left:64px; } .container_12 .prefix_2 { padding-left:128px; } .container_12 .prefix_3 { padding-left:192px; } .container_12 .prefix_4 { padding-left:256px; } .container_12 .prefix_5 { padding-left:320px; } .container_12 .prefix_6 { padding-left:384px; } .container_12 .prefix_7 { padding-left:448px; } .container_12 .prefix_8 { padding-left:512px; } .container_12 .prefix_9 { padding-left:576px; } .container_12 .prefix_10 { padding-left:640px; } .container_12 .prefix_11 { padding-left:704px; } /* Suffix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1 { padding-right:64px; } .container_12 .suffix_2 { padding-right:128px; } .container_12 .suffix_3 { padding-right:192px; } .container_12 .suffix_4 { padding-right:256px; } .container_12 .suffix_5 { padding-right:320px; } .container_12 .suffix_6 { padding-right:384px; } .container_12 .suffix_7 { padding-right:448px; } .container_12 .suffix_8 { padding-right:512px; } .container_12 .suffix_9 { padding-right:576px; } .container_12 .suffix_10 { padding-right:640px; } .container_12 .suffix_11 { padding-right:704px; } /* Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1 { left:64px; } .container_12 .push_2 { left:128px; } .container_12 .push_3 { left:192px; } .container_12 .push_4 { left:256px; } .container_12 .push_5 { left:320px; } .container_12 .push_6 { left:384px; } .container_12 .push_7 { left:448px; } .container_12 .push_8 { left:512px; } .container_12 .push_9 { left:576px; } .container_12 .push_10 { left:640px; } .container_12 .push_11 { left:704px; } /* Pull Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1 { left:-64px; } .container_12 .pull_2 { left:-128px; } .container_12 .pull_3 { left:-192px; } .container_12 .pull_4 { left:-256px; } .container_12 .pull_5 { left:-320px; } .container_12 .pull_6 { left:-384px; } .container_12 .pull_7 { left:-448px; } .container_12 .pull_8 { left:-512px; } .container_12 .pull_9 { left:-576px; } .container_12 .pull_10 { left:-640px; } .container_12 .pull_11 { left:-704px; } /* Adaptive */ .products-grid.widget-grid li.item:nth-of-type(4n+4){ margin-right:0; } .products-grid.widget-grid li.item:nth-of-type(4n+1){ clear:left; margin-left:0; } .products-grid#upsell-product-table > li:nth-of-type(3n+3){ margin-right:0; } .products-grid#upsell-product-table > li:nth-of-type(3n+1){ clear:left; } .block-related .no-slider li.item{margin-right: 10px; width: 179px;} .block-related .no-slider li.item:nth-of-type(4n+4){ margin-right:0; } .block-related .no-slider li.item:nth-of-type(4n+1){ clear:left; } .grid_3 > .block-related .no-slider li.item{width: 130px;} /* 2 columns list */ .category-products .products-grid li.item:nth-of-type(3n+3){ margin-right:0; } .category-products .products-grid li.item:nth-of-type(3n+1){ margin-left:0; clear:left; } .category-products .products-grid.large-grid li.item:nth-of-type(3n+3){ margin-right:15px; } .category-products .products-grid.large-grid li.item:nth-of-type(2n+2){ margin-right:0; margin-left:15px; } .category-products .products-grid.large-grid li.item:nth-of-type(2n+1){ margin-left:0; clear:left; } .category-products .products-grid.small-grid li.item:nth-of-type(3n+3){ margin-right:5px; } .category-products .products-grid.small-grid li.item:nth-of-type(3n+1){ margin-left:5px; } .category-products .products-grid.small-grid li.item:nth-of-type(4n+4){ margin-right:0; margin-left:5px; } .category-products .products-grid.small-grid li.item:nth-of-type(4n+1){ margin-left:0; clear:left; } /* 1 column list */ .col1-layout .category-products .products-grid li.item:nth-of-type(3n+1){ clear:none; margin-left:10px; } .col1-layout .category-products .products-grid li.item:nth-of-type(3n+3){ margin-right: 10px; } .col1-layout .category-products .products-grid li.item:nth-of-type(4n+1){ clear:left; margin-left:0; } .col1-layout .category-products .products-grid li.item:nth-of-type(4n+4){ margin-right:0; } .col1-layout .category-products .products-grid.large-grid li.item:nth-of-type(2n+1), .col1-layout .category-products .products-grid.large-grid li.item:nth-of-type(3n+1){ clear:none; margin-left:15px; } .col1-layout .category-products .products-grid.large-grid li.item:nth-of-type(2n+2), .col1-layout .category-products .products-grid.large-grid li.item:nth-of-type(3n+3){ margin-right: 15px; } .col1-layout .category-products .products-grid.large-grid li.item:nth-of-type(2n+1){ clear:left; margin-left:15px; margin-left:0; } .col1-layout .category-products .products-grid.large-grid li.item:nth-of-type(2n+2){ margin-right:0; } .col1-layout .category-products .products-grid.large-grid li.item{width:357px;} .col1-layout .category-products .products-grid.small-grid li.item:nth-of-type(3n+1), .col1-layout .category-products .products-grid.small-grid li.item:nth-of-type(4n+1){ clear:none; margin-left:5px; } .col1-layout .category-products .products-grid.small-grid li.item:nth-of-type(3n+3), .col1-layout .category-products .products-grid.small-grid li.item:nth-of-type(4n+4){ margin-right:5px; margin-left:5px; } .col1-layout .category-products .products-grid.small-grid li.item:nth-of-type(5n+1){ clear:left; margin-left:0; } .col1-layout .category-products .products-grid.small-grid li.item:nth-of-type(5n+5){ margin-right:0; } /* 3 columns layout */ .col3-layout .category-products .products-grid li.item:nth-of-type(3n+1){ clear: none; margin-left: 10px; } .col3-layout .category-products .products-grid li.item:nth-of-type(3n+3){ margin-right: 10px; } .col3-layout .category-products .products-grid li.item:nth-of-type(2n+1){ clear: left; margin-left: 0; } .col3-layout .category-products .products-grid li.item:nth-of-type(2n+2){ margin-right: 0; } .col3-layout .category-products .products-grid.small-grid li.item, .col3-layout .category-products .products-grid.large-grid li.item{width:172px; margin-right: 10px; margin-left: 10px;} .col3-layout .category-products .products-grid.small-grid li.item:nth-of-type(2n+1), .col3-layout .category-products .products-grid.large-grid li.item:nth-of-type(2n+1){ margin-left: 0; clear: left; } .col3-layout .category-products .products-grid.small-grid li.item:nth-of-type(2n+2), .col3-layout .category-products .products-grid.large-grid li.item:nth-of-type(2n+2){ margin-right: 0; } .col1-layout .category-products .products-grid.small-grid li.item{width:141px;} .products-grid li.item:nth-of-type(4n+1) { margin-left: 10px; clear: none; } .products-grid li.item:nth-of-type(4n+4) { margin-right: 10px; } /* Header ================================================================================ */ .nav-container{background:none;} .nav-wide#nav-wide li .menu-wrapper div.alpha, .nav-wide#nav-wide li .menu-wrapper div.omega{ /*width: 90%;*/ } header#header dl.company-links dd {left: 107px;} /* #nav-wide.nav-wide .category-label{display: none;} */ .boxed-layout header#header.floating{ width:768px; margin-left: -384px; left: 50%; } .data-table td{ padding:9px; } .color-block .color-box-bg { top: 12px; } /* Small Grid */ .products-grid.small-grid li.item { width:130px; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } /* Large Grid */ .products-grid.large-grid li.item { width:263px; } /* Shopping Cart ========================================================================= */ #cart-accordion .crosssell{padding:9px 13px;} /* Meigee Tabs */ .meigee-tabs-content {padding: 14px;} #product_tabs_upsell_products_contents li.item{margin-bottom:9px;} .product-view .box-up-sell .products-grid li.item{width:232px;} .col3-layout .toolbar .pager .limiter{float: left; margin-top: 1.5em;} .block-wishlist .next, .block-wishlist .prev{ top:30px; } aside.sidebar .block.block-wishlist li.item .product-details{ width:60%; } aside.sidebar .block.block-subscribe .input-box input { width: 100%; } aside.sidebar .block.block-subscribe .input-box input { margin-bottom: 0.75em; width: auto; padding-left: 16px; padding-right: 16px; } .sidebar .block-subscribe .input-box button.button { float: right; position: relative; } .product-view .productpage_small .more-views #more-views-slider li{margin:0; width:106px;} .product-view .productpage_small .more-views #more-views-slider li a{margin-right:18px;} .product-view .productpage_medium .more-views.slider-on { margin-right: -18px; } .product-view .productpage_medium .more-views #more-views-slider li{margin:0; width:84px;} .product-view .productpage_medium .more-views #more-views-slider li a{margin-right:18px;} .product-view .productpage_large .more-views #more-views-slider li{margin:0; width:95px;} .product-view .productpage_large .more-views #more-views-slider li a{margin-right:18px;} .product-view .productpage_extralarge .more-views #more-views-slider li{margin:0; width:95px;} .product-view .productpage_extralarge .more-views #more-views-slider li a{margin-right:18px;} .product-view .more-views #more-views-slider li a{width:auto;} .product-view .more-views #more-views-slider li a img{width:100%;} .productpage_small .more-views ul.no-slider li{margin-right: 20px;} .productpage_small .more-views ul.no-slider li a{width: 80px; margin-right: 0;} .productpage_large .more-views ul.no-slider li{margin-right: 20px;} .productpage_large .more-views ul.no-slider li a{width: 66px; margin-right: 0;} .productpage_extralarge .more-views ul.no-slider li{margin-right: 20px;} .productpage_extralarge .more-views ul.no-slider li a{width: 100px; margin-right: 0;} /*Crossel*/ .cart .crosssell{padding:9px 12px;} .cart .crosssell .product-image {float: none; width: 100%; margin-bottom: 1em;} .cart .crosssell .product-details {float: none; width: 100%;} /* Discount Codes */ .cart .discount .input-box {width: 96%; float: none; margin-bottom: .75em;} .cart .discount .buttons-set {float: right;} .cart .shipping .form-list input {width: 86%;} /* Multiple Addresses Checkout */ .multiple-checkout .gift-messages-form .form-list li.wide textarea { width:55%; } .multiple-checkout .gift-messages-form .details .form-list li.wide textarea { width: 40%; } /* Block Related */ .block-related li.item { width: 187px; } /* One Page Checkout */ .opc .form-list input.input-text { width: 90%; } .opc .field{ width:264px; } .opc .field-2, .opc .name-lastname { width: 267px; } .opc .form-list li.wide input.input-text{ width:489px; } .opc .form-list .field select, .opc .form-list .field-2 select { width:237px; } #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-1, #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-2{width:41%!important;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-2{float: left!important; width: 41%!important;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-3{ width:41%!important; top: 1.5em!important; position: relative; } #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-3{ float: none; clear: both; padding-top: 2em; } .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: 140px; } .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: 120px; } .form-list .field { width: 255px; } .form-list input.input-text {} .form-list li.wide input.input-text { width: 491px; } .form-list select { width: 242px; } .form-list .customer-name-middlename .name-middlename{width:117px;} .form-list .customer-name-middlename .name-middlename input{width:95px;} .form-list li.wide textarea{ width:495px; } .form-list li.wide select { width:505px; } .opc .form-list .name-middlename { width:124px; } .opc .form-list .customer-dob .dob-month input, .opc .form-list .customer-dob .dob-day input, .opc .form-list .customer-dob .dob-year input{width:80%!important;} .gift-messages-form .form-list li.wide textarea{ width:85%; } .gift-messages-form .details .form-list li.wide textarea{ width:65%; } .opc .sp-methods .form-list input.input-text{width: 97%;} .opc .sp-methods .form-list select{width: 100%;} .opc .sp-methods select.month{width:150px;} .opc .form-list .name-middlename input.input-text { width: 95px; } .opc .form-list .name-middlename { width: 116px; } #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-3{ float: none; clear: both; } .my-wishlist .data-table .last { padding: 1.5em 10px; } .my-wishlist .wishlist-input-box { text-align: center; width: 100%; } .my-wishlist .data-table .quantity-decrease { display: inline-block; float: none; } .my-wishlist .data-table .qty { display: inline-block; float: none; } .my-wishlist .data-table .quantity-increase { display: inline-block; float: none; } .my-wishlist .wishlist-input-box {margin-right: 0; margin-bottom: 1em;} .block-account li a {} .block-account li i {} .slider-container .products-grid li.item {width: 200px;} .home-slider-conainer .products-grid li.item .indent {padding: 0 15px;} aside.sidebar .block.block-compare ol li .product-name a, aside.sidebar .block.block-viewed ol li .product-name a, aside.sidebar .block.block-compared ol li .product-name a {width: 80%;} .block-subscribe .input-box {width: 100%; margin-bottom: .75em;} .product-shop .ratings .rating-box {margin-bottom: 10px;; display: block; float: none;} .product-options-bottom .add-to-cart button {float: right; margin-top: 1em;} .catalog-product-view .box-reviews .data-table tbody th {padding: .75em;} .catalog-product-view .box-reviews .form-add .form-list input, .catalog-product-view .box-reviews .form-add .form-list textarea {width: 93%!important;} .catalog-product-view .box-reviews .review {width: 66%;} .product-view .box-tags .form-add .input-box {width: 79%;} .product-view .form-add {width: 62%;} .product-view .product-collateral .box-up-sell li.item {width: 222px;} .product-view .add-to-links li {margin-bottom: 1em;} .cart-table .quantity-box {width: 87px;} .data-table .product-name {width: 55%;} .data-table .c_actions a {padding: 10px; line-height: 1;} .cart .accordion-content .shipping .form-list input {width: 93%;} .cart .accordion-content .discount .input-box {float: left; width: 66%;} header#header .links {display: none;} header#header .quick-access {padding-top: 0; border-bottom: solid 1px #4d5559; margin-bottom: 1em;} header#header .links-button {display: block; width: 100%; text-align: center;} header#header .links-button span {cursor: pointer; font-size: .91em; color: #aaa;} header#header .links-button i {font-size: 1.273em; color: #fff; padding-right: 7px; vertical-align: middle; margin-top: -2px;} header#header .links-container {position: relative;} header#header .links {position:absolute;background-color: #fff; text-align:center;line-height:1; z-index: 9999; padding-top: 0;} header#header .links li {float:none;display:block;text-align: left;padding: 0; } header#header .links li a { position: relative; top: 0; left: 0; display: block; float: none; border-left: none; color: #888; font-size: 1em; line-height: 1.5em; text-transform: none; padding: 1em 0; margin: 0 15px; border-top: dashed 1px #eee; } header#header .links li.first a {border-top: none;} header#header .form-currency, header#header .form-language{display:inline-block;} header#header .form-language {padding: 0; margin-left: 10px;} header#header .form-currency {margin-left: 0; padding-right: 10px;} /*.menu-button {display: inline-block; float: left;}*/ .menu-button span {font-size: 0;} header#header .form-search {float: right;} header#header .home-button {display: none;} header#header .nav-container{ padding:0; position:relative; float: none; } /*changed this cgr*/ .nav-wide#nav-wide li.over .menu-wrapper{ display: block!important; } /*header#header .nav-container > ul{*/ /*display:none; padding:18px; left:0; margin:0; position:absolute; top:49px; width:252px; z-index:999; background-color:#FFF; border:1px solid #ddd; border-top:1px solid #ddd;*/ } /* header#header .nav-container > ul li { position: relative; padding: 0; height: auto!important; background: none; display: block; width: 100%; padding: 4px 0; } #nav ul, #nav div {box-shadow: none;} #nav > li > a > span {float: none;} #nav > li > a > i {display: none;} header#header .nav-container > ul li:hover a {padding-bottom:6px;} #nav li.level-top:hover > a > span {border:none!important;} #nav li .menu-item-button > .fa-minus, #nav-wide li .menu-item-button > .fa-minus {display:none;} #nav .menu-item-button.active > .fa-minus, #nav-wide .menu-item-button.active > .fa-minus {display: inline-block;} #nav .menu-item-button.active > .fa-plus, #nav-wide .menu-item-button.active > .fa-plus {display:none;}*/ /* #nav ul li.parent:after {content:none;} header#header .nav-container > ul li li{position:relative; padding:0 5px 0; float:none!important;} header#header .nav-container > ul .menu-desc{display:none;} header#header .nav-container > ul li:hover a span {color:#444!important} #nav li a:hover, #nav li.over a, #nav li.active a, #nav > li:hover > a > span, #nav > li.over > a > span, #nav > li.active > a > span {color: #444;} #nav > li.active > a > i, #nav > li.over > a > i, #nav > li:hover > a > i {color: #aaa;} header#header .nav-container > ul .menu-item-button { z-index: 999; position: absolute; right: 0; top: -5px; cursor: pointer; padding: 11px; line-height: 1; } header#header .nav-container > ul .menu-item-button.active{} header#header .nav-container > ul li a{ line-height:1.5em; text-transform:none; padding:0 0 6px; display:block; float:none; background:none; text-transform:uppercase;} header#header .nav-container > ul li a:hover{} header#header .nav-container > ul li a span{font-weight:normal;} header#header .nav-container > ul li.last a{border-bottom:none;} header#header .nav-container > ul ul.level0{padding:0!important; width:auto!important; position:static; background:none; border:none; box-shadow:none;} header#header .nav-container > ul li li a{border-bottom:none;} header#header .nav-container > ul li li a{font-size:1.41em;} header#header .nav-container > ul li li li li a{font-size:1.25em;} header#header .nav-container li.tech{width:100%; padding:0;} header#header .nav-container ul.tech{padding-bottom:0;} header#header .nav-container li.level1 > a > span{ text-transform:none!important; -moz-transition: color 300ms ease; -webkit-transition: color 300ms ease; -o-transition: color 300ms ease; transition: color 300ms ease; } #nav.nav-wide ul.level2, #nav.nav-wide ul.level2 ul{padding-top:0!important; padding-bottom:0!important;} header#header .nav-container li.level1 a{color:#a2a2a2;} header#header .nav-container li.level1 a:hover{text-decoration:none;} header#header .nav-container li.level1 a span{font-family: Arial, sans-serif;} header#header .nav-container > ul ul.level0 ul{padding-right:9px; top:auto!important; left:auto!important; position:static!important; width:auto!important; height:auto!important;border:none;} header#header .nav-container > ul ul.level0 ul ul{top:auto!important; left:auto!important; position:static!important; width:auto!important; height:auto!important; border:none!important; box-shadow:none!important;} header#header .nav-container > ul ul.level0 ul .triangle{display:none;} header#header .nav-container > ul ul.level0 ul a{} header#header .nav-container > ul ul.level0 ul ul a{} header#header .nav-container > ul ul.level0 ul{background:none;} header#header .nav-container > ul li li .menu-item-button{right:23px; top:-2px;} header#header .nav-container > ul li li li li .menu-item-button{right:18px;} header#header .nav-container > ul li li.level3 .menu-item-button{right:13px;} header#header .nav-container .nav-static-block{display:none;} #nav-wide > li:hover > a > span, #nav-wide > li:hover > a > i, #nav-wide > li.over > a > span, #nav-wide > li.over > a > i, #nav-wide > li.active > a > span, #nav-wide > li.active > a > i {color: #444;} #nav-wide.nav-wide{ text-align: left; } #nav-wide.nav-wide li.level-top { display: block; } #nav-wide.nav-wide li.level-top > a{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #515151; display: block; float: none; line-height: 1.5em; padding: 0 0 6px; text-transform: uppercase; } #nav-wide.nav-wide li.level-top:hover > a > span, #nav-wide.nav-wide li.level-top.active > a > span{ border-bottom: none; color:#444; } .nav-wide#nav-wide li.level-top:hover, .nav-wide#nav-wide li.level-top.active{ background: none!important; } .nav-wide#nav-wide li .menu-wrapper, .nav-wide#nav-wide li.over .menu-wrapper{ display: none; padding-top:0!important; position: relative!important; top: 0!important; box-shadow: none; border: none; } #nav-wide.nav-wide ul.level0 li.level1 > a:after{display: none;} /* header#header .nav-container > #nav-wide.nav-wide li:hover a {padding-bottom:14px;} #nav-wide.nav-wide li.level0:hover > a{ padding-bottom: 6px!important; } */ /* .nav-wide#nav-wide .top-content, .nav-wide#nav-wide .bottom-content, .nav-wide#nav-wide .right-content{display: none;} #nav-wide.nav-wide ul.level0 li.level1 { display: block; float: none; padding: 0 5px; } #nav-wide.nav-wide ul.level0 a{ padding-left: 0; padding-top: 0; } #nav-wide.nav-wide ul.level0 li.level1 a{ font-size: 1em; font-weight: normal; padding-bottom: 0; margin-bottom: 0.75em; } #nav-wide.nav-wide ul.level0 li.level1 > a > span{ font-size: 0.85em; font-weight: normal!important; font-family: Arial, sans-serif; } header#header .nav-container > #nav-wide.nav-wide li.level1 li .menu-item-button { top: -9px; } header#header .nav-container > ul#nav-wide.nav-wide li:hover a span, #nav-wide.nav-wide ul.level0 a span{color:#888!important;} #nav-wide.nav-wide ul.level0 a:hover { background: none; } #nav-wide.nav-wide li a span{float: none;} #nav-wide > li.parent > a i{display: none;}*/*/ #footer .custom_footer .second .indent {padding-left: 44px;} #footer .footer-columns-block .alpha .indent {padding: 0 44px;} #footer #newsletter {width: 100%; margin-bottom: .75em;} #footer form .block-content .input-box button {width: 100%; text-align: center;} #footer form .block-content .input-box button span {width: 100%; text-align: center;} #footer form .block-content .input-box button span span {float: none; padding: 0; width: 100%;} .block-related li.item .product {padding: 0;} aside .block-related .product-image {width: 100%; margin: 0 0 .75em;} aside .block-related .product .product-details, aside .block-related .product-name {width: 100%; float: none;} .color-block {padding-bottom: 6em;} header#header.floating .small-logo {float: right;} .product-view .product-name h2 {font-size: 2em;} .add-to-cart div.quantity-increase {margin-right: 25px!important;} .add-to-cart .qty {margin-bottom: .75em;} .product-options-bottom div.quantity-increase {float: none;} .product-options-bottom button.btn-cart {float: left;} .catalog-product-view .box-reviews ul li h6 {margin-right: 20px;} .catalog-product-view .box-reviews ul li small {float: left;} .cart-collaterals .grid_3.alpha {margin: 0; width: 100%; clear: both; padding-bottom: 1.5em;} .cart-collaterals .grid_3.alpha .crosssell li.item {padding: 0; float: left; width: 24%; margin-right: 1.33%;} .cart-collaterals .grid_3.alpha .crosssell li.item.last {margin-right: 0;} .cart-collaterals .grid_3 {width: 31%;} .cart-collaterals .grid_3 input {width: 90%!important;} .cart .cart-collaterals .grid_3 .discount .input-box input {width: 93%!important;} aside.sidebar .block.block-wishlist li.item .product-image {float: none; width: 100%; margin-bottom: .75em;} aside.sidebar .block.block-wishlist li.item .product-details {float: none; width: 100%;} header#header .links-container > .links > li > a > span, .links > li.company dt a > span {border-left: none;} .header-slider-container .iosSlider .slider .item .slide-container.right-caption {right: 6%; top: 13%;} .header-slider-container .iosSlider .slider .item .slide-container.right-caption h2 {font-size: 3em; margin-right: 13%;} .header-slider-container .iosSlider .slider .item .slide-container.right-caption p {font-size: 1em;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 {top: 10%; left: 2%;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 h2 {font-size: 3em; letter-spacing: 2px;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 h3 {font-size: 2em; letter-spacing: -2px; margin-left: -2%;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 p {font-size: 1em;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-3 {top: 17%; left: 5%;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-3 h3 {font-size: 2em} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-3 h5 {font-size: 1.5em;} .product-view .grid_3 .block-related .next, .product-view .grid_3 .block-related .prev { top: 13px; right: 7px; } .product-view .grid_3 .block-related .prev { right: 28px; } #footer address { padding-left: 43px; width: 177px; } #footer .store-switcher { padding-left: 44px; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px Gutter: 10px, Unit: 15px */ @media (max-width: 767px) { /*hier*/ .menu-button {display: inline-block!important; float: left;} .grid_6.omega.right-content{ display: none!important; } /* Containers ----------------------------------------------------------------------------------------------------*/ .container_12 { margin-left: 15px; margin-right: 15px; width: auto; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { margin-left: 0; margin-right: 0; } .grid_12{ margin-left: 10px; margin-right: 10px; } header#header .grid_12{ margin-left:0; margin-right:0; } .alpha, .omega { margin-left: 0; margin-right: 0; } .align_center, .align_right { text-align: left; } /* Adaptive */ .block-related .no-slider li.item:nth-of-type(2n+2){ margin-right:0; } .block-related .no-slider li.item:nth-of-type(2n+1){ clear:left; } body.boxed-layout .color-block{ background:#aeb6b9; position: relative; margin: 0 -15px 4em; padding-left: 15px; padding-right: 15px; } body.boxed-layout .color-block .color-box-bg{display: none;} /* Global Styles ========================================================================= */ .main-left, body.sidebar-left .col2-left-layout .col-main { float: none !important;} #toTop{display:none!important;} /* form elements */ .form-list input.input-text{ width: 100%;} .form-list, .input-box select { width:100%; } .form-list li, .form-list li .field { width:100%; margin-right:0; } .form-list li .field + .field { margin-top:10px; } .form-list li.street-address .input-box input.input-text { width:92%; } .form-list li.select-address { width:100%; } .form-guest { width: 100%; } .buttons-set button { float:none; } .buttons-set a { display:block; } /********************/ /* Data Table */ table.data-table table, table.data-table thead, table.data-table tbody, table.data-table th, table.data-table td, table.data-table tr { display: block; border: 0; text-align: left !important; } table.data-table thead tr { display: none;} table.data-table th, table.data-table td { padding: 10px 10px;} table.data-table td a.product-image{ width:auto; max-width:100%; margin:0 auto; float:none; } table.data-table td a.product-image img{width:100%;} table.data-table td .cart-label { width: 80px; display:block; float:left; font-size:1.16em; color:#aaa; font-weight:normal; color: #999;} table.cart-table td .cart-label {line-height:3.2em; } table.data-table td.last { border-bottom: 1px solid #E4E4E4; padding-top:0; padding-bottom:0; margin-bottom:12px;} /* Account Login/Create Pages ============================================================ */ .account-login{} .account-login .new-users{padding-bottom:9px;} .account-login .registered-users{padding-bottom:9px;} .account-login .registered-users .buttons-set{padding-left:0;} .account-login .registered-users .buttons-set a{margin-top:11px; float:right!important;} .account-login .registered-users .buttons-set button{float:left; margin-left:0;} .account-login .registered-users .form-list{} .account-login .content input {width: 88%!important;} /* Header ================================================================================ */ header#header .logo-box{padding:16px 0 8px; text-align:center;} #header > .container_12 > .grid_12 {padding: 3.833em 0 0;} header#header .logo { float: none; text-align: center; margin-bottom: 3em; } header#header a.logo { margin-bottom: 0; } header#header > .container_12 {padding-bottom: 1.5em;} header#header .links {display: none;} header#header .quick-access {padding-top: 0; border-bottom: solid 1px #4d5559; margin-bottom: 1em;} header#header .links-button {display: block; width: 100%; text-align: center;} header#header .links-button span {cursor: pointer; font-size: .91em; color: #aaa;} header#header .links-button i {font-size: 1.273em; color: #fff; padding-right: 7px; vertical-align: middle; margin-top: -2px;} header#header .welcome-msg{display:none;} header#header .links-container {position: relative;} header#header .links {position:absolute;background-color: #fff; text-align:center;line-height:1; z-index: 9999;} header#header .links li {float:none;display:block;text-align: left;padding: 0; } header#header .links li a { position: relative; top: 0; left: 0; display: block; float: none; border-left: none; color: #888; font-size: 1em; line-height: 1.5em; text-transform: none; padding: 1em 0; margin: 0 15px; border-top: dashed 1px #eee; } header#header .links li.first a {border-top: none;} header#header .form-search { float: right; width: 85%; } header#header .form-search input {width: 196px;} header#header ul.social-links{float:none; text-align:center; margin-top:18px;} header#header ul.social-links li{display:inline-block; float:none;} header#header .nav-container > ul li header#header .select-box{text-align:center; padding:22px 0 0;} header#header .form-currency, header#header .form-language{display:inline-block;} header#header .form-language {padding: 0; margin-left: 10px;} header#header .form-currency {margin-left: 0; padding-right: 10px;} #header .header-right-box {float: left;} header#header .top-cart {margin: 0;} header#header .top-cart .block-content{width: 290px;} header#header .top-cart .block-content .mini-products-list .product-details {width: 58%;} header#header #search_mini_form {right:23px;top:18px;} header#header .top-block-wrapper .grid_12{text-align:center;} header#header .top-block-wrapper h2{width:auto; text-align:center; float:none; margin-bottom:18px;} header#header .top-block-wrapper button{float:none;} .cms-home .topline {position:relative;} header#header .home-button {display: none;} header#header .nav-container {float: none;} header#header .menu-button{ display:block; float:left; cursor:pointer; } header#header .menu-button span{ display:none; position:absolute; left:0; line-height:59px; cursor:pointer; } header#header .menu-button span i {vertical-align:middle;} header#header dl.company-links dd {left: 107px;} header#header .nav-container{ padding:0; position:relative; } header#header .nav-container > ul{ display:none; padding:18px; left:0; margin:0; position:absolute; top:49px; width:252px; z-index:999; background-color:#FFF; border:1px solid #ddd; border-top:1px solid #ddd; } header#header .nav-container > ul li { position: relative; padding: 0; height: auto!important; background: none; display: block; width: 100%; padding: 4px 0; } #nav ul, #nav div {box-shadow: none;} #nav > li > a > span {float: none;} #nav > li > a > i {display: none;} header#header .nav-container > ul li:hover a {padding-bottom:6px;} #nav li.level-top:hover > a > span {border:none!important;} #nav li .menu-item-button > .fa-minus, #nav-wide li .menu-item-button > .fa-minus {display:none;} #nav .menu-item-button.active > .fa-minus, #nav-wide .menu-item-button.active > .fa-minus {display: inline-block;} #nav .menu-item-button.active > .fa-plus, #nav-wide .menu-item-button.active > .fa-plus {display:none;} #nav ul li.parent:after {content:none;} header#header .nav-container > ul li li{position:relative; padding:0 5px 0; float:none!important;} header#header .nav-container > ul .menu-desc{display:none;} header#header .nav-container > ul li:hover a span {color:#444!important} #nav li a:hover, #nav li.over a, #nav li.active a, #nav > li:hover > a > span, #nav > li.over > a > span, #nav > li.active > a > span {color: #444;} #nav > li.active > a > i, #nav > li.over > a > i, #nav > li:hover > a > i {color: #aaa;} header#header .nav-container > ul .menu-item-button { z-index: 999; position: absolute; right: 0; top: -5px; cursor: pointer; padding: 11px; line-height: 1; } header#header .nav-container > ul .menu-item-button.active{} header#header .nav-container > ul li a{ line-height:1.5em; text-transform:none; padding:0 0 6px; display:block; float:none; background:none; text-transform:uppercase;} header#header .nav-container > ul li a:hover{} header#header .nav-container > ul li a span{font-weight:normal;} header#header .nav-container > ul li.last a{border-bottom:none;} header#header .nav-container > ul ul.level0{padding:0!important; width:auto!important; position:static; background:none; border:none; box-shadow:none;} header#header .nav-container > ul li li a{border-bottom:none;} header#header .nav-container > ul li li a{font-size:1.41em;} header#header .nav-container > ul li li li li a{font-size:1.25em;} header#header .nav-container li.tech{width:100%; padding:0;} header#header .nav-container ul.tech{padding-bottom:0;} header#header .nav-container li.level1 > a > span{ text-transform:none!important; -moz-transition: color 300ms ease; -webkit-transition: color 300ms ease; -o-transition: color 300ms ease; transition: color 300ms ease; } #nav.nav-wide ul.level2, #nav.nav-wide ul.level2 ul{padding-top:0!important; padding-bottom:0!important;} header#header .nav-container li.level1 a{color:#a2a2a2;} header#header .nav-container li.level1 a:hover{text-decoration:none;} header#header .nav-container li.level1 a span{font-family: Arial, sans-serif;} header#header .nav-container > ul ul.level0 ul{padding-right:9px; top:auto!important; left:auto!important; position:static!important; width:auto!important; height:auto!important;border:none;} header#header .nav-container > ul ul.level0 ul ul{top:auto!important; left:auto!important; position:static!important; width:auto!important; height:auto!important; border:none!important; box-shadow:none!important;} header#header .nav-container > ul ul.level0 ul .triangle{display:none;} header#header .nav-container > ul ul.level0 ul a{} header#header .nav-container > ul ul.level0 ul ul a{} header#header .nav-container > ul ul.level0 ul{background:none;} header#header .nav-container > ul li li .menu-item-button{right:23px; top:-2px;} header#header .nav-container > ul li li li li .menu-item-button{right:18px;} header#header .nav-container > ul li li.level3 .menu-item-button{right:13px;} header#header .nav-container .nav-static-block{display:none;} /* #nav-wide.nav-wide{ text-align: left; } #nav-wide.nav-wide li.level-top { display: block; } #nav-wide.nav-wide li.level-top > a{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #515151; display: block; float: none; line-height: 1.5em; padding: 0 0 6px; text-transform: uppercase; } #nav-wide.nav-wide li.level-top:hover > a > span, #nav-wide.nav-wide li.level-top.active > a > span{ border-bottom: none; color:#444; } .nav-wide#nav-wide li.level-top:hover, .nav-wide#nav-wide li.level-top.active{ background: none!important; } .nav-wide#nav-wide li .menu-wrapper, .nav-wide#nav-wide li.over .menu-wrapper{ display: none; padding-top:0!important; position: relative!important; top: 0!important; box-shadow: none; border: none; } #nav-wide.nav-wide ul.level0 li.level1 > a:after{display: none;}*/ /* header#header .nav-container > #nav-wide.nav-wide li:hover a {padding-bottom:14px;} #nav-wide.nav-wide li.level0:hover > a{ padding-bottom: 6px!important; } */ /* .nav-wide#nav-wide .top-content, .nav-wide#nav-wide .bottom-content, .nav-wide#nav-wide .right-content{display: none;} #nav-wide.nav-wide ul.level0 li.level1 { display: block; float: none; padding: 0 5px; } #nav-wide.nav-wide ul.level0 a{ padding-left: 0; padding-top: 0; } #nav-wide.nav-wide ul.level0 li.level1 a{ font-size: 1em; font-weight: normal; padding-bottom: 0; margin-bottom: 0.75em; } #nav-wide.nav-wide ul.level0 li.level1 > a > span{ font-size: 0.85em; font-weight: normal!important; font-family: Arial, sans-serif; }*/ /*header#header .nav-container > #nav-wide.nav-wide li.level1 li .menu-item-button { top: -9px; } header#header .nav-container > ul#nav-wide.nav-wide li:hover a span, #nav-wide.nav-wide ul.level0 a span{color:#888!important;} #nav-wide.nav-wide ul.level0 a:hover { background: none; } #nav-wide.nav-wide li a span{float: none;} #nav-wide > li.parent > a i{display: none;} #nav-wide.nav-wide .category-label{display: none;} .add-to-cart-success { left: 8px; margin-left: 0; width: 226px; }*/ /*changed this cgr*/ .nav-wide#nav-wide .right-content .banner-box{ display: none!important; } .nav-wide#nav-wide li.over .menu-wrapper { display: block!important; } .header-slider-container .iosSlider .prev, .header-slider-container .iosSlider .next {display:none;} .slide_1 .widget-slider li.item, .slide_2 .widget-slider li.item {width:150px;} .slider-container .prev, .slider-container .next {opacity:1;z-index:1;} .home-slider-conainer .products-grid li.item .indent {padding:0 5px;} .slide_3 .widget-slider li.item {width:290px;} /* Category Page ========================================================================= */ .products-grid li.item{float:none;} .products-grid .product-image img{width:100%;} .product-view .box-up-sell .products-grid li.item{width:auto;} /* Large Grid */ .products-grid.large-grid li.item{float:none; width:auto;} /* Small Grid */ .products-grid.small-grid li.item{width:auto; float:none;} /* Breadcrumbs ================================================================================ */ .breadcrumbs-wrapper{padding-top:11px; padding-bottom:13px;} .breadcrumbs-links-text-box{display:none;} .catalog-product-view .breadcrumbs-wrapper{padding-bottom:26px;} /* Sidebar =============================================================================== */ aside.sidebar .block{margin:0 0 22px;} aside.sidebar .block .block-title{cursor:pointer;} /* Pager */ .toolbar .pager .limiter label{display:none;} .toolbar .pager .pages{float:right; padding-right:9px;} /* Product View */ .product-view .product-img-box .product-image .cloud-zoom img{margin:0 auto;} .product-view .product-options-bottom{margin-bottom:18px;} .product-view .product-essential .product-image .es-nav-next { right:5px; } .product-view .productpage_small .more-views.slider-on { margin-right: 0; } .product-view .productpage_small .more-views.slider-on .next { right: 0; } .product-view .productpage_small .more-views #more-views-slider li{margin:0; width:135px;} .product-view .productpage_small .more-views #more-views-slider li a{margin-right:9px; margin-left: 9px;} .product-view .productpage_medium .more-views.slider-on { margin-right: 0; } .product-view .productpage_medium .more-views.slider-on .next { right: 0; } .product-view .productpage_medium .more-views #more-views-slider li{margin:0; width:135px;} .product-view .productpage_medium .more-views #more-views-slider li a{margin-right:9px; margin-left: 9px;} .product-view .productpage_large .more-views.slider-on { margin-right: 0; } .product-view .productpage_large .more-views.slider-on .next { right: 0; } .product-view .productpage_large .more-views #more-views-slider li{margin:0; width:135px;} .product-view .productpage_large .more-views #more-views-slider li a{margin-right:9px; margin-left: 9px;} .product-view .productpage_extralarge .more-views.slider-on { margin-right: 0; } .product-view .productpage_extralarge .more-views.slider-on .next { right: 0; } .product-view .productpage_extralarge .more-views #more-views-slider li{margin:0; width:135px;} .product-view .productpage_extralarge .more-views #more-views-slider li a{margin-right:9px; margin-left: 9px;} .product-view .more-views #more-views-slider li a{width:auto;} .product-view .more-views #more-views-slider li a img{width:100%;} .productpage_small .more-views ul.no-slider li, .productpage_medium .more-views ul.no-slider li, .productpage_large .more-views ul.no-slider li, .productpage_extralarge .more-views ul.no-slider li{margin-right: 20px;} .productpage_small .more-views ul.no-slider li a, .productpage_medium .more-views ul.no-slider li a, .productpage_large .more-views ul.no-slider li a, .productpage_extralarge .more-views ul.no-slider li a{width: 70px; margin-right: 0;} .product-view .box-tags .form-add .input-box{width:100%;} .product-view .grouped-items-table{ display: table; } .product-view .grouped-items-table thead{ display: table-header-group; } .product-view .grouped-items-table tbody{ display: table-row-group; } .product-view .grouped-items-table tr{ display: table-row; } .product-view .grouped-items-table th, .product-view .grouped-items-table td{ display: table-cell; } .fancybox-iframe{width:100%!important;} /* Meigee Tabs ============================================================================== */ .meigee-tabs{border-top:1px solid #DEDEDE;} .meigee-tabs li{margin-top:0; margin-bottom:0; float:none; display:block;} .meigee-tabs li a{height:22px; border-top:none;} .meigee-tabs a:hover, .meigee-tabs li.active a, .meigee-tabs li.active a:hover{margin-top:0; margin-bottom:0; height:22px;} /* Block Related */ .block-related li.item { width: 113px; } /* Block: Reviews */ .catalog-product-view .box-reviews .form-add {padding-bottom: 18px;} .catalog-product-view .box-reviews .form-add .form-list{width:100%;} .catalog-product-view .box-reviews ul.form-list li { padding: 4px 0 4px 0;} .catalog-product-view .box-reviews table.data-table table { display: table;} .catalog-product-view .box-reviews table.data-table thead { display: table-header-group;} .catalog-product-view .box-reviews table.data-table tbody { display: table-row-group;} .catalog-product-view .box-reviews table.data-table tr { display: table-row;} .catalog-product-view .box-reviews table.data-table th, .catalog-product-view .box-reviews table.data-table td { display: table-cell;} .catalog-product-view .box-reviews table.data-table thead tr { display: table-row;} .catalog-product-view .box-reviews .data-table { margin:10px 0;} .catalog-product-view .box-reviews .data-table th { padding:4px 3px; border:1px solid #E4E4E4; font-weight:bold; white-space:normal; } .catalog-product-view .box-reviews .data-table td { padding:14px 20px; border:1px solid #E4E4E4;} .catalog-product-view .box-reviews .data-table thead th span{text-indent:0; white-space:normal; overflow:visible; background:none!important; width:auto; font-size:10px; color:#fff;} .catalog-product-view .box-reviews .data-table td{padding:9px 11px;} .catalog-product-view .box-reviews .form-add .form-list input, .catalog-product-view .box-reviews .form-add .form-list textarea{width: 92%!important;} .catalog-product-view .box-reviews .data-table tbody th{font-size:1em; padding:9px;} /* Shopping Cart ========================================================================= */ .cart .page-title { text-align: center; border-bottom:none;} .cart .page-title h1{font-size:2.16em; line-height:1.5em; font-weight:normal; float:none; text-transform:none; margin-bottom:18px; text-transform:uppercase;text-align:left;} .cart .title-buttons .checkout-types { float: none;} .cart .title-buttons .checkout-types li { float: none;} .cart .checkout-types button.button { display: inline-block; width: auto;} .cart .checkout-types button.button span { display: block; float: none;} .cart .totals.totals-accordion table { float: none; margin-bottom: 9px;} table.cart-table td.information, table.cart-table tr.buttons-row td.buttons{ background-color: #eee;} table.cart-table tr.buttons-row { padding-top: 18px;} table.cart-table tr.buttons-row td.buttons {padding:0; background:none; border:none;} table.cart-table tr.buttons-row td.buttons button.button{width:100%; margin:0 0 5px;} table.cart-table tr.buttons-row td.buttons button.button span{float:none; display:block;} .cart .title-buttons .checkout-types li{text-align:center; margin-left:0; margin-bottom:9px;} .cart .title-buttons .checkout-types .paypal-logo a{display:block;} table.cart-table td{padding-top:9px;} table.cart-table td.information{padding-left:10px!important;} .cart-table .quantity-box{float:left;} .cart-table .qty{padding:5px;} .cart-table input.quantity-decrease{margin-top:10px;} .cart-table input.quantity-increase{margin-top:10px;} .cart-table .link-wishlist{position:relative; margin:0; display:block; float:left; width:17%;} .cart-table .cart-edit{position:relative; margin:0; display:block; float:left; width:9%;} .cart-table .btn-remove2{position:relative; margin:0; display:block; float:left; width:14%;} /* Shopping Cart Collateral boxes */ .crosssell, .shipping{margin-bottom:18px;} .cart .crosssell .product-details {width: 60%;} .cart .totals{float:none;} #cart-accordion .crosssell{padding-left:9px;} #cart-accordion .crosssell li.item{float:none; width:auto; text-align:center; padding-bottom:18px;} #cart-accordion .crosssell .product-image{text-align:center; display:inline-block;} #cart-accordion .crosssell .product-image img{width:100%;} /* Wishlist ========================================================================= */ .my-wishlist .page-title{text-align:center;} .my-wishlist .page-title h1{float:none;} .my-wishlist .buttons-set {background-color: #f5f5f5; padding: 10px; margin-top: 0;} .my-wishlist .buttons-set button.button { float: left;} .my-wishlist .buttons-set button.button > span > span { padding-left: 10px; padding-right: 10px;} table#wishlist-table { margin-bottom: 18px;} table#wishlist-table td textarea { width: 98%;} table#wishlist-table td .cart-cell {background-color: #f5f5f5; padding:10px 0 0; overflow:hidden;} table#wishlist-table td .cart-label{float:left; text-align:left; clear:both; padding-left:15px;} table#wishlist-table td .wishlist-input-box{float:left; padding-bottom:9px; margin-top: -11px;} table#wishlist-table td .price-box{padding-top:0; float:left;} table#wishlist-table td .price-box .price{font-size:1.16em; line-height:1.57em;} table#wishlist-table td .cart-cell button.button { margin:0; clear: both; display: block; width:100%;} table#wishlist-table td .cart-cell button.button span{border:none; padding:0; height:auto; display:block; float:none; width:100%; -moz-border-radius:0; border-radius:0;} table#wishlist-table td .cart-cell button.button span span{display:inline-block; width:100%; color:#fff; font-size:1em;} table#wishlist-table td .cart-cell button.button:hover > span{background-position:left -61px;} table#wishlist-table td .cart-cell button.button:hover span span{background-position:2px 22px;} table#wishlist-table td.last{border-bottom:none;} .my-wishlist .data-table .truncated{float: none; clear: both;} .my-wishlist .data-table .truncated .price{font-size:1.16em; line-height: 1.2em; font-weight:bold;} .my-wishlist .buttons-set{padding:0; background:none; border:none;} .my-wishlist .buttons-set button.button{width:100%; margin:0 0 5px;} .my-wishlist .buttons-set button.button span{float:none; display:block;} .my-wishlist .link-edit{position:relative; margin:0; display:block; background-position:12px 21px; width:31%!important; float:left;} .my-wishlist .data-table .table-buttons {width: 20%;} .my-wishlist .btn-remove{ position:relative; margin:0; display:block; background-position:12px 18px; width:31%!important; float:left; line-height:1.5em!important;} .my-wishlist .data-table .last {padding:0;} .my-wishlist .data-table .last {padding:0;} table#wishlist-table td a.product-image{ margin:0 auto; max-width:100%; width:auto; } table#wishlist-table td a.product-image img{width:100%;} /* Checkout ============================================================================== */ .opc{margin-bottom:18px;} .opc .field { padding-bottom: 9px;} .opc .field-2, .opc .name-lastname { width: auto; float: none;} .opc .input-box { width: auto !important; float: none;} .opc .input-box input.input-text{ width: 85% !important;} .opc .input-box select { width: 97% !important;} .opc .buttons-set { padding: 0 0 18px 0; margin: 0} .opc .buttons-set button.button { float: right;} .opc .required { text-align: right;} .opc .order-review .product-name{margin-bottom:0;} .opc .order-review table.data-table td.last { margin-bottom:0; padding-bottom: 10px; padding-top:0; } .products-grid#upsell-product-table li.item a.product-image { display: block; text-align: center;} .special-block #container{height:auto!important;} .special-block #container .banner-block{position:relative!important; left:50%!important; top:auto!important; margin-right:0; margin-left:-111px; float:left; display:block; clear:both;} .form-list .field { float: none;} .form-list .name-middlename{width:auto;} .form-list .name-middlename input.input-text{width:100%;} .opc .form-list .name-middlename input.input-text{width:99%;} .form-list, .input-box select { width:100%; } .input-box select { width:100%; } .form-list .input-box { width: auto;} .form-list li.wide .input-box { width:100%; } .form-list input.input-text { width:100%; } .form-list li.wide textarea { width: 349px; } .opc .customer-dob .dob-month input.input-text{width:40px!important;} .opc .customer-dob .dob-day input.input-text{width:40px!important;} .gift-messages-form .form-list li.wide textarea{ width:95%; } .gift-messages-form .details .form-list li.wide textarea{ width:95%; } .opc .back-link{float:none;} .tool-tip{width:90%; top:300px!important;} #checkout-step-review #review-buttons-container .f-left{float:none!important;} .form-list li.wide input.input-text { width:100%; } .form-list li, .form-list li .field { width:100% !important;} .form-list li .field + .field { margin-top:10px; } .form-list li.street-address .input-box input.input-text { width:92%; } .form-list li.select-address { width:100%; } .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:auto; } .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:100%; } .checkout-multishipping-overview table.data-table td .cart-label { width: 35%; float: left;} .checkout-multishipping-overview table.data-table th, table.data-table td { padding-left: 0px; padding-right: 0px;} .multiple-checkout table.data-table td .cart-label { width: 35%; float: left;} .multiple-checkout table.data-table td select { width: 60%;} /* One Page Checkout */ .order-review table.data-table td .cart-label{width:30%; float: left;} /* Multiple Addresses Checkout */ ul.checkout-progress { padding: 0;} ul.checkout-progress li { float:none; width:auto; padding: 7px 0 7px 0;} .multiple-checkout .page-title{margin-bottom:18px; padding-bottom:9px;} .multiple-checkout .buttons-set .back-link{padding-top:12px;} .checkout-multishipping-overview table.data-table td .cart-label { width: 35%; float: left;} .checkout-multishipping-overview table.data-table th, table.data-table td { padding-left: 0px; padding-right: 0px;} .my-wishlist table.data-table td{padding:18px 0 0;} .my-wishlist table.data-table td.last{padding:0; border-bottom:1px solid #e5e5e5!important;} .my-wishlist .data-table .product-name {margin-bottom: 9px; float: left; width: 79%;} .multiple-checkout table.data-table td .cart-label { width: 35%; float: left;} .multiple-checkout table.data-table td select { width: 60%;} .multiple-checkout .data-table .product-name { float: left; width: 60%; } .multiple-checkout table.data-table td{clear:both;} .multiple-checkout table.data-table td.last{padding-bottom:12px;} .multiple-checkout .gift-messages-form .form-list li.wide textarea { width:81%; } .multiple-checkout .gift-messages-form .details .form-list li.wide textarea { width:90%; } .multiple-checkout .gift-messages-form .details .form-list .field input{width:128px;} .multiple-checkout .sp-methods select{width:85%;} .multiple-checkout .sp-methods input.input-text{width:82%;} .multiple-checkout .sp-methods select.month{width:90px;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-1, #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-2, #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-3{width: 80%!important;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-2{margin-left: 0;} .onepagecheckout-index-index .col-main{width: auto !important;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-1, #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-2{padding-bottom: 1.5em; margin-left: 0;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-3 #checkout-review{ padding-bottom: 0; } #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-2{margin-left: 0!important;} .onepagecheckout-index-index .content-wrapper > .container_12 { padding-top: 0; } .onepagecheckout-index-index .content-wrapper > .container_12 > .main-container, .onepagecheckout-index-index .content-wrapper > .container_12 > .main-container > .column-wrapper{ padding-top: 0; } .onepagecheckout-index-index .content-wrapper > .container_12 .main-container{padding-bottom: 0;} .onepagecheckout-index-index .col-main{width: auto !important;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-1, #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-2{margin-bottom: 1.5em!important; margin-left: 0;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-3 #checkout-review{ padding-bottom: 0; } #checkout-coupon-discount-load .discount-form .input-box input#coupon-code {width:90.5%;margin-bottom:5px;} #checkout-coupon-discount-load .discount-form .buttons-set {float:none;} #checkout-coupon-discount-load .discount-form button {width:100%;float:none;} #checkout-coupon-discount-load .discount-form button span {width:100%;} #checkout-coupon-discount-load .discount-form button span span {width:89.5%;} .onepagecheckout-index-index #onepagecheckout_forgotbox.op_login_area #forgot-password-form input, .onepagecheckout-index-index #onepagecheckout_loginbox.op_login_area #login-form input {width:90%;} .onepagecheckout-index-index #onepagecheckout_forgotbox.op_login_area, .onepagecheckout-index-index #onepagecheckout_loginbox.op_login_area{ width: 240px; } .onepagecheckout-index-index .main-container.col1-layout .column-wrapper .col-main { width: 100% !important; } .onepagecheckout-index-index .main-container .col-main .opc-indent{padding:0;} #checkout-coupon-discount-load, #checkout-review{padding-right: 5px;} /* ajax login */ #login-holder { margin-left: -157px; width: 275px; } #login-holder .close-button { right: 0; top: -40px; } /* Footer ================================================================================ */ #footer {padding-bottom: 3em;} #footer .footer-columns-block.accordion h3{margin:0; cursor:pointer;} #footer .footer-columns-block.accordion h3 span{display:block; background-position:right 10px; background-repeat:no-repeat;} #footer .footer-columns-block.accordion h3.active span{background-position:right -23px;} #footer .custom_footer .second .indent {padding: 0;} #footer .footer-columns-block.accordion .custom-footer-content{} .content_bottom .grid_12 > button {left:0;right:0;text-align:center;width:100%;} .content_bottom .grid_12 > button span {display:inline-block;float:none;} #footer .content_bottom .container_12 {margin-top:350px;} #footer .payment-options-box{padding:0 15px;} #footer .payment-options-box h3{display:none;} .content_bottom #newsletter {width:89%;float:none;} .content_bottom #newsletter-validate-detail button {margin-top:5px;width:99%;} .content_bottom #newsletter-validate-detail button span {width:100%;float:none;} .content_bottom #newsletter-validate-detail button span span {width:100%;display:block;float:none;padding:0;} #footer_bottom {height:150px;padding-top:15px;margin-top:3.6em;} #footer_bottom .grid_12 {text-align:center;} #footer ul.social-links {width: 100%; text-align: left; padding: 10px 0;} #footer ul.social-links li {display: inline-block; float: none; padding-right: 0;} #footer_bottom address {float:none;width:100%;text-align:center;margin-top:85px;} .products-list .price-box, .products-list li.item .button-holder {margin-right:14px; } .products-list li.item .button-holder {margin-bottom:1em;} .block-wishlist .prev {right:45px;top:35px;} .block-wishlist .next {top:35px;right:30px} aside .block-related li.item, .block-related li.item {width:280px;} .block-related .no-slider li.item {width:100%;} .block-related .prev, .block-related .next, .more-views .prev, .more-views .next {opacity:1;} .product-options-bottom .pob_left {margin-bottom:1.5em;} .add-to-cart button.button span span {padding:0 22px;} .meigee-tabs { background: none; border: none; } .meigee-tabs li { border: none; margin-top: 1em; background-color: #eee; } .meigee-tabs li.first {margin-top: 0;} .catalog-product-view .box-reviews .form-list .field {margin-left:0;} .product-view .box-tags .form-add input.input-text {width: 89%;} .product-view .box-tags .form-add button, .cart .discount button {width: 100%; margin-bottom: .75em;} .product-view .box-tags .form-add button span, .cart .discount button span {width:100%;} .product-view .box-tags .form-add button span span, .cart .discount button span span {padding:0;float:none;display:block;} .box-reviews .omega {margin-top:1.5em;} .cart .discount .input-box {float:none;width:100%!important;} .cart .discount .input-box input, .cart .shipping .form-list input {width:89.9%;} .cart .discount .buttons-set {float:none;margin-top:5px;} .dashboard .box-info .grid_4.omega {float:none;margin-top:1.5em;} .content_banners > div {margin-bottom:5px;} .product-shop {margin-top:1.5em;} .pages li a.previous, .pages li a.next {padding:7px 12px 8px;} .sorter .sort-by {float:none;height:30px;margin-bottom:.75em;} .sorter .pages {float:none;height:30px;margin-top:.75em;} .sorter .limiter {height:30px;float:left;} .sorter a.desc {float:none;} .catalog-product-view .box-reviews .review {width: 54%;} .ratings-table th {padding-right:10px;} .cart .cart-collaterals .shipping, .cart .cart-collaterals .discount {width:100%;} .cart .cart-collaterals .discount-form .input-box input, .cart .cart-collaterals .shipping-form .form-list input {width:91%;} .block-related li.item .product {padding:0 10px;} .block-related #block-related-slider {margin-bottom:1.5em;} aside.sidebar .block.block-layered-nav dl dt {position:relative;} aside.sidebar .block.block-layered-nav .btn-nav {left:0;} aside.sidebar #newsletter-validate-detail {padding-bottom: 0;} aside.sidebar .block-subscribe .input-box {width: 100%;} aside.sidebar .block-subscribe .input-box input {width: 62%;} .color-block {padding-bottom: 6em;} .color-block .color-box-bg{background: #aeb6b9!important; padding-bottom: 4em;} .color-block .color-box-bg img{opacity: 0; filter: alpha(opacity=0);} .color-block .grid_3 {position: relative; margin-bottom: 3em;} .color-block .grid_3.omega {margin-bottom: 0;} .text-block .buttons-set {margin-top: 1em;} .std .grid_4 {margin-bottom: 3em;} #footer .bottom-products li.item {width: 270px;} .toolbar .pager .view-mode {clear: both; float: none; margin-bottom: 1.5em;} .toolbar .pager .limiter {float: left;} .toolbar-bottom {margin-bottom: 3em;} body.sidebar-right .col2-left-layout aside.sidebar {float: none!important} aside.sidebar .block .block-title i { font-size: 1.16em; width: 40px; height: 40px; background-color: #ddd; line-height: 42px; vertical-align: middle; text-align: center; border-radius: 40px; -moz-border-radius: 40px; color: #fff; display: inline-block; margin-right: 10px; transition: all .8s ease; -moz-transition: all .8s ease; -webkit-transition: all .8s ease; -o-transition: all .8s ease; } aside.sidebar .block .block-title.active i.fa-plus-square, aside.sidebar .block .block-title i.fa-minus-square {display: none;} aside.sidebar .block .block-title.active i.fa-minus-square {display: inline-block;} aside.sidebar .block .block-title strong span {line-height: 40px;} .sidebar .paypal-logo {margin: 1.5em 0;} aside.sidebar .block.block-compare ol li .product-name a, aside.sidebar .block.block-viewed ol li .product-name a, aside.sidebar .block.block-compared ol li .product-name a {width: 86%;} .product-view .add-to-links li {margin-bottom: 1em;} .data-table .c_actions a {padding: 10px; margin-left: 10px; line-height: 1; width: auto!important;} .cart-table .price {position: relative; top: 5px;} .opc .step .buttons-set p.required {float: left; padding: 0;} #checkout-step-login .buttons-set .f-left {float: right!important;} aside.sidebar .block-account .block-title {border-bottom: none; padding-bottom: 0;} .dashboard .box-reviews .box-head a {float: left; padding-bottom: 1em;} .my-wishlist .data-table .table-buttons a {text-align: center;} header#header .top-cart .block-content .actions a {width: 43%;} header#header.floating .small-logo {float: right;} header#header .nav-container > ul {top: 67px;} header#header dl.company-links dd ul li a {text-align: left;} header#header .top-cart .btn-edit {top: 4em;} header#header .top-cart .btn-edit, header#header .top-cart .btn-remove {padding: 10px; line-height: 1;} #footer #newsletter {width: 58%;} #footer .footer-columns-block .alpha .indent {padding: 0;} aside .block-related .product-name {width: 53%;} aside .block-related .product .product-details {width: 53%;} aside .block-related .product-image {margin-right: 10px;} #wishlist-slider .es-carousel ul.carousel-ul > li {width: 290px;} .product-view .product-name h2 {font-size: 2em;} .product-view .form-add {width: 100%; float: none;} .catalog-product-view .box-reviews ul li small {float: left; clear: both;} table.data-table td {padding: 1em!important;} .product-view .product-collateral, .product-view .block-related {margin-bottom: 4em;} .cart-table .quantity-box {width: 92px;} table.data-table tr {border-bottom: solid 1px #ddd;} table.data-table tr:last-child, .my-wishlist table.data-table tr {border: none;} #categories-accordion li.level-top.parent.closed .btn-cat, #categories-accordion li.level-top.parent .btn-cat {padding: .75em; left: -.75em; top: 4px;} #onepagecheckout_orderform .onepagecheckout_datafields .sp-methods dt input#p_method_paypal_express {vertical-align: top; margin-top: .75em;} #onepagecheckout_orderform .onepagecheckout_datafields .sp-methods dt label[for="p_method_paypal_express"] {width: 88%;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .form_fields .two_fields .short .data_area input {width: 74%;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .form_fields .two_fields .short .data_area.customer-dob input {width: 100%;} aside.sidebar .block.block-wishlist li.item .product-details {width: 67%;} #wishlist-slider .es-carousel {min-height: 120px;} aside.sidebar .block.block-wishlist .next, aside.sidebar .block.block-wishlist .prev {top: 9px;} #footer .custom_footer h3 {padding-top: 0; margin-top: 1.5em!important; padding-bottom: .75em;} .add-to-cart div.quantity-increase {margin-right: 25px!important;} header#header .links-container > .links > li > a > span, .links > li.company dt a > span {border-left: none;} .block-title .right-divider {margin-top: 2em;} .slider-container .next, .slider-container .prev {top: -4.188em;} #footer .custom_footer header {padding: 0;} #footer .custom_footer header .right-divider {margin-top: 3em;} .products-grid {overflow: visible!important;} .header-slider-container .iosSlider .slider .item .slide-container h2, .header-slider-container .iosSlider .slider .item .slide-container h3, .header-slider-container .iosSlider .slider .item .slide-container h4, .header-slider-container .iosSlider .slider .item .slide-container h5, .header-slider-container .iosSlider .slider .item .slide-container p {display: none;} #footer .footer-bg{ height: 380px; overflow: hidden; right: -85px; top: -28px; } #footer .footer-columns-block .alpha .indent{padding-bottom: 4.5em;} #footer address { padding-left: 0; position: relative; } .nav-wide#nav-wide li.over .menu-wrapper { display: block!important; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media (min-width: 480px) and (max-width: 767px) { body { min-width: 420px; overflow-x:hidden; } /* Containers ----------------------------------------------------------------------------------------------------*/ .container_12 { margin-left: auto; margin-right: auto; width: 420px; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { margin-left: 0; margin-right: 0; } .grid_12 { margin-left: 10px; margin-right: 10px; } .alpha, .omega { margin-left: 0; margin-right: 0; } .grid_6.omega.right-content{ display: none!important; } .align_center, .align_right { text-align: left; } /* Adaptive */ .category-products .products-grid li.item:nth-of-type(2n+2){ margin-right:0; } .category-products .products-grid li.item:nth-of-type(2n+1){ margin-left:0; clear:left; } .products-grid.widget-grid li.item:nth-of-type(2n+2){ margin-right:0; } .products-grid.widget-grid li.item:nth-of-type(2n+1){ margin-left:0; clear:left; } .products-grid#upsell-product-table > li:nth-of-type(2n+2){ margin-right:0; } .products-grid#upsell-product-table > li:nth-of-type(2n+1){ clear:left; } .block-related .no-slider li.item:nth-of-type(3n+3){ margin-right:10px; } .block-related .no-slider li.item:nth-of-type(3n+1){ clear:none; } .block-related .no-slider li.item:nth-of-type(2n+2){ margin-right:0; } .block-related .no-slider li.item:nth-of-type(2n+1){ clear:none; margin-right: 10px; } .block-related .no-slider li.item{width: 195px;} .more-views ul.no-slider li:nth-of-type(4n+4){ margin-right:0; } .more-views ul.no-slider li:nth-of-type(4n+1){ clear:left; } .col2-layout .col-main, .sidebar{width:100%;} header#header .form-search input {width: 307px;} .boxed-layout header#header.floating{ width:420px; left: 50%; margin-left: -210px; } /* Category Page ========================================================================= */ .products-grid li.item{float:left;} .products-grid li.grid_3 { width: 190px; margin-left: 10px; margin-right: 10px;} .products-grid li.alpha { margin-left: 0;} .products-grid li.omega { margin-right: 0;} .products-grid.large-grid li.grid_3 { width:190px; margin-left: 10px; margin-right: 10px; float:left;} .products-grid.small-grid li.item { width:190px; margin-left: 10px; margin-right: 10px; float:left;} .products-grid#upsell-product-table li.grid_3 { width: 164px;} .products-list p.email-friend{margin-right: 0;} /* Block Related */ .block-related li.item { width: 200px; } aside.sidebar .block.block-wishlist li.item .product-details { width: 75%; } /* Pager */ .toolbar .pager .amount{padding: 7px 0 0 7px;} .toolbar .pager .pages{float:left;} /* Product View ========================================================================= */ .product-view .productpage_small .more-views #more-views-slider li{margin:0; width:100px;} .product-view .productpage_small .more-views #more-views-slider li a{margin-right:18px;} .product-view .productpage_medium .more-views #more-views-slider li{margin:0; width:100px;} .product-view .productpage_medium .more-views #more-views-slider li a{margin-right:18px;} .product-view .productpage_large .more-views #more-views-slider li{margin:0; width:100px;} .product-view .productpage_large .more-views #more-views-slider li a{margin-right:18px;} .product-view .productpage_extralarge .more-views #more-views-slider li{margin:0; width:100px;} .product-view .productpage_extralarge .more-views #more-views-slider li a{margin-right:18px;} .product-view .more-views #more-views-slider li a{width:auto;} .productpage_small .more-views ul.no-slider li, .productpage_medium .more-views ul.no-slider li, .productpage_large .more-views ul.no-slider li, .productpage_extralarge .more-views ul.no-slider li{margin-right: 20px;} .productpage_small .more-views ul.no-slider li a, .productpage_medium .more-views ul.no-slider li a, .productpage_large .more-views ul.no-slider li a, .productpage_extralarge .more-views ul.no-slider li a{width: 80px; margin-right: 0;} /* Special Block ========================================================================= */ .special-block #container{height:auto!important;} .special-block #container .banner-block{position:relative!important; left:auto!important; top:auto!important; margin-right:0; margin-left:0; float:left; display:block; clear:none;} .special-block #container .banner-block.even{margin-right:10px;} .special-block #container .banner-1 img{width:205px; height:130px;} .special-block #container .banner-1.style-3 img{width:205px; height:277px;} .special-block #container .banner-2{height:130px; width: 205px;} .special-block #container .banner-2 img.over-img{width:205px; height:130px;} /* Shopping Cart ========================================================================= */ .cart-table .link-wishlist{width:22%;} .cart-table .cart-edit{width:19%;} .cart-table .btn-remove2{width:21%;} /* Wishlist ========================================================================= */ .my-wishlist .link-edit{width:37%!important;} .my-wishlist .btn-remove{width:39%!important;} .products-grid li.item:nth-child(even), .cms-home .products-grid li.item:nth-child(even) {margin-right: 0;} .products-grid li.item:nth-child(odd), .cms-home .products-grid li.item:nth-child(odd) {margin-left: 0;} #footer .bottom-products li.item {width: 200px!important;} aside.sidebar .block-subscribe .input-box {width: 100%;} aside.sidebar .block-subscribe .input-box input {width: 74%;} .catalog-product-view .box-reviews .form-add .form-list input, .catalog-product-view .box-reviews .form-add .form-list textarea {width: 94%!important;} .cart .cart-collaterals .discount-form .input-box input, .cart .cart-collaterals .shipping-form .form-list input {width: 94%;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-1, #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-2, #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-3 {width: 86%!important;} .account-login .content input {width: 93%!important;} .dashboard .box-reviews .box-head a {float: right; padding: .75em 0 0;} #footer #newsletter {width: 72%;} aside .block-related .product-image {width: 69px;} aside .block-related li.item {width: 175px; margin-right: 10px} aside .block-related li.item .product {padding: 0;} .product-view .box-tags .form-add input.input-text, #checkout-coupon-discount-load .discount-form .input-box input#coupon-code {width: 93%;} .catalog-product-view .box-reviews .review {width: 68%;} .cart .crosssell .product-details {width: 72%;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .form_fields .two_fields .short .data_area input {width: 80%;} #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .form_fields .two_fields .short .data_area.customer-dob input {width: 100%;} #wishlist-slider .es-carousel ul.carousel-ul > li {width: 420px;} #wishlist-slider .es-carousel {min-height: 100px;} .header-slider-container .iosSlider .slider .item .slide-container.right-caption h2 {font-size: 2.5em!important; display: block!important; letter-spacing: 0px;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 {left: 5%;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 h2 {letter-spacing: 2px; font-size: 2em; display: block;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-3 {left: 5%; top: 15%;} .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-3 h3 {display: block; font-size: 2em; width: 75%; text-align: center;} .block-related .no-slider li.item {width:100%;} #footer .footer-bg{ height: 370px; } #footer .footer-columns-block .alpha .indent{min-height: auto;} } /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix { zoom: 1; } /*! * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('https://collection.toyota.lu/skin/frontend/unit/unit/fonts/fontawesome-webfont.eot?v=4.4.0');src:url('https://collection.toyota.lu/skin/frontend/unit/unit/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('https://collection.toyota.lu/skin/frontend/unit/unit/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('https://collection.toyota.lu/skin/frontend/unit/unit/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('https://collection.toyota.lu/skin/frontend/unit/unit/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('https://collection.toyota.lu/skin/frontend/unit/unit/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"} /** * Magento * * @category design * @package meigeetheme_default * @copyright Copyright (c) 2012 MeigeeTeam. (http://www.meigeeteam.com) */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { header#header h1.logo{position: absolute; opacity: 0;} header#header h1.small-logo{position: absolute;} .rating-box, .rating-box .rating{background-size:15px 91px!important;} .rating-box {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/@x2/bkg_rating@x2.gif) 0 0 repeat-x; width:75px;} .rating-box .rating{background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/@x2/bkg_rating@x2.gif) 0 100% repeat-x;} .ratings-table .rating-box, .ratings-table .rating-box .rating{background-size:9px 107px!important;} .ratings-table .rating-box { width:43px; background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/@x2/bkg_rating_2@x2.gif) 0 0 repeat-x; } .ratings-table .rating-box .rating{ background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/@x2/bkg_rating_2@x2.gif) 0 100% repeat-x;} .catalog-product-view .box-reviews .data-table thead th span{background-image:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/@x2/review_stars@x2.png); background-size:36px 78px!important;} .catalog-product-view .box-reviews .data-table thead th span.one-star{background-position:center 4px;} .catalog-product-view .box-reviews .data-table thead th span.two-stars{background-position:center -11px;} .catalog-product-view .box-reviews .data-table thead th span.three-stars{background-position:center -27px;} .catalog-product-view .box-reviews .data-table thead th span.four-stars{background-position:center -43px;} .catalog-product-view .box-reviews .data-table thead th span.five-stars{background-position:center -58px;} #login-holder form .input-box input#email, #login-holder form .input-box input#pass, #login-holder form .input-box input#firstname, #login-holder form .input-box input#lastname, #login-holder form .input-box input#password, #login-holder form .input-box input#confirmation, .opc #login-form input {background:url(https://collection.toyota.lu/skin/frontend/unit/unit/images/@x2/inp_bg@x2.png) right center; background-size:19px 10px!important; background-repeat:no-repeat;} #footer .content-bottom {background: url(https://collection.toyota.lu/skin/frontend/unit/unit/images/@x2/bottom_bg@x2.jpg) no-repeat;} header#header .form-language a img {width: 16px; height: 11px;} .products-grid .product-image .hover-box .label-shadow, .products-list .product-image .hover-box .label-shadow {background: url(https://collection.toyota.lu/skin/frontend/unit/unit/images/@x2/shadow@x2.png) no-repeat; background-size: 131px 131px!important;} } /** * * This file is generated automaticaly. Please do no edit it directly cause all changes will be lost. * */ /*====== Font Replacement =======*/ .nav-wide#nav-wide .right-content h2, .nav-wide#nav-wide .top-content, .nav-wide#nav-wide .bottom-content, .nav-wide#nav-wide ul.level0 a span.subtitle, .product-collateral h2, header#header .top-cart .block-title a, .text-block button span, .std h1, .price, .product-name a, .page-title h2, .page-title h1, #footer .custom_footer h3, aside.sidebar .block .block-title strong span, aside.sidebar .block .filter-label span, aside.sidebar .actions a, button.button span span, .dashboard .welcome-msg .hello, .dashboard .box-head h2, .dashboard .box-title h3, #login-holder form .actions .link-box a, .add-to-cart-success, .add-to-cart-success a, .account-login .indent h2, .opc .step-title, .opc .grid_4 h3, aside.sidebar .block.block-progress .block-title strong span, #onepagecheckout_forgotbox .page-title span, #onepagecheckout_loginbox .page-title span, #onepagecheckout_forgotbox button.button span span, #onepagecheckout_loginbox button.button span span, #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .op_block_title, #checkout-coupon-discount-load .discount-form .buttons-set button.button span span, #checkout-review-submit #review-buttons-container button.btn-checkout, .cart .cart-collaterals h2, .cart .btn-proceed-checkout, .product-view .product-name h2, .block-related .block-title strong span, .catalog-product-view .box-reviews ul li h6, header#header .top-cart .block-content .actions a, header#header .top-cart .block-content .subtotal span, .catalog-product-view .box-reviews h2, aside.sidebar .block.block-wishlist li.item .product-details .product-name a, aside.sidebar .block.block-wishlist .link-cart, .header-slider-container .iosSlider .slider .item .slide-container h2, .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 h3, .header-slider-container .iosSlider .slider .item h5, .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-3 h3{font-family: Nova Square, sans-serif;} /*====== Site Bg =======*/ body {background-color:#FFFFFF;} /*====== Skin Color #1 =======*/ .product-collateral .box-collateral ul a:hover, .product-collateral .box-collateral ol a:hover, .product-view .short-description ul a:hover, .product-view .short-description ol a:hover, .price-as-configured .price, .minimal-price .price, .price-box .regular-price .price, .product-name a:hover, .color-block .grid_3:hover h3, nav.breadcrumbs li a:hover, #categories-accordion li.parent .btn-cat.closed i, #categories-accordion li.parent.closed .btn-cat i, .minimal-price-link .price, .special-price .price, a, .availability-only span, .add-to-links li a i, p.email-friend a i , .add-to-links li a:hover, p.email-friend a:hover, .dashboard .welcome-msg .hello strong, .dashboard a:hover, .block-account li:hover i, .block-account li.current i, #login-holder .close-button i:hover, #login-holder form a.f-left:hover, .add-to-cart-success > span, .account-login .content .buttons-set a:hover, #checkout-step-login .buttons-set .f-left:hover, .close_la i:hover, .onepagecheckout-index-index #onepagecheckout_forgotbox.op_login_area #forgot-password-form .onepagecheckout_loginlink:hover, .onepagecheckout-index-index #onepagecheckout_loginbox.op_login_area #login-form .onepagecheckout_forgotlink:hover, .data-table .c_actions a:hover, .cart-table .price, .cart .totals table .price, .cart .totals li > a:hover, .ratings .rating-links a:hover, .availability.out-of-stock span, .tier-prices .price, .price-from .price, .price-to .price, .price-notice .price, .block-related .block-content .block-subtitle a, .catalog-product-view .box-reviews ul li small span, .catalog-product-view .box-reviews .form-add h3 span, header#header .top-cart .product-name a:hover, header#header .top-cart .btn-remove i:hover, header#header .top-cart .btn-edit i:hover, header#header .top-cart .block-content .mini-products-list .product-details .price, aside.sidebar .btn-remove i:hover, .my-wishlist .data-table .table-buttons a:hover i, .fancybox-close i:hover, #header > .container_12 .form-currency a:hover, #header > .container_12 .form-language a:hover, header#header .top-cart .block-content .subtotal .price, .block-poll .block-subtitle, aside.sidebar .block.block-wishlist li.item .product-details .product-name a:hover {color: #d1001e;} .text-block button.btn-buy span, .products-list li.item .product-shop button > span, .header-slider-container button.button > span, #checkout-step-login .buttons-set button > span, .op_login_area button.button > span, #checkout-coupon-discount-load .discount-form .buttons-set button.button > span, .cart-table .btn-continue > span, .discount button > span, .cart .shipping .buttons-set > span, .cart .btn-proceed-checkout > span, #footer > .container_12 button > span, .block-compare button > span, .block-reorder button > span, .products-grid li.item .btn-quick-view.small > span, aside.sidebar .block.block-subscribe button > span, .my-wishlist td button > span, .my-wishlist button.btn-share > span, #login-holder form .actions button > span, header#header .form-search button:hover > span, header#header .top-cart .block-content .button > span, .btn-buy > span, .add-to-cart-success a > span, #checkout-review-submit #review-buttons-container button.btn-checkout, header#header .home-button, #nav > li:hover > a, #nav > li.over > a, #nav > li.active > a, #nav-wide > li:hover > a, #nav-wide > li.over > a, #nav-wide > li.active > a, .header-slider-container .iosSlider:hover .prev:hover, .header-slider-container .iosSlider:hover .next:hover, .color-block .grid_3:hover span, .slider-container .prev i, .slider-container .next i, .more-views .prev i, .more-views .next i, .block-related .prev i, .block-related .next i, aside.sidebar .block.block-wishlist .next i, aside.sidebar .block.block-wishlist .prev i, #footer ul.social-links li a:hover, #slider-range.ui-slider .ui-slider-range.ui-widget-header, .label-sale, .opc .active .step-title .number, #cart-accordion h3.accordion-title.active, #cart-accordion h3.accordion-title:hover, .meigee-tabs li.active a, .meigee-tabs li a:hover, .product-collateral#collateral-accordion h2:hover, .product-collateral#collateral-accordion h2.active, .catalog-product-view .box-reviews .full-review, #toTopHover, header#header .links-container > .links > li:hover, .toolbar-bottom .pager .pages ol li.current, .toolbar-bottom .pager .pages ol li:hover a, .menu-button i, aside.sidebar .block .block-title.active i, header#header .top-cart .block-title .title-cart > span, aside.sidebar .block .block-title i:hover, .ajax-index-options .product-view .product-shop .add-to-cart button > span {background: #d1001e; background-image: linear-gradient(to top, #73000d, #d1001e); } #onepagecheckout_forgotbox button.button > span, #onepagecheckout_loginbox button.button > span{background-color: #d1001e!important;} #footer ul.social-links li a:hover, aside.sidebar .block .filter-label span:after, header#header .links-container > .links > li:hover a span, .slider-container .next:after, aside.sidebar .block.block-wishlist .next:after, .block-related .next:after {border-color: #d1001e;} span.label-sale:after {border-top-color: #d1001e; border-left-color: #d1001e;} /*====== Skin Color #2 =======*/ a:hover, .product-name a, .color-block .grid_3 h3, .minimal-price-link .label, .dashboard .welcome-msg .hello, .dashboard .box-title h3, .account-login .indent h2, .block-related .block-content .block-subtitle a:hover, header#header .top-cart .product-name a, aside.sidebar .block.block-wishlist li.item .product-details .product-name a, .header-slider-container .iosSlider .slider .item .slide-container.right-caption h2, .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 h3 {color:#FFFFFF;} .product-view .product-prev, .product-view .product-next, .nav-wide#nav-wide .right-content .banner-box i, header#header, footer#footer, .color-block .grid_3 span, .view-mode strong, .view-mode a:hover, .pager a.asc i, .pager a.desc i, aside.sidebar .block.block-layered-nav .ui-slider .ui-slider-handle, .label-new, div.quantity-decrease i, div.quantity-increase i, #login-holder form .actions .link-box a, .catalog-product-view .box-reviews .data-table thead, .button > span, aside.sidebar .actions a, .product-buttons .btn-quick-view > span, header#header .top-cart .block-content .actions a, .products-grid .product-img-box .btn-quick-view:hover span span, .products-list .product-img-box .btn-quick-view:hover span span, aside.sidebar .block.block-wishlist .link-cart { background: #eff0f1; background-color: linear-gradient(to top, #eff0f1, #fff);} span.label-new:after { border-top-color: #3B4348; border-left-color: #3B4348; } /*====== Category Labels =======*/ .nav-wide#nav-wide li.level-top .category-label.label_one { background-color: #E81A1A; border-color: #E81A1A; color: #1DCF29; } .nav-wide#nav-wide li.level-top a.level-top:hover .category-label.label_one, .nav-wide#nav-wide li.level-top li a:hover .category-label.label_one { background-color: #C20AC2; border-color: #C20AC2; color: #FFFFFF; } .nav-wide#nav-wide li.level-top .category-label.label_two { background-color: #000000; border-color: #000000; color: #000000; } .nav-wide#nav-wide li.level-top a.level-top:hover .category-label.label_two, .nav-wide#nav-wide li.level-top li a:hover .category-label.label_two { background-color: #000000; border-color: #000000; color: #000000; } .nav-wide#nav-wide li.level-top .category-label.label_three { background-color: #000000; border-color: #000000; color: #000000; } .nav-wide#nav-wide li.level-top a.level-top:hover .category-label.label_three, .nav-wide#nav-wide li.level-top li a:hover .category-label.label_three { background-color: #000000; border-color: #000000; color: #000000; } @font-face { font-family: toyota_displayregular; src: url(https://collection.toyota.lu/skin/frontend/unit/unit/fonts/toyotadisplay_rg-webfont-webfont.eot); src: url(https://collection.toyota.lu/skin/frontend/unit/unit/fonts/toyotadisplay_rg-webfont-webfont.eot?#iefix) format('embedded-opentype'), url(https://collection.toyota.lu/skin/frontend/unit/unit/fonts/toyotadisplay_rg-webfont-webfont.woff2) format('woff2'), url(https://collection.toyota.lu/skin/frontend/unit/unit/fonts/toyotadisplay_rg-webfont-webfont.woff) format('woff'), url(https://collection.toyota.lu/skin/frontend/unit/unit/fonts/toyotadisplay_rg-webfont-webfont.ttf) format('truetype'), url(https://collection.toyota.lu/skin/frontend/unit/unit/fonts/toyotadisplay_rg-webfont-webfont.svg#toyota_displayregular) format('svg'); font-weight: 400; font-style: normal } @font-face { font-family: toyota_displaybold; src: url(https://collection.toyota.lu/skin/frontend/unit/unit/fonts/toyotadisplay_bd-webfont-webfont.eot); src: url(https://collection.toyota.lu/skin/frontend/unit/unit/fonts/toyotadisplay_bd-webfont-webfont.eot?#iefix) format('embedded-opentype'), url(https://collection.toyota.lu/skin/frontend/unit/unit/fonts/toyotadisplay_bd-webfont-webfont.woff2) format('woff2'), url(https://collection.toyota.lu/skin/frontend/unit/unit/fonts/toyotadisplay_bd-webfont-webfont.woff) format('woff'), url(https://collection.toyota.lu/skin/frontend/unit/unit/fonts/toyotadisplay_bd-webfont-webfont.ttf) format('truetype'), url(https://collection.toyota.lu/skin/frontend/unit/unit/fonts/toyotadisplay_bd-webfont-webfont.svg#toyota_displaybold) format('svg'); font-weight: 400; font-style: normal } @font-face { font-family: Toyota-icon-06; src: url(https://collection.toyota.lu/skin/frontend/unit/unit/fonts/Toyota-icon-06.eot); src: url(https://collection.toyota.lu/skin/frontend/unit/unit/fonts/Toyota-icon-06.eot?#iefix) format('embedded-opentype'), url(https://collection.toyota.lu/skin/frontend/unit/unit/fonts/Toyota-icon-06.ttf) format('truetype'), url(https://collection.toyota.lu/skin/frontend/unit/unit/fonts/Toyota-icon-06.woff) format('woff'), url(https://collection.toyota.lu/skin/frontend/unit/unit/fonts/Toyota-icon-06.svg#Toyota-icon-03) format('svg'); font-weight: 400; font-style: normal } [class*=" icon-"], [class^=" icon-"] { font-family: 'Toyota-icon-06'; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-fin-calculator:before { content: "\e610" } .icon-ins-calculator:before { content: "\e611" } .icon-finance:before { content: "\e612" } .icon-car1:before { content: "\e00a" } .icon-music:before { content: "\f001" } .icon-search:before { content: "\f002" } .icon-heart:before { content: "\f004" } .icon-star:before { content: "\f005" } .icon-user:before { content: "\f007" } .icon-th-large:before { content: "\f009" } .icon-ok:before { content: "\f00c" } .icon-remove:before { content: "\f00d" } .icon-camera:before { content: "\f030" } .icon-print:before { content: "\f02f" } .icon-bookmark:before { content: "\f02e" } .icon-tag:before { content: "\f02b" } .icon-facetime-video:before { content: "\f03d" } .icon-picture:before { content: "\f03e" } .icon-volume-up:before { content: "\f028" } .icon-volume-down:before { content: "\f027" } .icon-volume-off:before { content: "\f026" } .icon-lock:before { content: "\f023" } .icon-repeat:before { content: "\f01e" } .icon-trash:before { content: "\f014" } .icon-book:before { content: "\f02d" } .icon-map-marker:before { content: "\f041" } .icon-chevron-left:before { content: "\f053" } .icon-chevron-right:before { content: "\f054" } .icon-chevron-up:before { content: "\f077" } .icon-chevron-down:before { content: "\f078" } .icon-step-forward:before { content: "\f051" } .icon-star-half:before { content: "\f089" } .icon-download-alt:before { content: "\f019" } .icon-file-alt:before { content: "\f0f6" } .icon-envelope-alt:before { content: "\f0e0" } .icon-question-sign:before { content: "\f059" } .icon-info-sign:before { content: "\f05a" } .icon-exclamation-sign:before { content: "\f06a" } .icon-step-backward:before { content: "\f048" } .icon-fast-backward:before { content: "\f049" } .icon-backward:before { content: "\f04a" } .icon-play:before { content: "\f04b" } .icon-pause:before { content: "\f04c" } .icon-stop:before { content: "\f04d" } .icon-forward:before { content: "\f04e" } .icon-fast-forward:before { content: "\f050" } .icon-minus:before { content: "\f068" } .icon-plus:before { content: "\f067" } .icon-resize-small:before { content: "\f066" } .icon-resize-full:before { content: "\f065" } .icon-share-alt:before { content: "\f064" } .icon-folder-close:before { content: "\f07b" } .icon-thumbs-up:before { content: "\f087" } .icon-external-link:before { content: "\f08e" } .icon-upload-alt:before { content: "\f093" } .icon-rss:before { content: "\f09e" } .icon-facebook:before { content: "\f09a" } .icon-twitter:before { content: "\f099" } .icon-phone:before { content: "\f095" } .icon-link:before { content: "\f0c1" } .icon-reorder:before { content: "\f0c9" } .icon-list-ul:before { content: "\f0ca" } .icon-google-plus:before { content: "\f0d5" } .icon-mobile:before { content: "\f10b" } .icon-tablet:before { content: "\f10a" } .icon-laptop:before { content: "\f109" } .icon-desktop:before { content: "\f108" } .icon-angle-down:before { content: "\f107" } .icon-angle-up:before { content: "\f106" } .icon-angle-right:before { content: "\f105" } .icon-angle-left:before { content: "\f104" } .icon-youtube:before { content: "\f167" } .icon-quote-left:before { content: "\f10d" } .icon-quote-right:before { content: "\f10e" } .icon-reply:before { content: "\f112" } .icon-file-pdf:before { content: "\e000" } .icon-ipod:before { content: "\e001" } .icon-sun-stroke:before { content: "\e003" } .icon-rain:before { content: "\e004" } .icon-un_check:before { content: "\e005" } .icon-active_check:before { content: "\e006" } .icon-usb1:before { content: "\e007" } .icon-bluetooth:before { content: "\e008" } .icon-car2:before { content: "\e009" } .icon-snowflake:before { content: "\e00b" } .icon-new2:before { content: "\e00c" } .icon-plug_1:before { content: "\e00d" } .icon-Flickr:before { content: "\e00e" } .icon-cog:before { content: "\f013" } .icon-arrw:before { content: "\e00f" } .icon-radio-checked:before { content: "\e604" } .icon-radio-uncheck:before { content: "\e605" } .icon-share:before { content: "\e606" } .icon-undo:before { content: "\e600" } .icon-refresh:before { content: "\e601" } .icon-calendar:before { content: "\e602" } .icon-home:before { content: "\e603" } .icon-key:before { content: "\e609" } .icon-brochure:before { content: "\e607" } .icon-accessories:before { content: "\e615" } .icon-warranty:before { content: "\e60a" } .icon-extended-warranty:before { content: "\e60c" } .icon-roadside-assistance:before { content: "\e60b" } .icon-body-and-paint:before { content: "\e60d" } .icon-walk-around-check:before { content: "\e60e" } .icon-express-service:before { content: "\e613" } .icon-genuine-parts:before { content: "\e60f" } .icon-hybrid-health-check:before { content: "\e608" } .icon-service-and-maintenance:before { content: "\e614" } p { font-size: 14px; line-height: 20px; } .toolbar .sbOptions li:first-child { display: none; } .nav-wide#nav-wide .level-top { transition: all .66s ease; -moz-transition: all .66s ease; -webkit-transition: all .66s ease; -o-transition: all .66s ease; } .nav-wide#nav-wide .level-top span, .op_block_title, form#onepagecheckout_orderform label { font-family: "toyota_displaybold" !important; } .nav-wide#nav-wide li.level-top:hover > a > span, .nav-wide#nav-wide li.level-top.active > a > span { text-decoration: none!important; } .color-block .grid_4 { background: #DBDBDB!important; } .color-box-bg img { display: none; } .color-box-bg { background: #e8e9ea!important; } .color-block .indent span { text-decoration: none!important; position: relative; } .color-block h3 { height: 10px!important; color: #2e3b45!important; } .color-block .indent span:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; height: 10px; width: 30px; border-top: 1px solid #2e3b45; } .nav-wide#nav-wide .level-top:hover a { text-decoration: none!important; } .product-collateral .box-collateral { padding: 9px 0 0; margin-bottom: 1.5em; font-size: 1.5em; line-height: 1.5em; } body, span.price, span.title-cart, span, div.std h2, .add-to-cart-success { font-family: 'toyota_displayregular'!important; } .product_slider { width: 100%; } .prev { left: 0!important; } .header-slider-container .iosSlider .next { right: 0!important; } .category-title { text-align: center; } .page-title.category-title .right-divider { display: none; } h1, h2, h3, .product-name a { //font-family: 'toyota_displaybold'!important; } #topMegaMenuContent.active .search-wrapper { margin: 0 0 90px 10px; } header#header .form-search { width: 300px; height: 40px; background: none; border: none; } header#header .form-search input { width: 68%; float: left; font-size: 15px; font-size: .9rem; padding: 7px 51px 7px 15px; background-color: #525B61; border: 0; color: #fff; height: 40px; border-radius: none !important; -webkit-border-radius: none !important; -moz-border-radius: none!important; /* -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;*/ } header#header .form-search input:focus { background-color: #525B61; color: #fff; } header#header .form-search input::-webkit-input-placeholder, header#header .form-search input:-moz-placeholder, header#header .form-search input::-moz-placeholder, header#header .form-search input:-ms-input-placeholder { color: #A9A9A9 !important; } header#header .form-search button span { background: #525B61; height: 54px; line-height: 54px; } header#header .form-search button span i { -webkit-transition: all color .66s ease; -moz-transition: all color .66s ease; -ms-transition: all color .66s ease; -o-transition: all color .66s ease; transition: all color .66s ease; font-size: 1.5em; } .product-name a, .regular-price, { color: #d1001e; } .product-name, .price { font-size: 1.13em; } header#header .top-cart, header#header .link-login, header#header .link-account { float: right; position: relative; z-index: 9999; padding: 17px 6px; background-color: transparent; border-right: 1px solid #eff0f1; border-left: 1px solid #eff0f1; color: ; margin-left: 0px; -webkit-transition: background-color .66s ease; -moz-transition: background-color .66s ease; -ms-transition: background-color .66s ease; -o-transition: background-color .66s ease; transition: background-color .66s ease; } header#header .top-cart .block-content, header#header .link-account .block-content, header#header #topMegaMenuContent.block-content { background: #fff; z-index: 999; position: absolute; right: 0px; top: 72px; width: 378px; border-bottom: 1px #EFF0F1 solid; box-shadow: inset 0px 5px 2px -3px rgba(2, 2, 2, .15); -webkit-box-shadow: inset 0px 5px 2px -3px rgba(2, 2, 2, .15); -moz-box-shadow: inset 0px 5px 2px -3px rgba(2, 2, 2, .15); -o-box-shadow: inset 0px 5px 2px -3px rgba(2, 2, 2, .15); } header#header .link-account .block-content { width: 155px; background: #27323A; } header#header #topMegaMenuContent.block-content { right: auto; left: 0; width: 100%; background: #27323A; } .nav-wide#nav-wide li.level0.nav-1.first.last.level-top.parent.over { background: #27323a !important; } .nav-wide#nav-wide li.level0.nav-1.first.last.level-top.parent > a span { color: #1e2a32; } .nav-wide#nav-wide li.level0.nav-1.first.last.level-top.parent:hover > a span, .nav-wide#nav-wide li.level0.nav-1.first.last.level-top.parent.over > a span { color: #fff; } #topMegaMenuContent.block-content ul.level0 li.level1 { padding-top: 15px; } #topMegaMenuContent.block-content ul.level0 li.level1 a {} #topMegaMenuContent.block-content ul.level0 li.level1 ul.level1 { margin-top: 10px; border-top: 1px solid #08090c; border-bottom: 1px solid #384046; } #topMegaMenuContent.block-content ul.level0 li.level1 ul.level1 li.level2 { padding: 10px 0; border-top: 1px solid #384046; border-bottom: 1px solid #08090c; width: 50%; display: inline-block; } #topMegaMenuContent.block-content ul.level0 li.level1 ul.level1 li.level2 a, #topMegaMenuContent.block-content ul.level0 li.level1 a { color: white; margin-left: 20px; } #topMegaMenuContent.block-content ul.level0 li.level1 ul.level1 li.level2 a span {} aside.sidebar .actions a { margin-right: 5px; font-family: "toyota_displayregular"!important; } .custom_footer h3, .account-login .indent h2, aside.sidebar .actions a { color: #27323a; } header#header .form-language a { /*padding-right: 10px;*/ margin-right: 5px; font-size: 1.2em; } header#header .logo { text-decoration: none; overflow: hidden; float: right; display: block; } header#header.floating { z-index: 500; } header#header.floating .small-logo { opacity: 1; margin: 10px 0 0 20px; float: right; position: static; } header#header.floating .small-logo img { width: 62px; } #header .logo, #header .welcome-msg { float: right; padding-right: 20px; } #header .header-right-box { float: left; } header#header .form-language, header#header .form-currency { float: right; margin-left: 0px; } #header > .container_12 > .grid_12 { padding: 1.5em 0 1.5em; } header#header .links li a { padding: .75em 0; font-size: 1.1em; color: #FDFDFD; } body { color: #27323a; margin-top: 69px; } header#header .top-cart .block-content .actions a { color: #fff; background: #454e55; background-image: linear-gradient(to top, #303a40, #454e55); } button.button span span { color: #fff; background: #454e55; background-image: linear-gradient(to top, #303a40, #454e55); } button:hover span span { background: #303a40; } button:active span span { background: #303a40; } header#header .top-cart button.button span, .cart .btn-proceed-checkout span { color: #fff; background: #d1001e; background-image: linear-gradient(to top, #73000d, #d1001e); } header#header .top-cart button.button span a:active { color: #27323a; } .nav-wide#nav-wide li.level-top.active > a span { color: #27323a; } #toTop { bottom: 15px; } #toTop:hover span:after { background-color: #73000d; color: #FFFFFF !important; } .nav-wide#nav-wide li.level-top .category-label.label_one { background-color: #df8dc5; border-color: #df8dc5; color: #FFFFFF; } .nav-wide#nav-wide li.level-top.first { /*border-left: 1px solid #CCC;*/ } .nav-wide#nav-wide li.level-top { border-right: 1px solid #eff0f1; border-left: 1px solid #eff0f1; } .home-banners { margin-top: -80px; margin-bottom: 6em; position: relative; z-index: 999; } .nav-wide#nav-wide li a span { font-size: 15px; color: ; } .header-slider-container .iosSlider .slider .item .slide-container.right-caption p { font-family: inherit; text-align: right; color: #FFFFFF; width: 70%; } .slide-container h5 { font-size: 3em; } .nav-wide#nav-wide li.level-top a.level-top:hover .category-label.label_one, .nav-wide#nav-wide li.level-top li a:hover .category-label.label_one { background-color: #2e3b45; border-color: #2e3b45; color: #FFFFFF; } .products-grid .product-name a { text-align: center; color: #6c7073; } #header > .container_12 > .grid_12 .last a { /*font-weight: bold;*/ /*border: solid 1px white;*/ font-size: 1.1em; } a.top-account i.fa-user:before { color: #27323A !important; } #header > .container_12 > .grid_12 .last a:hover { /*border: solid 1px white;*/ } header#header .link-login, header#header .link-account { float: right; padding: 27px 6px; -webkit-transition: background-color .66s ease; -moz-transition: background-color .66s ease; -ms-transition: background-color .66s ease; -o-transition: background-color .66s ease; transition: background-color .66s ease; } .top-link-login span { color: #353C41; /* display: none;*/ } h1, h2, h3, h4, h5, h6 { color: #27323a; } .product-view .product-name h2 { color: #27323a; } .page-title h1, .page-title h2 { color: #27323a; } .color-block p { color: #6c7073; } header#header .top-cart button.button:hover span span { background: #73000d; } header#header .top-cart .block-content .button:hover span span, .ajax-index-options .product-view .product-shop .add-to-cart button:hover span span, { background: #303a40; } #footer .custom-footer-content ul li a { font-size: 1em; color: #27323a !important; display: block; padding: .75em 0; } #footer ul li a:hover { text-decoration: none; color: #FFF; } .text-block button.btn-buy span, .products-list li.item .product-shop button > span, .header-slider-container button.button > span, #checkout-step-login .buttons-set button > span, .op_login_area button.button > span, #checkout-coupon-discount-load .discount-form .buttons-set button.button > span, .cart-table .btn-continue > span, .discount button > span, .cart .shipping .buttons-set > span, .cart .btn-proceed-checkout > span, #footer > .container_12 button > span, .block-compare button > span, .block-reorder button > span, .products-grid li.item .btn-quick-view.small > span, aside.sidebar .block.block-subscribe button > span, .my-wishlist td button > span, .my-wishlist button.btn-share > span, #login-holder form .actions button > span, /*header#header .form-search button:hover > span,*/ header#header .top-cart .block-content .button > span, .btn-buy > span, .add-to-cart-success a > span, #checkout-review-submit #review-buttons-container button.btn-checkout, header#header .home-button, #nav > li:hover > a, #nav > li.over > a, #nav > li.active > a, #nav-wide > li:hover > a, #nav-wide > li.over > a, /*#nav-wide > li.active > a,*/ .header-slider-container .iosSlider:hover .prev:hover, .header-slider-container .iosSlider:hover .next:hover, .color-block .grid_3:hover span, .slider-container .prev i, .slider-container .next i, .more-views .prev i, .more-views .next i, .block-related .prev i, .block-related .next i, aside.sidebar .block.block-wishlist .next i, aside.sidebar .block.block-wishlist .prev i, #footer ul.social-links li a:hover, #slider-range.ui-slider .ui-slider-range.ui-widget-header, .label-sale, .opc .active .step-title .number, #cart-accordion h3.accordion-title.active, #cart-accordion h3.accordion-title:hover, .meigee-tabs li.active a, .meigee-tabs li a:hover, .product-collateral#collateral-accordion h2:hover, .product-collateral#collateral-accordion h2.active, .catalog-product-view .box-reviews .full-review, #toTopHover, header#header .links-container > .links > li:hover, .toolbar-bottom .pager .pages ol li.current, .toolbar-bottom .pager .pages ol li:hover a, .menu-button i, aside.sidebar .block .block-title.active i, header#header .top-cart .block-title .title-cart > span, aside.sidebar .block .block-title i:hover, .ajax-index-options .product-view .product-shop .add-to-cart button > span, li.level0:hover { background: #27323a !important; } header#header .form-search button:hover > span { background: #525B61; color: #fff; } .nav-wide#nav-wide .right-content .banner-box { background: #1E2A32; width: 41.5%; } .nav-wide#nav-wide .right-content .banner-box h2 { color: #fff; } .nav-wide#nav-wide .right-content .banner-box i { background: #27323A; } #nav-wide > li.active > a { background: none !important; } .nav-wide#nav-wide ul.level0 a span:before { content: none; width: 0; height: 0; } .content-wrapper { background: #FFF; } button.button span span:hover { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; text-decoration: none; } .links li.last .top-link-login:hover { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; text-decoration: underline; /*background: #73000d;*/ } #footer .custom-footer-content li a:before { text-decoration: none !important; } #footer .custom-footer-content ul li a:hover { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; background: #e8e9ea; } #footer .custom-footer-content ul li a span:hover { text-decoration: underline; } .fa-dot-circle-o:before { content: "\00B7"; font-size: 35px; line-height: 12px; } #categories-accordion li a:hover, #categories-accordion li a:active, #categories-accordion li.closed > a, #categories-accordion li a.closed { background-color: #303a40 !important; text-decoration: underline; color: #FFFFFF; } aside.sidebar .block ol li, aside.sidebar .block.block-vertical-nav .block-content li, .block-poll li { border-top: solid 1px #eee; } #footer .custom-footer-content li { border-top: none; } .minimal-price-link .label { color: #d1001e; } #footer .custom-footer-content li { border-top: none; } .custom-footer-content a { color: #27323a; } /* aanpassingen */ a#cartHeader, a.top-link-login:not(.thisone), a.top-account { padding: 8px 10px!important; } .title-cart i { font-size: 15px!important; } .title-cart span { color: #fff; top: 12px !important; } .product-view .product-prev, .product-view .product-next { top: auto; bottom: 98px; color: #3D474D; } #header .header-right-box { float: left!important; width: 88%!important; text-align: right; } .quick-access { float: right!important; padding-top: 6px; margin-right: 15px; } .links {} .links li { list-style-type: none!important; //display: inline; float: none; } .form-language { padding: 0 17px; /*border-right: solid 1px #4f565b;*/ } .sbHolder span.text { font-size: 13.19px!important; } header#header .links { display: block !important; border-top: none!important; float: left !important; text-align: left!important; margin-left: 10px; padding-top: 0px!important; } #header > .container_12 > .grid_12 { padding: 0; } header#header .quick-access { margin-top: 15px!important; } .links-container, header#header .top-cart { margin-top: 0px!important; } header#header .top-cart .product-name a, .product-name a { color: #27323A; } .nav-wide#nav-wide li.level-top > a { padding: 2.25em 15px; } #footer .custom_footer .second .indent { padding-left: 25px; } header#header .top-cart .block-title .title-cart i { font-size: 1em; } header#header .top-cart.active, header#header .link-account.active { background-color: #27323A; } header#header .link-account.active a i.fa.fa-user::before { color: #fff !important; } /*.top-link-login .fa-user .fa, #header > .container_12 > .grid_12 a .fa-user { color: #27323A; }*/ header#header .top-cart .block-title a { color: #444; } header#header .top-cart.active .block-title a { color: #fff; } header#header .top-cart .block-title a i { /*transition: color .66s ease; -moz-transition: color .66s ease; -webkit-transition: color .66s ease; -o-transition: color .66s ease;*/ transition: color none; -moz-transition: color none; -webkit-transition: color none; -o-transition: color none; } i { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } /* to top */ #toTop { bottom: 15px; } /* Breadcrumbs */ .breadcrumbs-wrapper { background-color: #1E2A32; margin-top: -10px; padding: 6px; paddding-left: 10px; } .breadcrumbs-wrapper nav.breadcrumbs li a, .breadcrumbs-wrapper nav.breadcrumbs li strong { color: #fff; } nav.breadcrumbs li span { display: none; } nav.breadcrumbs li { margin-right: 15px; font-size: 13px; } nav.breadcrumbs li a { color: #6c7073; font-weight: 300; } nav.breadcrumbs li strong { color: #454e55; font-family: 'toyota_displaybold'!important; } nav.breadcrumbs li:after { margin: 0 8px; font-size: .9em; position: absolute; right: -20px; top: 0px; color: #6c7073; content: '/\0000a0'; } nav.breadcrumbs li a:last-child:after { color: #454e55; } nav.breadcrumbs li:last-child:after { content: none; } /* login + Shopcart */ /* shopcart making left and right of the icon more equal */ .top-cart .block-title .title-cart i, .link-login .block-title .title-cart i { padding-right: 4px !important; padding-left: 4px; } /* white border removal */ .links li.last .top-link-login, header#header .top-cart { border: none; } .links li.last .top-link-login { border: none; margin-right: 1px; } /* account icon underline removal */ .links li.last .top-link-login:hover { text-decoration: none !important; } /* Contact dropdown */ header#header dl.company-links dd { top: 40px; } /* view mode better highlighting */ p.view-mode strong i { color: #4d4f53; } p.view-mode a:hover i { color: #000; } .products-list .email-friend { display: inline-block; margin-right: 30px; } /* search */ /* icon on the right */ header#header .form-search button { float: right; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } /* Megamenu styling */ .nav-wide#nav-wide .menu-wrapper { width: 660px; background-color: #27323a!important; border: none; top: 72px; left: 1px; color: #bdbfc0; } .nav-wide#nav-wide .right-content > h2 { color: #bdbfc0 !important; font-family: "toyota_displayregular"!important; } header#header .nav-container { float: left; } .nav-wide#nav-wide ul.level0 { background-color: #1e2a32; border-radius: 2px; padding: 10px; } .nav-wide#nav-wide ul.level0 a { border-bottom: none; padding: 5px 0 0 0; } .nav-wide#nav-wide ul.level0 a:hover { background: none !important; } .nav-wide#nav-wide ul.level0 a:hover span { color: #fff; } .nav-wide#nav-wide ul.level0 a span { color: #bdbfc0; font-family: "toyota_displayregular"!important; padding-left: 0; } .nav-wide#nav-wide .bottom-content { border: none; } .nav-wide#nav-wide ul.level0 li.level1 span.subtitle { color: #fff; /*font-weight: bold;*/ text-transform: none; background: none; font-size: 1.66em; line-height: 1em; } .nav-wide#nav-wide ul.level0 li.level1 > a:after { position: absolute; bottom: 0; right: 0; width: 0; height: 0; background: none; } /****************************/ /* Toyota Typografie */ .dashboard .welcome-msg .hello strong { font-size: 12px; } .dashboard .welcome-msg .hello strong, #my-orders-table.data-table thead th, .dashboard .box-title h3 { font-family: "toyota_displaybold" !important; color: #27323A; } .toyo-pageheading { font-family: "toyota_displaybold" !important; font-size: 66pt !important; line-height: 68pt !important; letter-spacing: -0.03em !important; } .toyo-pagesubheading { font-family: "toyota_displayregular"; font-size: 34pt !important; line-height: 1.1em !important; letter-spacing: -0.03em !important; } .toyo-introductiontext, .toyo-quote { font-family: "toyota_displayregular"; font-size: 24pt !important; line-height: 1.3em !important; letter-spacing: -0.03em !important; } .toyo-componentheading { font-family: "toyota_displaybold"; font-size: 44pt !important; line-height: 44pt !important; letter-spacing: -0.03em !important; } .toyo-componentsubheading { font-family: "toyota_displayregular"; font-size: 24pt !important; line-height: 1.3em !important; letter-spacing: -0.03em !important; } .toyo-paragraphheading { font-family: "toyota_displaybold"; font-size: 17pt !important; line-height: 20pt !important; letter-spacing: -0.03em !important; } .toyo-paragraph { font-family: "toyota_displayregular"; font-size: 15pt !important; line-height: 20pt !important; letter-spacing: -0.03em !important; } .toyo-small, { font-family: "toyota_displayregular"; font-size: 13pt !important; line-height: 16pt !important; letter-spacing: -0.03em !important; } /* Large (desktop) Display width greater than 1199px */ @media screen and (max-width: 1199px) { .toyo-pageheading { font-size: 66pt !important; line-height: 68pt !important; } .toyo-pagesubheading { font-size: 34pt !important; line-height: 1.1em !important; } .toyo-introductiontext, .toyo-quote { font-size: 24pt !important; line-height: 1.3em !important; } .toyo-componentheading { font-size: 34pt !important; line-height: 34pt !important; } .toyo-componentsubheading { font-size: 24pt !important; line-height: 1.3em !important; } .toyo-paragraphheading { font-size: 17pt !important; line-height: 20pt !important; } .toyo-paragraph { font-size: 15pt !important; line-height: 20pt !important; } .toyo-small { font-size: 13pt !important; line-height: 16pt !important; } } /* Medium (tablet) Display width greater than 768px & less than 992px */ @media screen and (max-width: 992px) and (min-width: 768px) { .toyo-pageheading { font-size: 44pt !important; line-height: 46pt !important; } .toyo-pagesubheading { font-size: 32pt !important; } .toyo-introductiontext, .toyo-quote { font-size: 19pt !important; } .toyo-componentheading { font-size: 34pt !important; line-height: 34pt !important; } } /* Small (mobile) Display width less than 768px */ @media screen and (max-width: 768px) { .toyo-pageheading { font-size: 34pt !important; line-height: 36pt !important; } .toyo-pagesubheading { font-size: 19pt !important; } .toyo-introductiontext, .toyo-quote { font-size: 19pt !important; } .toyo-componentheading { font-size: 24pt !important; line-height: 24pt !important; } .toyo-componentsubheading { font-size: 19pt !important; } header#header .top-cart .block-content { position: fixed; } } /* Header ================================================================================ */ header#header .header-wrapper { background: repeat-x #fff; background-image: -webkit-gradient(linear, left 0, left 100%, from(#eff0f1), to(white)); background-image: -webkit-linear-gradient(top, #eff0f1, 0, #fff, 100%); background-image: -moz-linear-gradient(top, #eff0f1 0, #fff 100%); background-image: linear-gradient(to bottom, #eff0f1 0, #fff 100%); filter: progid: DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFEFF0F1', endColorstr='#FFFFFFFF'); filter: none; border-bottom: none; box-shadow: 0 2px 2px rgba(2, 2, 2, .15); padding: 0; margin: 0; } #nav-wide > li.parent > a i { color: #1e2a32; font-weight: 400; margin-left: 2px; line-height: 18px; font-size: 15px; transition: color .66s ease; -moz-transition: color .66s ease; -webkit-transition: color .66s ease; -o-transition: color .66s ease; } #nav-wide > li.parent:hover > a i, #nav-wide > li.parent.over > a i { color: #fff; } header#header.floating .form-search { display: inline-block; } .hidden { display: none; visibility: hidden; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } .redbanner { position: fixed; bottom: 0; z-index: 999; text-align: center; padding: 10px 50px 10px 50px; background-color: #d90000; display: block; width: 100%; color: #fff; } .bannerwarning { background: #D90000; color: white; padding: 5px 15px; margin: 0 auto; left: 30%; position: relative; font-size: 11px; text-align: center; } @media only screen and (max-width: 1279px) { .bannerwarning { left: 25%; } } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px, Gutter: 20px, Unit: 44px */ @media only screen and (min-width: 768px) and (max-width: 977px) { .bannerwarning { left: 19%; font-size: 11px; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } header#header .form-search { float: left; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px Gutter: 10px, Unit: 15px */ @media only screen and (max-width: 767px) { .bannerwarning { left: 0%; display: block; font-size: 10px; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } .redbanner { padding: 2px 5px; font-size: 9px; } } .right-content { margin-left: 10px; } .products-grid .product-img-box:after, .cart-collaterals .accordion-content .product-image:after, .product-view .box-up-sell .products-grid .product-image:after, .product-view > .block-related .product-image:after { border-bottom: none; margin: 0; width: 0; } .products-grid .product-name:before { border-top: none; margin: 0; } .product-name, h3, h2 { text-transform: none!important; } .header-slider-container .iosSlider .prev, .header-slider-container .iosSlider .next { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; top: auto; bottom: 0; margin-bottom: 15px; width: 40px; height: 40px; line-height: 38px; } .header-slider-container .iosSlider .prev { margin-left: 5px; } .header-slider-container .iosSlider .next { margin-right: 5px; } header#header .form-language { padding-right: 0; margin-top: 20px; } header#header .form-language ul.sbOptions::-webkit-scrollbar-track {} header#header .form-language ul.sbOptions::::-webkit-scrollbar {} header#header .form-language ul.sbOptions::-webkit-scrollbar-thumb {} header#header div#breadcrumbhead { float: left; margin-top: 27px; margin-left: 10px; } /* Forms */ input, select, textarea, button { font: 1em/1.5em Arial, Helvetica, sans-serif; vertical-align: middle; color: #1E2A32; } input.input-text, select { height: 18px; } input.input-text, select, textarea { background: #fff; border: 1px solid #ddd; } input.input-text, textarea { padding: 2px; } select { padding: 1px 1px 1px 3px; height: 20px; } select option { padding-right: 10px; } select.multiselect { height: auto!important; } select.multiselect option { border-bottom: 1px solid #ddd; padding: 2px 5px; } select.multiselect option:last-child { border-bottom: 0; } textarea { overflow: auto; } input.radio { margin-right: 3px; margin-top: 0; } input.checkbox { margin-right: 3px; } input.qty { background-color: #f5f5f5; border-color: #ddd; border-radius: 2px; -moz-border-radius: 2px; text-align: center; font-size: .91em; color: #aaa; height: 34px; width: 34px; margin: 0 2px; } button.button::-moz-focus-inner { padding: 0; border: 0; } /* FF Fix */ button.button { -webkit-border-fit: lines; } /* <- Safari & Google Chrome Fix */ button.button::-moz-focus-inner { padding: 0; border: 0; } /* FF Fix */ button.button { -webkit-border-fit: lines; } /* <- Safari & Google Chrome Fix */ button.button { overflow: visible; width: auto; border: 0; padding: 0; margin: 0; background: transparent; cursor: pointer; } button.button span { float: left; height: 30px; text-align: center; white-space: nowrap; color: #fff; line-height: 30px; transition: all .8s ease; -moz-transition: all .8s ease; -webkit-transition: all .8s ease; -o-transition: all .8s ease; border-radius: 2px; -moz-border-radius: 2px; } button.button span span { /* background:none;*/ border: none; font-size: .81em; font-weight: normal; color: #fff; display: block; padding: 0 20px; } button.btn-checkout span {} button.btn-checkout.no-checkout {} 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 { margin: 0.75em 0; } .form-list li { margin: .75em 0 0; } .form-list li:first-child { margin: 0; } .form-list label { float: left; color: #1E2A32; font-size: 1em; line-height: 1.5em; font-weight: 500; padding-bottom: 5px; font-size: 17px; position: relative; font-family: "toyota_displaybold"; /*custom*/ } .form-list label.required {} .form-list label.required em { float: right; font-style: normal; color: #e85131; 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; width: 260px; } .form-list .field { float: left; width: 324px; } .form-list .field:first-child { margin-right: 20px; } .form-list input.input-text { width: 303px; height: 30px; border: 2px solid #EFF0F1; border-radius: 2px; //color: #1e2a32; //font-size:15px; padding: 7px 6px 9px 16px; } .form-list textarea { width: 254px; height: 10em; } .form-list select { width: 310px; } .form-list li.wide .input-box { width: 535px; } .form-list li.wide input.input-text { width: 626px; } .form-list li.wide textarea { width: 670px; border: 2px solid #EFF0F1; border-radius: 2px; resize: vertical; } .form-list li.wide select { width: 677px; } .form-list li.additional-row { border-top: 1px solid #ccc; margin-top: 10px; padding-top: 7px; } .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: 125px; } .form-list .name-middlename input.input-text { width: 104px; } .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-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: 199px; } .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: 175px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float: left; width: 85px; margin-right: 10px; } .form-list .customer-dob input.input-text { display: block; width: 74px; } .form-list .customer-dob label { font-size: 10px; font-weight: normal; color: #888; } .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; } .buttons-set { clear: both; margin: 0.42em 0 0; width: 328px; } .buttons-set .back-link { float: left; font-family: 'toyota_displayregular'!important; margin-top: 15px !important; } .buttons-set .back-link a { color: #000; } .buttons-set button.button { float: left; margin-left: 0px; } .buttons-set p.required { margin: 0 0 1em; } .buttons-set-order {} .fieldset { border: none; /*custom*/ background: #fefefe; padding: 1.83em 15px 1em; margin: 2.34em 0; } .fieldset .legend { float: left; font-weight: normal; font-size: 1em; border: none; /*custom*/ background: #f8f6f6; color: #6c7073; margin: -2.75em 0 0 -2px; padding: 0 8px; position: relative; } /* Form Validation */ .validation-advice { clear: both; min-height: 13px; margin: 3px 0 0; padding-left: 17px; font-size: 10px; line-height: 13px; color: #f00; background-position: 0 -500px; background-repeat: no-repeat; } .validation-failed { border: 1px dashed #f00 !important; background: #faebe7 !important; } .validation-passed {} p.required { font-size: .91em; text-align: left; color: #e85131; } /* Expiration date and CVV number validation fix */ .v-fix { float: left; } .v-fix .validation-advice { display: block; width: 12em; margin-right: -12em; position: relative; } .sbSelector:hover { background-color: inherit; } .sbSelector span.text { margin: 0 10px 0 0; } /*================================================================================*/ /* Responsive */ /*visible - hidden */ .hidden { display: none; visibility: hidden; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } .header-slider-container .iosSlider .slider .item .slide-container.left-caption { float: left; } .header-slider-container .iosSlider .slider .item h2 { color: #fff; } /* #Desktop - Extra Large */ @media only screen and (min-width: 1280px) { .header-slider-container .iosSlider .slider .item .slide-container.left-caption { float: left; left: 6%; top: auto; bottom: 8%; } .header-slider-container .iosSlider .slider .item h2 { font-size: 6em !important; } .nav-wide#nav-wide .menu-wrapper { width: 850px; } .onepagecheckout-index-index .onepagecheckout_loginarea { line-height: 5em; } aside.sidebar.sidebar-right { margin-top: 70px; } div.product-view aside.grid_3.omega { margin-top: 50px; } } @media only screen and (min-width: 1280px) and (max-width: 1360px) { header#header .nav-container { margin-left: 50px; } header#header h1.small-logo { margin-right: 50px!important; } .onepagecheckout-index-index .onepagecheckout_loginarea { line-height: 5em; } aside.sidebar.sidebar-right { margin-top: 70px; } div.product-view aside.grid_3.omega { margin-top: 50px; } } /* #Desktop */ @media only screen and (min-width: 978px) and (max-width: 1279px) { .header-slider-container .iosSlider .slider .item .slide-container.left-caption { left: 6%; top: auto; bottom: 8%; } .header-slider-container .iosSlider .slider .item h2 { font-size: 4em; } .nav-wide#nav-wide .menu-wrapper { width: 660px; } div.banner-box.last p img { width: 30%; } .onepagecheckout-index-index .onepagecheckout_loginarea { line-height: 5em; } aside.sidebar.sidebar-right { margin-top: 70px; } div.product-view aside.grid_3.omega { margin-top: 50px; } } /* #Tablet (Portrait) */ /* Note: Design for a width of 768px, Gutter: 20px, Unit: 44px */ @media only screen and (min-width: 768px) and (max-width: 977px) { aside.sidebar.sidebar-right { margin-top: 70px; } .onepagecheckout-index-index .onepagecheckout_loginarea { line-height: 5em; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } .form-search { float: left; } .nav-wide#nav-wide .menu-wrapper { width: 530px; } .nav-wide#nav-wide .right-content .banner-box { width: 39%; } .header-slider-container .iosSlider .slider .item .slide-container.left-caption { left: 6%; top: auto; bottom: 8%; } .header-slider-container .iosSlider .slider .item h2 { font-size: 4em; } header#header.floating .small-logo { margin-left: 10px; } div.banner-box.last p img { width: 30%; } div.product-view aside.grid_3.omega { margin-top: 50px; } } /* #Mobile (Portrait) */ /* Note: Design for a width of 320px Gutter: 10px, Unit: 15px */ @media only screen and (max-width: 767px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } header#header .top-cart .block-content { position: fixed; } .header-slider-container .iosSlider .slider .item .slide-container.left-caption { left: 6%; top: auto; bottom: 8%; } .header-slider-container .iosSlider .slider .item h2 { font-size: 2em; } #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-1, #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-2, #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-3 { width: 84% !important; } #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .col-2 { margin-left: 0 !important; } #footer .custom_footer .second .indent, #footer .custom_footer .third .indent, #footer .custom_footer .fourth .indent { padding: 0 25px; } #login-holder { width: 90%; margin-left: 0px; left: auto; } #login-holder .close-button { width: 10px; text-align: right; } header#header.floating .small-logo { margin-left: 0px; } #topMegaMenuContent ul.level0:last-child { padding: 15px 5px; } #topMegaMenuContent ul.level0:last-child li.level1 a {} } .header-slider-container .iosSlider .slideSelectors { opacity: 1; left: 50%; bottom: 16px; } .header-slider-container .iosSlider .slideSelectors .button-item { background-color: rgba(255, 255, 255, .8); height: 9px; width: 9px; margin-right: 8px; } .header-slider-container .iosSlider .slideSelectors .button-item.selected { background-color: rgba(255, 255, 255, 1); } .header-slider-container .iosSlider .slider .item p { width: 100%; } .fa-user:before { padding: 0; padding-top: 5px; color: inherit; font-size: 1.05em; } .add-to-cart-success { top: 40%; // top:auto; // left:auto; // bottom:10px; // right:10px; } li.grid_3.item div.product-container { border: 2px solid #f6f6f6;; border-radius: 4px; -webkit-transition: border .66 ease; -moz-transition: border .66 ease; -ms-transition: border .66 ease; -o-transition: border .66 ease; transition: border .66 ease; } li.grid_3.item:hover div.product-container { border: 2px solid #eff0f1; } .pager a.asc i, .pager a.desc i { color: #27323A; width: 34px; height: 34px; } #footer address { padding-left: 0; z-index: 0; width: 100%; } .banner-box { min-height: 130px; } #login-holder form .actions .link-box a { color: #27323a; font-family: 'toyota_displayregular'!important; } #footer div.indent.logo-indent a { color: #000; } #login-holder form .actions { border-top: none; padding-top: 0; margin-top: 0; padding-bottom: .75em; margin-bottom: 1em; } .cloud-zoom-loading { display: none; } .nav-wide#nav-wide .right-content h2, .nav-wide#nav-wide .top-content, .nav-wide#nav-wide .bottom-content, .nav-wide#nav-wide ul.level0 a span.subtitle, .product-collateral h2, header#header .top-cart .block-title a, .text-block button span, .std h1, .price, .product-name a, .page-title h2, .page-title h1, #footer .custom_footer h3, aside.sidebar .block .block-title strong span, aside.sidebar .block .filter-label span, aside.sidebar .actions a, button.button span span, .dashboard .welcome-msg .hello, .dashboard .box-head h2, .dashboard .box-title h3, #login-holder form .actions .link-box a, .add-to-cart-success, .add-to-cart-success a, .account-login .indent h2, .opc .step-title, .opc .grid_4 h3, aside.sidebar .block.block-progress .block-title strong span, #onepagecheckout_forgotbox .page-title span, #onepagecheckout_loginbox .page-title span, #onepagecheckout_forgotbox, #onepagecheckout_loginbox button.button span span, #onepagecheckout_orderform .col3-set.onepagecheckout_datafields .op_block_title, #checkout-coupon-discount-load .discount-form .buttons-set button.button span span, #checkout-review-submit #review-buttons-container button.btn-checkout, .cart .cart-collaterals h2, .cart .btn-proceed-checkout, .product-view .product-name h2, .block-related .block-title strong span, .catalog-product-view .box-reviews ul li h6, header#header .top-cart .block-content .actions a, header#header .top-cart .block-content .subtotal span, .catalog-product-view .box-reviews h2, aside.sidebar .block.block-wishlist li.item .product-details .product-name a, aside.sidebar .block.block-wishlist .link-cart, .header-slider-container .iosSlider .slider .item .slide-container h2, .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 h3, .header-slider-container .iosSlider .slider .item h5, .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-3 h3 { font-family: 'toyota_displaybold'!important; -webkit-text-stroke-width: 0px !important; text-stroke-width: 0px !important; -moz-text-stroke-width: 0px !important; } .button.button span span { font-family: 'toyota_displayregular'!important; } .onepagecheckout-index-index .onepagecheckout_loginarea { //float:right; } #coupon-discount { margin-bottom: 15px; } .cart .totals .checkout-types { text-align: right; } header#header.floating h1.small-logo a:last-child { position: fixed; margin-left: -9px; margin-top: -68px; box-shadow: 0 0 5px rgba(0, 0, 0, .4); padding-right: 0; } header#header.floating h1.small-logo a:last-child img { width: 90px !important; } #footer #newsletter.validation-failed { margin-bottom: 0; } #footer #newsletter-validate-detail .validation-advice { position: static; margin-bottom: 10px; } .my-account .addresses-list li.item { padding-left: 2em; } aside.sidebar .block ol li:before { content: none; font-size: 0; margin: 0; } div.quantity-increase i, div.quantity-decrease i { background: #394349; color: #F5F5F5; } .meigee-tabs li { border-right: 0px; } .meigee-tabs li.active a { background: none !important; color: #27323a; } .meigee-tabs li.active a, .meigee-tabs li.active a:hover { color: #27323a; } .product-view .product-collateral { margin-bottom: 1em; } li#product_tabs_description a { font-family: "toyota_displaybold"; font-size: 1.6em; } .product-options-bottom div.quantity-increase { float: left; } .cart .page-title { margin-top: 25px; } .sp-methods .form-list { padding-left: 0; } #checkout-review-submit #review-buttons-container button.btn-checkout { width: 250px; } .fancybox-nav span { visibility: visible !important; } .availability { float: none; } .product-view .product-essential .price-box { display: block; } .onepagecheckout_datafields #comment-block #order-comment { text-align: left; vertical-align: top; display: block; } aside.sidebar.sidebar-right, div.product-view aside.grid_3.omega { -webkit-transition: margin-top .66s ease; -moz-transition: margin-top .66s ease; -ms-transition: margin-top .66s ease; -o-transition: margin-top .66s ease; transition: margin-top .66s ease; } a:hover, a:focus { color: #d1001e; } header#header .top-cart .block-content .subtotal { font-size: 8px; } .old-price { display: none; } .special-price { font-size: 1em; color: #27323a; ; } .special-price .price { color: #27323a; } .product-view .product-essential .special-price .price { font-size: 1.16em; line-height: 1.3em } span.label-sale { display: none; } .onepagecheckout-index-index .onepagecheckout_loginarea a.onepagecheckout_loginlink { font-size: 9px; } .onepagecheckout_loginbox button.button span span { float: right; } .onepagecheckout-index-index .onepagecheckout_loginarea a.onepagecheckout_loginlink { font-size: 12px; line-height: 1.5em; } .onepagecheckout-index-index .onepagecheckout_loginarea { line-height: 1.9em; } a.test { display: none; } /* Vintage line limited edition changes */ .header-slider-container .iosSlider .slider .item .limitededition h3 { margin-bottom: 20px; color:#E81236 ; font-size: 40px; font-family: 'toyota_displayregular'!important; } .header-slider-container .iosSlider .slider .item .limitededition h4 { color:#fff; } /* Corner Ribbon */ .ribbon { width: 125px; height: 128px; overflow: hidden; position: absolute; top: -3px; right: -3px; z-index: 3; } .ribbon-inner { font: 12px "toyota_displayregular"; color: #333; text-align: center; /*text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;*/ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 30px; width: 165px; background-color: #4d8800; /*background-image: -webkit-gradient(linear, left top, left bottom, from(#d2001e), to(#73000d)); background-image: -webkit-linear-gradient(top, #d2001e, #73000d); background-image: -moz-linear-gradient(top, #d2001e, #73000d); background-image: -ms-linear-gradient(top, #d2001e, #73000d); background-image: -o-linear-gradient(top, #d2001e, #73000d); */ color: #fff; /*-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3);*/ } .ribbon-inner:before, .ribbon-inner:after { content: ""; border-top: 3px solid #6e8900; border-left: 3px solid transparent; border-right: 3px solid transparent; position:absolute; bottom: -3px; } .ribbon-inner:before { left: 0; } .ribbon-inner:after { right: 0; } /* Category page */ body.catalog-category-view .category-products > label { float: right; padding: 0 0 10px 0; } /* Product Page */ body.catalog-product-view .product-image { border: 2px solid #f6f6f6; } body.catalog-product-view .product-image > label { display: block; margin: 10px; } .agb { } .agb h3, .agb p, .agb ul, .agb li { margin-top: 20px; } .agb h1 { margin-bottom: 30px; } .agb h2 { font-size: 20px; } .agb h2:not(.first) { margin-top: 50px; } .agb ul { list-style-type: square; } .agb li { margin-left: 30px; } #footer .custom-footer-content ul li a { padding: 0; } #footer .custom-footer-content li a:before { display: none; } #footer .custom-footer-content li:hover { background-color: transparent; }