/** * Magento * * @category design * @package meigeetheme_default * @copyright Copyright (c) 2012 MeigeeTeam. (http://www.meigeeteam.com) * @template_version 1.3 */ /* 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;} body.boxed-layout .header-slider-container .iosSlider .next {right: 10px;} body.boxed-layout .header-slider-container .iosSlider .prev {left: 10px;} /* Indents */ hr.indent-9, hr.indent-12, hr.indent-18, hr.indent-24, hr.indent-28, hr.indent-32, hr.indent-36, hr.indent-40, hr.indent-46, hr.indent-48, hr.indent-52, hr.indent-56, hr.indent-60, hr.indent-64, hr.indent-72{padding: 0; border: none; background: none; height: 0;} hr.indent-9 {margin:.75em 0;} hr.indent-12 {margin: 1em 0;} hr.indent-18 {margin: 1.5em 0;} hr.indent-24 {margin: 2em 0;} hr.indent-28 {margin: 2.333em 0;} hr.indent-32 {margin: 2.5em 0;} hr.indent-36 {margin: 3em 0;} hr.indent-40 {margin: 3.333em 0;} hr.indent-46 {margin: 3.883em 0;} 3hr.indent-48 {margin: 4em 0;} hr.indent-52 {margin: 4.333em 0;} hr.indent-56 {margin: 4.667em 0;} hr.indent-60 {margin: 5em 0;} hr.indent-64 {margin: 5.33em 0;} hr.indent-72 {margin: 6em 0;} /* invisible indents */ hr.white-space{margin-top: 0;} /* solid indents */ hr.solid{border-bottom:1px solid #B4B4B4;} /* dotted indents */ hr.dotted{border-bottom:1px dotted #B4B4B4;} /* dashed indents */ hr.dashed{border-bottom:1px dashed #B4B4B4;} /* Background Paterns */ .pandora {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/pandora.png) center top repeat;} .pandora-2 {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/pandora_2.png) center top repeat;} .degreee-fabric {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/degreee_fabric.png) center top repeat;} .degree-gray {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/degree_gray.png) center top repeat;} .beige-paper {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/beige_paper.png) center top repeat;} .bgnoise-lg {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/bgnoise_lg.png) center top repeat;} .bright-squares {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/bright_squares.png) center top repeat;} .brushed-alu {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/brushed_alu.png) center top repeat;} .cardboard {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/cardboard.png) center top repeat;} .circles {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/circles.png) center top repeat;} .concrete-wall-2 {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/concrete_wall_2.png) center top repeat;} .concrete-wall-3 {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/concrete_wall_3.png) center top repeat;} .cork-1 {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/cork_1.png) center top repeat;} .crosses {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/crosses.png) center top repeat;} .cubes {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/cubes.png) center top repeat;} .diagonal-noise {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/diagonal.png) center top repeat;} .diamonds {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/diamonds.png) center top repeat;} .double-lined {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/double_lined.png) center top repeat;} .elastoplast {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/elastoplast.png) center top repeat;} .elegant-grid {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/elegant_grid.png) center top repeat;} .exclusive-paper {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/exclusive_paper.png) center top repeat;} .fabric-1 {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/fabric_1.png) center top repeat;} .fancy-deboss {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/fancy_deboss.png) center top repeat;} .felt {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/felt.png) center top repeat;} .first-aid-kit {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/first_aid_kit.png) center top repeat;} .gold-scale {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/gold_scale.png) center top repeat;} .green-gobbler {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/green_gobbler.png) center top repeat;} .grunge-wall {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/grunge_wall.png) center top repeat;} .handmadepaper {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/handmadepaper.png) center top repeat;} .leather-1 {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/leather_1.png) center top repeat;} .light-alu {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/light_alu.png) center top repeat;} .light-checkered-tiles {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/light_checkered_tiles.png) center top repeat;} .light-honeycomb {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/light_honeycomb.png) center top repeat;} .light-wool {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/light_wool.png) center top repeat;} .littleknobs {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/littleknobs.png) center top repeat;} .micro-carbon {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/micro_carbon.png) center top repeat;} .noise-pattern-with-crosslines {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/noise_pattern_with_crosslines.png) center top repeat;} .noisy {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/noisy.png) center top repeat;} .old-mathematics {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/old_mathematics.png) center top repeat;} .paper-1 {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/paper_1.png) center top repeat;} .paper-2 {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/paper_2.png) center top repeat;} .paper-3 {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/paper_3.png) center top repeat;} .paven {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/paven.png) center top repeat;} .pinstripe {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/pinstripe.png) center top repeat;} .polaroid {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/polaroid.png) center top repeat;} .project-papper {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/project_papper.png) center top repeat;} .rip-jobs {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/rip_jobs.png) center top repeat;} .rockywall {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/rockywall.png) center top repeat;} .roughcloth {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/roughcloth.png) center top repeat;} .silver-scales {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/silver_scales.png) center top repeat;} .small-tiles {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/small_tiles.png) center top repeat;} .smooth-wall {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/smooth_wall.png) center top repeat;} .soft-circle-scales {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/soft_circle_scales.png) center top repeat;} .soft-wallpaper {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/soft_wallpaper.png) center top repeat;} .square-bg {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/square_bg.png) center top repeat;} .stucco {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/stucco.png) center top repeat;} .subtle-freckles {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/subtle_freckles.png) center top repeat;} .subtle-orange-emboss {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/subtle_orange_emboss.png) center top repeat;} .vichy {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/vichy.png) center top repeat;} .washi {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/washi.png) center top repeat;} .wavecut {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/wavecut.png) center top repeat;} .white-carbon {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/white_carbon.png) center top repeat;} .white_sand {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/white_sand.png) center top repeat;} .white-texture {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/white_texture.png) center top repeat;} .whitey {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/paterns/whitey.png) center top repeat;} .xv {background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/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 .8s 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-top: 1.165em;*/ /*padding-bottom: 3em;*/ background-color:#FFF; } /* Add salon background on this pages .catalog-category-view > .content-wrapper, .catalog-product-view > .content-wrapper { background: url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/backgrounds/hair_salon.jpg) no-repeat; }*/ .content-wrapper .container_12{padding-bottom:3em;} .content-wrapper .container_12{background-color:#FFF; padding-top:2.165em;} .content-wrapper .main-container{padding-top:0em;} .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:#333;} .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; } .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 .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:40px; text-align:center; white-space:nowrap; color:#fff; line-height: 40px; 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 {border: solid 0px;} button.button span span { /* background:none;*/ border:none; font-size:1em; font-weight:normal; color:#fff; display: block; padding: 0 20px; text-transform: uppercase; } 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:#333; 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:#627660;} .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://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/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://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/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{} body .widget .widget-title { clear: both; margin: 0; padding: 0; } /* Page Heading */ .page-title, body .widget .widget-title{margin-bottom: 1.45em; position: relative;} .page-title h1, .page-title h2, body .widget .widget-title h1, body .widget .widget-title h2{ font-size:2em; line-height:1.5em; font-weight:normal; margin:0; padding-right: 8px; color: #444; display: inline-block; } .widget .widget-title .right-divider, .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; } body .widget .products-grid .product-image, body .widget .products-list .product-image{ height: auto; width: auto; } .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 { 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 .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: 998; } .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;} .widget-products .pager .pages, .toolbar-bottom .pager .pages { display: block; margin-bottom: 0; float: right; padding: 0; } .widget-products .pager .pages{ float: none; } .widget-products .pager .pages strong, .toolbar-bottom .pager .pages strong{display:none;} .widget-products .pager .pages ol li, .toolbar-bottom .pager .pages ol li{ margin-left: 0px; line-height: 2.45em; } .widget-products .pager .pages ol li a, .toolbar-bottom .pager .pages ol li a{ color: #222; padding: .55em 11px; background-color: #eee; border-radius: 2px; -moz-border-radius: 2px; } .widget-products .pager .pages ol li.current, .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; } .widget-products .pager .pages ol li:hover a, .toolbar-bottom .pager .pages ol li:hover a{color: #fff;} .widget-products .pager .pages ol li.current, .toolbar-bottom .pager .pages ol li.current, .widget-products .pager .pages ol li a:hover, .toolbar-bottom .pager .pages ol li a:hover{text-decoration:none;} .widget-products .pager .pages ol li.i-previous-item, .toolbar-bottom .pager .pages ol li.i-previous-item{display:none;} .toolbar-bottom .i-right-previous-item{display:inline!important;} .widget-products .pager .pages ol li .i-previous, .toolbar-bottom .pager .pages ol li .i-previous, .widget-products .pager .pages ol li .i-next, .toolbar-bottom .pager .pages ol li .i-next{width:auto; height:auto; text-indent:0; overflow:visible; background:none; margin:0;} .widget-products .pager .pages ol li.i-right-previous-item .i-previous span, .toolbar-bottom .pager .pages ol li.i-right-previous-item .i-previous span, .widget-products .pager .pages ol li .i-next 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;} .widget .widget-products .pager{padding-bottom: 1.5em;} .widget .widget-products .pager .pager-box{display: inline-block; padding-right: 25px;} .widget .widget-products .pager .amount{display: inline-block;} .widget .widget-products .pages{padding-top: 0.42em;} .widget .widget-products .pager{padding-bottom: 1.5em;} body .widget .products-list .product-shop { margin-left: 0; } /* 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://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/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; } .cart-tax-total { display:block; padding-right:20px; background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/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://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/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://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/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:#FFFFFF; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .notice-cookie .notice-inner { width: 535px; padding: 15px 0 5px 0px; text-align:left; position: relative; min-height: 40px; margin: 0 auto;} .notice-cookie .notice-inner p { margin:0 0 10px; padding:10px; float: left; } .notice-cookie .notice-inner .actions { position: absolute;right: -10px;top: 12px;} /* ======================================================================================= */ /* 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;} /* Widget: Brand Slider */ ul.brands { overflow: hidden;} ul.brands li { float: left; margin-right: 20px; margin-bottom: 0; position: relative;} ul.brands li a{display: block;} .brands.slider-container{padding:0;} .brands.slider-container .widget-slider {height: auto;} .brands.slider-container .widget-slider ul.brands {overflow: visible !important;} .brands.slider-container .slider-off .next, .brands.slider-container .slider-off .prev{display: none;} /* Widget: Social Links */ ul.social-links { overflow:hidden; } ul.social-links li { float:left; padding:0 2px 2px 0!important; } ul.social-links li a { display:block; width:28px; height:28px; line-height: 28px; 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; } ul.social-links li a i {vertical-align: middle; line-height: 28px;} ul.social-links li a:hover { text-decoration:none; color: #fff; } /* //Social Links */ /* Header ================================================================================ */ header#header { padding: 0; margin: 0; } .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; border-bottom: solid 0px; } #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:-500%; } header#header.floating { background-color: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 999; 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; } 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:first-child 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:205px; 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:75%; 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 #4d5559;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:hover, 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.375em 19px; display: block;} header#header .top-cart .block-title .title-cart {font-size: .91em; line-height: 2.2em; text-transform: uppercase;} header#header .top-cart .block-title .title-cart i { font-size:1.45em; 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; background: none; /*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: 55px; width: 378px; border: 2px solid #4A5054; } 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; border: solid 0px; text-transform: uppercase; } 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; background-color:#FFF; } .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:#333; } .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 10% 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: 10em; 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: .75em; 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=30); 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 .prev:hover, .header-slider-container .iosSlider .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:#333; 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: right;} .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: 10px; 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; text-transform: uppercase; } #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;} .nav-wide#nav-wide li.level-top:hover > a > span, .nav-wide#nav-wide li.level-top.active > a > span{color:#fff;} .nav-wide#nav-wide li.level-top:hover > a:hover > span {color:#fff;} .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 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; transition: color 400ms ease; -moz-transition: color 400ms ease; -webkit-transition: color 400ms ease; -o-transition: color 400ms ease; } .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: 8px; right: 0; width: 100%; height: 3px; 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; transition: color 400ms ease; -moz-transition: color 400ms ease; -webkit-transition: color 400ms ease; -o-transition: color 400ms ease; } .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 li.level1 > a:hover:after{ background: #444; } .nav-wide#nav-wide ul.level1 ul{ margin-left: 18px; } .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; } /* Don't make the sub contents whit margin is no space */ .nav-wide#nav-wide .level1 > .top-content, .nav-wide#nav-wide .level1 > .bottom-content { margin-left: 0px; margin-right: 0px; } .nav-wide#nav-wide .top-content{ padding: 0 0 1.5em; border-bottom: 1px solid #ddd; margin-left: 18px; margin-right: 18px; margin-bottom: 1.5em; } .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 li.level1 .bottom-content{ border: none; } .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 .actions a {border: solid 0px;} aside.sidebar .block:first-child {margin-top:0;} aside.sidebar .block .block-title{ position: relative; margin-bottom: 1.16em; } header .right-divider, .footer-block-title .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://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/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: 24px; 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 .validation-advice{padding-left: 0; padding-top: 4px;} #newsletter-validate-detail, #footer-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 {} .label-new { position: absolute; color: #fff; font-size: .75em; text-transform: uppercase; z-index: 9; padding: 5px 19px 6px; } .products-grid .availability-only, .products-list .availability-only, .label-sale { position: absolute; color: #fff; font-size: .75em; text-transform: uppercase; z-index: 9; padding: 5px 19px 6px 18px; margin: 0!important; } .label-sale.percentage { font-size: 1em; } .label-sale.percentage span{ height: auto; font-weight: normal; font-size: 0.75em; } .products-list.top-right li.item .fancybox, .products-grid.top-right li.item .fancybox {right: 87%;} .products-list.top-left li.item .fancybox, .products-grid.top-left li.item .fancybox, .products-list.top-left li.item:hover .fancybox, .products-grid.top-left li.item:hover .fancybox {right: 5%;} .products-grid .product-image .label-shadow, .products-list .product-image .label-shadow { position: absolute; display: block; z-index: 0; width: 131px; height: 131px; } .products-grid.label-type-1 .label-shadow, .products-list.label-type-1 .label-shadow, .products-grid.label-type-4 .label-shadow, .products-list.label-type-4 .label-shadow, .products-grid.label-type-5 .label-shadow, .products-list.label-type-5 .label-shadow {display: none!important;} .products-grid.label-type-2.top-right .label-shadow, .products-list.label-type-2.top-right .label-shadow, .products-grid.label-type-5.top-right .label-shadow, .products-list.label-type-5.top-right .label-shadow {background: url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/shadow_top_right.png) no-repeat; top: -10px; right: -10px;} .products-grid.label-type-2.top-left .label-shadow, .products-list.label-type-2.top-left .label-shadow, .products-grid.label-type-5.top-left .label-shadow, .products-list.label-type-5.top-left .label-shadow {background: url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/shadow_top_left.png) no-repeat; top: -10px; left: -10px;} .products-grid.label-type-2.bottom-left .label-shadow, .products-list.label-type-2.bottom-left .label-shadow, .products-grid.label-type-5.bottom-left .label-shadow, .products-list.label-type-5.bottom-left .label-shadow {background: url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/shadow_bottom_left.png) no-repeat; bottom: -10px; left: -10px;} .products-grid.label-type-2.bottom-right .label-shadow, .products-list.label-type-2.bottom-right .label-shadow, .products-grid.label-type-5.bottom-right .label-shadow, .products-list.label-type-5.bottom-right .label-shadow {background: url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/shadow_bottom_right.png) no-repeat; bottom: -10px; right: -10px;} .label-type-1 div.label-sale.percentage span { display: block; height: auto; font-weight: normal; font-size: 0.75em; line-height: normal; position: relative; top: -12px; } .label-type-1 span.label-new, .label-type-1 div.label-sale, .products-grid.label-type-1 .availability-only, .products-list.label-type-1 .availability-only{ border-radius: 50%; -moz-border-radius: 50%; height: 40px; line-height: 40px; padding-top: 0; padding-bottom: 0; } .products-grid.label-type-1 .availability-only, .products-list.label-type-1 .availability-only {height: 60px; line-height: 50px;} .products-grid.label-type-1 .availability-only p, .products-list.label-type-1 .availability-only p { display: block; line-height: normal; position: relative; top: -18px; } .label-type-1.top-right .label-new {top: 5px; right: 5px;} .label-type-1.top-right .label-sale, .products-grid.label-type-1.top-right .availability-only, .products-list.label-type-1.top-right .availability-only {top: 70px; right: 5px;} .label-type-1.top-right .labels-sale-new .label-new {top: 70px;} .label-type-1.top-right .labels-sale-new .label-sale, .products-grid.label-type-1.top-right .labels-sale-new .availability-only, .products-list.label-type-1.top-right .labels-sale-new .availability-only {top: 5px;} .label-type-1.top-left .label-new {top: 5px; left: 5px;} .label-type-1.top-left .label-sale, .products-grid.label-type-1.top-left .availability-only, .products-list.label-type-1.top-left .availability-only {top: 70px; left: 5px;} .label-type-1.top-left .labels-sale-new .label-new {top: 70px;} .label-type-1.top-left .labels-sale-new .label-sale, .products-grid.label-type-1.top-left .labels-sale-new .availability-only, .products-list.label-type-1.top-left .labels-sale-new .availability-only {top: 5px;} .label-type-1.top-right .no-label-new .label-sale, .products-grid.label-type-1.top-right .no-label-new .availability-only, .products-list.label-type-1.top-right .no-label-new .availability-only, .label-type-1.top-left .no-label-new .label-sale, .products-grid.label-type-1.top-left .no-label-new .availability-only, .products-list.label-type-1.top-left .no-label-new .availability-only {top: 5px;} .label-type-1.bottom-right .label-new {bottom: 89px; right: 5px;} .label-type-1.bottom-right .label-sale, .products-grid.label-type-1.bottom-right .availability-only, .products-list.label-type-1.bottom-right .availability-only {bottom: 24px; right: 5px;} .label-type-1.bottom-right .labels-sale-new .label-new {bottom: 24px;} .label-type-1.bottom-right .labels-sale-new .label-sale, .products-grid.label-type-1.bottom-right .labels-sale-new .availability-only, .products-list.label-type-1.bottom-right .labels-sale-new .availability-only {bottom: 89px;} .label-type-1.bottom-left .label-new {bottom: 89px; left: 5px;} .label-type-1.bottom-left .label-sale, .products-grid.label-type-1.bottom-left .availability-only, .products-list.label-type-1.bottom-left .availability-only {bottom: 24px; left: 5px;} .label-type-1.bottom-left .labels-sale-new .label-new {bottom: 24px;} .label-type-1.bottom-left .labels-sale-new .label-sale, .products-grid.label-type-1.bottom-left .labels-sale-new .availability-only, .products-list.label-type-1.bottom-left .labels-sale-new .availability-only {bottom: 89px;} .label-type-1.bottom-right .labels-sale-new .no-label-new .label-sale, .products-grid.label-type-1.bottom-right .labels-sale-new .no-label-new .availability-only, .products-list.label-type-1.bottom-right .labels-sale-new .no-label-new .availability-only, .label-type-1.bottom-left .labels-sale-new .no-label-new .label-sale, .products-grid.label-type-1.bottom-left .labels-sale-new .no-label-new .availability-only, .products-list.label-type-1.bottom-left .labels-sale-new .no-label-new .availability-only {bottom: 24px;} /**** Label Type 2 ****/ .label-type-2 .label-new:after, .label-type-2 .label-sale:after, .products-grid.label-type-2 .availability-only:after, .products-list.label-type-2 .availability-only:after { right: 0px; top: 100%; border-width: 2px; border-style: solid; border-color: transparent; width: 0; height: 0; content: ""; position: absolute; z-index: 1; } .label-type-2 .label-new:before, .label-type-2 .label-sale:before, .products-grid.label-type-2 .availability-only:before, .products-list.label-type-2 .availability-only: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; } .products-grid.label-type-2 .availability-only p, .products-list.label-type-2 .availability-only p {display: inline;} .label-type-2.top-right .label-new {top: 10px; right: -4px;} .label-type-2.top-right .label-sale, .products-grid.label-type-2.top-right .availability-only, .products-list.label-type-2.top-right .availability-only {top: 45px; right: -4px;} .label-type-2.top-right .labels-sale-new .label-new {top: 45px;} .label-type-2.top-right .labels-sale-new .label-sale, .products-grid.label-type-2.top-right .labels-sale-new .availability-only, .products-list.label-type-2.top-right .labels-sale-new .availability-only {top: 10px;} .label-type-2.top-left .label-new {top: 10px; left: -4px;} .label-type-2.top-left .label-sale, .products-grid.label-type-2.top-left .availability-only, .products-list.label-type-2.top-left .availability-only {top: 45px; left: -4px;} .label-type-2.top-left .labels-sale-new .label-new {top: 45px;} .label-type-2.top-left .labels-sale-new .label-sale, .products-grid.label-type-2.top-left .labels-sale-new .availability-only, .products-list.label-type-2.top-left .labels-sale-new .availability-only {top: 10px;} .label-type-2.top-right .no-label-new .label-sale, .products-grid.label-type-2.top-right .no-label-new .availability-only, .products-list.label-type-2.top-right .no-label-new .availability-only, .label-type-2.top-left .no-label-new .label-sale, .products-grid.label-type-2.top-left .no-label-new .availability-only, .products-list.label-type-2.top-left .no-label-new .availability-only {top: 10px;} .label-type-2.bottom-right .label-new {bottom: 63px; right: -4px;} .label-type-2.bottom-right .label-sale, .products-grid.label-type-2.bottom-right .availability-only, .products-list.label-type-2.bottom-right .availability-only {bottom: 28px; right: -4px;} .label-type-2.bottom-right .labels-sale-new .label-new {bottom: 28px;} .label-type-2.bottom-right .labels-sale-new .label-sale, .products-grid.label-type-2.bottom-right .labels-sale-new .availability-only, .products-list.label-type-2.bottom-right .labels-sale-new .availability-only {bottom: 63px;} .label-type-2.bottom-left .label-new {bottom: 63px; left: -4px;} .label-type-2.bottom-left .label-sale, .products-grid.label-type-2.bottom-left .availability-only, .products-list.label-type-2.bottom-left .availability-only {bottom: 28px; left: -4px;} .label-type-2.bottom-left .labels-sale-new .label-new {bottom: 28px;} .label-type-2.bottom-left .labels-sale-new .label-sale, .products-grid.label-type-2.bottom-left .labels-sale-new .availability-only, .products-list.label-type-2.bottom-left .labels-sale-new .availability-only {bottom: 63px;} .label-type-2.bottom-right .labels-sale-new .no-label-new .label-sale, .products-grid.label-type-2.bottom-right .labels-sale-new .no-label-new .availability-only, .products-list.label-type-2.bottom-right .labels-sale-new .no-label-new .availability-only, .label-type-2.bottom-left .labels-sale-new .no-label-new .label-sale, .products-grid.label-type-2.bottom-left .labels-sale-new .no-label-new .availability-only, .products-list.label-type-2.bottom-left .labels-sale-new .no-label-new .availability-only {bottom: 28px;} .label-type-2.bottom-left .label-new:before, .label-type-2.bottom-left .label-sale:before, .products-grid.label-type-2.bottom-left .availability-only:before, .products-list.label-type-2.bottom-left .availability-only:before, .label-type-2.top-left .label-new:before, .label-type-2.top-left .label-sale:before, .products-grid.label-type-2.top-left .availability-only:before, .products-list.label-type-2.top-left .availability-only:before {left: 0; right: auto; border-right-color: rgba(0,0,0,.5); border-left-color: transparent;} .label-type-2.bottom-left .label-new:after, .label-type-2.bottom-left .label-sale:after, .products-grid.label-type-2.bottom-left .availability-only:after, .products-list.label-type-2.bottom-left .availability-only:after, .label-type-2.top-left .label-new:after, .label-type-2.top-left .label-sale:after, .products-grid.label-type-2.top-left .availability-only:after, .products-list.label-type-2.top-left .availability-only:after {left: 0; right: auto; border-left-color: transparent!important;} /**** Label Type 4 ****/ .label-type-4 span.label-new, .label-type-4 div.label-sale, .products-grid.label-type-4 .availability-only, .products-list.label-type-4 .availability-only{ border-radius: 50px; -moz-border-radius: 50px; line-height: 33px; height: 33px; padding:0 12px; } .products-grid.label-type-4 .availability-only, .products-list.label-type-4 .availability-only { line-height: 33px; } .products-grid.label-type-4 .label-shadow, .products-list.label-type-4 .label-shadow {display: none!important;} .products-grid.label-type-4 .availability-only p, .products-list.label-type-4 .availability-only p {display: inline;} .label-type-4 div.label-sale.percentage{ line-height: 33px; } .label-type-4 div.label-sale.percentage span{top: -9px;} .label-type-4.top-right .label-new {top: 5px; right: 5px;} .label-type-4.top-right .label-sale, .products-grid.label-type-4.top-right .availability-only, .products-list.label-type-4.top-right .availability-only {top: 40px; right: 5px;} .label-type-4.top-right .labels-sale-new .label-new {top: 40px;} .label-type-4.top-right .labels-sale-new .label-sale, .products-grid.label-type-4.top-right .labels-sale-new .availability-only, .products-list.label-type-4.top-right .labels-sale-new .availability-only {top: 5px;} .label-type-4.top-left .label-new {top: 5px; left: 5px;} .label-type-4.top-left .label-sale, .products-grid.label-type-4.top-left .availability-only, .products-list.label-type-4.top-left .availability-only {top: 40px; left: 5px;} .label-type-4.top-left .labels-sale-new .label-new {top: 40px;} .label-type-4.top-left .labels-sale-new .label-sale, .products-grid.label-type-4.top-left .labels-sale-new .availability-only, .products-list.label-type-4.top-left .labels-sale-new .availability-only {top: 5px;} .label-type-4.top-right .no-label-new .label-sale, .products-grid.label-type-4.top-right .no-label-new .availability-only, .products-list.label-type-4.top-right .no-label-new .availability-only, .label-type-4.top-left .no-label-new .label-sale, .products-grid.label-type-4.top-left .no-label-new .availability-only, .products-list.label-type-4.top-left .no-label-new .availability-only {top: 5px;} .label-type-4.bottom-right .label-new {bottom: 62px; right: 5px;} .label-type-4.bottom-right .label-sale, .products-grid.label-type-4.bottom-right .availability-only, .products-list.label-type-4.bottom-right .availability-only {bottom: 24px; right: 5px;} .label-type-4.bottom-right .labels-sale-new .label-new {bottom: 24px;} .label-type-4.bottom-right .labels-sale-new .label-sale, .products-grid.label-type-4.bottom-right .labels-sale-new .availability-only, .products-list.label-type-4.bottom-right .labels-sale-new .availability-only {bottom: 62px;} .label-type-4.bottom-left .label-new {bottom: 62px; left: 5px;} .label-type-4.bottom-left .label-sale, .products-grid.label-type-4.bottom-left .availability-only, .products-list.label-type-4.bottom-left .availability-only {bottom: 24px; left: 5px;} .label-type-4.bottom-left .labels-sale-new .label-new {bottom: 24px;} .label-type-4.bottom-left .labels-sale-new .label-sale, .products-grid.label-type-4.bottom-left .labels-sale-new .availability-only, .products-list.label-type-4.bottom-left .labels-sale-new .availability-only {bottom: 62px;} .label-type-4.bottom-right .labels-sale-new .no-label-new .label-sale, .products-grid.label-type-4.bottom-right .labels-sale-new .no-label-new .availability-only, .products-list.label-type-4.bottom-right .labels-sale-new .no-label-new .availability-only, .label-type-4.bottom-left .labels-sale-new .no-label-new .label-sale, .products-grid.label-type-4.bottom-left .labels-sale-new .no-label-new .availability-only, .products-list.label-type-4.bottom-left .labels-sale-new .no-label-new .availability-only {bottom: 24px;} /**** Label Type 5 ****/ .label-type-5 span.label-new, .label-type-5 div.label-sale, .products-grid.label-type-5 .availability-only, .products-list.label-type-5 .availability-only{ line-height: 33px; height: 33px; padding:0 10px 0 12px; } .products-grid.label-type-5 .availability-only p, .products-list.label-type-5 .availability-only p {display: inline;} .label-type-5 div.label-sale.percentage span{position: relative; top: 1px;} .label-type-5 span.label-new:before, .label-type-5 div.label-sale:before, .products-grid.label-type-5 .availability-only:before, .products-list.label-type-5 .availability-only:before{ width: 0; height: 0; border-top: 17px solid; border-left: 8px solid transparent; content:''; position: absolute; left: -8px; top: 0; } .label-type-5 .labels-sale-new span.label-new{padding: 0 12px 0 10px;} .label-type-5 .labels-sale-new div.label-sale, .products-grid.label-type-5 .labels-sale-new .availability-only, .products-list.label-type-5 .labels-sale-new .availability-only{padding:0 12px 0 10px;} .label-type-5 div.label-sale:before, .products-grid.label-type-5 .availability-only:before, .products-list.label-type-5 .availability-only:before, .label-type-5 div.label-sale:after, .products-grid.label-type-5 .availability-only:after, .products-list.label-type-5 .availability-only:after{ border-left: 8px solid transparent; left: -8px; /* right: -8px; */ } .label-type-5 span.label-new:after, .label-type-5 div.label-sale:after, .products-grid.label-type-5 .availability-only:after, .products-list.label-type-5 .availability-only:after{ width: 0; height: 0; border-bottom: 17px solid; border-left: 8px solid transparent; content:''; position: absolute; left: -8px; bottom: 0; } .label-type-5.top-right .label-new {top: 5px; right: 0px;} .label-type-5.top-right .label-sale, .products-grid.label-type-5.top-right .availability-only, .products-list.label-type-5.top-right .availability-only {top: 43px; right: 0px;} .label-type-5.top-right .labels-sale-new .label-new {top: 43px;} .label-type-5.top-right .labels-sale-new .label-sale, .products-grid.label-type-5.top-right .labels-sale-new .availability-only, .products-list.label-type-5.top-right .labels-sale-new .availability-only {top: 5px;} .label-type-5.top-left .label-new {top: 5px; left: 0px;} .label-type-5.top-left .label-sale, .products-grid.label-type-5.top-left .availability-only, .products-list.label-type-5.top-left .availability-only {top: 43px; left: 0px;} .label-type-5.top-left .labels-sale-new .label-new {top: 43px;} .label-type-5.top-left .labels-sale-new .label-sale, .products-grid.label-type-5.top-left .labels-sale-new .availability-only, .products-list.label-type-5.top-left .labels-sale-new .availability-only {top: 5px;} .label-type-5.top-right .no-label-new .label-sale, .products-grid.label-type-5.top-right .no-label-new .availability-only, .products-list.label-type-5.top-right .no-label-new .availability-only, .label-type-5.top-left .no-label-new .label-sale, .products-grid.label-type-5.top-left .no-label-new .availability-only, .products-list.label-type-5.top-left .no-label-new .availability-only {top: 5px;} .label-type-5.bottom-right .label-new {bottom: 62px; right: 0px;} .label-type-5.bottom-right .label-sale, .products-grid.label-type-5.bottom-right .availability-only, .products-list.label-type-5.bottom-right .availability-only {bottom: 24px; right: 0px;} .label-type-5.bottom-right .labels-sale-new .label-new {bottom: 24px;} .label-type-5.bottom-right .labels-sale-new .label-sale, .products-grid.label-type-5.bottom-right .labels-sale-new .availability-only, .products-list.label-type-5.bottom-right .labels-sale-new .availability-only {bottom: 62px;} .label-type-5.bottom-left .label-new {bottom: 62px; left: 0px;} .label-type-5.bottom-left .label-sale, .products-grid.label-type-5.bottom-left .availability-only, .products-list.label-type-5.bottom-left .availability-only {bottom: 24px; left: 0px;} .label-type-5.bottom-left .labels-sale-new .label-new {bottom: 24px;} .label-type-5.bottom-left .labels-sale-new .label-sale, .products-grid.label-type-5.bottom-left .labels-sale-new .availability-only, .products-list.label-type-5.bottom-left .labels-sale-new .availability-only {bottom: 62px;} .label-type-5.bottom-right .labels-sale-new .no-label-new .label-sale, .products-grid.label-type-5.bottom-right .labels-sale-new .no-label-new .availability-only, .products-list.label-type-5.bottom-right .labels-sale-new .no-label-new .availability-only, .label-type-5.bottom-left .labels-sale-new .no-label-new .label-sale, .products-grid.label-type-5.bottom-left .labels-sale-new .no-label-new .availability-only, .products-list.label-type-5.bottom-left .labels-sale-new .no-label-new .availability-only {bottom: 24px;} .label-type-5.bottom-left span.label-new:before, .label-type-5.bottom-left div.label-sale:before, .products-grid.label-type-5.bottom-left .availability-only:before, .products-list.label-type-5.bottom-left .availability-only:before, .label-type-5.bottom-left div.label-sale:after, .products-grid.label-type-5.bottom-left .availability-only:after, .products-list.label-type-5.bottom-left .availability-only:after, .label-type-5.top-left span.label-new:before, .label-type-5.top-left div.label-sale:before, .products-grid.label-type-5.top-left .availability-only:before, .products-list.label-type-5.top-left .availability-only:before, .label-type-5.top-left div.label-sale:after, .products-grid.label-type-5.top-left .availability-only:after, .products-list.label-type-5.top-left .availability-only:after{ right: -8px; left: auto; border-right: 8px solid transparent; } .label-type-5.bottom-left span.label-new:after, .label-type-5.bottom-left div.label-sale:after, .products-grid.label-type-5.bottom-left .availability-only:after, .products-list.label-type-5.bottom-left .availability-only:after, .label-type-5.top-left span.label-new:after, .label-type-5.top-left div.label-sale:after, .products-grid.label-type-5.top-left .availability-only:after, .products-list.label-type-5.top-left .availability-only:after{ right: -8px; left: auto; border-right: 8px solid transparent; } /* View Type: Grid */ .products-grid { clear:both; list-style:none !important; padding: 0 !important; margin: 0 ; position:relative; overflow: visible!important; margin:0 -10px; } .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.grid-2-columns li.item{width:50%;} .products-grid.grid-2-columns li.item:nth-of-type(2n+1){clear:left;} .products-grid.grid-3-columns li.item{width:33.3%;} .products-grid.grid-3-columns li.item:nth-of-type(3n+1){clear:left;} .products-grid.grid-4-columns li.item{width:24.99%;} .products-grid.grid-4-columns li.item:nth-of-type(4n+1){clear:left;} .products-grid.grid-5-columns li.item{width:19.95%;} .products-grid.grid-5-columns li.item:nth-of-type(5n+1){clear:left;} .products-grid.grid-6-columns li.item{width:16.6%;} .products-grid.grid-6-columns li.item:nth-of-type(6n+1){clear:left;} .products-grid.grid-7-columns li.item{width:14.2%;} .products-grid.grid-7-columns li.item:nth-of-type(7n+1){clear:left;} .products-grid.grid-8-columns li.item{width:12.5%;} .products-grid.grid-8-columns li.item:nth-of-type(8n+1){clear:left;} .products-grid li.item .product-container{ padding-left: 10px; padding-right: 10px; text-align: center; } .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: 18px 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 0 .5em; 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 {display: inline-block;} .products-grid .add-to-links li {display: inline-block;} .products-grid p.email-friend a i {padding-right: 0;} .products-grid .add-to-links .separator { display:none; margin:0 2px; } .products-grid .email-friend {display: inline-block;} .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; margin-bottom: .75em; } .products-grid li.item .button-holder .ajax-loader-item {left: auto; right: -20px; top: 10px;} .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://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/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; 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; border: solid 0px;} .products-list .product-image img, .products-grid .product-image img {position: relative; z-index: 2;} .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 .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; border: none!important; } .products-grid .product-img-box .btn-quick-view span span, .products-list .product-img-box .btn-quick-view span span { text-transform:none; color:#333; font-size:12px; padding: 0; background-color: rgba(0,0,0,.4); transition: background-color .2s ease; -moz-transition: background-color .2s ease; -webkit-transition: background-color .2s ease; -o-transition: background-color .2s 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: 2.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 {} .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:5; -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://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/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://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/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://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/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://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/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://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/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 .product-brand { overflow: hidden; border-bottom: 1px solid #EEE; padding-bottom: 15px; margin-bottom: 15px; } .product-view .product-brand.description .brand-img { float: left; margin: 0 20px 10px 0; } .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 .product-img-box.productpage_extralarge{ padding-bottom: 2em; } .product-view .bundled-price {display: none;} .product-view .fb-like {margin-right: 9px;} .product-view .product-shop .product-name {} .product-view .product-name h1 { font-size: 2.571em; text-transform: none; color: #444; margin-bottom: .35em; } .product-view .product-name h1 .sku{ font-size: 0.36em; color:#888; display: block; } .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;} .product-collateral .box-collateral i.fa { font-size: 12px; top: 2px; position: absolute; left: -2px; } .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: 998; 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; font-size: 11px; margin-bottom: 9px; } .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://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/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: 98%!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_12 .box > ul, .catalog-product-view .box-reviews .grid_12 #review-form > fieldset { border-bottom: solid 1px #dfdfdf; margin-bottom: 1.5em; padding-bottom: 0; } .catalog-product-view .box-reviews .grid_12 #review-form > fieldset{padding-bottom: 1.5em;} .catalog-product-view .box-reviews .grid_12 .box > ul li { padding-bottom: 3em; } .catalog-product-view .box-reviews .grid_12 > 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;} .product-essential .meigee-tabs li { height: 30px; } .product-essential .meigee-tabs a { padding: 5px; height: 20px; } .product-essential .meigee-tabs-content { padding: 10px; } /* ======================================================================================= */ /* 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-amount strong { font-weight: bold; color: #333333;} .advanced-search-summary { background: #f5f5f5; padding:18px; margin-bottom: 15px; } .advanced-search-summary p { padding-top: 20px; margin-bottom: 0;} .advanced-search-summary ul li { font-size: 1.2em; line-height: 1.5em; } .advanced-search-summary strong { font-weight: bold; color: #333333; } /* 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://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/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: 100%; } .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: right; padding: 0; margin-top: .75em; margin-right: 10px; 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; font-size: 0.95em; vertical-align: middle; } .cart .shipping .buttons-set button { float:left; 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://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/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://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/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://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/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 .label {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://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/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 .backstretch{display: none;} .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 h1{ 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:99999; } .ajax-box-overlay i.load{ position: absolute; top: 30%; left: 50%; margin-left: -24px; background-image:url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/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: 100000; 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; } #login-holder .close-button i { color: #aaa; } #login-holder .page-title { margin-bottom: 2.34em; border: none; padding: 0; } #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; } #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; border: solid 0px; } #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:#333;} .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: left; } #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: uppercase; 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; border: solid 0px; } #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;} #footer .container_12 .grid_12 {position: static;} /*#footer .container_12 > span { background: url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/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; 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;} .bottom-products {padding:0;} .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 .footer-block-title {margin-bottom: 1.85em; padding-top: 3.67em; position: relative;} #footer .custom_footer h3 { color: #fff; 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 #4f565b;} #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: #ccc; 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: #ccc; font-size: .91em; margin-bottom: 1em; } #footer .focus #footer-newsletter {border-color: #6dafe1;} #footer .block-subscribe .block-title{display: none;} #footer #footer-newsletter { border: solid 1px #353c41; padding: 10px 10px; /*border-right: none;*/ width: 60%; float: left; background-color: #353c41; font-size: .91em; color: #aaa; margin: 0; 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 #footer-newsletter.validation-failed{ margin-bottom: 2em; } #footer #footer-newsletter-validate-detail .input-box{position: relative;} #footer #footer-newsletter-validate-detail .validation-advice{ position: absolute; left: -16px; bottom: -9px; } #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; } #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: rgba(255,255,255,.2);} .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: rgba(255,255,255,.2)} /* 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;} } /* Custom Css from Parallax ========================================================================= */ section { position: relative; } .pattern:after { background: url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/parallax/pattern.png); width: 100%; height: 100%; bottom: 0; left: 0; position: absolute; z-index: 1; content: ""; } /** * 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) 2012 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://cdn.pangaea.co.uk/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://cdn.pangaea.co.uk/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://cdn.pangaea.co.uk/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://cdn.pangaea.co.uk/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://cdn.pangaea.co.uk/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://cdn.pangaea.co.uk/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://cdn.pangaea.co.uk/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://cdn.pangaea.co.uk/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://cdn.pangaea.co.uk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ #aw-afptc-popup { position: fixed; border: 1px #999999 solid; text-align: center !important; padding: 10px; background-color: #ffffff; z-index: 9999; color: black; overflow: auto; min-height:200px; min-width: 450px; width: auto; height: auto; } #aw-afptc-overlay { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; -moz-opacity: 0.3; opacity:.30; filter: alpha(opacity=30); z-index: 100; } .aw-afptc-promo-message { font-size:16px; } #aw-afptc-popup .product-name { font-size:16px; } div#aw-afptc-popup div.block-content ul.free-products-list{ max-height:300px; overflow-y:auto; overflow-x:hidden; } div#aw-afptc-popup div.block-content ul.product-details li{ float:left; } div#aw-afptc-popup div.block-content ul.product-details li div.product-details{ padding:10px; } div#aw-afptc-popup div.block-content ul.product-details li div.product-details div.price-box{ float:left; text-align:left; } div#aw-afptc-popup div.block-content ul.product-details li:first-child { width:80px; } div#aw-afptc-popup div.block-content ul.product-details li input{ float:left; } div#aw-afptc-popup div.block-content ul.product-details div.validation-advice{ width:60px; text-align:left; } div#aw-afptc-popup li.item:last-child { clear:both; } div#aw-afptc-popup div.block-content ul.product-details li div.product-image{ margin-bottom:5px; } .amazonpayments-or { line-height: 2.3; margin: 0 8px; } .cart .totals .checkout-types .amazonpayments-or { display: block; clear: both; font-size: 11px; line-height: 1; padding: 8px 55px 0 0; } .block-cart .actions .amazonpayments-or { display: block; clear: both; font-size: 11px; line-height: 1; padding: 8px 55px 8px 0; margin: 0; } .pay-with-amazon-tooltip { border: solid 1px #bbbbbb; background-color: #ffffff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; padding: 10px 15px; width: 300px; font-size: 11px; text-align: left; box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; -moz-box-shadow: 0 0 5px #888; -o-box-shadow: 0 0 5px #888; } .pay-with-amazon-tooltip img { float: right; padding: 5px 0 5px 10px; } .pay-with-amazon-onepage-shortcut { padding-bottom: 10px; } .pay-with-amazon-onepage-shortcut p { padding: 10px 0; } .pay-with-amazon-onepage-shortcut p img { display: none; } .payButtonWidget { display: inline; } .payButtonWidget img { cursor: pointer; } .checkout-types.bottom .payButtonWidget { display: block; } .checkout-types.bottom .amazonpayments-or { text-align: right; padding-right: 70px; margin: 0; } .checkout-types.minicart .payButtonWidget img { display: inline; } .checkout-types.minicart .amazonpayments-or { display: block; } .checkout-onepage-index .loginButtonWidget, .checkout-onepage-index .payButtonWidget { margin-bottom: 15px; text-align: right; } ol.apa { list-style: none outside none; margin: 0; padding: 0; width: 100%; } .apa .section { margin: 0 0 15px 0; } .apa .store-widget { clear: both; border: solid 1px #bbbbbb; background-color: #ffffff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; } .apa .amazon-widget-overlay { position: fixed; display: block; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; } .apa .step-title { margin: 12px; } .apa .step-title img { float: left; height: 22px; margin: 0 7px 0 0; vertical-align: middle; width: 23px; } .apa .step-title h2 { color: #2f3841; font-family: Arial; font-size: 14px; font-weight: bold; vertical-align: middle; text-transform: none; } .apa .section-content { margin: 0 12px 12px; } .apa .section-please-wait { display: none; height: 80px; margin: 12px; background: url('https://cdn.pangaea.co.uk/skin/frontend/base/default/creativestyle/images/amazon-loading-large.gif') center center no-repeat; } .apa .amazon-widget.loading { min-height: 80px; background: url('https://cdn.pangaea.co.uk/skin/frontend/base/default/creativestyle/images/amazon-loading-large.gif') center center no-repeat; } .apa .loading .section-content { display: none; } .apa .loading .section-please-wait { display: block; } .apa .sandbox-simulation select { width: 25%; } .apa .sandbox-simulation p { margin: 0 0 10px; } .apa .buttons-set { line-height: 40px; } .apa .buttons-set.disabled button.button { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; } .amazon-login { padding-top: 27px; } .amazon-login.position-before { padding-top: 0 !important; padding-bottom: 27px; } .amazon-login .content { min-height: 100px; } .buttons-set button.cancel span { border-color:#406a83; background:#618499; } #addressBookWidgetDiv, #walletWidgetDiv { width: 100%; height: 100%; } .apa .amazon-widget { display: block; height: 300px; clear: none; } .apa .section { display: block; clear: none; } @media only screen and (min-width: 575px) { .apa #apa-shipping { width: 260px; margin-right: 15px; float: left; } .apa #apa-payment { margin-left: 275px; } .apa-virtual-checkout #apa-payment { margin-left: 0 !important; } } @media only screen and (min-width: 775px) { .apa #apa-shipping { width: 360px; margin-right: 15px; float: left; } .apa #apa-payment { margin-left: 375px; } } @media only screen and (min-width: 960px) { .apa #apa-shipping { width: 310px; margin-right: 15px; float: left; } .apa #apa-payment { width: 310px; margin-right: 15px; margin-left: 0; float: left; } .apa .narrow-section { height: 298px; margin-left: 650px; clear: none; overflow: auto; } .apa-virtual-checkout #apa-payment { width: 360px; float: left; margin-right: 15px; } .apa-virtual-checkout .review-section { margin-left: 375px; height: 298px; clear: none; overflow: auto; } } @font-face { font-family: Open sans; src: url(https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/OpenSans-Regular.ttf); } .magestore-popup_social { max-width: 622px !important; } .clear{ width:100%; height:0px; clear:both; font-size:0px; line-height:0px; } #sociallogin_button{ margin-top:10px; } #sociallogin_button button span{ box-sizing: border-box; } #bt-loginfb span, #bt-loginfb-other span, #bt-loginfb-popup span{ height:35px; background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/fb.png") no-repeat; display: block; float: left; } #bt-loginfb span span,#bt-loginfb-other span span, #bt-loginfb-popup span span{background: none repeat scroll 0 0 #2d78bd;} #bt-loginamazon span,#bt-loginamazon-other span, #bt-loginamazon-popup span{ height:35px; background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/bt_amazon.png") no-repeat; display: block; float: left; } #bt-loginamazon span span,#bt-loginamazon-other span span, #bt-loginamazon-popup span span{background: none repeat scroll 0 0 #fe9900;} #bt-loginins span,#bt-loginins-other span, #bt-loginins-popup span{ height:35px; background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/bt_intagram.png") no-repeat; display: block; float: left; } #bt-loginins span span,#bt-loginins-other span span, #bt-loginins-popup span span{background: none repeat scroll 0 0 #42729a;} #bt-logingo span,#bt-logingo-other span, #bt-logingo-popup span{ height: 35px; background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/google.png") no-repeat; display: block; float: left; } #bt-logingo span span,#bt-logingo-other span span, #bt-logingo-popup span span{background: none repeat scroll 0 0 #dd4b39;} #magestore-popup .input-box{width:100%;} #bt-loginvk span,#bt-loginvk-other span, #bt-loginvk-popup span{ height: 35px; background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/vk.png") no-repeat; display: block; float: left; } #bt-loginvk span span,#bt-loginvk-other span span, #bt-loginvk-popup span span{background: none repeat scroll 0 0 #44678d;} #bt-loginper span,#bt-loginper-other span, #bt-loginper-popup span{ height: 35px; background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/persional.png") no-repeat; display: block; float: left; } #bt-loginper span span,#bt-loginper-other span span, #bt-loginper-popup span span{background: none repeat scroll 0 0 #ffc823;} #bt-loginse span,#bt-loginse-other span, #bt-loginse-popup span{ height: 35px; background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/stack.png") no-repeat; display: block; float: left; } #bt-loginse span span,#bt-loginse-other span span, #bt-loginse-popup span span{background: none repeat scroll 0 0 #3170c3;} #bt-logintw span,#bt-logintw-other span, #bt-loginaol-popup span{ height: 35px; background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/twit.png") no-repeat; display: block; float: left; } #bt-logintw span span,#bt-logintw-other span span, #bt-loginaol-popup span span{background: none repeat scroll 0 0 #28bceb;} #bt-loginwp span,#bt-loginwp-other span, #bt-loginwp-popup span{ background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/wpress.png") no-repeat; } #bt-loginwp span span,#bt-loginwp-other span span, #bt-loginwp-popup span span{background: none repeat scroll 0 0 #555555;} #bt-loginya span, #bt-loginya-popup span{ height: 35px; background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/yh.png") no-repeat; display: block; float: left; } #bt-loginya span span,#bt-loginya-other span span, #bt-loginya-popup span span{background: none repeat scroll 0 0 #6f2b90;} /* by Hai Ta */ #bt-loginaol span,#bt-loginaol-other span, #bt-loginaol-popup span{ background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/aol.png") no-repeat; } #bt-loginaol span span,#bt-loginaol-other span span, #bt-loginaol-popup span span{background: none repeat scroll 0 0 #ffc923;} #bt-loginwp span,#bt-loginwp-other span, #bt-loginwp-popup span{ background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/wpress.png") no-repeat; } #bt-loginwp span span,#bt-loginwp-other span span, #bt-loginwp-popup span span{background: none repeat scroll 0 0 #555555;} #bt-logincal span,#bt-logincal-other span, #bt-logincal-popup span{ background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/clavid.png") no-repeat; } #bt-logincal span span,#bt-logincal-other span span, #bt-logincal-popup span span{ background: none repeat scroll 0 0 #12396b;} #bt-loginorg span,#bt-loginorg-other span, #bt-loginorg-popup span{ background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/orange.png") no-repeat; } #bt-loginorg span span,#bt-loginorg-other span span, #bt-loginorg-popup span span{background: none repeat scroll 0 0 #ff6501;} #bt-loginmp span,#bt-loginmp-other span, #bt-loginmp-popup span{ background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/mysp.png") no-repeat; } #bt-loginmp span span,#bt-loginmp-other span span, #bt-loginmp-popup span span{background: none repeat scroll 0 0 #ff6501;} #bt-loginlive span,#bt-loginlive-other span, #bt-loginlive-popup span{ background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/live.png") no-repeat; } #bt-loginlive span span,#bt-loginlive-other span span, #bt-loginlive-popup span span{ background: none repeat scroll 0 0 #30a8e4;} #bt-loginfq span,#bt-loginfq-other span, #bt-loginfq-popup span{ background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/fq.png") no-repeat; } #bt-loginfq span span,#bt-loginfq-other span span, #bt-loginfq-popup span span{ background: none repeat scroll 0 0 #099eba;} #bt-loginlinked span,#bt-loginlinked-other span, #bt-loginlinked-popup span{ background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/linked.png") no-repeat; } #bt-loginlinked span span,#bt-loginlinked-other span span, #bt-loginlinked-popup span span{background: none repeat scroll 0 0 #017fb2;} #bt-loginopen span,#bt-loginopen-other span, #bt-loginopen-popup span{ background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/myop.png") no-repeat; } #bt-loginopen span span,#bt-loginopen-other span span, #bt-loginopen-popup span span{background: none repeat scroll 0 0 #74bc52;} #bt-loginlj span,#bt-loginlj-other span, #bt-loginlj-popup span{ background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/liveJ.png") no-repeat; } #bt-loginlj span span,#bt-loginlj-other span span, #bt-loginlj-popup span span{background: none repeat scroll 0 0 #143ea9;} #sociallogin-other-div{ display: block; float: right; } #sociallogin-other-a{ width: 91px; display: block; } #sociallogin-other-a-popup{margin-right:30px} .sociallogin-other{ display: block; float: right; width: 100%; /* margin-top: -25px; */ } .sociallogin-other-span{ cursor: pointer; font-weight: bold; white-space: nowrap; } .sociallogin-other-span-img-popup{ float: right; width: 20px; height: 25px; cursor: pointer; background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/add.png") no-repeat right; } .other-button{ /* margin: 7px 3px 5px 4px; */ } .sociallogin-other-button{ width: auto; max-width:375px; } button.bt-login-social{background:none;border:none;cursor: pointer;} button.bt-login-social:hover{opacity: 0.9; /* width: 88%; */} button.bt-login-social span{ height:35px; line-height:35px; color:#fff; padding: 0 0 0 35px; float:left; } button#bt-logintw-popup span{ height: 35px; background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/twit.png") no-repeat; display: block; float: left; } #sociallogin_button .sociallogin-other #other_sociallogin_label{font-family: Open sans;} button.bt-login-social span span{ background-position:100% 0 !important; /* padding-right:10px !important; */ padding-left:10px !important; text-align: left; color:#fff; min-width: 110px; font-family: Open sans; font-size: 12px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: regular; text-transform:none; } button.bt-login-social span span { min-width: 125px; } /* change poppup */ #magestore-popup{ top: 100px; position: absolute; z-index: 40020; border-radius: 7px; border: 10px solid rgba(255, 255, 255, 0.58); } #magestore-popup .border-popup{ float: left; width: 100%; padding: 15px; height: auto; background: #fff; } #magestore-login-social{ float: right; width: 43%; } #magestore-login-social .magestore-loign-h3{ float: right; padding-right: 102px; } #bg_fade { background-color: #000000; height: 100%; left: 0; margin: 0; padding: 0; position: fixed; top: 0; visibility: hidden; width: 100%; z-index: 1000; opacity: 0.3; } #sociallogin-close{ cursor: pointer; height: 33px; position: absolute; right: -20px; top: -16px; z-index: 9999; right: -12px; top: -15px; height: 34px; width: 33px; background:url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/close.png") no-repeat; } #sociallogin-close:hover{ text-decoration: underline; } #sociallogin-close-popup{ cursor: pointer; position: absolute; z-index: 9999; right: -22px; top: -22px; height: 34px; width: 33px; background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/close.png") no-repeat; } #sociallogin-close-popup:hover{ text-decoration: underline; } #magestore-login-form{ padding-left: 33px; width: 57%; background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/bg-login.png") no-repeat right center; } .magestore-loign-h3{ margin-bottom: 18px; font-family: 'tahoma',Arial,Helvetica,sans-serif; font-size: 15px; padding-bottom: 3px; } .magestore-login-input-box{ } .login-label{ padding-top: 5px; font-weight: normal; color: #666; margin: 5px; } .login-label em{ color: red; } .sociallogin-input-box{ } .sociallogin-input-box .input-text{ border: 1px solid #CCCCCC; border-radius: 2px 2px 2px 2px; box-shadow: 0 2px 2px #E3E3E3 inset; font-family: inherit; font-size: 1.1em; margin: 0; padding: 5px 4px; width: 230px; height: 32px; } .magestore-login-popup-button{ float: left; margin-top: 15px; } .magestore-login-popup-button button{ float: left; margin-bottom: 15px; } .magestore-login-popup-button .pass-register { float: left; width: 100%; } #magestore-forgot-password, #magestore-forgot-back, #magestore-sociallogin-create-new-customer{ font-size: 16px; float: left; } #magestore-forgot-back{ margin-right: 40px; } .popup_click_btn{ float: left; /* margin-left: 137px; */ } .magestore-login-input-box .login-label em{ } .ajax-login-image{ background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/opc-ajax-loader.gif") no-repeat scroll 0 0 transparent; width: 16px; height: 16px; margin: 5px 0 5px 152px; } .magestore-invalid-email{ margin-left: 152px; color: red; } #sociallogin-forgot{ margin-bottom : 20px; padding-right: 15px; } .magestore-sociallogin-create-new-customer{ float: left; clear: both; } #magestore-button-sociallogin-forgot{ margin-top: 15px; } .magestore-sociallogin-create-new-customer a{ padding-left: 32px; font-weight: bold; } .sociallogin-field{ width: 218px; float: left; } .sociallogin-field .input-text{ width: 230px; } #magestore-create-back{ font-size: 14px; float: left; margin-left: 80px; margin-top: 6px; } .sociallogin-other-button-popup{ float: left; text-align: center; padding: 15px 0px 0px; } #sociallogin_button ul.right{float:right; width: 100%;text-align: center;} #sociallogin_button ul.left{float:left;} /*Register*/ #magestore-create-user { width: 57%; background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/bg-login.png") no-repeat right center; padding-left: 33px; } .magestore-create-popup-button{ float: left; width: 100%; margin-top: 15px; } @font-face { font-family: Open sans; src: url(https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/OpenSans-Regular.ttf); } #sociallogin_button #magestore-popup_social ul li button{ width: 175px;height:37px; } #sociallogin_button #magestore-popup_social ul li { float:left; font-family: Open sans; } @media all and (min-width: 0px) and (max-width: 680px){ #magestore-popup_social { font-size: 1.5em !important; } } @media (min-width: 681px) { } @media all and (min-width: 0px) and (max-width: 459px) { #sociallogin_button #magestore-popup_social ul li{padding: 0px 0px 10px 0px;} #sociallogin_button ul li{padding: 0px 0px 10px 0px;} } @media (min-width: 460px) { #sociallogin_button #magestore-popup_social ul li{padding: 0px 0px 10px 10px;} #sociallogin_button ul li{padding: 0px 0px 10px 10px;} } ul.magestore-login-social li{background:#fff;border:none; float: right} #magestore-popup{ width:66% !important; z-index:99999; max-width: 630px; } #magestore-popup_social { text-align: center; font-size: 1.5em; line-height: 1.25em; margin-bottom: 0.7em; position: absolute; top: 100px !important; left: 0; z-index: 100000; background-color: white; } #sociallogin_button ul.right li{ float: right; } .magestore-popup_social{ width: 90% !important; } #other_sociallogin_label { background-color: rgb(240, 240, 237); line-height: 2em; } #magestore-popup_social li{ /* float: right; */ text-align: center; } .magestore-login-social{ float: right; padding-right: 30px; } ul.magestore-login-social li.button{ list-style: none !important; padding: 4px 0; } ul.magestore-login-social li.button:hover{ background:none !important; margin:0; border:none; list-style: none !important; } .sociallogin-input-box .input-text{ box-shadow: none; } .sociallogin-other-button-popup li.button{ background:none; border:none; list-style: none !important; padding: 3px 8px !important; } .sociallogin-other-button-popup li.button:hover{ background:none; border:none; list-style: none !important; } .other-button{padding:0;} .bt-login-social{padding:0;margin:0 !important;} .top-container{width:100%;} #sociallogin_button{ /*float:left;*/ } #sociallogin_button ul li,.sociallogin-other ul li{margin: 0px;} #sociallogin_button ul li.button,.sociallogin-other ul li.button{ background:none !important; border:none !important; list-style: none !important; } #sociallogin_button ul li.button,.sociallogin-other ul li{ display: inline-block; margin: 0 auto; /* float: none; */ } #sociallogin_button ul li.button:hover{ background:none !important; border:none !important; list-style: none !important; } .sociallogin-other-button{ _display:block !important; z-index:3000 !important; } #sociallogin-other-a{ display: inline-block; width:100%; text-align:right; } #sociallogin-other-div{ display: inline-block; width:100%; margin:0; } #sociallogin-other-b{ display:block; height:30px; line-height:30px; } #sociallogin-other-b span{ display:block; margin-right:30px; text-align:right; } #sociallogin-other-button{ top:30px; } #magestore-login-form .magestore-invalid-email{ margin:0; } .other-button{ /* margin: 0px 2px 0px 2px !important; padding: 3px 0px 0px 8px!important; */ } #bg_fade{ z-index:30020 !important; float:left; width:100%; min-height:3000px; } .active .sociallogin-other-span-img-popup{ float: right; width: 20px; height: 25px; cursor: pointer; background: url("https://cdn.pangaea.co.uk/skin/frontend/base/default/css/magestore/sociallogin/sub.png") no-repeat right; } @media only screen and (max-width: 900px){ #magestore-sociallogin-form-forgot .magestore-login-popup-button{ width: 100%; } #magestore-popup .border-popup{ height: auto; } #magestore-login-form{ width: 100%; background: none; padding: 0; } .sociallogin-input-box .input-text { box-shadow: none; width: 100%; } .magestore-login-popup-button .pass-register { float: right; width: auto; } #magestore-login-social{ width: 100%; text-align: center; margin-top: 15px; } .magestore-login-social { padding-right: 0px; } ul.magestore-login-social li.button { margin-right: 8px; } ul.magestore-login-social li { float: left; vertical-align: middle; float: none; } #magestore-login-social .magestore-loign-h3 { float: left; padding-right: 0; width: 100%; margin-bottom: 2px; } #magestore-button-sociallogin-forgot { margin-top: 0px; float: right; } #magestore-create-user { width: 100%; background: none; padding-left: 0px; } #magestore-sociallogin-form-create .form-list > li{ float: left; width: 100%; } #magestore-popup .form-list .sociallogin-field{ width: 50%; } #magestore-popup .form-list .sociallogin-field.right{ padding-left: 5px; } #magestore-button-sociallogin-forgot{ margin-bottom: 0; } } @media only screen and (max-width: 650px){ .magestore-login-social { text-align: center; } ul.magestore-login-social li.button { margin-right: 0px; vertical-align: middle; float:none; } .magestore-login-popup-button{ margin-bottom: 15px; } #magestore-forgot-password, #magestore-sociallogin-create-new-customer{ font-size: 15px; } #magestore-forgot-back { font-size: 14px; } } @media only screen and (max-width: 500px){ #magestore-popup .form-list .sociallogin-field{width: 100%} .sociallogin-field .input-text{width: 100%} #magestore-create-back{ font-size: 14px; text-align: center; margin-bottom: 10px; float: left; width: 100%; } #magestore-button-sociallogin-create{ width: 100%;} } @media only screen and (max-width: 480px){ .magestore-login-popup-button button{ width:100%; } .magestore-login-popup-button .pass-register { float: right; clear: both; } #magestore-forgot-password, #magestore-sociallogin-create-new-customer{ font-size: 14px; } #magestore-forgot-back { width: 100%; text-align: center; margin-bottom: 12px; } } /*! lightslider - v1.1.3 - 2015-04-14 * https://github.com/sachinchoolur/lightslider * Copyright (c) 2015 Sachin N; Licensed MIT */ /** /!!! core css Should not edit !!!/**/ .lSSlideOuter { overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .lightSlider:before, .lightSlider:after { content: " "; display: table; } .lightSlider { overflow: hidden; margin: 0; } .lSSlideWrapper { max-width: 100%; overflow: hidden; position: relative; } .lSSlideWrapper > .lightSlider:after { clear: both; } .lSSlideWrapper .lSSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; -webkit-transition-property: -webkit-transform,height; -moz-transition-property: -moz-transform,height; transition-property: transform,height; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lSSlideWrapper .lSFade { position: relative; } .lSSlideWrapper .lSFade > * { position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100%; } .lSSlideWrapper.usingCss .lSFade > * { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lSSlideWrapper .lSFade > *.active { z-index: 10; } .lSSlideWrapper.usingCss .lSFade > *.active { opacity: 1; } /** /!!! End of core css Should not edit !!!/**/ /* Pager */ .lSSlideOuter .lSPager.lSpg { margin: 10px 0 0; padding: 0; text-align: center; } .lSSlideOuter .lSPager.lSpg > li { cursor: pointer; display: inline-block; padding: 0 5px; } .lSSlideOuter .lSPager.lSpg > li a { background-color: #222222; border-radius: 30px; display: inline-block; height: 8px; overflow: hidden; text-indent: -999em; width: 8px; position: relative; z-index: 99; -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; } .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a { background-color: #428bca; } .lSSlideOuter .media { opacity: 0.8; } .lSSlideOuter .media.active { opacity: 1; } /* End of pager */ /** Gallery */ .lSSlideOuter .lSPager.lSGallery { list-style: none outside none; padding-left: 0; margin: 0; overflow: hidden; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .lSSlideOuter .lSPager.lSGallery li { overflow: hidden; -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s; transition: border-radius 0.12s linear 0s 0.35s linear 0s; } .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { border-radius: 5px; } .lSSlideOuter .lSPager.lSGallery img { display: block; height: auto; max-width: 100%; } .lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after { content: " "; display: table; } .lSSlideOuter .lSPager.lSGallery:after { clear: both; } /* End of Gallery*/ /* slider actions */ .lSAction > a { width: 32px; display: block; top: 50%; height: 32px; background-image: url('https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/img/controls.png'); cursor: pointer; position: absolute; z-index: 99; margin-top: -16px; opacity: 0.5; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; } .lSAction > a:hover { opacity: 1; } .lSAction > .lSPrev { background-position: 0 0; left: 10px; } .lSAction > .lSNext { background-position: -32px 0; right: 10px; } .lSAction > a.disabled { pointer-events: none; } .cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; } /* vertical */ .lSSlideOuter.vertical { position: relative; } .lSSlideOuter.vertical.noPager { padding-right: 0px !important; } .lSSlideOuter.vertical .lSGallery { position: absolute !important; left: 0; top: 0; } .lSSlideOuter.vertical .lightSlider > * { width: 100% !important; max-width: none !important; } /* vertical controlls */ .lSSlideOuter.vertical .lSAction > a { left: 50%; margin-left: -14px; margin-top: 0; } .lSSlideOuter.vertical .lSAction > .lSNext { background-position: 31px -31px; bottom: 10px; top: auto; } .lSSlideOuter.vertical .lSAction > .lSPrev { background-position: 0 -31px; bottom: auto; top: 10px; } /* vertical */ /* Rtl */ .lSSlideOuter.lSrtl { direction: rtl; } .lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { padding-left: 0; list-style: none outside none; } .lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { padding-right: 0; } .lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li { float: left; } .lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li { float: right !important; } /* Rtl */ @-webkit-keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } @keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } @-webkit-keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } } @keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } } @-webkit-keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } @keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } @-webkit-keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } } @keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } } .lSSlideOuter .rightEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } .lSSlideOuter .leftEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } .lSSlideOuter.vertical .rightEnd { -webkit-animation: topEnd 0.3s; animation: topEnd 0.3s; position: relative; } .lSSlideOuter.vertical .leftEnd { -webkit-animation: bottomEnd 0.3s; animation: bottomEnd 0.3s; position: relative; } .lSSlideOuter.lSrtl .rightEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } .lSSlideOuter.lSrtl .leftEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } /*/ GRab cursor */ .lightSlider.lsGrab > * { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lightSlider.lsGrabbing > * { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } /* * ****************************************************************************** * jquery.mb.components * file: YTPlayer.css * * Copyright (c) 2001-2013. Matteo Bicocchi (Pupunzi); * Open lab srl, Firenze - Italy * email: matteo@open-lab.com * site: http://pupunzi.com * blog: http://pupunzi.open-lab.com * http://open-lab.com * * Licences: MIT, GPL * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * * last modified: 23/11/13 21.05 * ***************************************************************************** */ /* * jQuery.mb.components: mb.YTVPlayer * © 2001 - 2012 Matteo Bicocchi (pupunzi), Open Lab * */ @charset"UTF-8"; /* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 30, 2013 */ @font-face { font-family: 'ytpregular'; src: url('https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/css/ytp-regular.eot'); } @font-face { font-family: 'ytpregular'; src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=) format('woff'), url('https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/css/ytp-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } .mb_YTVPlayer :focus { outline: 0; } .mb_YTVPlayer{ display:block; transform:translateZ(0); transform-style: preserve-3d; perspective: 1000; backface-visibility: hidden; transform:translate3d(0,0,0); animation-timing-function: linear; } .mb_YTVPlayer.fullscreen{ display:block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; margin: 0!important; } .mbYTP_wrapper iframe{ max-width: 4000px !important; } .inline_YTPlayer{ margin-bottom: 20px; vertical-align:top; position:relative; left:0; overflow: hidden; border-radius: 4px; -moz-box-shadow: 0 0 5px rgba(0,0,0,.7); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.7); box-shadow: 0 0 5px rgba(0,0,0,.7); background: rgba(0,0,0,.5); } .inline_YTPlayer img{ border: none!important; -moz-transform: none!important; -webkit-transform: none!important; -o-transform: none!important; transform: none!important; margin:0!important; padding:0!important } /*CONTROL BAR*/ .mb_YTVPBar .ytpicon{ font-size: 20px; font-family: 'ytpregular'; } .mb_YTVPBar .mb_YTVPUrl.ytpicon{ font-size: 30px; } .mb_YTVPBar{ transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; display:block; width:100%; height:10px; padding:5px; background:#333; position:fixed; bottom:0; left:0; -moz-box-sizing:padding-box; -webkit-box-sizing:border-box; text-align:left; z-index: 1000; font: 14px/16px sans-serif; color:white; opacity:.1; } .mb_YTVPBar.visible, .mb_YTVPBar:hover{ opacity:1; } .mb_YTVPBar .buttonBar{ transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; background:transparent; font:12px/14px Calibri; position:absolute; top:-30px; left:0; padding: 5px; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .mb_YTVPBar:hover .buttonBar{ background: rgba(0,0,0,0.4); } .mb_YTVPBar span{ display:inline-block; font:16px/20px Calibri, sans-serif; position:relative; width: 30px; height: 25px; vertical-align: middle; } .mb_YTVPBar span.mb_YTVPTime{ width: 130px; } .mb_YTVPBar span.mb_YTVPUrl,.mb_YTVPBar span.mb_OnlyYT { position: absolute; width: auto; display:block; top:6px; right:10px; cursor: pointer; } .mb_YTVPBar span.mb_YTVPUrl img{ width: 60px; } .mb_YTVPBar span.mb_OnlyYT { left:185px; right: auto; } .mb_YTVPBar span.mb_OnlyYT img{ width: 25px; } .mb_YTVPBar span.mb_YTVPUrl a{ color:white; } .mb_YTVPPlaypause,.mb_YTVPlayer .mb_YTVPPlaypause img{ cursor:pointer; } .mb_YTVPMuteUnmute{ cursor:pointer; } /*PROGRESS BAR*/ .mb_YTVPProgress{ height:10px; width:100%; background:#222; bottom:0; left:0; } .mb_YTVPLoaded{ height:10px; width:0; background:#444; left:0; } .mb_YTVTime{ height:5px; width:0; background:#fff; bottom:0; left:0; -moz-box-shadow:#666666 1px 1px 3px; -webkit-box-shadow:#666666 1px 1px 3px; } .YTPOverlay.raster{ background: url("https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/raster.png"); } .YTPOverlay.raster.retina{ background: url("https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/raster@2x.png"); } .twentytwenty-handle:before, .twentytwenty-handle:after { content: " "; display: block; width: 3px; background: white; height: 9999px; position: absolute; left: 50%; margin-left: -1.5px; z-index: 30; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .twentytwenty-before-label, .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { color: white; font-size: 13px; letter-spacing: 0.1em; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { background: rgba(255, 255, 255, 0.2); position: absolute; top: 50%; margin-top: -19px; line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .twentytwenty-left-arrow, .twentytwenty-right-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; top: 50%; margin-top: -6px; } .twentytwenty-container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; } .twentytwenty-container img { position: absolute; top: 0; display: block; width: 100%; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } .twentytwenty-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .twentytwenty-before-label { opacity: 0; } .twentytwenty-before-label:before { content: "Before"; left: 10px; text-transform: uppercase; } .twentytwenty-after-label { opacity: 0; } .twentytwenty-after-label:before { content: "After"; right: 10px; text-transform: uppercase; } .twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; } .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); } .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } .twentytwenty-before { z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid white; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; } .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-handle:after { top: 50%; margin-top: 22px; -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-left-arrow { border-right: 6px solid white; left: 50%; margin-left: -17px; } .twentytwenty-right-arrow { border-left: 6px solid white; right: 50%; margin-right: -17px; } .ba-men .twentytwenty-handle:before, .ba-men .twentytwenty-handle:after { background: #0167a6; } .ba-men .twentytwenty-right-arrow { border-left: 6px solid #0167a6; } .ba-men .twentytwenty-left-arrow { border-right: 6px solid #0167a6; } .ba-men .twentytwenty-handle { border: 3px solid #0167a6; } .ba-men .twentytwenty-handle:before { -webkit-box-shadow: 0 3px 0 #0167a6, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 #0167a6, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 #0167a6, 0px 0px 12px rgba(51, 51, 51, 0.5); } .ba-men .twentytwenty-handle:after { -webkit-box-shadow: 0 -3px 0 #0167a6, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 #0167a6, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 #0167a6, 0px 0px 12px rgba(51, 51, 51, 0.5); } .ba-women .twentytwenty-handle:before, .ba-women .twentytwenty-handle:after { background: #7a003c; } .ba-women .twentytwenty-right-arrow { border-left: 6px solid #7a003c; } .ba-women .twentytwenty-left-arrow { border-right: 6px solid #7a003c; } .ba-women .twentytwenty-handle { border: 3px solid #7a003c; } .ba-women .twentytwenty-handle:before { -webkit-box-shadow: 0 3px 0 #7a003c, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 #7a003c, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 #7a003c, 0px 0px 12px rgba(51, 51, 51, 0.5); } .ba-women .twentytwenty-handle:after { -webkit-box-shadow: 0 -3px 0 #7a003c, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 #7a003c, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 #7a003c, 0px 0px 12px rgba(51, 51, 51, 0.5); } .inverse .twentytwenty-handle:before, .inverse .twentytwenty-handle:after { background: #444444; } .inverse .twentytwenty-right-arrow { border-left: 6px solid #444444; } .inverse .twentytwenty-left-arrow { border-right: 6px solid #444444; } .inverse .twentytwenty-handle { border: 3px solid #444444; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); } .inverse .twentytwenty-handle:before { -webkit-box-shadow: 0 3px 0 #444444, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 #444444, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 #444444, 0px 0px 12px rgba(51, 51, 51, 0.5); } .inverse .twentytwenty-handle:after { -webkit-box-shadow: 0 -3px 0 #444444, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 #444444, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 #444444, 0px 0px 12px rgba(51, 51, 51, 0.5); } .ba:after { text-transform: uppercase; z-index: 1; content: "click and slide"; position: absolute; bottom: -26px; text-align: center; width: 100%; left: 0px; } /* 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:400px; } .container_12 .grid_5 { width:510px; } .container_12 .grid_6 { width:600px; } .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; } .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;} .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;} .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%;} .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:305px; } .container_12 .grid_5 { width:390px; } .container_12 .grid_6 { width:465px; } .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; } /* 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; } .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-slider-container{padding: 0 0 20% 0;} header#header .form-search {width: 260px; display: none;} 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; margin-right: 0px;} .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 #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; } .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-slider-container{padding: 0 0 20% 0;} /* 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; } /* 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;} .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; margin-right: 0px;} .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; } 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 #footer-newsletter {width: 87%; 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 h1 {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 only screen and (max-width: 767px) { /* 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 */ .category-products .products-grid li.item{width: auto!important;} .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;} .cms-home .content-wrapper .container_12 { padding-top: 0.75em; } .header-slider-container{padding: 0 0 20% 0;} /* 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;} header#header #topCartContent .item.last{display: none;} body.boxed-layout header#header > .container_12 > .grid_12{text-align: center;} body.boxed-layout header#header .logo {margin-bottom: 1em;} body.boxed-layout header#header .top-cart { margin: 0 0 2em; display: inline-block; float: none; } body.boxed-layout header#header .header-right-box { display: inline-block; float: none; } body.boxed-layout header#header .form-search {width: 83%;} body.boxed-layout header#header .form-search input {width: 165px;} #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; } .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;} /* 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 #footer-newsletter {width:89%;float:none;} .content_bottom #footer-newsletter-validate-detail button {margin-top:5px;width:99%;} .content_bottom #footer-newsletter-validate-detail button span {width:100%;float:none;} .content_bottom #footernewsletter-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;margin-right: 0px;} .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 img{width: 100%;} 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 #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 h1 {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 .footer-block-title {padding: 0;} #footer .custom_footer .footer-block-title .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; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (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; } .align_center, .align_right { text-align: left; } /* Adaptive */ .category-products .products-grid li.item{width: 50%!important; clear: none!important;} .category-products .products-grid li.item:nth-of-type(2n+1){clear:left!important;} .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;} body.boxed-layout header#header .top-cart{margin-right: 5px;} body.boxed-layout header#header .header-right-box{margin-left: 5px;} body.boxed-layout header#header .menu-button{margin-left:12px;} body.boxed-layout header#header .form-search {margin-right: 15px;} body.boxed-layout .content-wrapper .main-container { width: auto; padding-left: 12px; padding-right: 12px; } body.boxed-layout header#header.floating .small-logo { margin-right: 12px; } .boxed-layout header#header.floating{ width:420px; left: 50%; margin-left: -210px; } header#header #topCartContent .item.second, header#header #topCartContent .item.last{ display: none; } /* Category Page ========================================================================= */ .products-grid li.item{float:left;} .products-grid li.grid_3 { width: 190px; margin-left: 10px; margin-right: 10px;} body.boxed-layout .products-grid li.grid_3 { width: 188px;} .products-grid li.alpha { margin-left: 0;} .products-grid li.omega { margin-right: 0;} .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 #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{padding-bottom: 7.5em;} } /* `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.6.3 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://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/fonts/fontawesome-webfont.eot?v=4.6.3');src:url('https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/fonts/fontawesome-webfont.svg?v=4.6.3#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{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-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{-ms-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-pp: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-resistance: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"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /*! * Bootstrap v3.3.5 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=023ba544574d90e97a8ae67e22edfcb2) * Config saved to config.json and https://gist.github.com/023ba544574d90e97a8ae67e22edfcb2 */ /*! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /* html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden], template { display: none } a { background-color: transparent } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: bold } dfn { font-style: italic } h1 { font-size: 2em; margin: 0.67em 0 } mark { background: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -0.5em } sub { bottom: -0.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } pre { overflow: auto } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button, select { text-transform: none } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } input { line-height: normal } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em } legend { border: 0; padding: 0 } textarea { overflow: auto } optgroup { font-weight: bold } table { border-collapse: collapse; border-spacing: 0 } td, th { padding: 0 } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit }*/ a { color: #337ab7; text-decoration: none } a:hover, a:focus { color: #23527c; text-decoration: underline } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } figure { margin: 0 } img { vertical-align: middle } .img-responsive { display: block; max-width: 100%; height: auto } .img-rounded { border-radius: 6px } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto } .img-circle { border-radius: 50% } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } [role="button"] { cursor: pointer } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear } .fade.in { opacity: 1 } .collapse { display: none } .collapse.in { display: block } tr.collapse.in { display: table-row } tbody.collapse.in { display: table-row-group } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) } .panel-body { padding: 15px } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px } .panel-heading>.dropdown .dropdown-toggle { color: inherit } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit } .panel-title>a, .panel-title>small, .panel-title>.small, .panel-title>small>a, .panel-title>.small>a { color: inherit } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel>.list-group, .panel>.panel-collapse>.list-group { margin-bottom: 0 } .panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item { border-width: 1px 0; border-radius: 0 } .panel>.list-group:first-child .list-group-item:first-child, .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px } .panel>.list-group:last-child .list-group-item:last-child, .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0 } .panel-heading+.list-group .list-group-item:first-child { border-top-width: 0 } .list-group+.panel-footer { border-top-width: 0 } .panel>.table, .panel>.table-responsive>.table, .panel>.panel-collapse>.table { margin-bottom: 0 } .panel>.table caption, .panel>.table-responsive>.table caption, .panel>.panel-collapse>.table caption { padding-left: 15px; padding-right: 15px } .panel>.table:first-child, .panel>.table-responsive:first-child>.table:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px } .panel>.table:first-child>thead:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px } .panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child { border-top-left-radius: 3px } .panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child { border-top-right-radius: 3px } .panel>.table:last-child, .panel>.table-responsive:last-child>.table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel>.table:last-child>tbody:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child { border-bottom-left-radius: 3px } .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child { border-bottom-right-radius: 3px } .panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body { border-top: 1px solid #ddd } .panel>.table>tbody:first-child>tr:first-child th, .panel>.table>tbody:first-child>tr:first-child td { border-top: 0 } .panel>.table-bordered, .panel>.table-responsive>.table-bordered { border: 0 } .panel>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child { border-left: 0 } .panel>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child { border-right: 0 } .panel>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th { border-bottom: 0 } .panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom: 0 } .panel>.table-responsive { border: 0; margin-bottom: 0 } .panel-group { margin-bottom: 20px } .panel-group .panel { margin-bottom: 0; border-radius: 4px } .panel-group .panel+.panel { margin-top: 5px } .panel-group .panel-heading { border-bottom: 0 } .panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group { border-top: 1px solid #ddd } .panel-group .panel-footer { border-top: 0 } .panel-group .panel-footer+.panel-collapse .panel-body { border-bottom: 1px solid #ddd } .panel-default { border-color: #ddd } .panel-default>.panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd } .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ddd } .panel-default>.panel-heading .badge { color: #f5f5f5; background-color: #333 } .panel-default>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ddd } .panel-primary { border-color: #337ab7 } .panel-primary>.panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7 } .panel-primary>.panel-heading+.panel-collapse>.panel-body { border-top-color: #337ab7 } .panel-primary>.panel-heading .badge { color: #337ab7; background-color: #fff } .panel-primary>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #337ab7 } .panel-success { border-color: #d6e9c6 } .panel-success>.panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6 } .panel-success>.panel-heading+.panel-collapse>.panel-body { border-top-color: #d6e9c6 } .panel-success>.panel-heading .badge { color: #dff0d8; background-color: #3c763d } .panel-success>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #d6e9c6 } .panel-info { border-color: #bce8f1 } .panel-info>.panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1 } .panel-info>.panel-heading+.panel-collapse>.panel-body { border-top-color: #bce8f1 } .panel-info>.panel-heading .badge { color: #d9edf7; background-color: #31708f } .panel-info>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #bce8f1 } .panel-warning { border-color: #faebcc } .panel-warning>.panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc } .panel-warning>.panel-heading+.panel-collapse>.panel-body { border-top-color: #faebcc } .panel-warning>.panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b } .panel-warning>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #faebcc } .panel-danger { border-color: #ebccd1 } .panel-danger>.panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1 } .panel-danger>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ebccd1 } .panel-danger>.panel-heading .badge { color: #f2dede; background-color: #a94442 } .panel-danger>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ebccd1 } .clearfix:before, .clearfix:after, .panel-body:before, .panel-body:after { content: " "; display: table } .clearfix:after, .panel-body:after { clear: both } .center-block { display: block; margin-left: auto; margin-right: auto } .pull-right { float: right !important } .pull-left { float: left !important } .hide { display: none !important } .show { display: block !important } .invisible { visibility: hidden } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .hidden { display: none !important } .affix { position: fixed } /** * * This file is generated automaticaly. Please do no edit it directly cause all changes will be lost. * */ /*====== Font Replacement =======*/ a.aw-blog-read-more, .block.block-blog h5, .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, body .widget .widget-title h1, body .widget .widget-title h2, .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 h1, .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: Roboto Condensed, sans-serif; -webkit-text-stroke-width: 0.02em;} /*====== 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: #3D3D3D;} a.aw-blog-read-more, .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 .prev:hover, .header-slider-container .iosSlider .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, ul.social-links li a:hover, #slider-range.ui-slider .ui-slider-range.ui-widget-header, .label-sale, .products-grid .availability-only, .products-list .availability-only, .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, .widget-products .pager .pages ol li.current, .widget-products .pager .pages ol li:hover a, .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-color: #3D3D3D;} #onepagecheckout_forgotbox button.button > span, #onepagecheckout_loginbox button.button > span{background-color: #3D3D3D!important;} .block.block-blog h5:after, 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: #3D3D3D;} .label-type-2 .label-sale:after, .products-grid.label-type-2 .availability-only:after, .products-list.label-type-2 .availability-only:after {border-top-color: #3D3D3D; border-left-color: #3D3D3D;} .label-type-5 div.label-sale:before, .products-grid.label-type-5 .availability-only:before, .products-list.label-type-5 .availability-only:before {border-top-color: #3D3D3D;} .label-type-5 div.label-sale:after, .products-grid.label-type-5 .availability-only:after, .products-list.label-type-5 .availability-only:after {border-bottom-color: #3D3D3D;} .label-type-2.bottom-left .label-sale:after, .products-grid.label-type-2.bottom-left .availability-only:after, .products-list.label-type-2.bottom-left .availability-only:after, .label-type-2.top-left .label-sale:after, .products-grid.label-type-2.top-left .availability-only:after, .products-list.label-type-2.top-left .availability-only:after { border-top-color: #3D3D3D; border-right-color: #3D3D3D; } /*====== 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:#2B2C2E;} .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-color:#2B2C2E;} .label-new:after { border-top-color: #2B2C2E; border-left-color: #2B2C2E; } .label-type-5 span.label-new:after {border-bottom-color: #2B2C2E;} .label-type-5 span.label-new:before {border-top-color: #2B2C2E;} /** * * Feel free to add your own css rules here. * */ /* Hot fixes - Quick bug fixes*/ .checkout-onepage-index #opc-review { border-bottom: 1px solid #eee; margin-bottom: 50px; } .cart-empty { min-height: 200px; } .content-wrapper .main-container { min-height: 250px; } .tokencard-radio img{ max-width: 50px; padding-left: 11px; } label[for="p_method_sagepaydirectpro"], label[for="p_method_sagepayserver"], label[for="p_method_sagepayform"] { background-position: 25px 2px !important; } label[for="p_method_sagepaypaypal"]{ line-height: 35px; } #checkout-review-submit #review-buttons-container button.btn-checkout { width: auto; } #checkout-review-table-wrapper tbody td .product-name { width: 100%; padding-left: 20px; border-bottom: none; } #checkout-review-table-wrapper tbody td .item-options { padding-left: 20px; } .opc .step .buttons-set p.required { float: none; } /* Menu updaes */ .nav-wide#nav-wide ul.level0 li.level1 > a.disabled { cursor: default !important; } .nav-wide#nav-wide ul.level0 li.level1 > a.disabled:hover:after { background: #eee; } .nav-wide#nav-wide li.level-top > a.disabled, .nav-wide#nav-wide li.level-top a.disabled span { cursor: default !important; } /* Global things */ section { font-family: 'Roboto Condensed', sans-serif; } section .inner { z-index: 10; position: relative; } section .inner.container_12 { padding-bottom: 85px; } section .container_12.inner { background: none; } section .header { color: #FFF; border-bottom: 5px solid #FFF; padding-bottom: 25px; text-align: left; margin-top: 40px; font-family: 'Roboto Condensed', sans-serif; font-size: 43px; text-transform: uppercase; font-weight: 100; line-height: 52px; } section .page-desc { margin: 15px auto; font-size: 18px; font-weight: 300; text-transform: uppercase; text-align: left; line-height: 25px; color: #FFF; } section .section-title { text-align: center; text-transform: uppercase; font-size: 90px; line-height: 90px; font-weight: 100; color: #FFF; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); padding: 30px 15px; } section .section-desc { font-size: 24px; line-height: 35px; text-transform: uppercase; text-align: center; color: #FFF; padding: 5px 15px 30px 15px; font-weight: 400; } section .section-title span { font-weight: bold; } section .btn-custom, section.layout.dark form button.button, section.layout form button.button { display: inline-block; text-align: center; vertical-align: middle; cursor: pointer; padding: 22px 40px !important; font-size: 20px; width: auto; margin-bottom: 0px; color: #FFF !important; font-weight: 300 !important; border: 1px solid #FFF; background: rgba(43, 43, 43, 0.1); text-transform: uppercase; border-radius: 0px; transition: all 0.5s; white-space: nowrap; text-decoration: none !important; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 15px; } section.layout form button.button { border: 1px solid #363636; background: #fff; } section.layout form button.button span { color: #363636; } section.layout.dark form button.button span { color: #FFF; } section.layout form button.button, section.layout.dark form button.button { padding: 12px 40px !important; } section.layout form button.button span, section.layout.dark form button.button span { font-weight: 300 !important; font-size: 20px; font-family: 'Roboto Condensed', sans-serif; } section .btn-custom:hover, section.layout form button.button:hover { background: #FFF !important; color: #3C3C3C !important; text-decoration: none; } section.layout form button.button:hover { background: #1F2024 !important; color: #fff !important; } section.layout.dark form button.button:hover { background: #FFF !important; color: #3C3C3C !important; } section.layout form button.button:hover > span { color: #FFF !important; } section.layout.dark form button.button:hover > span { color: #3C3C3C !important; } section .go-to-next-slide { margin: auto; text-align: center; position: absolute; top: -60px; font-size: 30px; width: 100%; z-index: 99; } section .go-to-next-slide a { color: #CCC; } section .go-to-next-slide a:hover { color: #000; } /*====== Youtube Viedeos =======*/ section .video { margin-top: 25px; margin-bottom: 25px; } section .video iframe { /*width: 70%; min-height: 480px;*/ background: #000; width: 100%; margin: 0 auto; display: block; } section.layout .video-pattern { background: none; } section.layout.dark .video-pattern { background: url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/pattern.png); } section.layout .video-pattern .bottom-line { background: #1F2024; } section.layout.dark .video-pattern .bottom-line { background: #fff; } /*====== TwentyTwenty Css =======*/ section.layout .ba { margin-bottom: 50px; margin-top: 45px; } section.layout .ba img { margin: 0px; } /*====== Layouts Css =======*/ section.layout { min-height: 350px; background: #fff no-repeat; } section.layout .inner { padding-top: 70px; padding-bottom: 45px; } section .inner.split .split-container { padding: 0px 4%; display: block; width: 100%; } section .inner.split { padding-top: 0px; padding-bottom: 0px; } section .inner.split .split-box { padding-top: 70px; padding-bottom: 45px; } section.layout .page-desc { color: #000; text-align: center; margin: 15px auto; max-width: 860px; float: none; display: block; } section.layout .header { font-size: 40px; color: #000; border-bottom: none; text-align: center; padding: 0px; margin: 0px; } section.layout img { margin: 8px 0; width: 100%; } section.layout p { margin-bottom: 10px; } section.layout a { color: #A0A0A0; padding-left: 3px; font-weight: 500; text-decoration: underline; } section.layout a:hover { color: #000; } section.layout.dark { background-color: #1F2024; } section.layout.dark a { color: #A0A0A0; } section.layout.dark a:hover { color: #FFF; } section.layout.dark, section.layout.dark .page-desc, section.layout.dark .header { color: #fff; } section.half-left { padding-left: 40px; padding-right: 40px; } section.half-left .inner { padding-bottom: 0px; padding-top: 45px; } section.half-left .go-to-next-slide { top: -90px; } section.half-left .page-desc , section.half-left .header { /*text-align: left; margin-left: 0px; margin-right: 0px;*/ } section.half-left .header { border-bottom: solid 4px #eee; } section.half-left .header span { color: #949494; font-size: 25px; padding-left: 120px; position: relative; float: right; font-weight: 400; position: absolute; right: 10px; } section.half-left .header span:before { content: 'promo code: "'; position: absolute; left: 10px; font-weight: 100; font-size: 18px; } section.half-left .header span:after { content: '"'; position: absolute; right: -7px; font-weight: 100; font-size: 18px; } /*====== Layouts Backgrounds =======*/ section.layout.bg-left { background-position: left top; } section.layout.bg-right { background-position: right top; } section.layout.bg-bottom { background-position: center bottom; } section.promo .inner { min-height: 455px; } section.promo .header { margin-top: 6%; font-size: 75px; line-height: 75px; } section.promo .page-desc small { font-size: 20px; } section.promo .header span { font-weight: bold; } section.promo .page-desc { font-size: 25px; line-height: 36px; } /*====== Category =======*/ section.category .header, section.category .page-desc { text-align: center; } section.category { background-position-x: left !important; } section.category .page-desc { line-height: 26px; font-size: 18px; } section.category .header { font-size: 65px; line-height: 65px; } section.category .video iframe { max-height: 288px; } section.category .video:after{ content: ''; background: url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/sections/video-reflection.png); height: 40px; width: 100%; display: block; margin-top: 2px; } /*====== Home Section =======*/ section#home .home-products p { text-align: center; color: #FFF; font-size: 20px; font-weight: 400; text-transform: uppercase; padding-bottom: 15px; padding-top: 20px; } section#home .home-products .grid_4 { text-align: center; } /*====== Home Page Product Sections =======*/ section#hair-thickening-for-women, section#hair-thickening-for-men, section#hair-thickening-fibres { background: #000; border-bottom: 2px solid #000; } section#hair-thickening-for-women .header { border-color: #5d285f; } section#hair-thickening-for-men .header { border-color: #002554; } section#hair-thickening-fibres .header { border-color: #8F7714; } /*====== Web Forms =======*/ section.layout .form-list .input-box { width: 100%; margin-top: 10px; float: left; } section.layout .form-list label { float: left; font-size: 14px; } section.layout .form-list input.input-text { width: 99%; max-width: 100%; min-height: 40px; padding-left: 12px; text-transform: uppercase; } section.layout .form-list textarea { width: 99%; max-width: 100%; padding-left: 12px; padding-top: 12px; text-transform: uppercase; } section.layout .form-list input.input-text, section.layout .form-list select, section.layout .form-list textarea { border: 0.15em solid #D5D5D5; color: #424242; font-style: italic; background: transparent; } section.layout .form-list input, section.layout .form-list select, section.layout .form-list textarea { float: left; font-size: 15px; } section.layout .form-list .validation-advice { padding-top: 15px; } section.layout form .buttons-set, section.layout form p.required { position: absolute; bottom: 0px; right: 0px; } section.layout form p.required { font-size: 13px; text-align: left; color: #e85131; margin-top: 14px !important; margin-bottom: 0px; bottom: 25px; } section.layout form .buttons-set { clear: both; margin: 0.42em 0 0; float: left; bottom: 60px; } section.layout form button.button { margin-left: 0px; } section.layout form button.button span { background: none; } section.layout.dark .form-list label { color: #949494; } section.layout.dark .form-list input.input-text, section.layout.dark .form-list select, section.layout.dark .form-list textarea { color: #FFFFFF !important; border: 0.15em solid #3C3C3C; } /*====== Category Labels =======*/ .nav-wide#nav-wide li.level-top .category-label.label_one { background-color: #EB4C4C; border-color: #EB4C4C; color: #FFFFFF; } .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: #9EDE42; border-color: #9EDE42; color: #FFFFFF; } .nav-wide#nav-wide li.level-top .category-label.label_two { background-color: #33b5e5; border-color: #4D8AB0; color: #FFFFFF; } .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: #4FA9E1; border-color: #4FA9E1; color: #FFFFFF; } .nav-wide#nav-wide li.level-top .category-label.label_three { background-color: #FF712F; border-color: #FF712F; color: #FFFFFF; } .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: #FF712F; border-color: #FF712F; color: #FFFFFF; } /*====== Custom decorations =======*/ .video-pattern { background: url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/pattern.png); width:100%; height:100%; top:0; left:0; position:absolute; text-align:center; } .video-pattern .bottom-line { background: #fff; width: 100%; height: 95px; display: block; position: absolute; bottom: 0px; } .product-collateral#collateral-accordion h2 { padding: 1.2em 24px; } header#header { z-index: 999; position: relative; } /*====== Product and Price in menu all products =======*/ .nav-wide#nav-wide a.all-product-link {} .nav-wide#nav-wide a.all-product-link span { padding-top: 15px; } .nav-wide#nav-wide a.all-product-link span.price { font-size: 13px; padding-top: 0px; } .nav-wide#nav-wide a.all-product-link span:before { content: none !important; } .nav-wide#nav-wide a.all-product-link img { float: left; height: 70px; padding-right: 10px; } /*====== Minimize Drop down menu Elliot. =======*/ .nav-wide#nav-wide .menu-wrapper { box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.21); } .category-label { bottom: 40px; } .nav-wide#nav-wide li.level-top > a { padding: 1.15em 15px; } header#header .home-button { margin: 0.6em 10px 0.6em 0; } header#header .form-search { margin: 0.6em 0; } .nav-wide#nav-wide .menu-wrapper { top: 45px; } .content-wrapper .container_12 { padding: 0px 15px; padding-top: 4.165em; } header.floating .nav-wide#nav-wide li.level-top > a { padding: 2.15em 15px; } header.floating .nav-wide#nav-wide .menu-wrapper { top: 69px; } .products-grid .product-image img{ width:auto; } .products-grid .product-name a { font-size: 17px; } .products-grid .price-box { font-size: 18px; float: left; width: auto; margin: 0px; margin-top: 3px; } .products-grid li.item .button-holder { float: left; margin-left: 15px; } .products-grid .short-description { font-size: 14px; padding: 0px 0px; margin-bottom: 10px; } .products-grid .product-name { margin-bottom: 10px; } /** Product view **/ .product-view .availability { float: left; } .product-view .product-shop .price-box { float: left !important; margin-right: 25px; } .product-view .add-to-box .add-to-links { padding: 11px; padding-left: 20px; padding-right: 0px; } .product-view .ratings { margin-bottom: 20px; } .product-view .product-name h1 { margin-bottom: 10px; } .link-compare { display:none; } .product-view .short-description a { display: none !important; } .product-view .short-description, .product-view .description { font-size: 17px; line-height: 25px; margin-bottom: 20px; } .product-view .short-description { margin-bottom: 0px; margin-bottom: 10px; } .product-view .short-description small, .product-view .description small{ font-size: 13px !important; line-height: 18px !important; max-width: 90%; display: inline-block; } .product-view .product-name h1 { text-transform: uppercase; } .product-view .product-image img { max-width: 101%; width: auto; } /* Custom menu layout */ .custom-menu-layout { } .custom-menu-layout .text { margin-left: 0px; width: 60%; z-index: 999; } .custom-menu-layout .text p { min-height: 195px; text-transform: none; font-size: 13px; } .custom-menu-layout a.products{ width: 243px; position: absolute !important; border-bottom: 0px !important; top: 0px; right: 0px; background: #fff; z-index: 99; } .custom-menu-layout .products img { width: 100%; } .custom-menu-layout .video-banner { padding: 0px !important; } .custom-menu-layout .video-banner img { width: 100%; margin-top: 10px; } /* Custom menu Special offers */ .special-offers { display: inline-block; width: 100%; min-height: 170px; color: #fff; } .special-offers, .special-offers:hover { color: #fff !important; } .special-offers .offer-title { font-size: 35px; line-height: 35px; font-weight: lighter; margin-bottom: 35px; } .special-offers .offer-dec { font-size: 15px; padding-right: 20px; font-weight: lighter; } .special-offers#special-offer1 { background: #eb4c4c; } .special-offers#special-offer1:hover, #offer1 .btn-custom { background: #CC0000; } .special-offers#special-offer2 { background: #ffa938; } .special-offers#special-offer2:hover, #offer2 .btn-custom { background: #FF8800; } .special-offers#special-offer3 { background: #94c700; } .special-offers#special-offer3:hover, #offer3 .btn-custom { background: #669900; } .special-offers#special-offer4 { background: #aa66cc; } .special-offers#special-offer4:hover, #offer4 .btn-custom { background: #9933CC; } .special-offers#special-offer5 { background: #33b5e5; } .special-offers#special-offer5:hover, #offer5 .btn-custom { background: #0099CC; } a.special-offers#special-offer6 { background: #2b2c2e; } a.special-offers#special-offer6:hover, #offer6 .btn-custom { background: #000; } /*** Custom page formating and Tables **/ .page-title.custom { border-bottom: solid 4px #eee; padding-bottom: 1em; margin-bottom: 1.5em; } .page-title.custom .right-divider { display: none; } .custom-pa h2{ border-bottom: solid 3px #eee; padding-bottom: 10px; font-weight: 700; } .custom-pa strong{ font-size: 13px; } .custom-pa p{ text-align: justify; text-justify: inter-word; } .custom-pa textarea { max-width: 105% !important; } .table{ width: 100%; max-width: 100%; background-color: transparent; border-spacing: 0; border-collapse: collapse; } .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th { background-color: #f9f9f9; } #customer-reviews .form-add, .onepagecheckout_datafields, .cart { margin-bottom: 60px; } .block-related .product-details { text-align: center; } .nav-container.mobile > ul .menu-item-button{ top: 0px !important; padding: 5px 5px !important; } .nav-container.mobile .nav-wide#nav-wide li.level-top a { padding: 5px 5px !important; } .account-login { padding-bottom: 80px; } /* #Mobile (Portrait) ================================================== */ @media only screen and (max-width: 767px) { #footer .footer-bg { height: 430px; } #footer-accepted-payments { min-width: 100% !important; } #footer .footer-logo { margin-bottom: 1em; } #header > .container_12 > .grid_12 { padding: 2em 0 0; } #header .logo { margin-bottom: 2em; } #nav-wide.nav-wide ul.level0 li.level1 .menu-item-button { display: none !important; } section.category .header , section .section-title { font-size: 50px !important; line-height: 50px !important; } section.category .page-desc, section .section-desc { font-size: 14px !important; line-height: 20px !important; } .products-list .product-image img, .products-grid .product-image img { width: 50%; } #more-products { display:none !important; } .hide-mobile { display:none; } /*section .section-title { font-size: 70px; line-height: 70px; }*/ section .inner { background: none !important; } section .inner.split .split-container { padding: 0px 0px; } section .inner.split { padding-top: 70px; padding-bottom: 45px; } section .inner.split .split-box { padding-top: 0px; padding-bottom: 0px; } section .btn-custom { width: 75%; margin-bottom: 15px; padding: 22px 0px; text-align: center; margin: 0 auto; display: block; margin-bottom: 10px; } section .header, section .page-desc { text-align: center; } } @media (max-width: 978px) { header#header .form-search { margin: 1.5em 0; } } @media (min-width: 767px) and (max-width: 1280px) { header.floating a.logo { display:none !important; } section.half-left .header span { position: relative; } } @media only screen and (max-width: 1280px) { .special-offers .offer-dec { font-size: 11px; } .special-offers .offer-title { font-size: 28px; } section.half-left .page-desc, section.half-left .header { text-align: left; margin-left: 0px; margin-right: 0px; } } @media only screen and (max-width: 767px) { section.half-left .header span { position: relative; float: left; } header#header .links { width: 135px; } section.layout form p.required { bottom: 125px; } section.layout form .buttons-set { bottom: 160px; } } @media (min-width: 767px) { section.category .header, section.category .page-desc { text-align: right; } section.category { background-position-x: center !important; } .products-grid .short-description { padding: 0px 45px; } section.layout.bg-left .inner { padding-left: 40%; width: 62%; } section.layout.bg-left .page-desc, section.layout.bg-left .header { text-align: left; width: 80%; float: left; } section.layout.bg-left .page-desc { margin-left: 0px; } section.layout.bg-right .inner { padding-right: 40%; width: 62%; } section.layout.bg-right .page-desc, section.layout.bg-right .header { text-align: right; width: 80%; float: right; } section.layout.bg-right .page-desc { margin-right: 0px; } } /* General CSS */ /*--------------------------------------------------------------------------------*/ b { font-weight: bold; } /*Carousel*/ .stbuttons { left:0px; } @media screen and (min-width:1280px){ .stbuttons{ position:absolute; bottom:50px; left:70px; } } .slider{ cursor:unset !important; } section,.iosSlider{ height:100%; } /*.header-wrapper .grid_12>*{ display:inline !important; } .stbuttons a{ display:inline-block !important; }*/ .home-button{ display:none !important; } .header-slider-container{ height:900px; } @media screen and (min-width:768px){ .header-slider-container{ height:800px; } } @media screen and (min-width:978px){ .header-slider-container{ height:700px; } } @media screen and (min-width:1280px){ .header-slider-container{ height:650px; } } /*End of carousel styles*/ section{ display:block; min-height:10px !important; } .minH800{ min-height:800px !important; } @media screen and (max-width:767px){ .minH800{ min-height:0px !important; } } .h2sub{ font-size:21px; } .page-desc, .header{ max-width:860px; margin-left:auto !important; margin-right:auto !important; text-transform: initial !important; } .lastElement{ margin-bottom:50px !important; } .marginLeftZero{ margin-left:0px !important; } section .container_12 p:last-child, section .grid_12 p:last-child{ margin-bottom: 50px !important; } .container_12 td p:last-child{ margin-bottom:0px !important; } .textLeft{ text-align:left !important; } .textRight{ text-align:right !important; } .textCenter{ text-align:center !important; white-space: normal; } .headerhome{ color: white; font-size: 30px; margin-bottom:30px; line-height: 30px; white-space: normal; text-align: center; } .inlineBlock{ display:inline-block; } .imgMaxWidthSmall{ max-width:250px; } .imgMaxWidth{ max-width:600px; } .pContainer .inlineBlock > *{ max-width:30rem; } .grid_12 iframe{ margin-top:10px; } .container_12 .btn{ background:rgba(43, 43, 43, 0.6) !important; } .lightGray{ background-color:#939598 !important; } @media screen and (min-width:767px){ .container_12 .btn{ max-width: 215px; width: 88%; } } @media screen and (max-width:767px){ section{ background-position:right !important; } } .whiteText *{ color:white !important; } .darkText *{ color:#414042 !important; } .section-desc{ font-size:40px !important; } .lastmargin{ margin-bottom:50px !important; } .maxWidth{ max-width: 30rem !important; } .headerhome{ margin-top:50px !important; } /*homepage Man Woman*/ .homepageMW .grid_5{ float:right !important; max-width: 24rem; } .homepageMW .grid_5 p{ font-size:21px; line-height: 37px; } .homepageMW .grid_5 > *{ margin:80px auto; } /*Homepage Slides*/ .homepageSlides .grid_4{ width:30.5%; } .homepageSlides .page-desc{ font-size:21px; margin:0px auto 42px auto !important } @media screen and (max-width:767px){ .homepageSlides .grid_4{ width:100%; } } @media screen and (max-width:977px){ .homepageSlides .grid_4 .btn{ padding:18px 20px !important; } } @media screen and (max-width:977px){ .homepageSlides .pContainer{ text-align: center !important; } } /*Men's Women's Sections*/ .howToUse ol{ font-size: 18px; font-weight: 300; margin: 50px auto !important; max-width: 860px !important; width:auto !important; text-align: left; } .howToUse ol li{ margin: 50px 0px !important; line-height: 25px; } .howToUse ol li span{ font-size: 25px; font-weight: bold; padding-right: 10px; } .howToUse ol li:nth-child(1) span{ color:rgb(110,110,110); } .howToUse li:nth-child(2) span{ color:rgb(140,140,140); } .howToUse ol li:nth-child(3) span{ color:rgb(170,170,170); } .howToUse ol li:nth-child(4) span{ color:rgb(190,190,190); } .howToUse ol li:nth-child(5) span{ color:rgb(210,210,210); } .howToUse ol li:nth-child(5) span{ color:rgb(255,255,255); } /*DeliveryPaymentsPolicy*/ .deliveryPaymentsPolicy{ font-size:16px; width: 860px; margin: 50px auto; max-width:860px !important; width:auto !important; text-align:center; } .deliveryPaymentsPolicy h2{ font-size:29px; } .deliveryPaymentsPolicy td{ display:block; padding:16px; } .deliveryPaymentsPolicy td p{ padding-bottom:10px; } .deliveryPaymentsPolicy td{ padding: 16px; } table.deliveryPaymentsPolicy.female td:nth-child(1){ background-color:#692045; } table.deliveryPaymentsPolicy.female td:nth-child(2){ background-color:#69205F; } table.deliveryPaymentsPolicy.female td:nth-child(3){ background-color:#683192; } table.deliveryPaymentsPolicy.male td:nth-child(1){ background-color:#1F2A45; } table.deliveryPaymentsPolicy.male td:nth-child(2){ background-color:#1F4965; } table.deliveryPaymentsPolicy.male td:nth-child(3){ background-color:#1F5D78; } @media screen and (min-width:768px){ .deliveryPaymentsPolicy td{ display:table-cell; width: 33.3%; } } @media screen and (min-width:768px){ .deliveryPaymentsPolicy{ text-align:left; } } /*Products Video*/ .productsIframeVideo{ margin:0 auto; display:block; position:relative; top:-20px; width: 100% !important; height: auto !important; max-width:800px; min-height:300px !important; } @media screen and (min-width:767px){ .productsIframeVideo{ width:748px; height:360px; } } /*Testimonials*/ .testimonial{ position:relative; margin-top:50px !important; padding-top: 0px !important; line-height: 30px !important; } .testimonial:before{ /*padding-top:50px;*/ content:"\00275D"; position:absolute; top: -16px; left: -16px; } .testimonial:after{ content:"\00275E"; position:absolute; bottom: -32px; right: -16px; } .testimonial::before, .testimonial::after{ font-size:50px; font-family:georgia; } .home-button{ display:none !important; } /* STAVROS MAY 2016*/ /*--------------------------------------------------------------------------------*/ /*OPC*/ .sps-paypal-btn-checkout{ position:relative; top:7px; } .sps-paypal-help-checkout{ color:white !important; } .opc-index-index .opc-wrapper-opc input.radio{ margin-top: 5px !important; } .opc-index-index .opc-wrapper-opc input.checkbox { margin-top: 5px !important; } .opc-index-index .opc-col-center{ margin-bottom:40px !important; } /* STAVROS July 2016*/ /*--------------------------------------------------------------------------------*/ /*Accordion Functionality*/ #accordion{ max-width: 900px; margin: 20px auto; } .panel-body{ color:#1F2024; font-size: 18px; font-weight: 300; font-family: "Roboto Condensed",sans-serif; } .panel-default { border-color: #EEEEEE; border-radius: 0px !important; } .panel-heading { background-color: #1F2024 !important; border-color: white; } .panel-title a{ font-size:18px !important; color:white !important; text-decoration: none !important; } .panel-title a:hover{ color:rgb(200,200,200) !important; } #collateral-accordion h2{ padding-top:12px!important; padding-bottom:12px !important; } #collateral-accordion h2,#collateral-accordion p ,#collateral-accordion ul ,#collateral-accordion li{ font-size:16px !important; } #collateral-accordion p ,#collateral-accordion ul{ margin-top:16px; padding-top:0px; } #collateral-accordion p:first-child,#collateral-accordion ul:first-child{ margin-top:0px; } #collateral-accordion li{ line-height:18px; margin-top:16px; } .category-title { margin-bottom: 2em; z-index: 900; background: #fff; } .small-logo{ line-height: normal; font-weight: normal; } /* STAVROS August 2016*/ /*--------------------------------------------------------------------------------*/ .colorBlue{ color:#002453 !important; } .colorPurple{ color:#60295E !important; } .colorWhite{ color:#fff !important; } .colorBlack{ color:#000 !important; } .textBold{ font-weight:700 !important; } /*Homepage Carousel*/ .slideText{ margin-top:40px; /* padding-left:20px; padding-right:20px;*/ /*background:red;*/ max-width:520px !important; width:100% !important; } .slideText > *{ float:none !important; text-align:left !important; font-family: "Roboto Condensed",sans-serif !important; } .slideText h1{ line-height: 0.8; font-size:36px !important; } .slideText h1 span{ display:block; } .slideText h2{ font-size:21px !important; font-weight:700 !important; margin-top:20px !important; } .slideText p{ font-size:18px !important; width:100% !important; max-width:100% !important; margin-top:20px !important; } @media screen and (min-width:500px){ .slideText h1{ line-height: 0.8; font-size:75px !important; } .slideText h2{ font-size:28px !important; } .slideText p{ font-size:21px !important; } } @media screen and (min-width:768px){ .slideText{ margin-top:80px; float:right; } .nofloat .slideText{ float:none !important; margin:80px auto 0px auto; } } #nav-wide.nav-wide li.level-top .category-label.label_two { background:#002554; border-color: #002554; } #nav-wide.nav-wide li.level-top .category-label.label_one{ background:#5d285f; border-color: #5d285f; } /* Fix margin that google conversation rate creates*/ iframe[name=google_conversion_frame]{ display: none; } /*Hide Google Certified badge */ .ajax-index-options #gts-c{ display:none !important; } /* STAVROS November 2016*/ /*--------------------------------------------------------------------------------*/ /*Hide hearts on the search template and center product container*/ .catalogsearch-result-index .category-products .add-to-links{ display:none !important; } .catalogsearch-result-index .category-products .price-box{ width:36%; text-align: right; } @media screen and (min-width:900px){ .catalogsearch-result-index .category-products .price-box{ width:38%; } } .catalogsearch-result-index .category-products .button-holder{ width:50%; margin-left:5px !important; } .catalogsearch-result-index .category-products { margin-bottom:50px; } #header{ background:black !important; } .old-price .price{ margin-bottom:50px; } /* STAVROS January 2017*/ /*--------------------------------------------------------------------------------*/ /*Checkout*/ #billing-new-address-form li:nth-child(3) .field{ width:100%; } #billing-new-address-form > fieldset:nth-child(1) > ul:nth-child(2) > li:nth-child(10) > div:nth-child(1){ width:100%; } #footer { background-color:#000 !important; } .opc-index-index #co-payment-form dt{ /*background:white!important;*/ border:1px solid #000; /*color:#000 !important;*/ } .opc-index-index .sps-paypal-btn-checkout { max-height: 25px; margin-bottom: 20px; } /* STAVROS April 2017*/ /*--------------------------------------------------------------------------------*/ /*We added filters at the "all-products-page" of nanogen. We filter by men's range or womens range*/ /*Products List Page*/ /***********************Mobile***********************/ /*Filter and Listing Container*/ .nngn-filters-and-listing-container{ padding-top:0px !important; } /*Ul container of products*/ .nngn-products-list-container{ display:block; height:auto !important; } /*All products page - Individual Product*/ #products .nngn-individual-product{ width:100% !important; margin:0px; display:block; transform:none !important; position:relative !important; float:none !important; } /*Buttons*/ /********/ /*Filter Buttons Container*/ .nngn-products-filters-container{ /*display:block;*/ margin:20px auto; display: flex; flex-direction: column; } /*Filter Buttons*/ .nngn-male-range-filter, .nngn-female-range-filter, .nngn-clear-range-filter{ width:100%; display:flex; flex-direction: column; justify-content: center; align-items:center; margin-top:10px; margin-bottom:10px; transition:all 0.3s ease-out; cursor:pointer; background:#fff; text-align: center; color:#000; box-sizing: border-box; font-size:20px; letter-spacing:6px; } .nngn-flip-to-top{ width:100%; height:40px; position:relative; transform-style: preserve-3d; transition: all 0.3s ease-out; } .nngn-default-state, .nngn-active-state, .nngn-clear-range-filter{ display:flex; justify-content: center; align-content: center; flex-direction: column; box-sizing: border-box; width:100%; height:40px; border:1px solid #000; } .nngn-flip-to-top .nngn-active-state{ position: absolute; top:0px; left:0px; background:black; color:white; transform: rotateX(90deg) translateZ(20px); } /*Clear Selection Button wheel pseudo*/ .nngn-clear-range-filter i:before{ letter-spacing: 0px; /*In order the rotation to be perfectly circular*/ } /*Clear Selection Button wheel pseudo*/ .nngn-clear-range-filter:active{ transition: all 0.1s ease-out; background:#000; color:#fff; } /*Keyframe of the clear button*/ @keyframes nngn-icon-rotate{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } } /*Filter Buttons when clicked (Active class via JS)*/ .nngn-female-range-filter.nngn-active .nngn-default-state, .nngn-male-range-filter.nngn-active .nngn-default-state{ background:#000; color:#fff; } /*Products List Page*/ /***********************Tablet**********************/ @media screen and (min-width:768px){ /*Filter and Listing Container*/ .nngn-filters-and-listing-container{ width:auto; max-width:1272px; } /*Ul container of products*/ .nngn-products-list-container{ display:inline-flex; flex-wrap:wrap; } /*All products page - Individual Product*/ #products .nngn-individual-product{ width:50% !important; } } /*Products List Page*/ /***********************big Tablet**********************/ @media screen and (min-width:900px){ .nngn-products-filters-container{ flex-direction:row; } .nngn-clear-range-filter{ max-width:50px; } /*3D Buttons*/ .nngn-male-range-filter{ margin-right:12px; } .nngn-female-range-filter{ margin-right:8px; } #products .nngn-individual-product{ width:33.3% !important; } } /*Products List Page*/ /***********************Desktop**********************/ @media screen and (min-width:1360px){ .nngn-male-range-filter, .nngn-female-range-filter{ perspective:1400px; } .nngn-male-range-filter:hover .nngn-flip-to-top, .nngn-female-range-filter:hover .nngn-flip-to-top{ transform: rotateX(-90deg); } .nngn-default-state{ transform:translateZ(20px); } .nngn-clear-range-filter{ transform:translateZ(20px); } /*Clear Selection Button on mouse hover*/ .nngn-clear-range-filter:hover i{ animation:nngn-icon-rotate 3s linear infinite; transform-origin: center; } } /* #Mobile (Landscape) ================================================== */ @media screen and (max-device-width: 480px) { } /* #Mobile (Portrait) ================================================== */ @media only screen and (max-device-width: 767px) { /* Menu shopping card */ #header .top-cart .mini-products-list .product-image { display: none !important; } #header .top-cart .mini-products-list .product-details { width: 100% !important; } #header .top-cart .block-content .subtotal { display: none !important; } #header .top-cart .mini-products-list li { padding: 10px 10px !important; } #header .top-cart .btn-remove, #header .top-cart .btn-edit { padding: 0px !important; } /* Shoping basket and checkout */ #shopping-cart-table a.product-image { display: none !important; } } /*! * fullPage 2.9.7 * https://github.com/alvarotrigo/fullPage.js * MIT licensed * * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo */ html.fp-enabled, .fp-enabled body { margin: 0; padding: 0; overflow:hidden; /*Avoid flicker on slides transitions for mobile phones #336 */ -webkit-tap-highlight-color: rgba(0,0,0,0); } .fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box; } .fp-slide { float: left; } .fp-slide, .fp-slidesContainer { height: 100%; display: block; } .fp-slides { z-index:1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition: all 0.3s ease-out; } .fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout:fixed; width: 100%; } .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .fp-slidesContainer { float: left; position: relative; } .fp-controlArrow { -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; } .fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; } .fp-scrollable { overflow: hidden; position: relative; } .fp-scroller{ overflow: hidden; } .iScrollIndicator{ border: 0 !important; } .fp-notransition { -webkit-transition: none !important; transition: none !important; } #fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0,0,0); } #fp-nav.right { right: 17px; } #fp-nav.left { left: 17px; } .fp-slidesNav{ position: absolute; z-index: 4; opacity: 1; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); left: 0 !important; right: 0; margin: 0 auto !important; } .fp-slidesNav.bottom { bottom: 17px; } .fp-slidesNav.top { top: 17px; } #fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0; } #fp-nav ul li, .fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position:relative; } .fp-slidesNav ul li { display: inline-block; } #fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{ height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; } #fp-nav ul li a span, .fp-slidesNav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #333; left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{ width: 10px; height: 10px; margin: -5px 0px 0px -5px; } #fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0; cursor: pointer; } #fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; } #fp-nav ul li .fp-tooltip.right { right: 20px; } #fp-nav ul li .fp-tooltip.left { left: 20px; } .fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell{ height: auto !important; } .fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell { height: auto !important; } /* Quick Info ========================================================= Date : June 2017 For : Pangaea Laboratories =========================================================*/ /* Technologies Used 1. SASS 2. This stylesheet consists from several "sass partials" imported to this main style-style.scss file. 3.The scss output is minified in one single css file. */ /* Variables =========================================================*/ /* Variables =========================================================*/ /* Owl Carousel 2 styles =========================================================*/ /* * Owl Carousel - Core */ @import url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/css/_jcarousel.vertical.css); .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { display: none; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } .owl-theme .owl-controls { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-controls .owl-nav [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: #869791; color: #fff; text-decoration: none; } .owl-theme .owl-controls .owl-nav .disabled { opacity: .5; cursor: default; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { display: none; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } .owl-theme .owl-controls { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-controls .owl-nav [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: #869791; color: #fff; text-decoration: none; } .owl-theme .owl-controls .owl-nav .disabled { opacity: .5; cursor: default; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/css/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .owl-carousel figure { margin: 0px; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/css/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* JCarousel Vertical =========================================================*/ /* Grid =========================================================*/ /* Random Classes that is good to have a list (Classes that might not be used for styling but just to identify objects. For example classes used in js) =========================================================*/ /* COLUMN Uses the classes below if you want to show the flex children in a column =========================================================*/ .nngn-column { display: flex; flex-direction: column; } /* ROW Uses the classes below if you want to show the flex children in a row =========================================================*/ .nngn-row { display: flex; flex-direction: row; } .nngn-m-row { display: flex; } @media screen and (min-width: 1000px) { .nngn-m-row { flex-direction: row !important; } } .nngn-column { display: flex; flex-direction: column; } .nngn-s-row { display: flex; } @media screen and (min-width: 700px) { .nngn-s-row { flex-direction: row; } } .nngn-l-row { display: flex; } @media screen and (min-width: 1340px) { .nngn-l-row { flex-direction: row; } } /* ORDER OF ITEMS Use the classes below to adjust the order value of the flex children =========================================================*/ .nngn-order-1 { order: 1; } .nngn-order-2 { order: 2; } .nngn-order-3 { order: 3; } @media screen and (min-width: 500px) { .nngn-xs-order-3 { order: 3; } } @media screen and (min-width: 1200px) { .nngn-n-order-0 { order: 0; } } @media screen and (min-width: 1340px) { .nngn-l-order-1 { order: 1; } } @media screen and (min-width: 1340px) { .nngn-l-order-2 { order: 2; } } /* FLEX GROWTH Use the classes below to proportionally adjust the grow value of the flex children =========================================================*/ .nngn-grow-1 { flex-grow: 1; flex-basis: 0px; } .nngn-grow-2 { flex-grow: 2; flex-basis: 0px; } .nngn-grow-3 { flex-grow: 3; flex-basis: 0px; } .nngn-grow-4 { flex-grow: 4; flex-basis: 0px; } /* Paddings =========================================================*/ .nngn-p0 { padding: 0px; } .nngn-p10 { padding: 10px; } .nngn-p20 { padding: 20px; } @media screen and (min-width: 1340px) { .nngn-l-p20 { padding: 20px; } } .nngn-p40 { padding: 40px; } @media screen and (min-width: 1340px) { .nngn-l-p40 { padding: 40px; } } .nngn-pb20 { padding-bottom: 20px; } .nngn-pt20 { padding-top: 20px; } .nngn-pl20 { padding-left: 20px; } .nngn-pr20 { padding-right: 20px; } /* Margins =========================================================*/ .nngn-m0 { margin: 0px; } .nngn-m10 { margin: 10px; } .nngn-m20 { margin: 20px; } .nngn-m40 { margin: 40px; } .nngn-mt20 { margin-top: 20px; } .nngn-mt40 { margin-top: 40px; } .nngn-mb20 { margin-bottom: 20px; } .nngn-mb40 { margin-bottom: 40px; } .nngn-mb70 { margin-bottom: 70px; } .nngn-ml40 { margin-left: 40px; } .nngn-mr40 { margin-right: 40px; } @media screen and (min-width: 700px) { .nngn-s-m10 { margin: 10px; } } @media screen and (min-width: 1340px) { .nngn-l-m10 { margin: 10px; } } /* Use the push classes in case you want to push an element and all the elements that follow it to the side of the screen =========================================================*/ .nngn-push-bottom { margin-top: auto; } .nngn-push-left { margin-right: auto; } .nngn-push-right { margin-left: auto; } .nngn-push-top { margin-bottom: auto; } /* FLEX BASIS-Default is auto but if we want to treat flex children equally then add class flex-basis 0 =========================================================*/ .nngn-fb0 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; } /* Elements Alignment =========================================================*/ .nngn-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .nngn-just-center { justify-content: center; } .nngn-algn-center { align-items: center; } /* Background Classes =========================================================*/ .nngn-bg-bright { background: #fff; } /* Text Classes =========================================================*/ .nngn-txt-manus { font-family: "manus", sans-serif; } .nngn-txt-bright { color: #fff; } .nngn-txt-bright > * { color: #fff; } .nngn-txt-dark { color: #000; } .nngn-txt-dark > * { color: #000; } .nngn-txt-transparency { -webkit-text-fill-color: transparent; -webkit-background-clip: text; } .nngn-txt-4xl { font-size: 6rem; } .nngn-txt-3xl { font-size: 5rem; } .nngn-txt-xxl { font-size: 3.4rem; } .nngn-txt-xl { font-size: 2.7rem; } .nngn-txt-l { font-size: 2.1rem; } .nngn-txt-m { font-size: 1.6rem; } .nngn-txt-s { font-size: 1.3rem; } .nngn-txt-xs { font-size: 1rem; } .nngn-txt-algn-center { text-align: center; } .nngn-txt-algn-left { text-align: left; } .nngn-txt-algn-right { text-align: right; } .nngn-txt-dec-underline { text-decoration: underline; } /* Visibility =========================================================*/ .nngn-vis-hide { display: none; } .nngn-vis-hide-seo { position: absolute; left: -9999px; font-size: 0px; line-height: 0px; } .nngn-vis-mobile-hide { display: none; } @media screen and (min-width: 500px) { .nngn-vis-tablet-hide { display: none !important; } } @media screen and (min-width: 1340px) { .nngn-vis-desktop-hide { display: none; } } @media screen and (min-width: 500px) { .nngn-vis-tablet-block { display: block; } } @media screen and (min-width: 1340px) { .nngn-vis-desktop-block { display: block; } } @media screen and (min-width: 500px) { .nngn-vis-tablet-flex { display: block; } } @media screen and (min-width: 1340px) { .nngn-vis-desktop-flex { display: block; } } .nngn-bg-hyasoft { background-color: #0085CA; } .nngn-bg-glowdrops { background-color: #FFC72C; } .nngn-bg-vitc30 { background-color: #FF5200; } .nngn-bg-white { background-color: #fff; } .nngn-bg-pink { background: #ec7ebb; } /* Icons =========================================================*/ .nngn-inline-icons a { display: inline-block; transition: all 0.3s ease-out; font-size: 4rem; margin: 10px; } .nngn-inline-icons a:hover { transform: scale(1.3); } /* Borders =========================================================*/ .nngn-brd-5 { border-width: 5px; border-style: solid; } /* Buttons =========================================================*/ .nngn-btn-1 { display: inline-block; margin: 10px auto; background-color: #3D3D3D; color: #fff; font-size: 26px; padding: 15px 20px; text-decoration: none !important; } .nngn-btn-1:hover { color: #fff; background: #292929; } .nngn-btn-1:active { color: #fff; background: #1e1e1e; } .nngn-btn-2 { display: inline-block; margin: 10px auto; background-color: #000; color: #fff; font-size: 26px; padding: 15px 30px; text-decoration: none !important; border: 2px solid #fff; letter-spacing: 2px; } .nngn-btn-2:hover { color: #000; background: #fff; } .nngn-btn-2:active, .nngn-btn-2:focus { color: #fff; background: #1e1e1e; } .nngn-btn-2-reversed { display: inline-block; margin: 10px auto; background-color: transparent; color: #fff; font-size: 26px; padding: 15px 20px; text-decoration: none !important; border: 2px solid #fff; letter-spacing: 2px; } .nngn-btn-2-reversed:hover { color: #000; background: #fff; } .nngn-btn-2-reversed:active, .nngn-btn-2-reversed:focus { color: #fff; background: #1e1e1e; } /* Effects =========================================================*/ .nngn-bottom-bounce-container { overflow: hidden; } .nngn-bottom-bounce-container .nngn-bottom-bounce { display: block; position: absolute; top: 0px; left: 0px; background: #fff; width: 100%; height: 100%; transform: translate(0%, 100%); transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); } .nngn-bottom-bounce-container:hover .nngn-bottom-bounce { transform: translate(0%, 0%); } .nngn-fadeout { overflow: hidden; position: relative !important; } .nngn-fadeout img { opacity: 1; transition: all 0.5s ease-out; } .nngn-fadeout span { display: block; opacity: 0; padding: 0px; position: absolute; text-align: center; margin: auto; top: 0px; bottom: 0px; right: 0px; left: 0px; background: rgba(0, 0, 0, 0.8); color: white; width: 100%; height: 100%; transition: all 0.5s ease-out; } .nngn-fadeout:hover > img { opacity: 0; } .nngn-fadeout:hover span { opacity: 1; } /* Typography =========================================================*/ /* Typography =========================================================*/ p { max-width: 600px; } .nngn-txt-xs { font-size: 12px !important; font-size: calc(12px + 0.1vw) !important; } @media screen and (min-width: 1340px) { .nngn-txt-xs { font-size: 14px !important; } } .nngn-txt-s { font-size: 16px !important; font-size: calc(15px + 0.1vw) !important; } @media screen and (min-width: 1340px) { .nngn-txt-s { font-size: 16px !important; } } .nngn-txt-m { font-size: 18px !important; font-size: calc(17px + 0.2vw) !important; } @media screen and (min-width: 1340px) { .nngn-txt-m { font-size: 26px !important; } } .nngn-txt-l { font-size: 20px !important; font-size: calc(20px + 0.4vw) !important; } @media screen and (min-width: 1340px) { .nngn-txt-l { font-size: 32px !important; } } .nngn-txt-xl { font-size: 24px !important; font-size: calc(22px + 0.8vw) !important; } @media screen and (min-width: 1340px) { .nngn-txt-xl { font-size: 48px !important; } } .nngn-txt-xxl { font-size: 32px !important; font-size: calc(26px + 1vw) !important; } @media screen and (min-width: 1340px) { .nngn-txt-xxl { font-size: 65px !important; } } .nngn-txt-3xl { font-size: 32px !important; font-size: calc(28px + 1.4vw) !important; } @media screen and (min-width: 1340px) { .nngn-txt-3xl { font-size: 65px !important; } } /* Specific Styles =========================================================*/ .catalog-product-view .old-price { background-size: cover; } .catalog-product-view .old-price .price { color: black !important; padding: 2px 5px 2px 15px !important; text-decoration: none; position: relative; padding-right: 13px !important; } .catalog-product-view .old-price .price:after { content: " "; display: block; width: 93px; height: 1px; background: black; border-radius: 10px; transform: rotate(-22deg); position: absolute; top: 20px; left: -2px; } .cms-index-index .old-price .price, .catalog-product-view .old-price .price { margin-bottom: 0px !important; } .price-box { display: block; } #key-features { font-family: 'Open Sans', sans-serif; } .catalog-product-view h1, .catalog-product-view h2, .catalog-product-view h3, .catalog-product-view h4, .catalog-product-view h5, .catalog-product-view p, .catalog-product-view ul, .catalog-product-view li, .catalog-product-view a, .catalog-product-view div, .catalog-product-view span, .catalog-product-view .product-name h1 { font-family: 'Open Sans', sans-serif; } .catalog-product-view .product-name h1 { font-family: 'Open Sans', sans-serif !important; } #reviews .grid_12 { width: 100%; } #reviews h3 { font-size: 18px !important; } .catalog-product-view .button-holder { margin-left: 0px !important; margin-top: 10px !important; } .viewport { background: #000; width: 100%; } #product-tabs-container > * { color: #000; } #product-tabs-container img { width: 100%; } #product-tabs-container *, #product-tabs-container h3, #product-tabs-container h4 { font-family: 'Open Sans', sans-serif; } #product-tabs-container p { font-size: 16px; margin-top: 0px !important; margin-bottom: 20px !important; } #product-tabs-container h5 { font-size: 18px; margin-bottom: 5px; } #product-tabs-container h3 { font-size: 21px; } #product-tabs-container h4 { font-size: 24px; } #product-tabs-container #product-tabs li { display: inline-block; } #product-tabs-container #product-tabs li a { display: inline-block; padding: 10px 5px !important; border-radius: 0px; color: #fff; border-top: 1px; border-right: 1px; border-left: 1px; border-bottom: 0px; border-style: solid; border-color: #000; box-sizing: border-box; color: #000; text-decoration: none; } #product-tabs-container #product-tabs li a:hover { background: #53565a; color: #fff; } @media screen and (min-width: 350px) { #product-tabs-container #product-tabs li a { padding: 10px 10px !important; } } @media screen and (min-width: 800px) { #product-tabs-container #product-tabs li a { font-weight: bold; letter-spacing: 2px; font-size: 20px; } } @media screen and (min-width: 1200px) { #product-tabs-container #product-tabs li a { width: 180px; text-align: center; } } #product-tabs-container #product-tabs li.active a { background: #000; border-radius: 0px; color: #fff; } #product-tabs-container .tab-pane img { max-width: 600px; } #product-tabs-container .tab-pane > div img { max-width: 100%; } #product-tabs-container .tab-content { border: 1px solid #000; } #product-tabs-container .tab-content h3 { font-size: 24px; font-weight: bold; } #product-tabs-container .tab-content p { margin-top: 20px; font-size: 16px !important; } #product-tabs-container .fade { display: none !important; } #product-tabs-container .fade.in { display: block !important; } #product-tabs-container #revies-button { position: relative; left: -50px; } #product-tabs-container #customer-reviews { width: 100%; overflow: hidden; } .catalog-product-view .add-to-links { display: none; } .catalog-product-view .product-name h1 { color: #000; letter-spacing: 5px; font-weight: 300; } .catalog-product-view .short-description { color: #000 !important; } .catalog-product-view .product-view .product-shop .price-box { float: none !important; } .catalog-product-view .price-box { float: none !important; } .catalog-product-view .price-box span { font-size: 20px; font-weight: 300; } .catalog-product-view .add-to-cart { float: none !important; } .catalog-product-view .add-to-cart .quantity-increase { margin: 25px 0px !important; } .catalog-product-view .add-to-cart .fa { font-size: 2em; } .catalog-product-view .add-to-cart #qty { height: 35px; width: 70px; font-size: 20px; color: black; } .catalog-product-view .quantity-increase { float: none !important; } .catalog-product-view .nngn-quantity { margin-top: 20px; margin-bottom: -20px; font-size: 17px; font-weight: 700; color: #000; } @media screen and (max-width: 767) { .catalog-product-view .product-shop { margin-top: 40px; } } .catalog-product-view .nngn-btn-1 span { background: black; } .catalog-product-view .add-to-cart button.button span span { padding: 0 30px; } .catalog-product-view .add-to-cart button.button span { height: 50px; line-height: 50px; } .catalog-product-view div.quantity-increase i, .catalog-product-view div.quantity-decrease i { background: #000; } .catalog-product-view .price { color: #000 !important; } @media screen and (min-width: 1200px) { .catalog-product-view .shrinked.lslide.active { cursor: crosshair; } } @media screen and (max-width: 800px) { .catalog-product-view #revies-button { float: left; left: -10px !important; right: 0px; } } #key-features { color: #000; } #key-features h3 { font-size: 20px; letter-spacing: 2px; } #key-features ul { font-size: 16px; list-style-type: disc; margin-left: 15px; } #key-features ul li { margin-top: 5px; } .promo-page { margin: 0px auto; max-width: 1200px; margin-top: -10px; } .promo-page img { width: 100%; } .promo-page img { margin-top: 10px; margin-bottom: 10px; } .promo-page h1 { font-size: 32px; color: black; } .promo-page h2 { font-size: 26px; color: black; } .promo-page p { font-size: 16px; color: black; } .promo-page h1, .promo-page h2, .promo-page ul, .promo-page p { margin: 20px; line-height: 1.5; } .promo-page ul { margin: 20px; list-style-type: disc; list-style-position: inside; font-size: 16px; color: black; } .promo-page ul li { margin: 5px 0px; } .promo-page section > div { max-width: 400px; margin: 0px auto; } @media screen and (min-width: 700px) { .promo-page section > div { max-width: 100%; } } .promo-page .nngn-column > div:nth-child(2) { margin: 0px 20px; } @media screen and (min-width: 700px) { .promo-page #ppc-carousel-container { overflow: hidden; } } .promo-page #ppc-carousel-container .owl-dots { margin-top: 10px; display: flex; flex-direction: row; justify-content: center; } .promo-page #ppc-carousel-container h2 { margin-top: 30px; } .promo-page #growth-factors { margin-bottom: 20px; } #homepage-featured h1 { font-size: 36px; text-align: center; margin-bottom: 40px; color: #000; } .header-slider-holder, .iosSlider { height: 600px !important; } @media screen and (min-width: 800px) { .header-slider-holder, .iosSlider { height: 905px !important; } } .upper-text, .middle-text, .bottom-text { border-color: #fff; border-style: solid; color: #fff; box-sizing: border-box; } .upper-text, .bottom-text { width: 250px; background: rgba(0, 0, 0, 0.4); } @media screen and (min-width: 800px) { .upper-text, .bottom-text { width: 550px; } } .bottom-text { font-size: 16px; } @media screen and (min-width: 800px) { .bottom-text { font-size: 18px; } } .upper-text { border-width: 4px 4px 0px 4px; padding: 30px 20px 20px 20px; font-size: 18px; text-transform: uppercase; letter-spacing: 5px; } @media screen and (min-width: 800px) { .upper-text { font-size: 24px; } } .middle-text { position: relative; font-size: 25px; padding: 10px; letter-spacing: 5px; } @media screen and (min-width: 800px) { .middle-text { padding: 20px; font-size: 70px; } } .middle-text > div { z-index: 10; position: relative; } .middle-text:after { z-index: 1; display: block; content: " "; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; margin: auto; max-width: 242px; } @media screen and (min-width: 800px) { .middle-text:after { max-width: 542px; } } .bottom-text { border-width: 0px 4px 4px 4px; padding: 20px 10px 50px 10px; } @media screen and (min-width: 500px) { .bottom-text { padding: 20px 20px 80px 20px; } } .text-container { line-height: initial; } .text-container a { position: relative; top: -28px; background: white; color: black; font-size: 28px; padding: 5px 25px; font-weight: bold; transition: all 0.5s ease-out; border: 4px solid #fff; } .text-container a:hover { text-decoration: none; background: #000; color: #fff; } .text-container.txtdark div * { color: black; } .text-container.txtbright div * { color: white; } #secondary-slider-section { background-color: #000 !important; margin: -1px 0px 0px 0px; padding: 40px; } #secondary-slider-section #left-cta, #secondary-slider-section #right-cta { flex-grow: 1; } #secondary-slider-section #left-cta *, #secondary-slider-section #right-cta * { color: white; } #secondary-slider-section #left-cta .text-top > div, #secondary-slider-section #right-cta .text-top > div { overflow: hidden; } #secondary-slider-section #left-cta:hover img, #secondary-slider-section #right-cta:hover img { transform: scale(1.1); } #secondary-slider-section #left-cta img, #secondary-slider-section #right-cta img { transition: all 0.5s ease-out; } #secondary-slider-section #homepage-secondary-slider-container { flex-grow: 2; } #secondary-slider-section > div { margin-top: 40px !important; } @media screen and (max-width: 499px) { #secondary-slider-section .nngn-m40 { margin: 0px; } } #secondary-slider-section > div:first-child > div { margin-left: auto; } #secondary-slider-section > div:last-child > div { margin-right: auto; } #secondary-slider-section > div { flex-basis: 100%; } #secondary-slider-section .text-right { transform: rotate(270deg); transform-origin: 0px 0px; position: relative; left: -30px; } #secondary-slider-section .text-left { transform: rotate(90deg); transform-origin: right 38px; position: relative; left: -9px; top: -37px; } #secondary-slider-section .text-top, #secondary-slider-section .text-right, #secondary-slider-section .text-left { font-weight: bold; white-space: nowrap; } #secondary-slider-section .text-top > *, #secondary-slider-section .text-right > *, #secondary-slider-section .text-left > * { display: block; } #secondary-slider-section .text-top span, #secondary-slider-section .text-right span, #secondary-slider-section .text-left span { font-size: 18px; color: #000; } @media screen and (min-width: 900px) { #secondary-slider-section .text-top span, #secondary-slider-section .text-right span, #secondary-slider-section .text-left span { font-size: 23px; } } #secondary-slider-section .text-top span { position: relative; top: -10px; } #secondary-slider-section .text-top > div { position: relative; } #secondary-slider-section .text-top > div a { margin: 10%; transition: all 0.8s ease-out; width: 80%; height: 88.5%; position: absolute; top: 0px; left: 0px; text-decoration: none; } #secondary-slider-section .text-top > div a div { padding-bottom: 5px; font-size: 24px; color: white; transition: all 0.8s ease-out; border-bottom: 1px solid transparent; } @media screen and (min-width: 1000px) { #secondary-slider-section .text-top > div a div { opacity: 0; } } #secondary-slider-section .text-top > div a:hover { background: rgba(0, 0, 0, 0.4); } #secondary-slider-section .text-top > div a:hover > div { opacity: 1; border-bottom: 1px solid #53565a; } #secondary-slider-section h2 { letter-spacing: 2px; font-weight: bold; margin-left: 20px; margin-right: 20px; max-width: 100%; font-size: 21px; text-align: center; } @media screen and (min-width: 700px) { #secondary-slider-section h2 { font-size: 30px; } } #secondary-slider-section h2, #secondary-slider-section h3 { text-transform: uppercase !important; color: #fff; margin: auto; } #secondary-slider-section .owl-dots { position: absolute; bottom: 0px; text-align: center; left: 0px; right: 0px; margin: 20px; } #secondary-slider-section .nngn-btn-1-reversed { margin: auto; width: 200px; text-align: center; } #homepage-secondary-slider .owl-dot span { background: transparent; border: 1px solid white; } #homepage-secondary-slider .owl-dot.active span { background: #fff; } .slider-text-container { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; } .slider-text-container h2 { max-width: 300px; padding: 0px 20px; font-size: 20px; margin-top: 30px !important; margin-bottom: auto !important; } @media screen and (min-width: 700px) and (max-width: 1100px) { .slider-text-container h2 { font-size: 20px !important; } } @media screen and (min-width: 1100px) { .slider-text-container h2 { margin-top: 60px !important; font-size: 28px !important; max-width: 385px; } } .slider-text-container .nngn-btn-2 { top: -40px !important; position: relative; padding: 10px; text-align: center; } @media screen and (max-width: 500px) { .slider-text-container .nngn-btn-2 { font-size: 20px; width: 140px; padding: 10px; } } @media screen and (min-width: 1100px) { .slider-text-container .nngn-btn-2 { top: -10px !important; padding: 10px 30px; margin-top: auto !important; margin-bottom: 60px !important; } } #homepage-secondary-slider { width: 320px; margin: 0px auto; } @media screen and (min-width: 700px) { #homepage-secondary-slider { width: 220px; } } @media screen and (min-width: 800px) { #homepage-secondary-slider { width: 300px; } } @media screen and (min-width: 900px) { #homepage-secondary-slider { width: 320px; } } @media screen and (min-width: 1000px) { #homepage-secondary-slider { width: 420px; } } @media screen and (min-width: 1100px) { #homepage-secondary-slider { width: 500px; } } @media screen and (min-width: 1600px) { #homepage-secondary-slider { width: 650px; } } #homepage-secondary-slider .item img { transition: all 0.4s ease-out; } #homepage-secondary-slider .item:hover img { transform: scale(1.05); } .side-buttons-right, .side-button-left { transition: all 5.8s ease-out; } .side-buttons-right:hover, .side-button-left:hover { border-top: 1px solid red; } .side-buttons-right .side-button-text-right, .side-button-left .side-button-text-right { position: absolute; right: -16px; bottom: -12px; transform: rotate(90deg); transform-origin: right center; } #reviews-carousel-container { height: 650px; background: #000; margin-bottom: 80px; } @media screen and (min-width: 400px) { #reviews-carousel-container { height: 550px; } } @media screen and (min-width: 450px) { #reviews-carousel-container { height: 500px; } } @media screen and (min-width: 500px) { #reviews-carousel-container { height: 470px; } } @media screen and (min-width: 800px) { #reviews-carousel-container { height: 300px; } } #reviews-carousel-container > div { max-width: 900px; } #reviews-carousel-container .container_12 { color: #fff; margin: 0px auto; padding-top: 40px; background: transparent !important; } @media screen and (min-width: 700px) and (max-width: 800px) { #reviews-carousel-container .container_12 { width: 600px !important; } } #reviews-carousel-container .review-img-container { margin-right: 60px; } #reviews-carousel-container h3 { text-transform: capitalize; font-size: 26px; } #reviews-carousel-container h3 span { font-size: 18px; color: #53565a; position: relative; top: 0px; margin-right: 10px; margin-left: -30px; } #reviews-carousel-container p { font-size: 16px; } #reviews-carousel-container .review-name { margin-top: 20px; color: #53565a; } #reviews-carousel-container .owl-dots { position: absolute; bottom: 0%; text-align: center; left: 0px; right: 0px; margin: 20px; } @media screen and (min-width: 1100px) { #reviews-carousel-container .owl-dots { bottom: 20%; } } #reviews-carousel-container .owl-dot { display: inline-block; } #reviews-carousel-container .owl-dot span { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin: 5px; background: transparent; border: 1px solid white; } #reviews-carousel-container .owl-dot.active span { background: #fff; } #checkout-shipping-method-load > dl > dd > ul > li > label { padding: 0px !important; } .apply-coupon > span > span { padding: 2px 10px !important; } .sp-methods span.price { line-height: 21px; padding-left: 4px; font-size: 15px; } .opc-index-index .grid_12.col-main { margin-bottom: 40px; } .opc-index-index .sp-methods small { margin-top: 20px; display: inline-block; } .nngn-legal { margin: 20px 0px; } .nngn-legal * { font-size: 16px; } .nngn-legal a { text-decoration: underline; } .nngn-legal p { margin: 20px 0px; } .nngn-legal p, .nngn-legal ul { max-width: 650px; } .nngn-legal h2 { margin-top: 20px; } .nngn-legal ul { position: relative; left: 20px; margin: 20px; list-style-type: disc; } .nngn-legal ul li { margin-top: 10px; } .nngn-legal .nngn-box { border: 1px solid black; padding: 10px; background: #e6e6e6; max-width: 75rem; padding: 20px; } .nngn-legal .nngn-table-container { max-width: 750px; overflow-x: auto !important; } .nngn-legal table { margin: 20px 0px; width: 100%; border-collapse: collapse; border-spacing: 0; width: 100%; } .nngn-legal table th { font-weight: bold !important; } .nngn-legal table td, .nngn-legal table th { border: 1px solid black; padding: 8px; } .nngn-legal .c6 { font-weight: bold; margin-top: 20px; } .nngn-responsive-video { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; width: 100%; } .nngn-responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .add-to-box .price-box { display: block !important; } .availability.out-of-stock span { color: red; } #landing-pages * { font-family: "Open Sans", sans-serif; } #landing-pages p { font-size: 16px; } #landing-pages p, #landing-pages h1, #landing-pages h2, #landing-pages h3, #landing-pages h4, #landing-pages h5, #landing-pages ul, #landing-pages li { color: #000; margin: 20px 0px; } #landing-pages .nngn-video-row > div { margin: 20px; } @media screen and (min-width: 1000px) { #landing-pages .nngn-video-row > div:first-child { margin: 20px 0px !important; } #landing-pages .nngn-video-row div:nth-child(2) { margin: 20px; } #landing-pages .nngn-video-row > div:last-child { margin: 20px 0px !important; } } /* Specific Styles =========================================================*/ .viewport { display: none; position: absolute; width: 100%; max-width: 650px; height: 80%; max-height: 650px; top: 0; bottom: 0; left: 0px; right: 0px; margin: auto; z-index: 10000; border: 1px solid #000; } @media screen and (min-width: 1200px) { .viewport { display: block; } } /* Landing-pages-styles =========================================================*/ #nngn-ldn-pages * { color: black; } #nngn-ldn-pages .nngn-dark * { color: white; } @media screen and (max-width: 1000px) { #nngn-ldn-pages .nngn-column.nngn-grow-1, #nngn-ldn-pages .nngn-column.nngn-grow-2 { flex-basis: auto; } } #nngn-ldn-pages h1, #nngn-ldn-pages h2, #nngn-ldn-pages h3, #nngn-ldn-pages h4, #nngn-ldn-pages h5, #nngn-ldn-pages p, #nngn-ldn-pages li { font-family: "Open Sans",sans-serif; } #nngn-ldn-pages h1 { font-size: 48px; letter-spacing: 2px; font-size: calc(48px + 0.2vw); } #nngn-ldn-pages h2 { letter-spacing: 1px; font-size: 36px; font-size: calc(36px + 0.2vw); } #nngn-ldn-pages h3 { letter-spacing: 1px; font-size: 24px; font-size: calc(24px + 0.2vw); } #nngn-ldn-pages h4 { letter-spacing: 1px; font-size: 21px; font-size: calc(21px + 0.2vw); } #nngn-ldn-pages p, #nngn-ldn-pages ul { margin: 20px 0px; font-size: 16px; max-width: 60rem; line-height: 1.4; } @media screen and (min-width: 700px) { #nngn-ldn-pages p, #nngn-ldn-pages ul { font-size: 18px; font-size: calc(18px + 0.2vw); } } #nngn-ldn-pages ul { list-style-type: disc; } #nngn-ldn-pages ul li { margin-top: 15px; } #nngn-ldn-pages img { width: 100%; } #nngn-ldn-pages .nngn-xs-txt { font-size: 12px; font-size: calc(12px + 0.2vw); } #nngn-ldn-pages .nngn-s-txt { font-size: 14px; font-size: calc(14px + 0.2vw); } #nngn-ldn-pages .nngn-n-txt { font-size: 16px; font-size: calc(16px + 0.6vw); } #nngn-ldn-pages .nngn-m-txt { font-size: 21px; font-size: calc(21px + 0.4vw); } #nngn-ldn-pages .nngn-l-txt { font-size: 24px; font-size: calc(24px + 1vw); } #nngn-ldn-pages .nngn-xl-txt { font-size: 36px; font-size: calc(26px + 2vw); } #nngn-ldn-pages .nngn-xxl-txt { font-size: 48px; font-size: calc(48px + 4vw); } #nngn-ldn-pages .nngn-3xl-txt { font-size: 60px; font-size: calc(60px + 4vw); } #nngn-ldn-pages .nngn-4xl-txt { font-size: 72px; font-size: calc(72px + 4vw); } .nngn-bounce { animation: arrowbounce 2s infinite !important; position: relative; } @keyframes arrowbounce { 0% { bottom: 0px; } 75% { bottom: 15px; } 100% { bottom: 0px; } } #nngn-ldn-pages .nngn-ldn-btn { font-family: "Open Sans",sans-serif; border: 1px solid #000; background: #fff; padding: 15px 30px; transition: all 0.3s ease-out; text-decoration: none; color: #000; letter-spacing: 2px; font-size: 18px; font-size: calc(16px + 0.4vw); white-space: nowrap; } #nngn-ldn-pages .nngn-ldn-btn:hover { background: #000; color: #fff; } #nngn-ldn-pages .nngn-dark .nngn-ldn-btn { font-family: "Open Sans",sans-serif; border: 1px solid #fff; background: #000; padding: 15px 30px; transition: all 0.3s ease-out; text-decoration: none; color: #fff; letter-spacing: 2px; font-size: 18px; font-size: calc(16px + 0.4vw); white-space: nowrap; } #nngn-ldn-pages .nngn-dark .nngn-ldn-btn:hover { background: #fff; color: #000; } /* Specific Styles =========================================================*/ .nngn-blog-home p, .nngn-blog-home div, .nngn-blog-home h1, .nngn-blog-home h2, .nngn-blog-home h3, .nngn-blog-home h4, .nngn-blog-home h4, .nngn-blog-home span, .nngn-blog-home a, .nngn-blog-article p, .nngn-blog-article div, .nngn-blog-article h1, .nngn-blog-article h2, .nngn-blog-article h3, .nngn-blog-article h4, .nngn-blog-article h4, .nngn-blog-article span, .nngn-blog-article a { font-family: "Open Sans", sans-serif !important; max-width: 100%; } .nngn-blog-home h1, .nngn-blog-article h1 { color: #000; margin: 40px 0px 10px 0px; font-size: calc(35px + 0.14vw) !important; } .nngn-blog-home h2, .nngn-blog-article h2 { color: #000; font-size: calc(24px + 0.14vw) !important; margin-top: 40px !important; margin-bottom: 10px !important; } .nngn-blog-home h3, .nngn-blog-article h3 { color: #000; font-size: calc(21px + 0.14vw) !important; margin-top: 40px !important; margin-bottom: 10px !important; } .nngn-blog-home p, .nngn-blog-article p { color: #53565a; font-size: calc(16px + 0.14vw) !important; line-height: calc(16px + 0.4vw) !important; } .nngn-blog-home img, .nngn-blog-article img { width: 100%; } .nngn-blog-home .article-preview, .nngn-blog-article .article-preview { max-width: 300px; } .nngn-blog-home * { text-decoration: none !important; } .nngn-blog-home > div { width: 100% !important; align-items: left; } @media screen and (min-width: 700px) { .nngn-blog-home .nngn-article-preview { max-width: 50%; } } .nngn-blog-home button { margin: 20px; transition: all 0.3s ease-out; background: white; color: white; border: 1px solid black; color: black; padding: 10px 20px; font-size: calc(20px + 0.2vw); text-decoration: none; } .nngn-blog-home button:hover { color: white; background: black; text-decoration: none; cursor: pointer; } .nngn-blog-home #intro-text { margin: 40px 0px; } .nngn-blog-home img { max-width: 350px; } .nngn-blog-article { box-sizing: border-box; padding: 20px; width: 100%; } @media screen and (min-width: 1400px) { .nngn-blog-article { padding: 0px; } } .nngn-blog-article .nngn-intro-image { width: 100% !important; } .nngn-blog-article .nngn-restricted-width { max-width: 750px; } .nngn-blog-article section { width: 100%; padding: 40px; } @media screen and (min-width: 1400px) { .nngn-blog-article section:nth-child(2) { margin-top: -150px; background: white; } } .nngn-blog-article section:nth-child(2) h1 { margin-top: 0px; } /*# sourceMappingURL=sass-styles.css.map */ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/fancybox/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/fancybox/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/fancybox/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: visible !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/fancybox/fancybox_overlay.png); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/fancybox/fancybox_sprite@2x.png); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url(https://cdn.pangaea.co.uk/skin/frontend/indigo/nanogen/images/fancybox/fancybox_loading@2x.gif); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } iframe#iframeRegCard { height:518px; width:100%; border:1px solid #666; padding: 0 20px;} iframe#sagepaydirectpro-iframe-post { height:500px; width:100%; /*border:1px solid #666;*/ border:none; } div#direct3d-logos { width:351px;margin:0 auto; margin-top:5px; } div#direct3d-logos img { padding-right:10px; } div.sagecardh1 h1 { display: inline; } div.sagecardh1 img { padding-top: 12px; padding-left: 10px; } select#sagepaytoken_start_yr, select#sagepaytoken_start, select#sagepaytoken_expiration_yr, select#sagepaytoken_expiration { width:125px; } select#sagepaytoken_start, select#sagepaytoken_expiration { margin-right: 10px; } form#frmRegCard input.cvv { width:3em !important; } .sidebar .sagepaysuite-logo { display:block; margin:10px 0; text-align:center; } .sidebar .sagepaysuite-logo a { float:none; }