/******************************************************************************************/ /************************* DO NOT EDIT THIS FILE ( v1.4.1 ) *******************************/ /******************************************************************************************/ /** Theme Font **/ .theme_font, .main ul.messages, .product-options dt label, .product-options dl.last ul.options-list .label, .slide-title .text, .slide-title .link, button.button span, .header-cart .summary, .header-cart .header-dropdown .subtotal, .footer .info-content h1,.footer .info-content h2,.footer .info-content h3,.footer .info-content h4,.footer .info-content h5,.footer .info-content h6, .footer .newsletter .title, .footer .athlete_footer_connect .title, .athlete_footer_customer_service, .header-cart .header-dropdown .sub-total, #nav > li > a, #nav ul.level0 li > a, .nav-top-title a, .content-banner .banner, .content-banner .banner a, .text-container .text, .nav-top-title, .page-title h1, .opc .step h3, .opc .step-title .number, .opc .step-title h2, .block .block-title, .block-compare h3, .block_shipping .shipping > h2, .block_coupon .discount > h2, .block_totals #shopping-cart-totals-table tfoot strong, p.back-link a, .data-table .product-name, .data-table .cart-price, .block .actions a, .block-poll .block-subtitle:before, .std h1, .std h2, .std h3, .std h4,.std h5, .std h6, .std .h1, .std .h2, .std .h3, .std .h4,.std .h5, .std .h6, .std .data-table tbody th, .category-products .product-name, .category-products .price-box, .new-label, .sale-label, .products-list .link-wishlist, .products-list .link-compare, .product-view .product-category-title h3, .product-name h1, .product-shop .add-to-links a, .dedicated-review-box .average-rating strong, .dedicated-review-box ol.reviews-list li .review-title, .add-review h2, .add-review h4, .product-tabs a, .product-tabs-container h2.tab-heading a, .product-view .box-tags .form-add label, .price-box .price, .title-container h3, .category-banner-container .text-container a, .cms-banner.cms-banner-big-link .link, ul.custom-menu li a, .block-login h2, .blog-title h1, .aw-blog-read-more, .postTitle h1,.commentDetails h4.username, .blog-date, .postTitle h2, .athlete_style_large, .athlete_style_medium, .athlete_style_small, .slideshow-container .link { font-family:"Open Sans", Arial, sans-serif; letter-spacing:-1px;} /* letter spacing -2px */ .text-container .text, .block-login .block-title, .title-container h3, .athlete_style_medium { letter-spacing:-2px;} .product-view .price-box-wrap .price-box .price { letter-spacing:-2px;} /* letter spacing -3px */ /* letter spacing -4px */ .slide-title .text, .page-title h1, .product-slider-container-big .title-container h3, .product-view .product-category-title h3, .blog-title h1, .postTitle h1, .athlete_style_large { letter-spacing:-4px;} @media only screen and (max-width: 767px) { .slide-title .text, .page-title h1, .product-slider-container-big .title-container h3, .product-view .product-category-title h3, .blog-title h1, .postTitle h1 { letter-spacing:-2px;} } .new-label, .sale-label, .block .actions a.btn-clear { letter-spacing:inherit;} /** Theme Color **/ .logo-container, .header-cart .summary, .header .top-links a:hover, .footer .info-content a:hover, a.social-icon, .header a.btn-edit:hover, .content-container a.btn-edit:hover, .header a.btn-remove:hover, .content-container a.btn-remove:hover, .header .form-search button.button span, .header .form-search button.button:hover span, .header-currency:hover, .header-language:hover, #nav>li>a:hover, #nav>li.over>a, #nav>li.active>a, #nav>li.parent>a:hover:before, #nav>li.parent.over>a:before, .nav-top-title:hover a, .nav-top-title div.icon span, .product-view .product-img-box .zoom .btn-zoom-out:hover, .product-view .product-img-box .zoom .btn-zoom-in:hover, .opc .allow:hover .step-title, .opc .allow.active .step-title .number, .opc .allow.active:hover .step-title .number, p.back-link a, .block .actions a, .block-wishlist .link-cart:hover, .block-progress dt a, .sorter a.sort-by-arrow:hover, .view-mode a.grid:hover, .view-mode strong.grid, .view-mode a.list:hover, .view-mode strong.list, .pager .pages li a:hover, .pager .pages li.current, .pager .pages li a.previous :hover, .pager .pages li a.next:hover, .over .toolbar-title, .toolbar-dropdown ul li a:hover, .toolbar-dropdown ul li.selected a, .products-grid .actions li button.button:hover, .products-grid .actions .add-to-links .link-wishlist:hover, .products-grid .actions .add-to-links .link-compare:hover, .add-review .rating-radio.active, .product-tabs li.active a, .product-tabs a:hover, .product-tabs-container h2.tab-heading:hover, .product-tabs-container h2.active a, .product-tabs-container h2.active a:hover, .product-tags li a:hover, #toTop { background-color:#ff0000} /* a:hover */ .products-grid li.item.hover .product-hover .animate-me .price { color:#ff0000} .block, .header-currency:hover .header-switch-trigger:after, .header-language:hover .header-switch-trigger:after {border-top-color:#ff0000;} .theme_bg_color{ background-color:#ff0000} .theme_border_color{ border-color:#ff0000} .theme_color{ color:#ff0000} /* buttons */ button.button span{color:#ffffff} .no-touch button.button:hover span {color:#ffffff} .revolution-slideshow .link:hover {color:#ffffff !important} button.button > span:before, #toTop {background-color:#000000} button.button:hover > span:after, #toTop:hover {background-color:#000000} .revolution-slideshow .link:hover {background-color:#000000 !important} /* inverted buttons */ button.inverted span {color:#ffffff} .no-touch button.inverted:hover span{color:#ffffff} .qty-container .qty-math, .data-table .btn-edit, .data-table .btn-remove, .block .btn-remove, button.inverted > span:before {background-color:#000000} .qty-container .qty-math:hover, .data-table .btn-edit:hover, .data-table .btn-remove:hover, .block .btn-remove:hover, button.inverted:hover > span:after {background-color:#000000} /** cms banners **/ .cms-banner.cms-banner-big-link .link{color:#ffffff} .no-touch .cms-banner.cms-banner-big-link .link:hover {color:#ffffff !important} .cms-banner.cms-banner-big-link .link {background-color:#000000} .cms-banner.cms-banner-big-link .link:hover {background-color:#000000 !important} /** title **/ /** price **/ .new-product .price-box .price, .no-touch .products-grid li.new-product:hover .product-hover .animate-me .regular-price .price {color:#ffcc00} .new-label {background-color:#ffcc00} .sale-product .price-box .price, .products-grid li.item.hover .product-hover .animate-me .special-price .price {color:#FF0000} .sale-label {background-color:#FF0000} /** header_options **/ .header-container, #nav, .header-nav-wide #nav, .header .form-search-over {background-color:#ffffff} /*.top-bar,*/ .top-links-container, .top-links-container:before, .header .links:after {background-color:#0a5a3a} .header-currency .header-switch-trigger:after, .header-language .header-switch-trigger:after { border-top-color:#0a5a3a; } .header-currency, .header-language, .header .top-links a {color:#ffffff} .header-currency .header-switch-trigger:before, .header-language .header-switch-trigger:before { border-top-color: #ffffff ; } .header .top-links a:hover, .header-cart .summary, .header-currency:hover, .header-language:hover {color:#000000} .header-currency:hover .header-switch-trigger:before, .header-language:hover .header-switch-trigger:before { border-top-color: #000000 ; } .header .top-links a:hover, .header-cart .summary, .header-currency:hover, .header-language:hover {background-color:#ffffff} @media only screen and (max-width: 767px) { .header-language, .header-currency { background-color:#ffffff } } .header-currency:hover .header-switch-trigger:after, .header-language:hover .header-switch-trigger:after { border-top-color:#ffffff; } .header-cart .summary {background-color:#019158} .header-cart .summary {color:#ffffff} .header-cart .summary:hover, .header-cart .summary.hover {background-color:#ffffff} .header-cart .summary:hover, .header-cart .summary.hover {color:#019158} .header .form-search button.button > span:before {background-color:#eb0a11} .header .form-search input {background-color:#f4f4f4} .header .form-search input {color:#999999} /** header_dropdowns **/ .header-dropdown {background-color:#ffffff} .header-cart .cart-promotion, .header-cart .header-dropdown ol li.item, .header-cart .header-dropdown .subtotal{background-color:#f5f5f5} .header-dropdown .btn-remove, .header-dropdown .btn-edit {background-color:#000000} .header-dropdown, .header-dropdown ul li a, .header-cart .header-dropdown, .header-cart .header-dropdown ol li.item, .header-cart .header-dropdown ol li.item a, .header-cart .header-dropdown .subtotal, .header-cart .cart-promotion, .header-cart .cart-promotion a { color : #000000} /* navigation */ .header-nav-wide:before, .header-fixed .header-2 .form-search {background-color:#fafafa} #nav>li>a, .nav-top-title a, .header-nav-txt.std, .header-nav-txt.std a {color:#333333} .nav-top-title:hover div.icon span, .nav-top-title.active div.icon span {background-color:#333333} #nav>li>a:hover, #nav>li.over>a, #nav>li.active>a, .nav-top-title:hover a, .header-nav-txt.std a {color:#ffffff} .nav-top-title:hover div.icon span, .nav-top-title.active div.icon span {background-color:#ffffff} #nav>li>a:hover, #nav>li.over>a, #nav>li.active>a, #nav>li.parent>a:hover:before, #nav>li.parent.over>a:before, .nav-top-title:hover a, .nav-top-title div.icon span, .header-nav-txt.std a{background-color:#eb0a11} #nav>li>a {font-size:20px} #nav > li > div, #nav ul.level0, #nav ul.level0 ul, #nav ul.level0 div, #nav .title-container h3, #nav .title-container .slider-nav {background-color:#ffffff} #nav .title-container h3, #nav .std h1, #nav .std h2, #nav .std h3, #nav .std h4, #nav .std h5, #nav .std h6, #nav .std .h1, #nav .std .h2, #nav .std .h3, #nav .std .h4, #nav .std .h5, #nav .std .h6, #nav .std {color:#333333} #nav ul.level0 li a {color:#000000} #nav ul.level0 li a:hover, #nav ul.level0 li.active > a, #nav ul.level0 li.over > a, #nav .std a.h1:hover, #nav .std a.h2:hover, #nav .std a.h3:hover, #nav .std a.h4:hover, #nav .std a.h5:hover, #nav .std a.h6:hover {color:#ffffff;} #nav ul.level0 li a:hover, #nav ul.level0 li.active > a, #nav ul.level0 li.over > a, #nav .std a.h1:hover, #nav .std a.h2:hover, #nav .std a.h3:hover, #nav .std a.h4:hover, #nav .std a.h5:hover, #nav .std a.h6:hover {background-color:#eb0a11} .megamenu-block .product-slider-container, .olegnaxmegamenu #nav li.wide div div.megamenu-block .border-bottom, .olegnaxmegamenu #nav li.wide div div.megamenu-block .border-left, .olegnaxmegamenu #nav li.wide div div.megamenu-block .border-top {border-color:#e1e1e1} @media only screen and (max-width: 1023px) { .header-nav-wide .nav-top-title a, .header-nav-wide #nav, .nav-top-title.over:after {background-color:#fafafa} #nav ul.level0 li a {color:#333333} #nav ul.level0 li a:hover, #nav ul.level0 li.active > a, #nav ul.level0 li.over > a, .nav-top-title:hover a {color:#ffffff} #nav ul.level0 li a:hover, #nav ul.level0 li.active > a, #nav ul.level0 li.over > a, .nav-top-title:hover a {background-color:#eb0a11} } /** content_banners **/ .category-banner-container, .content-banner { background-color:#f7f7f7} .category-banner-container .text-container .text { background-color:#000000} .category-banner-container .text-container .text { color:#ffffff} .category-banner-container .text-container .text { background-color:#000000} .category-banner-container .text-container .text { color:#ffffff} .category-banner-container .text-container .link { background-color:#ff0000} .category-banner-container .text-container .link { color:#000000} .no-touch .category-banner-container .link:hover { background-color:#000000} .no-touch .category-banner-container .link:hover { color:#ffffff} /** Content area **/ .main-container, .content-container, .brands-slider-container, .title-container h3, .title-container .slider-nav, .page-popup {background-color:#ffffff} .opc .allow:hover .step-title .number, .opc .allow.active .step-title, .dashboard .box-reviews .number, .content-container a:hover, .std a:hover, .block-blog.block-blog-tags li a, .block-layered-nav li.active > a, .block-layered-nav li em:hover {background-color:#000000} .opc .allow:hover .step-title .number, .opc .allow.active .step-title, .dashboard .box-reviews .number, .content-container a:hover, .std a:hover, .block-blog.block-blog-tags li a, .block-layered-nav li.active > a, .block-layered-nav li em:hover {color:#ffffff} .product-shop .add-to-links a, .product-shop .add-to-links a:hover, .products-grid .product-name a, .data-table a.product-image, .data-table a.product-image:hover, .banners-slider-container .banners li a, .minimal-price-link, .addthis_toolbox a,.addthis_toolbox a:hover, .cms-banner {background-color:transparent} /** footer **/ .footer-container {background-color:#f3f3f3} .footer .info-content h1, .footer .info-content h2, .footer .info-content h3, .footer .info-content h4, .footer .info-content h5, .footer .info-content h6, .footer .newsletter .title, .footer .athlete_footer_connect .title, .athlete_footer_customer_service {color:#666666} .footer, .footer .newsletter p, .footer .info-content a {color:#333333} .footer .newsletter {background-color:#ebebeb} .footer button.button span {color:#ffffff} .footer button.button > span:before {background-color:#018a51} body, .copyright-container {background-color:#444444} .copyright-container, .copyright-container a {color:#ffffff} .copyright-container a {color:#ffffff} /* banners slider */ .banners-slider-container .banners li {background-color:#ffffff} .text-container .text {background-color:#000000} .text-container .text {color:#ffffff} .no-touch .text-container .animate-me .text {color:#ffffff !important} .no-touch .text-container .text:after {background-color:#ff0000} .text-container .link {background-color:#ff0000} .text-container .link {color:#000000} .logo-container-indent { padding: 0px } @media only screen and (max-width: 767px) { .header .logo-container-indent { padding: 0px } } .logo-container {width:214px} .header .logo img {max-width:214px} .wide #nav ul.level0, .wide #nav > li > div, .athlete #nav ul.level0, .athlete #nav > li > div, .header-1 .olegnaxmegamenu #nav li.wide > div {margin-left:-214px} @media only screen and (min-width: 768px) and (max-width: 1023px) { .header-nav-wide {left:214px;} /* .header .form-search-over, .header .search-visible .form-search-over { width:458px; } */ } .header-fixed .header-2 .header-nav-wide { margin: -64px 90px 0; } /** Product page **/ .product-view .product-img-box {width: 590px} .product-view .product-img-box .product-image-zoom {width: 590px; height: 590px} @media only screen and (max-width: 767px) { .product-view .product-img-box .product-image-zoom {width: 426px; height: 426px} } @media only screen and (max-width: 479px) { .product-view .product-img-box .product-image-zoom {width: 300px; height: 300px} } /** Login page **/ .customer-account-create .content-container, .customer-account-forgotpassword .content-container, .customer-account-resetpassword .content-container, .customer-account-login .content-container { background-color:#000000; } /** Cart page **/ /** Slideshow **/ .slideshow-container {background-color:#f7f7f7} .tp-bannertimer, .athlete-slideshow .slide .controls .progress {background-color:#ff0000} .fullwidthbanner-container, .fullwidthbanner-container .fullwidthbanner { max-height:620px !important;} .rs-banner{height:620px;} @media only screen and (min-width: 768px) and (max-width: 1023px) { .rs-banner, .rs-banner-container{ width:740px; max-height:496px !important;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .rs-banner, .rs-banner-container { width:426px; max-height:310px !important; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .rs-banner, .rs-banner-container { width:320px; max-height:206px !important; } } .fullwidthbanner-container .caption {font-family:"Open Sans"} .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected {background-color:#ff0000} .tp-caption.athlete_white_bg_light, .tp-caption.athlete_white_bg_medium, .tp-caption.athlete_white_bg_bold {color:#ff0000} .tp-bullets.simplebullets.athlete .bullet, .tp-leftarrow.default, .tp-rightarrow.default, .athlete-slideshow .slide .controls .slide-control {background-color:#000000} .tp-bullets.simplebullets.athlete .bullet:hover, .tp-bullets.simplebullets.athlete .bullet.selected, .tp-leftarrow.default:hover, .tp-rightarrow.default:hover, .no-touch .athlete-slideshow .slide .controls .slide-control:hover {background-color:#ffffff} .slide-title .text {background-color:#000000} .slide-title .text {color:#ffffff} .slide-title .link {background-color:#ff0000} .slide-title .link {color:#ffffff} .slide-title .link:hover {background-color:#000000} .slide-title .link:hover {color:#ffffff} /** Product listing **/ .category-products .product-name a {color:#000000} .my-account .data-table .ratings, .dashboard .box-reviews .ratings, .products-grid .ratings, .products-list .ratings .rating-box {background-color:#000000} .products-grid li.item.hover {background-color:#f0f0f0} .products-grid li.item.hover .product-name.animate-me:after, .products-grid li.item.hover .price-box.animate-me:after, .products-list .product-name a:hover {background-color:#000000} .products-grid li.item.hover .product-hover .animate-me a, .products-grid li.item.hover .product-hover .animate-me p {color:#000000} .products-grid li.item.hover .product-hover .animate-me a, .products-grid li.item.hover .product-hover .animate-me p, .products-list .product-name a:hover {color:#ffffff} .products-grid li.item.hover .product-hover .animate-me .price, .products-grid li.item.hover .product-hover .animate-me .price-box, .products-grid li.item.hover .product-hover .animate-me .minimal-price-link .label {color:#cc0000} /** Product details **/ .product-shop .price-box .price, .product-options-bottom .price-box .price {color:#eb0a11} .product-shop .price-box .old-price .price, .product-shop.new-product .price-box .old-price .price, .product-shop.sale-product .price-box .old-price .price, .product-options-bottom .price-box .old-price .price, .product-options-bottom.new-product .price-box .old-price .price, .product-options-bottom.sale-product .price-box .old-price .price {color:#6d6d6d} .product-view button.button span{color:#ffffff} .no-touch .product-view button.button:hover span {color:#ffffff} .product-view .qty-container .qty-math:hover, .product-view button.button > span:before {background-color:#018a51} .product-view .qty-container .qty-math, .product-view button.button:hover > span:after {background-color:#ff0000} .product-shop .add-to-links a {color:#ffffff} .product-shop .add-to-links a:hover {color:#ff0000} .product-shop .add-to-links a:hover .link_i {background-color:#ff0000} /* Product Tabs */ .product-tabs li a, .product-tabs-container h2.tab-heading a {color:#ffffff} .product-tabs li a, .product-tabs-container h2.tab-heading a {background-color:#000000} .product-tabs li.active a, .product-tabs li a:hover, .product-tabs-container h2.tab-heading a:hover, .product-tabs-container h2.active a, .product-tabs-container h2.active a:hover {color:#000000} .product-tabs li.active a, .product-tabs li a:hover, .product-tabs-container h2.tab-heading a:hover, .product-tabs-container h2.active a, .product-tabs-container h2.active a:hover {background-color:#f8f8f8} .product-view .ratings .rating-box, .dedicated-review-box ol.reviews-list li .rating-box {background-color:#000000} .add-review .data-table {background-color:#0b0b0b; border-color:#0b0b0b} .add-review .data-table th, .add-review .data-table td {color:#ffffff} .add-review .rating-radio {background-color:#4d4d4d} .add-review .rating-radio.active {background-color:#ffe200} .add-review .form-list {background-color:#f4f4f4} .add-review .form-list label {color:#666666} .cloud-zoom-lens {box-shadow: inset 0 0 0 3px #000000 !important} .cloud-zoom-big {box-shadow: inset 0 0 0 9px #000000 !important} .cloud-zoom-lens {background-color:rgba(0,0,0, 0.07 ) !important; } /** Sidebar **/ /* inverted buttons */ /** poll **/ /** Global Messages **/ /** Pager **/ .pager .pages li a { color:#f8f8f8} .pager .pages li a { color:#333333} .pager .pages li a:hover, .pager .pages li.current { background-color:#eb0a11} .pager .pages li a:hover, .pager .pages li.current { color:#ffffff} .pager .limiter, .sorter .sort-by-wrap, .sorter .view-mode, .sorter .limiter, .pager .pages li a.previous, .pager .pages li a.next, .sorter a.sort-by-arrow, .view-mode .grid, .view-mode .list { background-color:#000000} .toolbar-dropdown { border-top-color:#000000; background-color:#000000} .pager .limiter, .sorter .sort-by-wrap, .sorter .view-mode, .sorter .limiter { color:#acacac} .sorter .current, .toolbar-dropdown ul li a { color:#ffffff} .over .toolbar-title, .toolbar-dropdown ul li a:hover, .toolbar-dropdown ul li.selected a, .view-mode a.grid:hover, .view-mode strong.grid, .view-mode a.list:hover, .view-mode strong.list, .pager .pages li a.previous :hover, .pager .pages li a.next:hover { color:#000000} .over .toolbar-title, .sorter a.sort-by-arrow:hover, .toolbar-dropdown ul li a:hover, .toolbar-dropdown ul li.selected a, .view-mode a.grid:hover, .view-mode strong.grid, .view-mode a.list:hover, .view-mode strong.list, .pager .pages li a.previous :hover, .pager .pages li a.next:hover { background-color:#ff0000 } /** Arrows **/ /* banner slider */ .banners-slider-container .nav a { background-color:#000000} .no-touch .banners-slider-container .nav a:hover { background-color:#ffffff} .banners-slider-container .nav a.disabled, .no-touch .banners-slider-container .nav a.disabled:hover { background-color:#999999} /* brands slider */ .brands-slider-container .title-container .slider-nav a { background-color:transparent} .no-touch .brands-slider-container .title-container .slider-nav a:hover { background-color:#000000} .brands-slider-container .title-container .slider-nav a.disabled, .no-touch .brands-slider-container .title-container .slider-nav a.disabled:hover { background-color:transparent;} /* Prevnext */ .prev-next a, .prev-next a.icon-white { background-color:#000000} .no-touch .prev-next a:hover, .no-touch .prev-next a.icon-white:hover { background-color:#ffffff} /* product slider */ .title-container .slider-nav a, .product-view .product-img-box .more-views-nav a { background-color:#000000} .no-touch .title-container .slider-nav a:hover, .product-view .product-img-box .more-views-nav a:hover { background-color:#ffffff} .title-container .slider-nav a.disabled, .no-touch .title-container .slider-nav a.disabled:hover, .product-view .product-img-box .more-views-nav a.disabled, .product-view .product-img-box .more-views-nav a.disabled:hover{ background-color:#999999} /* product slider - megamenu */ .megamenu-block .product-slider-container .title-container .slider-nav a { background-color:#ffffff} .no-touch .megamenu-block .product-slider-container .title-container .slider-nav a:hover { background-color:#000000} /* banner slider */ /* banners_slider_home_page */ #banners_slider_home_page .banners {height: 0px; } #banners_slider_home_page .banners li a { width: 320px; height: 220px; } /* banners_slider_sidebar */ #banners_slider_sidebar .banners {height: 0px; } #banners_slider_sidebar .banners li a { width: 232px; height: 368px; } /* banners_slider_blog */ #banners_slider_blog .banners {height: 0px; } #banners_slider_blog .banners li a { width: 232px; height: 232px; } /* banners_slider_test_cat_landing_page */ #banners_slider_test_cat_landing_page .banners {height: 0px; } #banners_slider_test_cat_landing_page .banners li a { width: 600px; height: 300px; } /* banners_slider_balance_test */ #banners_slider_balance_test .banners {height: 0px; } #banners_slider_balance_test .banners li a { width: 1080px; height: 324px; } /* banners_slider_finance */ #banners_slider_finance .banners {height: 0px; } #banners_slider_finance .banners li a { width: 1352px; height: 400px; } /* banners_slider_service */ #banners_slider_service .banners {height: 0px; } #banners_slider_service .banners li a { width: 1352px; height: 400px; } /* banners_slider_parts-and-accessories-showrooms */ #banners_slider_parts-and-accessories-showrooms .banners {height: 0px; } #banners_slider_parts-and-accessories-showrooms .banners li a { width: 1352px; height: 400px; } /* banners_slider_honda-new-bikes */ #banners_slider_honda-new-bikes .banners {height: 0px; } #banners_slider_honda-new-bikes .banners li a { width: 1080px; height: 324px; } /* banners_slider_yamaha-new-bikes */ #banners_slider_yamaha-new-bikes .banners {height: 0px; } #banners_slider_yamaha-new-bikes .banners li a { width: 1080px; height: 324px; } /* banners_slider_triumph-new-bikes */ #banners_slider_triumph-new-bikes .banners {height: 0px; } #banners_slider_triumph-new-bikes .banners li a { width: 1080px; height: 324px; } /* banners_slider_suzuki-new-bikes */ #banners_slider_suzuki-new-bikes .banners {height: 0px; } #banners_slider_suzuki-new-bikes .banners li a { width: 1080px; height: 324px; } /* banners_slider_kawasaki-new-bikes */ #banners_slider_kawasaki-new-bikes .banners {height: 0px; } #banners_slider_kawasaki-new-bikes .banners li a { width: 1200px; height: 300px; } /* banners_slider_can-am-new-bikes */ #banners_slider_can-am-new-bikes .banners {height: 0px; } #banners_slider_can-am-new-bikes .banners li a { width: 1080px; height: 324px; } /* banners_slider_ktm-new-bikes */ #banners_slider_ktm-new-bikes .banners {height: 0px; } #banners_slider_ktm-new-bikes .banners li a { width: 1080px; height: 324px; } /* banners_slider_mv-agusta-new-bikes */ #banners_slider_mv-agusta-new-bikes .banners {height: 0px; } #banners_slider_mv-agusta-new-bikes .banners li a { width: 1080px; height: 324px; } /* banners_slider_vespa-new-bikes */ #banners_slider_vespa-new-bikes .banners {height: 0px; } #banners_slider_vespa-new-bikes .banners li a { width: 1080px; height: 324px; } /* banners_slider_piaggio-new-bikes */ #banners_slider_piaggio-new-bikes .banners {height: 0px; } #banners_slider_piaggio-new-bikes .banners li a { width: 1080px; height: 324px; } /* banners_slider_hyosung--new-bikes */ #banners_slider_hyosung--new-bikes .banners {height: 0px; } #banners_slider_hyosung--new-bikes .banners li a { width: 1080px; height: 324px; } /* banners_slider_sport-atv-ssv */ #banners_slider_sport-atv-ssv .banners {height: 0px; } #banners_slider_sport-atv-ssv .banners li a { width: 1080px; height: 324px; } /* banners_slider_sea-doo-page-slider */ #banners_slider_sea-doo-page-slider .banners {height: 0px; } #banners_slider_sea-doo-page-slider .banners li a { width: 1080px; height: 324px; } /* banners_slider_waverunner-slider */ #banners_slider_waverunner-slider .banners {height: 0px; } #banners_slider_waverunner-slider .banners li a { width: 1080px; height: 324px; } /* banners_slider_test-slider */ #banners_slider_test-slider .banners {height: 0px; } #banners_slider_test-slider .banners li a { width: 1370px; height: 450px; } /* banners_slider_moto-guzzi-page-slider */ #banners_slider_moto-guzzi-page-slider .banners {height: 0px; } #banners_slider_moto-guzzi-page-slider .banners li a { width: 1000px; height: 450px; } /* banners_slider_super-sport-slider */ #banners_slider_super-sport-slider .banners {height: 0px; } #banners_slider_super-sport-slider .banners li a { width: 1200px; height: 300px; } /* fancybox */ #fancybox-close {background-color:#000000} #fancybox-close:hover {background-color:#000000} #fancybox-close { background-position: 5px 4px; } #fancybox-close:hover { background-position: 5px -17px } #fancybox-outer {background-color:#ffffff} ##fancybox-content {border-color:#ffffff} .ajax-message a:hover {background-color:#000000} .ajax-message a:hover {color:#ffffff} /* blog */ .blog-date .inner {color:#ffffff} .blog-date .hover {color:#ffffff} .blog-date .inner {background-color:#000000} .blog-date .hover {background-color:#000000} .postWrapper:hover .postTitle h2 a {background-color:#000000} .postWrapper:hover .postTitle h2 a {color:#ffffff} .block-blog.block-blog-tags li a:hover, .blog-img-wrap a:after {background-color:#ff0000} .commentWrapper {border-color:#ff0000} /*****************************************************************/ /***************** theme layout & max width **********************/ .grid-fluid .row { max-width: 1380px; } /* Desktop width - 1440px */ @media only screen and (min-width: 1440px) { /* default 2 columns */ .col2-layout .sidebar { width: 17.75%;} .col2-layout .col-main { width: 78.24%;} .col2-left-layout .col-main-wrap { margin-left: 300px;} .col2-right-layout .col-main-wrap { margin-right: 300px;} .col2-layout .col-main { width: 100%;} .col2-layout .sidebar { width: 245px;} /* default 3 columns */ .col3-layout .grid_14 { width: 78.24%;} .col3-layout .col-main { width: 74.90%;} .col3-layout .col-left { width: 22.68%;} .col3-layout .col-right { width: 17.75%;} /* product item */ .product-columns-2 ul.products-grid li.item { width: 25%;} .product-columns-3 ul.products-grid li.item { width: 20%;} .product-columns-4 ul.products-grid li.item { width: 16.6666%;} .product-columns-5 ul.products-grid li.item { width: 14.2857%;} .product-columns-6 ul.products-grid li.item { width: 12.5%;} .product-columns-7 ul.products-grid li.item { width: 12.5%;} } /* Desktop width - 1360px */ @media only screen and (min-width: 1360px) and (max-width: 1439px) { /* default 2 columns */ .col2-layout .sidebar { width: 18.84%;} .col2-layout .col-main { width: 77.15%;} .col2-left-layout .col-main-wrap { margin-left: 300px;} .col2-right-layout .col-main-wrap { margin-right: 300px;} .col2-layout .col-main { width: 100%;} .col2-layout .sidebar { width: 245px;} /* default 3 columns */ .col3-layout .grid_14 { width: 77.15%;} .col3-layout .col-main { width: 72.98%;} .col3-layout .col-left { width: 24.42%;} .col3-layout .col-right { width: 18.84%;} /* product item */ .product-columns-2 ul.products-grid li.item { width: 33.3333%;} .product-columns-3 ul.products-grid li.item { width: 25%;} .product-columns-4 ul.products-grid li.item { width: 20%;} .product-columns-5 ul.products-grid li.item { width: 16.6666%;} .product-columns-6 ul.products-grid li.item { width: 14.2857%;} .product-columns-7 ul.products-grid li.item { width: 12.5%;} } /* Desktop width - 1280px */ @media only screen and (min-width: 1280px) and (max-width: 1359px) { /* default 2 columns */ .col2-layout .sidebar { width: 20.41%;} .col2-layout .col-main { width: 75.58%;} .col2-left-layout .col-main-wrap { margin-left: 300px;} .col2-right-layout .col-main-wrap { margin-right: 300px;} .col2-layout .col-main { width: 100%;} .col2-layout .sidebar { width: 245px;} /* default 3 columns */ .col3-layout .grid_14 { width: 75.58%;} .col3-layout .col-main { width: 70.34%;} .col3-layout .col-left { width: 27.01%;} .col3-layout .col-right { width: 20.41%;} /* product item */ .product-columns-2 ul.products-grid li.item { width: 33.3333%;} .product-columns-3 ul.products-grid li.item { width: 25%;} .product-columns-4 ul.products-grid li.item { width: 20%;} .product-columns-5 ul.products-grid li.item { width: 16.6666%;} .product-columns-6 ul.products-grid li.item { width: 14.2857%;} .product-columns-7 ul.products-grid li.item { width: 12.5%;} } @font-face { font-family: 'MyriadPro'; src: url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/fonts/MyriadProBlack.eot'); src: url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/fonts/MyriadProBlack.eot') format('embedded-opentype'), url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/fonts/MyriadProBlack.woff2') format('woff2'), url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/fonts/MyriadProBlack.woff') format('woff'), url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/fonts/MyriadProBlack.ttf') format('truetype'), url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/fonts/MyriadProBlack.svg#MyriadPro') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'MyriadPro'; src: url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/fonts/MyriadProRegular.eot'); src: url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/fonts/MyriadProRegular.eot') format('embedded-opentype'), url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/fonts/MyriadProRegular.woff2') format('woff2'), url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/fonts/MyriadProRegular.woff') format('woff'), url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/fonts/MyriadProRegular.ttf') format('truetype'), url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/fonts/MyriadProRegular.svg#MyriadPro') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'MyriadPro'; src: url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/fonts/MyriadProBold.eot'); src: url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/fonts/MyriadProBold.eot') format('embedded-opentype'), url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/fonts/MyriadProBold.woff2') format('woff2'), url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/fonts/MyriadProBold.woff') format('woff'), url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/fonts/MyriadProBold.ttf') format('truetype'), url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/fonts/MyriadProBold.svg#MyriadPro') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'FontAwesome'; src: url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/fonts/fontawesome-webfont.eot'); src: url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/fonts/fontawesome-webfont.woff2') format('woff2'), url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/fonts/fontawesome-webfont.woff') format('woff'), url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/fonts/fontawesome-webfont.ttf') format('truetype'), url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg'); font-weight: 700; font-style: normal; } .col-sm-4, .col-md-4, .col-xs-12{ position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .col-xs-12 { float: left; width: 100%; } @media (min-width: 768px) { .col-sm-4 { float: left; width: 33.33333333%; } .col-sm-6 { float: left; width: 50%; } } @media (min-width: 992px) { .col-md-4 { float: left; width: 33.33333333%; } .col-md-6 { float: left; width: 50%; } } body, html { overflow-x:hidden !important; } .title-container h3{ font-size: 38px; line-height: 38px;} .main-container{ padding-top: 20px;} .catalogsearch-result-index .main-container {padding-top:25px;} .cms-home .main-container{padding-top: 50px;} .nobr{ display: inline-block;} button.button span{white-space:normal;} /* Video Responsive */ .embed-video .video-responsive { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .embed-video .video-responsive iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* MAINTENANCE PAGE */ #maintenance{ margin: 0; width: 100%; border-top: 2px solid #eb0a11;} #maintenance .header-page{ background: #0a5a3a url(http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/bg-head.jpg) top center no-repeat; width: 100%; height: 414px; border-top: 1px solid #fff; position: relative;} #maintenance .header-page .inner-header, #maintenance .content-page .inner-content{ width: 100%; margin: 0 auto; text-align: center;} #maintenance .header-page .inner-header .title-head{ margin-top: 172px; color: #fff; font-size: 48px; font-family: 'Open Sans', sans-serif; font-weight: 600;} #maintenance .header-page .inner-header .logo-page{ position: absolute; bottom: -55px; width: 100%;} #maintenance .content-page{ width: 100%; background: #fff; color: #000; font-family: Arial; font-size: 12px; min-height: 650px;} #maintenance .content-page .inner-content{ padding-top: 80px; } #maintenance .content-page .inner-content h1{ font-size: 17px; font-family: 'Open Sans', sans-serif; font-weight: 700;} #maintenance .content-page .inner-content .desc-page{ line-height: 21px;} #maintenance .content-page .inner-content .button-page{margin: 45px 0 25px;} #maintenance .content-page .inner-content .button-page a{ text-decoration: none} #maintenance .content-page .inner-content .button-page a span { color: #fff; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 600; background-color: #333; padding: 5px 20px;} #maintenance .content-page .inner-content .customer-service{ font-size: 16px; text-transform: uppercase; font-family: 'Open Sans', sans-serif;} #maintenance .content-page .inner-content .athlete_footer_connect{ margin-top: 40px;} #maintenance .content-page .inner-content .athlete_footer_connect .title{ background: url(http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/bg-item-connect.jpg) top center no-repeat; padding-top: 20px; text-transform: uppercase; font-size: 22px; font-family: 'Open Sans', sans-serif; font-weight: 700;} #maintenance .content-page .inner-content .connect-social ul{ width: 190px; margin: 12px auto; padding: 0; height: 35px;} #maintenance .content-page .inner-content .connect-social ul li{ list-style-type: none; float: left; width: auto; margin-left: 10px;} a.social-icon.maintenance { background-image: url("http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/athlete/connect_icons.png") ;display: inline-block !important; height: 34px; margin: 0 1px 0 0 !important; padding: 0 !important; width: 36px;} #maintenance a.inverted-icon.icon-youtube { background-position: -160px 100%;} /* HOME PAGE */ /* Header */ .header-row-mobile{ clear:both; display:block; overflow:hidden; height:40px; border-bottom:1px solid #FFF; background:url(http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/bkg-top-top-mobile.jpg) 0 0 repeat-x; } .header-row-mobile .links li.first{ background:none; } .header-row-mobile .links li.last{ background: url(http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/top-links-li-border.png) 0 50% no-repeat !important; padding-right: 0 !important; } .header-row-top{ clear:both; display:block; overflow:hidden; height:36px; background:#008852; border-bottom:3px solid #eb0a11; } .header-container{padding-top:0 !important;/* background-image: url(http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/p-bg-header.jpg);background-repeat: repeat-x;background-position: top left; */} .header h1.logo, .header .logo{text-align:left;} .logo-container-indent:before { content: ''; position: absolute; left: -18px; right: 0; top: 0; bottom: 0px; width: 18px; display: block; } .logo-container-indent:after { content: ''; position: absolute; right: -18px; top: 0; bottom: 0px; display: block; width: 18px;} .logo-container { background: none; box-shadow: none;vertical-align: top;padding: 13px 0 0; position:absolute; top:-40px;} .nav-container{ width: 100%;} .header-nav-txt.std{ width: 72%; padding: 18px 0 22px 26px;} .header-nav-txt li{width: 32%; float: left; list-style-type: none;} .header-nav-txt li:last-child{ padding-left: 20px;} .header-nav-txt li img{ float: left; width: auto; margin-right: 10px;} .header-nav-txt h2{ font-size: 14px; color: #999; text-transform: uppercase; margin: 0;} .header-nav-txt p{ color: #999; font-size: 10px; text-transform: uppercase;} .header-nav-wide:before{ border-top: 1px solid #e1e1e1;} .top-links-container{ min-height: 40px;} .top-links-container, .top-links-container:before, .header .links:after{ background-color: transparent;} .top-links-container .links{float:right;} .top-links-container .links li{float:left; background: url(http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/top-links-li-border.png) 0 50% no-repeat; padding-left:1px;} .top-links-container .links li a{font:12px/36px Arial; color:#FFF; text-transform:uppercase; padding:0 10px 0 11px; font-weight:bold;} .wc-header, .wishlist-compare{ position: relative; z-index: 1; float: left; overflow: hidden; font-size: 12px; color: #fff; padding: 9px 0 10px;} .wc-header{ padding-left: 48px;} .header .top-links{ float: left; width: auto;} .header .top-links.desktop { margin-right: 120px;float: right;padding: 0 20px 0 0;} .header .links{ float: left; width: 100%; padding:0;} .header .top-links li{padding:0 0 0 1px; background:url(http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/bkg-links.png) 0 50% no-repeat;} .header .top-links a{padding:0 10px; margin:0; font-weight:bold;} .header .top-links a:hover{background:none;} .header .top-links li:after{ background-color: transparent;} .header .top-links li:before{ background-color: #fff; content: ''; display: inline-block; width: 1px; height: 10px; margin: 0 0px -1px;} .header .top-links li.first:before{ background-color: transparent;} .header .links li{ text-align: left; float: right;} .header .top-links a, .header .wishlist-compare li a{ color: #333; font:12px/42px Arial;} .header .top-links a:hover, .header .wishlist-compare li a:hover{text-decoration:underline;} .header .wishlist-compare{ margin-right:120px; float: right; width: auto; padding: 12px 0;} .header .wishlist-compare li a{ font-weight: normal;} .header .wishlist-compare li{ float: left; padding: 0 8px; line-height: 12px;} .header .wishlist-compare li.wishlist-top{ border-right: 1px solid #128b5a;} .header .top-links.logged-in li.last {display: inline-block} .header .header-links { padding: 0 0 0 40px;} .header-links li { display: inline-block; padding: 14px 8px;text-align: center;margin: 6px 0 2px;} .header-links li:first-child { background: rgba(255, 255, 255, 0.25); padding-left: 16px; padding-right: 16px; width: 8.5%;} .header-links li:hover { background: rgba(255, 255, 255, 0.25); } .header-links li.active { background: rgba(255, 255, 255, 0.25); } .header-links a, .header-links span { color: #fff; font-size: 16px;text-transform: uppercase;font-weight: 600; font-family: "Open Sans",Arial,sans-serif; letter-spacing: -1px;} .header-links a:hover{ text-decoration: none;} .header-menu .header-links-mobile { display: none;} .header-info-container .header-links { display: block;} .header .form-search{position:relative; top:0px;} .header .search-visible .form-search{width:100%; max-width:437px;} .header .search-visible .form-search input{ width:100%; float: right; border: 1px solid #000; height: 43px; font: 13px/40px Arial; color: #222222; padding: 7px 50px 7px 15px; background:#FFF; } .header .form-search button.button{ position: absolute; top: 0; right: 0; width: 50px; height: 42px; background: url(http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/algoliasearch/alg-search-icon.png) 0 0 no-repeat; display: block; } .header .form-search button.button.icon-white span, .header .form-search button.button > span:before{ background:none; } .algoliasearch-autocomplete-price { display:none; } .navigation-box #nav{background:none; padding:0;} @media screen and (min-width:1310px) { .navigation-box #nav{ display: flex !important; justify-content: space-between; } } .navigation-box #nav > li > div{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .navigation-box #nav li{list-style-type:none;} .navigation-box #nav a:hover{text-decoration:none;} .navigation-box #nav>li{margin:0; background:none !important;} .navigation-box #nav>li:last-child > a > span{color:#fe0f0f;} .navigation-box #nav>li.over > a > span{color:#FFF;} .navigation-box #nav>li>a{padding:19px 14px 18px; color:#FFF; font:900 14px/18px MyriadPro, Arial; text-transform:uppercase; letter-spacing:0;} .navigation-box .olegnaxmegamenu #nav li.wide div div.megamenu-block-col-5{width:100%;} .navigation-box .olegnaxmegamenu #nav li.wide ul.level0{margin-left:0;} .olegnaxmegamenu #nav ul.level0 li > a{padding:0; margin:0;} .olegnaxmegamenu #nav ul.level0 li.active > a{background:none;} .navigation-box #nav ul.level0 li a span{font:normal 12px/22px Arial; color:#333333;} .navigation-box #nav ul.level0>li>a>span{font:700 15px/30px MyriadPro, Arial; color:#333333; letter-spacing: 0.1px;} .navigation-box #nav ul.level0>li>a>span:before{ font-family:FontAwesome; content:"\f054"; color:#eb0a11; width:15px; display:inline-block; } .navigation-box .olegnaxmegamenu #nav li.wide div.megamenu-dropdown div.megamenu-dropdown{padding-left:15px;} .olegnaxmegamenu #nav li.wide ul.level0 ul.level1{margin:0 0 10px 0;} .navigation-box .menu-box-images > div:first-child{padding-left:0;} .navigation-box .menu-box-images > div:last-child{padding-right:0;} .navigation-box .menu-box-images img{max-width:100%;} .navigation-box #nav li.wide div div.megamenu-block-top{margin:0 0 22px 0;} .navigation-box .brands-menu-title{float:left; width:102px; display:inline-block;} .navigation-box .brands-menu-link{float:right; width:182px;display:inline-block; text-align:right;} .navigation-box .brands-menu-title h4{font:900 18px/17px MyriadPro, Arial; color:#333333; text-transform:uppercase; margin:10px 0 0 0;} .navigation-box .brands-menu-link a{height:34px; padding:0 15px; font:900 14px/34px MyriadPro, Arial; color:#FFF; text-transform:uppercase; background-color:#333333; margin-top:10px;} .navigation-box .brands-menu-link a:hover{background:#eb0a11;} .navigation-box .brands-menu-container{clear:both; display:block; overflow:hidden; border-bottom:1px solid #d4d4d4; padding-bottom:20px;} .navigation-box .brands-menu-container ul{float:left; padding:0; margin:0; overflow:hidden; height:55px;} .navigation-box .brands-menu-container ul li{float:left;display:inline-block; width:13.857%; text-align:center; margin:0; padding:0 0.5% 0 0;} .navigation-box .brands-menu-container ul li:last-child{padding:0;} .navigation-box .brands-menu-container ul li a{padding:0;} .navigation-box .brands-menu-container ul li a:hover{border:0; background:0;} .navigation-box .brands-menu-container ul li img{max-height:55px;} /*End header*/ .content-banner .banner{ padding: 20px 0 6px;} .top-container .banner1 a, .top-container .banner2 a{ font-size: 36px;} .top-container .banner1 a span, .top-container .banner2 a span{ font-size: 16px;} .join-our-newsletter{width: 100%; float: left; -webkit-transform: translateZ(0); text-align:center; background:url(http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/join-our-newsletter-bkg.jpg) 0 0 repeat; padding:20px 20px 14px 20px; margin-top:0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .join-our-newsletter a{font:900 32px/24px MyriadPro, Arial; color:#FFF; text-transform:uppercase;} .join-our-newsletter a:hover{background:none;} .join-our-newsletter a span{font-size:16px;line-height:20px; padding-top:3px; display:block;} .home-top{ width: 100%; float: left; border-top: 1px solid #d5d5d5; margin: 85px 0 0; -webkit-transform: translateZ(0);} .home-top .head-shop-banner{ text-align: center; font:28px/30px "Open sans", Arial; text-transform: uppercase; color: #eb0a11; margin-top: -60px; width: 100%; float: left;} .home-top .title-container { line-height: 60px; margin: -33px 0 28px; width: 100%; float: left} .home-top .title-container h3 {padding: 0 20px 0 16px; font:900 60px/30px "MyriadPro", Arial; letter-spacing:-1px; color:#333333;} .home-top .shop-banner{ width: 100%; float: left; margin-top: -8px;} .home-top .fc_grid_4{ width: 32.4%; text-align:center;} .home-top .fc_grid_4:first-child{ margin-right: 1.4%;} .home-top .fc_grid_4:last-child{ margin-left: 1.4%;} .home-top .animation-link{ width: 100%; position: absolute; text-align: center; bottom: 14%;} .home-top .animation-link a{ background: #ff0000; color: #fff; padding: 6px 20px; font-size: 18px; font-weight: bold; font-family: "Open Sans", Arial, sans-serif; text-transform: uppercase; border: 3px solid #ff0000;} .home-top .animation-link a:hover{ background: transparent; border: 3px solid #fff; cursor: pointer;} .home-top .fc_grid_4 a, .home-top .fc_grid_4 a:hover{ border:0; padding:0; background:none; } .home-first-top{ width: 100%; float: left; margin: -30px 0 0; -webkit-transform: translateZ(0); border-top:0;} .home-first-top .home-top-banner{ width: 100%;} .home-first-top .fc_grid_4{ width: 32.4%; text-align:center;} .home-first-top .fc_grid_4:first-child{ margin-right: 1.4%;} .home-first-top .fc_grid_4:last-child{ margin-left: 1.4%;} .home-first-top .fc_grid_4 .head-text p { display: inline; background-color: #000; font-size: 32px; font-weight: bold; letter-spacing: -2px; line-height: 32px; margin: unset; padding: 1px 10px; text-transform: uppercase; font-family: "Open Sans", Arial, sans-serif; color:#FFF; } .home-first-top .fc_grid_4 .head-text{ text-align: left; position: absolute; top: 17%; margin-left: 5%; } .home-first-top .fc_grid_4 .head-text > div { margin-bottom: 8px; } .home-first-top .fc_grid_4 .link-text{ background-color: #00a2ef; color: #fff; font-size: 12px; margin-left: 6px; margin-top:-2px; padding: 6px 12px 6px 8px; } .home-first-top .fc_grid_4 .link-text.bkg-blue{background: #00a2ef;} .home-first-top .fc_grid_4 .link-text.bkg-red{background: #ff0000;} .home-first-top .fc_grid_4 .link-text.bkg-green{background: #018a51;} .home-first-top img{max-width:100%;} .home-first-top .fc_grid_4 a, .home-first-top .fc_grid_4 a:hover{ border:0; padding:0; background:none; } .feature-slide{ width: 100%; float: left;} .feature-slide .slider-container{ margin-top: -20px;} .home-center{ width: 100%; float: left; margin-top: 2px;} .home-center .fc_grid_6{width: 49%; text-align:center;} .home-center .fc_grid_6:first-child{ margin-right: 1%; margin-left: 0; } .home-center .fc_grid_6:last-child{ margin-left: 1%; margin-right: 0;} .home-center .fc_grid_6 .head-text p { display: inline; background-color: #000; font-size: 32px; font-weight: bold; letter-spacing: -2px; line-height: 32px; margin: unset; padding: 1px 10px; text-transform: uppercase; font-family: "Open Sans", Arial, sans-serif; color:#FFF;} .home-center .fc_grid_6 .head-text{ text-align: left; position: absolute; bottom: 17%; margin-left: 5%; } .home-center .fc_grid_6 .head-text > div { margin-bottom: 8px; } .home-center .fc_grid_6 .link-text{ background-color: #00a2ef; color: #fff; font-size: 12px; margin-left: 6px; padding: 6px 12px 6px 8px; } .home-center .fc_grid_6 .link-text.bkg-red{background: #f75827;} .home-center .fc_grid_6 a, .home-center .fc_grid_6 a:hover{ border:0; padding:0; background:none; } .home-top img, .home-center img{ width: 100%;} .home-bottom .product-slider-container-big .title-container h3{ font-size: 36px;} .home-bottom .slider-container{ margin-top: -10px;} .home-bottom .product-slider-container-big{margin:54px 0 0;} .products-grid .actions li button.button.icon-white:hover, .products-grid .actions .add-to-links .link-wishlist.icon-white:hover, .products-grid .actions .add-to-links .link-compare.icon-white:hover { background-position: 7px 8px;} .no-touch .slideshow-container .link span { background-position: 0 100%; } .brands-slider-container {display: none} .cms-index-index .brands-slider-container {display: block} .category-products .product-name a{ color:#101010; font:900 16px/16px MyriadPro, Arial; letter-spacing:-0.25px; } .category-products .price-box .price{ font:700 16px/22px MyriadPro, Arial; } /* Footer */ .bottom-container .banner a{ font-size: 36px;} .bottom-container .banner a span{ color: #fee900; font-size: 16px;} .logo-container { /* border-bottom: 1px solid #fff; */} .footer-container{ position: relative; } .footer-container:before{ bottom: 0; content: ""; display: block; height: 100%; left: -1024px; position: absolute; right: 0; top: 0; width: 100%;} .footer-container { background-color: #018a51;} .footer-container .footer-text{max-width: 1380px; width: 96%; margin: 0 auto; padding: 15px 0;} .footer-container .footer-text:before{ background-image: url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/content_banner_bg.png');-webkit-backface-visibility: visible; background-size: 10px 10px; bottom: 0; content: ""; display: block; height: 100%; position: absolute; right: 0; top: 0; width: 100%; } .footer-container .footer-text .inner-text{ width: 100%; clear: both; display: inline-block;} .footer-container .footer-text .inner-text ul li{ color: #fff; text-transform: uppercase; font-family: "Open Sans", Arial, sans-serif; width: 30%; padding:0 3.6%; background: url(http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/bg-item-footer.png) center right no-repeat;} .footer-container .footer-text .inner-text ul li.li-last-child, .footer-container .footer-text .inner-text ul li:first-child{ width: 24%; } .footer-container .footer-text .inner-text ul li.li-last-child{ background: none; } .footer-container .footer-text .inner-text ul li h2{ font-size: 22px; font-weight: bold;} .footer-container .footer-text .inner-text ul li p{ font-size: 14px;} .footer-container .footer-text .inner-text ul li img{ float: left; margin-right: 15px; } .footer .info-content h4, .footer .newsletter .title{ font-size: 22px;} .footer .newsletter input{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .footer .newsletter input.validation-failed{padding: 4px 7px;} .footer .newsletter .validation-advice {display: block;} .copyright-container .row{ position: relative;} .copyright-container .footer-logo{ position: absolute; top: -55px; left: 46%;} .footer a.social-icon{ background-color: #0e8b52; color: #fff;} a.icon-facebook{ background-position: -40px -34px} a.icon-twitter{ background-position: -80px -34px;} a.icon-pinterest { background-position: -400px -34px;} a.icon-instagram { background-position: -1160px -34px;} .footer-subscribe .title{ padding-bottom: 12px;} .footer .one_third button.button{ margin-bottom: 10px; margin-left: 18px; float: left; width: auto;} .footer .one_third button.button span{ min-width: 105px; text-align: left;} .footer .one_third .mark-locate{ margin-top: 8px; line-height: 22px; padding: 0 0 0 18px; border: none; } .footer .one_third .fa-map-marker{ font-size: 14px; width: auto; float: left; margin-top: 10px; margin-left: 5px;} .footer .one_third ul li{ background: url(http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/icon-li-footer.jpg) center left no-repeat; padding-left: 8px; margin: 10px 0 5px 7px; text-align: left;} .footer .info-content a:hover{ background: none; text-decoration: underline;} .copyright-container{ border-top: 3px solid #eb0a11;} .footer-checkout{ max-width: 1380px; margin: 40px auto 55px; text-align: center; color: #333; display: none} .onestepcheckout-index-index .footer-checkout {display: block;} .onestepcheckout-index-index .bottom-container {display: none;} .onestepcheckout-index-index .footer {display: none;} .onestepcheckout-index-index .copyright-container .footer-logo {display: none} .footer-checkout h1, .footer-checkout b{ color: #666; font-size: 16px; font-family: "Open sans"; font-weight: 700; text-transform: uppercase; letter-spacing: -1px;} .footer-checkout h1{ font-size: 22px;} .footer-checkout .line-checkout{background: url(http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/bg_item_checkout.jpg) center center no-repeat; width: 53px; height: 4px; display: inline-block; margin-top: 10px;} .brands-slider-container .title-container.title-bottom-brands .slider-nav a , .brands-slider-container .title-container.title-bottom-brands .slider-nav a:hover , .brands-slider-container .title-container.title-bottom-brands .slider-nav a.next.disabled:hover{ background-position: center center; background-repeat: no-repeat; background-size: 9px auto; height: 74px; margin-top: -37px; position: absolute; top: 50%; width: 40px; z-index: 9999; } /*.brands-slider-container ul.brands li a {*/ /*margin-top: 25%;*/ /*}*/ .brands-slider-container .owl-wrapper-outer, .brands-slider-container .owl-wrapper{ height: 100px; } .brands-slider-container .owl-item{ text-align: center; } .brands-slider-container ul.brands li a{ line-height: 100px; } .brands-slider-container ul.brands li img { opacity: 1; display: inline-block; max-height: 100px; } .brands-slider-container .row{ overflow: visible; margin-bottom: 68px; } .brands-slider-container .title-container.title-bottom-brands .slider-nav a.prev{ background-image:url("http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/brands-prev.png") ; left: 0px; background-color: #000000; } .brands-slider-container .title-container.title-bottom-brands .slider-nav a.next { background-image:url("http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/brands-next.png") ; right: 0px; background-color: #000000; } .no-touch .brands-slider-container .title-container .slider-nav a.next:hover { background-position: 50% 50%; } .no-touch .brands-slider-container .title-container .slider-nav a.prev:hover { background-position: 50% 50%; } .brands-slider-container .title-container.title-bottom-brands .slider-nav a.next:hover { background-color: #333333; } .brands-slider-container .title-container.title-bottom-brands .slider-nav a.prev:hover { background-color: #333333; } .brands-slider-container .title-container .slider-nav a.disabled, .no-touch .brands-slider-container .title-container .slider-nav a.disabled:hover{ background-color: #000000; } .brands-slider-container .title-container.title-top-brands{ margin: -17px 0 65px; } .brands-slider-container .title-container.title-bottom-brands{ margin: 0; height: 100px; } .col-left.sidebar .filter-header { display: none} .brands-slider-container .brands_list_items{ position: relative; z-index: 999; width: 92%; padding: 0; margin: 0 4%; box-sizing: border-box; float: left; } .title-top-brands.title-container h3 { color: #333333; padding: 0px 10px; font:900 38px/30px MyriadPro, Arial; letter-spacing:-0.25px; } /* TOP CART */ .col-cart-links{ padding-top:24px; padding-right:8px; } .header-cart .summary{ position: absolute; top: 0; right: 0; height: 42px;} .header-dropdown{ top: 42px;} .megamenu-dropdown .megamenu-block-col .product-slider-container-big .title-container h3{ letter-spacing: 0;} #nav ul.level1 li a{ padding: 4px 7px;} .header-cart .header-dropdown ol li.item a{text-transform: none;} .header-cart .summary span{ line-height: 22px;} .header-cart .summary span.fa-shopping-cart:before{ content:""; } .header-cart .summary span.qty { margin: 16px 0 0 14px; padding: 0 12px 0 16px; line-height: 12px; font-size:16px; border-left: 1px solid #017245;} .header-cart .summary.hover{ background-color: #eb0a11; color: #fff;} .header-cart .header-dropdown .subtotal span{font:900 16px/18px MyriadPro, Arial;} .header-cart .header-dropdown p { margin: 0px 0 12px 0;} .header-cart button.inverted > span::before{ background-color: #000;} .header-cart button.btn-checkout > span::before{ background-color: #018a51;} .header-cart .header-dropdown .buttons { margin-top: 20px;} .header-cart .header-dropdown .buttons button.button{} .header-cart .header-dropdown .buttons button.button span{font:900 14px/36px MyriadPro, Arial; width:120px; height:33px; display:block; box-sizing:border-box; padding:0;} #footer-newsletter-validate-detail button{line-height: 30px!important;} .header-switch-trigger > span{display: inline-block;float:left;padding-top:10px;width: 13px; font-size: 18px; font-weight: bold;} .header-cart .header-switch-trigger{ width: 120px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } /*TOP NAVIGATION*/ .top-container{ padding-bottom: 20px; margin-top: -15px; background: #fff;} .cms-home .top-container{ padding: 0; margin: 0} .slideshow-container{ /* padding-top: 55px !important; */} .header-nav-wide #nav{ padding: 0;} #nav ul.level0 li a{ font-size: 16px;} #nav>li>a{ color: #999999; padding:56px 0 14px; line-height: 12px;transition : none;} #nav > li > a:hover, #nav ul.level0 li a:hover{ text-decoration: underline;} #nav > li > a:hover, #nav > li.over > a, #nav > li.active > a, #nav > li.parent > a:hover::before, #nav > li.parent.over > a::before, .nav-top-title:hover a, .nav-top-title div.icon span{ background-color: transparent} #nav>li.parent>a:hover:before, #nav>li.parent.over>a:before{ top: 0;} #nav ul.level0 li a:hover, #nav ul.level0 li.over a, #navul.level0 li.active a{ background-color: transparent;} .level0.level-top.shop > em { display: none; } .megamenu-block .product-slider-container .title-container{ margin-bottom: 12px;} .sale-slide{ width: 49%; margin: 0 1% 0 0; float: left;} .new-slide{ width: 49%; margin: 0 0 0 1%; float: left; } .main ul.messages > li:before{ left: 10px;} .main ul.messages > li{padding: 25px 15px 25px 50px;} .my-account button.btn-cart span span{background-position: 0 0;} .data-table .btn-edit.icon-white:hover, .btn-remove.icon-white:hover, .block-wishlist .btn-remove.icon-white:hover, .qty-container .qty-math.icon-white:hover, .header-dropdown .btn-edit.icon-white:hover, .header-dropdown .btn-remove.icon-white:hover { background-position: 0 0;} .qty-container .qty-dec.icon-white:hover { background-position: 100% 0;} .block-wishlist .actions a{ color: #fff; background-color: #000;} .block-wishlist .actions a:hover{ background-color:#018a51;} .block-wishlist .link-cart{ text-transform: uppercase; padding: 5px 8px; background-color: #018a51;} .block-wishlist .link-cart:hover{ background-color:#000; } .block-wishlist .link-cart:hover{ color: #fff;} .block .shipping-form .form-list{ width: 100%;} /* style sub category page */ .price-box, .new-product .price-box .old-price .price, .sale-product .price-box .old-price .price{ font-weight:400; color:#666666;} .show-more-choices{ display: none; } .more-choices-list{ color: #022222; } .block-layered-nav li.more-choise{ padding-left: 10px; font-weight: bold; background: none; font-style: italic; } .block-layered-nav li.more-choise span{ cursor: pointer; } .block.block-subscribe button.button > span::before{ background-color: #333333; } .block.block-subscribe button.button > span{ ox-sizing: border-box; line-height: 33px; margin-top: 5px; max-width: 76px; min-height: 33px; min-width: 76px; text-align: center; } .block.block-subscribe input{ display: block; height: 30px; min-height: 30px; padding-left: 10px; width: 100%; } .block.block-subscribe label{ color: #666666; display: block; line-height: 22px; margin-bottom: 5px; } .grid_13 .page-title{ margin-top: 0;} .breadcrumbs{margin-bottom: 20px;} .breadcrumbs a , .breadcrumbs strong{ text-transform: uppercase; } /*.catalog-category-view .breadcrumbs span::before { color: #666; content: " > "; height: 16px; left: 0; line-height: 16px; position: absolute; text-align: left; text-indent: -3px; top: 0; } .catalog-category-view .breadcrumbs span { display: inline-block; position: relative; text-indent: -9999px; }*/ .filter-option-total{padding-left:5px;} .toolbar-bottom .sorter , .toolbar .pager { display: none; } .toolbar-bottom .toolbar{ padding-top: 0px; border-top: none; } .toolbar-bottom .toolbar .pager{ display: block; } .toolbar{padding-top: 8px; } .sorter{ padding: 19px 18px 8px; text-align: center; line-height: 33px; } .sorter .limiter, .sorter .view-mode { float: right; margin-left: 10px; margin-right: 0; } .page-show-limit { color: #000000; font-family: "Open Sans"; font-size: 14px; text-transform: uppercase; } .view-mode label { display: none; } .view-mode .list , .view-mode .grid{ height: 35px; width: 30px; } .view-mode.icon-white .grid, .view-mode.icon-white .list { background-position: 0 3px; } .view-mode.icon-white a.grid:hover, .view-mode.icon-white a.list:hover, .view-mode.icon-white strong.grid, .view-mode.icon-white strong.list { background-position: 0 -26px; } .sorter .sort-by-wrap, .sorter .view-mode, .sorter .limiter{ height: 35px; line-height: 35px; } .toolbar-switch.icon-white .toolbar-title { background-position: right 3px; } .sorter a.sort-by-arrow, .view-mode .grid, .view-mode .list { height: 35px; line-height: 29px; width: 30px; } .sorter a.sort-by-arrow.icon-white img { margin-top: 3px; } .sorter .sort-by label { padding-right: 8px; } .pager .pages li, .pager .pages li a { height: 35px; line-height: 35px; width: 34px; font-size: 14px;} .pager .pages li a.icon-white:hover img { margin-top: 0;} .toolbar-dropdown { background-color: #fff; border-color: #c0c0c0; max-width: 132px !important;} .sorter .current, .toolbar-dropdown ul li a { color: #000000} .toolbar-title .current {color: #FFF} .toolbar-dropdown li { text-align: left;} .toolbar-dropdown ul li a { background: none; padding: 0} .mb-category-products > .std p:first-child a{display: block; padding: 0; margin: 0; background: transparent;} .mb-category-products > .std p:first-child a img{max-width: 100%;} .products-grid .price-box{ padding-top: 4px;} .category-products.product-columns-2 {clear: both;} .category-products .product-name, .category-products .price-box{ font-size: 16px;} .category-products .price-box > span.label {float: left; padding-right: 5px;} .block-megamenu-sidebar ul li a.level-top { font-family: "Open Sans"; font-size: 14px; font-weight: bold; text-transform: uppercase; } .block-megamenu-sidebar .level0.active { display: block;} .block.block-layered-nav.block-megamenu-sidebar {border-width: 6px} /*.block-megamenu-sidebar .level0 { display: none;}*/ .block-megamenu-sidebar .active > a, .block-megamenu-sidebar a:hover {background-color: transparent!important; color: #000000!important;} .block-megamenu-sidebar .current > a {background-color: #000000!important; color: #ffffff!important;} .block-layered-nav li {background: none!important;} .block-layered-nav .toggle { display: block; float: right; width: 24px; height: 25px; margin: -5px 0; cursor: pointer; transition: all 600ms ease-in-out 0s;} .block-layered-nav .toggle-plus { background: url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/olegnax/megamenu/arrow_toggle_sidebar_plus.gif') -24px 0 no-repeat } .block-layered-nav .toggle-plus:hover { background-position: 0 0; background-color: #000000;} .block-layered-nav .toggle-minus { background: url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/olegnax/megamenu/arrow_toggle_sidebar_minus.gif') -24px 0 no-repeat } .block-layered-nav .toggle-minus:hover { background-position: 0 0; background-color: #000000; } .new-product .price-box .price{ color: #666666; } .products-list button.button > span::before{ background-color: #018a51; } .products-list button.button:hover > span::after{ background-color: #000;} button.btn-cart span{ font-size: 14px; font-weight: 700;} .products-list .product-shop .add-to-links a.icon-white .link_i{ background-color: #ffffff; background-position: 2px -33px; } .products-list .add-to-links button.button span { padding-left: 8px; padding-right: 20px;} .products-list .add-to-links button.button span span{ background-image: url("http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/i_btn_cart.png"); background-position: 5px center; background-size: 19px 19px; color: #ffffff; padding-left: 38px; } .products-list .product-shop .add-to-links a{ width: 130px; height: 34px; line-height: 34px; padding: 0 0 0 35px; color: #000000; } .products-grid .actions li button.button.icon-white, .products-grid .actions li button.button.icon-white:hover{ background-image: url("http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/i_btn_cart.png"); background-position: 11px center; background-size: 19px 19px; color: #ffffff; } .products-list .product-shop .add-to-links a .link_i{ top: 0; } .products-list .product-shop .add-to-links a.link-compare.icon-white { margin-left: 0; } .products-list .old-price-box, .special-price .price-label , .old-price .price-label{ display: none; } .sale-product .price-box .special-price .price , .save-price .price-label{ color: #ff0000; } .save-price .price{ color: #101010; font-size: 15px; } .price-box p.save-price { margin-top: 6px; } .save-price .price-label { font-size: 14px; font-weight: 800; text-transform: uppercase; } .sale-product .price-box .special-price .price { margin-right: 5px; } .products-list .save-price { float: left; width: 100%; } .products-list .save-price .price-label { display: inline-block; margin-right: 10px; } .products-grid .save-price .price , .products-list .save-price .price { color: #101010; font-weight:400; } .products-grid .special-price .price-label , .products-grid .old-price .price-label, .products-list .special-price .price-label , .products-list .old-price .price-label{ display: none; } .products-grid .f-right , .products-list .f-right { float: none !important; display: inline-block; } .products-grid .price-box.save-price{ top:0; padding-left: 0; width: 100%; } .products-grid .item .price-box{ top: 0; } .products-grid .special-price .price{} .products-list .add-to-links button.button.icon-white span span , .products-list .add-to-links button.button.icon-white:hover span span{ background-position: 7px 8px; } .products-list .price-for-product-page , .products-grid .price-for-product-page { display: none; } .bundle-price-label { font-weight: bold; width: 110px;} .view-mode.icon-white a.grid:hover, .view-mode.icon-white a.list:hover, .view-mode.icon-white strong.grid, .view-mode.icon-white strong.list{ background-position: 0 3px; } .block-layered-nav li{ background: url(http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/item-list.jpg) center left no-repeat; padding-left: 8px;} /* Store Location Detail */ .page-title.locations-title { border-bottom: 1px solid rgba(213, 213, 213, 0.61); margin: 0 0 31px; } .location-title h1 { font-size: 48px; } .loc-page-data { width: 50%; padding-right: 12px; } .loc-page-map-wrap { width: 48%; padding: unset; border: none; float: right; } .loc-page-map { width: 100%; height: 250px; } .loc-image { clear: both; padding-top: 15px; } .loc-image > img { width: 100%; } .loc-page-data > h2 { font-size: 28px; font-weight: bold; text-transform: uppercase; padding-bottom: unset; } .loc-data-email > a { text-decoration: underline; word-break: break-all; } .button.get-directions { padding-top: 20px; } #get-directions > span:before { background-color: #333; } #get-directions span { color: #fff; } .box-info { padding-top: 30px; } .box-info > h3 { padding-bottom: 5px; text-transform: uppercase; } .box-info td { width: 120px; } .loc-page { border-bottom: 1px solid rgba(213, 213, 213, 0.61); padding-bottom: 70px; } .bottom-banner > ul { width: 100%; text-align: center; clear: both; } .bottom-banner .banner-image { display: inline-block; width: 32%; cursor: pointer; } .banner-image img { width: 100%; } .banner-image.first { float: left; } .banner-image.last { float: right; } .banner-image p { background-color: #fff; display: inline; font-size: 22px; font-weight: bold; letter-spacing: -2px; line-height: 17px; margin: unset; padding: 1px 10px; text-transform: uppercase; } .banner-image .text { text-align: left; position: absolute; bottom: 40px; margin-left: 10px; } .text > div { margin-bottom: 5px; } .banner-image .text > a { background-color: #f75827; color: #fff; margin-left: 5px; padding: 3px; } .banner-image p.animate-me { background-color: #000000; color: #fff; } .banner-image a.animate-me { margin-left: 15px; } .banner-image .animate { transition: all 256ms cubic-bezier(0.33, 0.975, 0.245, 0.91) 0s; } /*End Store Location Detail*/ /* Store locations page */ .top-banner { margin-bottom: 30px; } .top-banner > ul { text-align: center; width: 100%; } .top-banner .banner-image.first { width: 49.5%; } .top-banner .banner-image { display: inline-block; width: 24.5%; text-align: left; } .top-banner .banner-image > a { background-color: #018a51; color: #fff; font-weight: bold; padding: 2px 10px; position: relative; text-transform: uppercase; bottom: 19px; } .locations-row { border-top: 1px solid #d5d5d5; } .stores-list { margin-bottom: 50px; } .store-item .store-name { font-size: 14px; font-weight: bold; text-transform: uppercase; } .locations-row .store-item { width : 24% !important; display:inline-table; padding-right: 1%; margin-bottom: 30px; } .locations-row .store-item .store-map{ margin-bottom: 15px;} .locations-row .store-item:nth-of-type(4n) { padding-right: 0 !important; } .locations-row .store-item .go-details { background-color: #333; color: #fff; font-weight: bold; padding: 10px 0; text-transform: uppercase; font-size: 14px; width: 122px; text-align: center; display: block;} .locations-row .store-item .go-details:hover { background-color: #eb0a11; color: #fff; } .locations-row .store-info { padding-bottom: 25px; width: 100%; } .locations-row .store-address{ margin: 5px 0 20px; } /* End store locations page */ /* Shopping bag */ .qty-container .qty-math, .data-table .btn-edit, .data-table .btn-remove, .block .btn-remove, button.inverted > span::before{background-color:#333;} .data-table thead th{background-color:#f8f8f8;} .data-table thead th{padding-top:16px;padding-bottom:16px;} .data-table .nobr{height: 21px;} .data-table .nobr a{vertical-align: top;} .page-title h1{font-size:48px; line-height:48px; font-weight: 800;} .page-title{padding-left: 4px;} .block.block_coupon,.block.block_shipping, .block.block_totals{border-top-color:#018a51;border-width: 4px;padding:8px 35px 25px 35px;} .block.block_totals{padding:8px 0 25px;} .block_totals #shopping-cart-totals-table td.a-right{text-align: left!important;} .block_totals #shopping-cart-totals-table td+td{ padding-left: 50px;} #shopping-cart-table .btn-empty{display:none;} #shopping-cart-table .odd {border-bottom: 1px solid #e5e5e5;} #shopping-cart-table .item-options, .order-items .item-options {text-transform: none} #shopping-cart-table .item-msg{clear: both;} .qty-container .qty-math:hover, .data-table .btn-edit:hover, .data-table .btn-remove:hover, .block .btn-remove:hover, button.inverted:hover > span::after{background-color: #018a51;color:#fff;} .no-touch button.inverted:hover span{color:#fff;} .cart-empty button >span:before,.cart-collaterals button > span::before{background-color: #333;} .checkout-types button > span::before{background-color:#018a51;} .cart-empty button:hover span::after,.cart-collaterals button:hover > span::after{background-color: #018a51;} .cart-empty button span,.cart-collaterals button span{color:#fff;} .cart-empty button{padding-top:25px;} .block_totals .checkout-types li:first-child{ background: #222; padding: 20px 8%; width: 100%; } .block_totals button.button{ width: 100%; background-color: #018a51;} .block_totals button > span::before{ background: none;} .block_totals button.button span{ width: 100%;padding: 15px 0;text-align: left; font-size: 22px;} .block_totals button.button span span{ background:url("http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/athlete/next-icon-roll.png") no-repeat scroll right 15px center rgba(0, 0, 0, 0); padding: 0 8% 0 6%; width: 86%;content: "\f105"; color: #fff;float: right; font-size: 22px;} .block_totals button.button:hover span span{ background:url("http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/athlete/next-icon-roll.png") no-repeat scroll right 15px center rgba(0, 0, 0, 0);} .data-table td,.cart-table tbody td:first-child{padding-top:12px;padding-bottom:12px;} .cart-collaterals #discount-coupon-form .buttons-set{float:right;clear:none;} .cart-collaterals #discount-coupon-form .input-box{float:left;width:60%} .cart-collaterals .discount-form{min-height: 70px;} .block_totals .checkout-types li a{margin:35px 22px 10px 0;} .block_shipping .shipping > h2, .block_coupon .discount > h2, .block_totals #shopping-cart-totals-table tfoot strong{font-size:17px;} .title-buttons button.button span { font-size: 16px; height: 35px; line-height: 37px; padding: 5px 28px; color:#fff; } .title-buttons button.button span span{ background: url("http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/athlete/next-icon-roll.png") no-repeat scroll right 50% rgba(0, 0, 0, 0); } .country-et{display:none;} .checkout-cart-index .main .cart-empty{text-align: center; margin: auto; max-width: 1000px;} .cart-empty .fa-shopping-cart::before{color:#000;font-size:240px;line-height: 235px;} .cart-empty h2{ font-size:36px; } .cart-empty h3{ font-size:17px; padding-top:12px; } .onestepcheckout-shipping-method-block dt .validation-advice , #checkout-payment-method-load dt .validation-advice { display: none; } .onestepcheckout-shipping-method-block dt:last-child .validation-advice , #checkout-payment-method-load dt:last-child .validation-advice , #checkout-payment-method-load dd .validation-advice { display: block; margin-top: -1px; width: 300px; } #coupon-notice.error-msg {color: #FF0000} #coupon-notice.success-msg {color: #008c53} /* Checkout success */ .page .sub-title{ font-family: "Open Sans",Arial,sans-serif; font-size: 15px; font-weight: 800; line-height: 1.25; text-transform: uppercase; padding-top:2px; padding-bottom:8px; } .checkout-onepage-success .col-main p{margin: 2px 0 22px 0;} .checkout-onepage-success .col-main button.button span::before{background-color:#333333;} .checkout-onepage-success button:hover span::after,.cart-collaterals button:hover > span::after{background-color: #018a51;} .checkout-onepage-success button span,.cart-collaterals button span{color:#fff;} .checkout-onepage-success .slider-container p {margin: 0;} /*.onestepcheckout-index-index .col1-layout{*/ /*padding-top: 0px;*/ /*}*/ /*h1.onestepcheckout-title {*/ /*display: block;*/ /*font-size: 32px;*/ /*font-weight: 800;*/ /*margin-bottom: 15px;*/ /*}*/ /*.onestepcheckout-column-right .onestepcheckout-coupons button.button > span::before ,*/ /*.onestepcheckout-column-right .onestepcheckout-coupons button.button:hover > span::after{*/ /*background: none;*/ /*}*/ /*.onestepcheckout-coupons button.button span ,*/ /*.onestepcheckout-coupons button.button:hover span{*/ /*color: #000000;*/ /*font-weight: 300;*/ /*text-decoration: underline;*/ /*text-transform: inherit;*/ /*}*/ .onestepcheckout-giftcards > label { display: block; margin: 8px 0 -8px;} /* End checkout success */ /* Product detail */ .product-view .product-img-box { width: 50%; text-align: center; } .product-view .product-shop .brand-img img{ border: 1px solid #eaeaea; } .product-shop .price-box{margin-bottom: 15px;} .product-view .product-shop .price-box .price{ font-weight: 800; letter-spacing: 0; } .catalog-product-view .product-link {display: none} .product-view .product-shop .price-box .configurable-price-from-label{margin-bottom: 5px; display: block;} .product-view .product-shop .shop-box .product-options p.required{display: none;} .product-view .availability{text-align: right;} .product-view .sku{text-align: right;} .product-view .add-review .review-nologged{margin-top: 15px;} .product-view .add-review .review-nologged a{text-decoration: underline;} .product-view .add-review .review-nologged a:hover{text-decoration: none;} /*.product-view .short-description{display: none !important; /!*customer's request PET0001-733*!/}*/ .product-view .product-category-title{overflow: hidden; padding-top: 0; display: none;} .product-view .product-category-title h3{min-height: 40px; float: left;} .product-view .show-only{position: absolute; right: 0; top: -25px;} #cloud_zoom > img { margin: auto; } .product-name h1 { font-size: 38px; /*margin: 10px 0 0; opacity: 0; visibility: hidden; width: 43px;*/ } .availability.in-stock span{ color: #018A51; font-weight: bold; } .catalog-product-view .availability.out-of-stock { padding: 10px 0px; } .availability.out-of-stock span{ color: #000000; font-weight: bold; } .catalog-product-view .product-shop .add-to-links a { padding: 6px 0 0 34px; width: 100%; box-sizing: border-box; font-family: "Open Sans",Arial,sans-serif; letter-spacing: 0; color: #000000;font-size: 14px; line-height: 12px;font-weight: normal; margin-left: 12px; } .catalog-product-view .product-view.bike-product .product-shop .add-to-links a {letter-spacing: -1px;} .catalog-product-view .product-view.bike-product .product-shop .add-to-links a.link-print-button {margin-left: 0;} .catalog-product-view .product-shop .old-price .price-label, .catalog-product-view .product-shop .save-price .price-label { display: inline-block; margin: 0 0 0 20px; } .catalog-product-view .product-shop .price-box-bundle{display: none;} .catalog-product-view .product-shop .price-as-configured{margin-bottom: 10px;} .catalog-product-view .product-shop .price-as-configured .price-label{display: none;} .catalog-product-view .product-view .product-shop .price-box .old-price, .catalog-product-view .product-view .product-shop .price-box .save-price { white-space: nowrap;float: none;margin: 2px;} .catalog-product-view .product-view .product-shop .price-box .old-price .price { font-weight: normal; float:none;} .catalog-product-view .product-view .product-shop .was-old-price .price { font-size: 36px !important;} .catalog-product-view .product-view .product-shop .price-box .old-price .price-label { column-rule: #bbb; width: 50px; text-align: right;margin-right: 5px;margin-top: 8px; } .catalog-product-view .product-view .product-shop .price-box .save-price .price-label { width: 50px; text-align: right; } .catalog-product-view .for-listing .price { font-size: 14px !important; } .catalog-product-view .product-shop .save-price .price, .catalog-product-view .save-price .price-label { color: #000000; margin: 5px; } .catalog-product-view .product-shop .special-price { margin-top: 5px; } .catalog-product-view .product-shop .price-box-bundle { display: block; } .catalog-product-view .ratings { clear: both; } .catalog-product-view .product-shop .price-as-configured .price-label {float: none;} .catalog-product-view .product-view.bike-product .product-shop .price-box .old-price { margin: 0; white-space: nowrap;float: left;padding-right: 30px; } .catalog-product-view .product-view.bike-product .product-shop .price-box.msrp .old-price .price { font-size: 36px; font-weight: 800} .catalog-product-view .product-view.bike-product .product-shop .price-box p.save-price {white-space: nowrap;margin-top: 8px;} .catalog-product-view .product-view.bike-product .product-shop .price-box .save-price .price-label {margin-left: 0;} .catalog-product-view .product-view.bike-product .product-shop .price-box .old-price .price-label {float: none; width: auto;margin-left: 0;} .catalog-product-view .product-view.bike-product .product-shop .price-box .special-price {float: none;} .catalog-product-view .product-view.bike-product .product-shop .price-box .price { color: #000;} .catalog-product-view .product-view.bike-product #product_tabs_ask_question { display: none;} .catalog-product-view .product-view.bike-product #product_acc_ask_question { display: none;} .catalog-product-view .product-view.bike-product #product_tabs_athlete_custom_tab1 { display: none;} .catalog-product-view .product-view.bike-product #product_acc_ask_question { display: none;} .product-options dl.configurable-opts dt { float: left !important; padding: 0 10px 0 19px; width: 50px !important; margin-top: 18px !important; } .product-options dd { overflow: hidden; } .product-options dd .qty-holder{margin-left: 20px;} .product-options dd .qty-holder input.input-text { display: inline-block; height: 46px; text-align: center; width: 56px !important; } .product-options dl dt label { text-transform: none; font-weight: normal; font-family: Arial,sans-serif; font-size: 12px; } .product-options select { height: 40px; line-height: 40px; text-align: center; background: url("http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/select-arrow.png") no-repeat scroll 262px 1px / 35px auto #fff; } .product-shop .shop-box { padding: 1px 0 14px; background-color: #f4f4f4 ; } .product-shop .shop-box .product-options dl.last{ padding: 5px 25px; } .product-shop .qty-container, .product-view .add-to-cart .qty-container { background: none; margin-right: 17px; } .product-shop .shop-box .product-options dl.last {padding: 5px 25px 5px 0px;} .product-view .qty-container label { color: #000000 !important; min-width: 45px; } .product-view .qty-container .qty-function { left: 137px; position: absolute; } .product-view .qty-container .qty { text-align: center!important; width: 74px!important; height: 42px !important; margin-top: -6px; } .product-question { font-size: 16px; font-weight: bold; text-transform: uppercase; margin-top: 20px; line-height: 20px; } .red { color: #eb0a11 !important; font-weight: bold; } .product-view .short-description .more { display: none; } .product-view .short-description.mobile { display: none; } .product-view .product-slider-container .title-container { text-align: center; } .product-view .dedicated-review-box { float: left; width: 49%; padding-right: 2px; clear: left; } .product-view .dedicated-review-box + dl {clear: both;} .add-review { float: right; width: 49%; border: none; } .add-review .required { color: #ff0000; } .product-view .add-review .form-add { width: 100%;} .product-shop .add-to-links{margin-left: 0;} .product-shop .add-to-links li:first-child a {margin-left: 0;} .ajax-message .product-name { font-size: 16px; font-weight: bold; text-transform: uppercase; } .button.view-cart > span::before { background-color: #000000; } .button.view-cart span { color: #fff; } .button.go-checkout > span::before { background-color: #018a51; } .button.go-checkout span { color: #fff; } .fancybox-close { background-image: url("http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/close-box.png"); top: -20px; right: -20px; height: 44px; width: 44px;background-size: 100%; } .fancybox-close:hover { background-position: 0 0; background-color: rgba(0, 0, 0, 0); } .product-shop .link-print-button .link_i { background-image: url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/i_btn_print.png'); background-repeat: no-repeat;} .products-list .product-shop .add-to-links{ margin: 12px 0 0;} .products-list .add-to-links button.button{ margin: 2px 0 8px;} .no-touch .catalog-product-view .prev-next a.icon-white:hover{ background-color: #018a51;;} .no-touch .catalog-product-view .prev-next a.product-prev.icon-white:hover{ background-position: -17px 100%;} .no-touch .catalog-product-view .prev-next a.product-next.icon-white:hover{ background-position: 2px 0; } .product-view .product-shop .button.btn-cart.icon-white span span{ background: url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/i_btn_cart_detail.png') 0 13px no-repeat; font-size: 22px; font-weight: 800; padding: 0 0 0px 30px;} .product-view button.btn-cart.icon-white:hover span span { background-position:0 13px} .product-view button.btn-cart#appointment-button{display: block; width: 100%; float: none;} .product-view button.btn-cart#appointment-button span{display: block;} .product-view button.btn-cart#appointment-button span span{display: block; padding-left: 10px;} .product-view .link-to-locator{margin-bottom: 10px; clear: both;} .product-view .qty-container .qty-math{ background-color: #000;} .send-friend p.back-link a, .block-reorder .actions a, .multiple-checkout p.back-link a{ color: #fff; background-color: #000;} .send-friend p.back-link a:hover, .block-reorder .actions a:hover, .multiple-checkout p.back-link a:hover{ background-color: #018a51;} .product-options-bottom{ margin: 14px 0 0;} .product-options dl dd{ margin: 0 0 14px;} .catalog-product-compare-index button.btn-cart span span { background: url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/i_btn_cart_detail.png') 0 3px no-repeat;} .catalog-product-compare-index button.button > span:before{ background: #018a51; } .catalog-product-compare-index .data-table td{ padding-top: 20px; padding-bottom: 20px;} .gift-messages-form{ background: none; border: none;} .add-review button.button span{ padding: 0 14px;} .size-guide { color: #018a51; display: inline-block; margin-left: 20px; margin-top: 15px; text-decoration: underline;} .product-view .size-guide{display: none;} .ajax-message .button > span { padding: 2px 40px;} .ajax-message { width: 390px;} .ajax-message button.button { margin: 5px 11px; } .ajax-message a { font-weight: bold; text-decoration: underline;} .catalog-product-view .prev-next{ margin: 15px 0 0; float: right;} .cloud-zoom-big {box-shadow: inset 0 0 0 3px #000000 !important; } .product-view .product-img-box .more-views {padding: 0 20px; margin-top: 35px;} .product-view.bike-product .product-img-box .more-views {padding: 0 40px;} #giftcard_amount_box .notice {display: block; padding-top: 5px; color: #000;} #giftcard_amount_box .v-fix {padding-right: 5px;} .giftcard-send-form #giftcard_message { width: 100%;} .product-shop .social .addthis_toolbox iframe{ margin-right: 0px !important; } .products-grid .sale-product .price-box .special-price .price{ color: #ff0000!important; } .products-grid .sale-product .price-box .save-price .price-label{ color: #ff0000!important; } .products-grid li.item.hover .product-hover .animate-me .special-price .price{color:#018a51!important;} /* End product detail */ /** Bike Product **/ .product-view.bike-product .product-img-box {width: 74%; padding-right: 0px; margin: 0 20px 0 0;} .product-view.bike-product .product-img-box .product-image-zoom { height: 670px; width: 100%; } .product-view.bike-product .brand-img {width: 115px; margin-bottom: 15px; } .bike-product .product-shop .price-box {width: auto; margin-right: 0;} .bike-product .ride-away { display: block; font-size: 12px; font-family: Arial, sans-serif; line-height: 22px; font-weight: bold; margin-top: 17px; text-transform: uppercase; color: #000000; } .bike-product .product-shop .shop-box { background-color: #ffffff; } .bike-product .product-shop button.btn-cart span span { background-image: none; font-size: 22px; font-weight: 800; } .bike-product .product-shop .add-to-links > li { width: 46%; } .bike-product .red { display: block; } .price-box span em { font-size: 32px; font-weight: bold; color: #000000; } .products-grid .price-box span em { font-size: 14px; font-weight: 600; color: #717171; } .bike-bottom { display: inline-block; width: 100%; padding-top: 80px; } .bike-bottom .banner-image p { font-size: 32px; line-height: 28px; } .appointment-form .logo-header .logo { position: relative; text-align: center; z-index: 2; } .appointment-form .header-line { background-color: #0f6646; height: 45px; position: absolute; top: 0; width: 100%; } .appointment-form .title > p { font-size: 16px; font-weight: 600; margin: auto; padding-top: 20px; text-transform: uppercase; width: 55%; color: #666666; } .appointment-form .title > h1 { font-size: 32px; font-weight: 800; text-transform: uppercase; } .appointment-form .arrow { background-color: #fff; margin-top: 50px; position: absolute; width: 100%; } .appointment-form .arrow:before, .arrow:after { content:''; position: absolute; bottom: 100%; width: 50%; box-sizing: border-box; } .appointment-form .arrow:before { right: 50%; border-bottom: 20px solid #fff; border-right: 20px solid transparent; } .appointment-form .arrow:after { left: 50%; border-bottom: 20px solid #fff; border-left: 20px solid transparent; } .appointment-form .title { background-color: #e7e9e9; border-top: 3px solid #ec0d16; padding-bottom: 50px; padding-top: 85px; text-align: center; margin-top: -36px; } .appointment-form .form { text-align: center; } .appointment-form .form .appointment .product-name { font-size: 14px; font-weight: bold; text-transform: uppercase; padding-bottom: 30px } .appointment-form .form .appointment > p { margin-bottom: 5px; } .form .appointment .input { background-color: #e7e9e9; line-height: 38px; margin: auto auto 15px; min-height: 41px; min-width: 480px; text-align: left; width: 50%; } .appointment .input label { display: inline-block; width: 60px; margin-left: 10px; } .appointment .input .input-text { background-color: #e7e9e9; border: medium none; height: 35px; width: 80%; } .appointment .input textarea.input-text { height: 90px; padding-top: 10px; padding-left: 7px; } .appointment .input label.required em { color: #eb340a; font-style: normal; margin-left: 5px; margin-right: 5px; } .appointment .button > span { background-color: #018a51; } .form .appointment .button-box.input { background-color: #fff; margin-top: 25px; } .form .appointment .button-box.input .button { float: right; min-width: 100px; min-height: 46px; line-height: 46px; } .form .appointment .button-box.input .button span{ min-width: 100px; min-height: 46px; line-height: 46px; } .appointment .button-box.input label { width: 50%; margin-left: 0px; } /* End product detail */ /* category landing page */ .category-landing-page {font-family: "Open sans"; padding-top: 5px;} .main-image-landing { position: relative; clear:both; } .category-landing-page .thumbnail-image img { width: 97%;} .category-landing-page p > img { width: 99%;} .text-banner { left: 4%; position: absolute; top: 50%; } .text-banner > span { background: none repeat scroll 0 0 #000; color: #fff; display: block; font-size: 38px; font-weight: 800; line-height: 40px; margin-top: -95px; padding: 5px; text-transform: uppercase; width: 405px; } .text-banner .shop-the-sales { background-color: #eb0a11; background-image: url("http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/shop-the-sales.png"); background-position: 90% center; background-repeat: no-repeat; color: #fff; display: block; font-size: 15px; font-weight: 900; margin-left: 10px; max-width: 175px; padding: 10px; text-transform: uppercase; } .thumbnail-image , .buying-landing{ float: left; margin-top: 100px; width: 100%; } .title-landing { float: left; font-size: 30px; font-weight: 800; margin-top: 25px; text-align: center; text-transform: uppercase; width: 100%; background-image: url("http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/border-landing.png"); background-position: center center; background-repeat: repeat-x; } .title-landing > span { background: none repeat scroll 0 0 #fff; padding: 0 16px; } .category-landing-page img { width: 100%; } .category-landing-page .banners-slider-container .banners li a img{transform: scale(1.1) !important; height: auto !important;} .shop-by-category { margin-top: -20px; } .shop-by-category li { float: left; text-align: center } .shop-by-category li span { display: block; font-size: 16px; font-weight: 700; text-align: center; text-transform: uppercase; width: 100%; padding: 0 5px; box-sizing: border-box; } .shop-by-category li a:hover span { color: #000000; } .shop-by-category > ul { float: left; width: 100%; } .shop-by-category img { max-width: 100%;} .buying-landing > img { width: auto; } .buying-landing { text-align: center; margin-bottom: 60px; margin-top: 50px; } .buying-landing > p { display: block; padding: 0 35px; } .buying-landing > h1 { display: block; font-size: 18px; font-weight: bold; margin-bottom: 10px; margin-top: 17px; text-transform: uppercase; } .buying-landing a { background: none repeat scroll 0 0 #333333; color: #ffffff; font-size: 14px; font-weight: 800; padding: 10px 20px; text-transform: uppercase; } .buying-landing .title-landing { margin-bottom: 18px; } .thumbnail-image a { display: inline-block; float: left; width: 33.3%; padding: 0; } .thumbnail-image a img { max-width: 100%; } .page-title.category-title { position: relative; } .browser-all { background: none repeat scroll 0 0 #333333; color: #fff; font-weight: 800; height: 33px; line-height: 33px; margin-top: -16px; position: absolute; right: 0; text-align: center; text-transform: uppercase; top: 50%; width: 168px; } .category-landing-page .buying-landing img { width: auto; } /* My account */ .page-title h1{letter-spacing:-3px;} .block:first-child{ border-width: 6px 0 0 0; padding: 0 20px 20px; border-top-color: #ff0000; } .block.block-compare { padding: 0 20px 20px;} .block.block-layered-nav { border-top-color: none;border-width: 0;margin-bottom: 0;} .block .block-title { padding: 25px 0 0;} .block-content .empty{color:#666666;} .block.first{ border-top: 6px solid #FF0000;} .my-account .page-title{border-bottom:1px solid #e5e5e5;} .my-account{color:#222;margin-left:30px;} .my-account .page-title h1{margin-left:-2px;color:#000;} .dashboard .box-info{padding-top:12px;} .welcome-msg .hello{ padding-top:30px; } .col2-set .col-2, .col2-set .col-1{border:1px solid #e5e5e5;padding:10px 20px 10px 20px;min-height: 131px;width:45%;margin-top:18px;} .welcome-msg .hello strong{font-size: 12px;} .my-account .box-head{padding-bottom: 0;} .my-wishlist .wishlist-empty{margin-top:20px;} .block-compare .block-title {padding-bottom: 10px;} .mb-mana-catalog-leftnav .block.first .block-title, .mb-mana-catalogsearch-leftnav .block.first .block-title {padding-top: 20px;} .mb-mana-catalog-leftnav .block .block-title span, .mb-mana-catalogsearch-leftnav .block .block-title span{ font-size: 14px; font-weight: bold; } .mb-mana-catalog-leftnav .block.first .block-title span, .mb-mana-catalogsearch-leftnav .block.first .block-title span{ font-size: 20px; } .mb-mana-catalog-leftnav .block.refine, .mb-mana-catalogsearch-leftnav .block.refine { margin-bottom: 0px; } .mb-mana-catalog-leftnav .block .block-title, .mb-mana-catalogsearch-leftnav .block .block-title {padding-top: 0;} .mb-mana-catalog-leftnav .block .block-title span, .mb-mana-catalogsearch-leftnav .block .block-title span{ font-size: 14px; font-weight: bold; } .mb-mana-catalog-leftnav .block.first .block-title span, .mb-mana-catalogsearch-leftnav .block.first .block-title span{ font-size: 20px; font-weight: 800; } .mb-mana-catalog-leftnav .block.refine, .mb-mana-catalogsearch-leftnav .block.refine { margin-bottom: 0px; } .mb-mana-catalog-leftnav .block, .mb-mana-catalogsearch-leftnav .block{ padding: 0 20px 8px; } .mb-mana-catalog-leftnav .block-title, .mb-mana-catalogsearch-leftnav .block-title{ padding-left: 10px; } .mb-mana-catalog-leftnav .block.refine .block-title, .mb-mana-catalogsearch-leftnav .block.refine .block-title{ padding-left: 0px; } .mb-mana-catalog-leftnav .block-layered-nav li, .mb-mana-catalogsearch-leftnav .block-layered-nav li{ padding-left: 15px; } .mb-left > div.block {margin-bottom: 0;} .my-account button >span:before{background-color: #333;} .my-account button:hover span::after{background-color: #018a51;} .account-create button span::before,.account-login button span::before{background-color:#018a51;} .account-create button.inverted span::before{ background: #222;} small{font-size: 110%;} .account-create .block-login .personal-info{ margin-right: 25px;} .account-login button span span{color:#fff;} .account-create button span,.my-account button span{color:#fff;} .account-create .buttons-set{min-height: 70px;position: relative;} .account-create .buttons-set .required{position: absolute;bottom:-10px;} .my-account .back-link a{background-color:#333;color:#fff;} .my-account .back-link a:hover{background-color:#018a51;color:#fff;} .customer-account-create .content-container,.customer-account-login .content-container{background:url('http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/road.jpg');width: 100%;height: 780px;background-size:100% 100%;} .block-login{border-top-color:#018a51; padding: 5px 25px 25px;} p.required, .validation-advice{font-size:12px;color:#ef1025;} .registration-info .control{float:left;} .registration-info .control label{margin-left:10px; display: inline-block; margin-top: 6px;} .block-login a#back-login{ color: #000;} .block-login a#back-login:hover { color: #fff;} .block-login .new-users { background: none repeat scroll 0 0 #000; margin: 20px -25px -25px; padding: 16px 0 5px; } .block-login button.button{ display:inline-block; width: 100%; line-height:30px; } .account-create button span:before, .account-login button span:before{ background-color: #018a51; } .account-login .block-content ul.messages .success-msg li { max-width: 205px;margin: 5px -15px;font-size: 14px;} /* End my account */ /*Uniform*/ div.selector { height: 30px; line-height: 30px; padding: 0; position: relative; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; } div.selector span { background: url(http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/caret.png) no-repeat right center #ffffff; background-origin: padding-box; border-right: 1px solid transparent; color: #666666; cursor: pointer; display: block; height: 28px; line-height: 29px; overflow: hidden; padding-right: 15px; padding-left: 10px; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .product-view div.selector span{ height: 44px; line-height: 44px; text-align: center; background: url("http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/select-arrow.png") no-repeat center right #fff; padding-right: 52px;} div.selector select { background: none; border: medium none; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; padding: 0; max-width: 100%; height:30px; bottom: 0; } .product-view div.selector select{ height: 46px;} div.radio input[type="radio"], div.radio:active input[type="radio"] { opacity: 0; } div.radio span, div.radio:active span { width: 30px; height: 30px; display: inline-block; background: url(http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/uniform-icons.png) no-repeat 0 0; } div.radio span.checked, div.radio:active span.checked { background-position: 0 -63px; } div.checker input[type="checkbox"] { opacity: 0; } div.checker span { width: 30px; height: 32px; display: inline-block; background: url(http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/uniform-icons.png) no-repeat 0 -144px; } .account-create div.checker span, #cart-sidebar-reorder div.checker span{ width: 22px; height: 22px; display: inline-block; background: url(http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/checkbox_register.png) no-repeat 0 -88px; margin-top: 3px; } .account-create div.checker span{ margin-top: 3px;} div.radio span *, div.checker span * { width: 30px; height: 31px; } .account-create div.checker span *, #cart-sidebar-reorder div.checker span *{ width: 22px; height: 22px;} div.checker span.checked { background-position: 0 -237px; } .account-create div.checker span.checked, #cart-sidebar-reorder div.checker span.checked{ background-position: 0 0; } div.checker, div.radio{ display: inline-block; width: 30px; height: 30px; float:left; } .account-create div.checker, #cart-sidebar-reorder div.checker{ height: 22px; width: 22px; margin-bottom: 10px;} div.radio + label, div.checker + label{ line-height: 30px; margin-left: 6px; } .account-create div.checker + label,#cart-sidebar-reorder div.checker + label{ line-height: 22px;} #cart-sidebar-reorder div.checker, .block-reorder .product-name{ float: left;} .block-reorder .product-name{ width: 85%; margin: 0;} .block-reorder .product-name a{ margin: 0;} .product-view div.selector{ height: auto; line-height: 46px; width: 325px !important; float: left;border: none;} .product-view div.selector span{border: 1px solid #e5e5e5;height: 46px;} /*End Uniform*/ /* 404 not found */ .cms-index-noroute .not-found-icon{margin-top:90px;} .cms-index-noroute .for-listing{text-align: left;} .cms-index-noroute .col-main p{ margin: auto; text-align: center; padding-top:10px; } .cms-index-noroute .slider-container p{padding-top:0;} .not-found-icon > img{ max-width: 100%; } .cms-index-noroute .error-not-found{ margin: auto; text-align: center; font-size:17px; padding-top:20px; } .cms-index-noroute .col-main .link-button{ font-size: 14px; font-weight: 800; height: 35px; line-height: 35px; padding: 0 28px; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; background-color: #333; color:#fff; margin-top:20px; font-family:"Open Sans",Arial,sans-serif; } .cms-index-noroute .col-main .link-button:hover{ background-color:#018a51; } /* 404 not found */ /* Contacts */ .contact-left{float:left;width:900px;} .contact-right{float:right;width:407px;} .contact-left .input-text{height:45px;} .contact-left button.button span span{color:#fff;line-height:23px;} .contact-left button.button span{padding:3px 10px;} .contact-left button.button:hover > span::after{background-color:#018a51;} .contact-left #comment{height:165px;} #contactForm h2,.terms-privacy h2{font-size:18px;font-weight: bold;color:#000;margin-bottom:10px;width:100%;font-family: arial;text-transform: uppercase;} .terms-privacy h2{margin-bottom: 0;} .terms-privacy p{color:#999999;font-size:12px;font-family: Arial;} .terms-privacy a{color:#000000;font-size:12px;font-family: Arial;text-decoration: underline;} p.required, .validation-advice{color:#eb0a11;} .contact-left{font-family: arial;} .contact-left .form-list label{font-weight: normal;font-family: arial;} .contact-left .loc-page-map{height:408px;} p.last-line{margin-bottom:0px;} .contact-right h2{font-family: "Open Sans",Arial,sans-serif;font-size:17px;color:#000;text-transform: uppercase;font-weight: bold;padding-bottom: 20px;} .main-reception h3,.mark-locate h3,.trading-hours h3,.contact-email-info h3{font-family: Arial;font-size:12px;font-weight: bold;color:#000;padding-bottom: 5px;} .mark-locate,.main-reception,.contact-email-info{border-bottom: 1px solid #e5e5e5;padding-top:13px;padding-bottom: 13px;} .trading-hours{padding-top:13px;} .contact-right p,.contact-email-info a{margin:0;font-size:14px;font-family: Arial;} .main-reception p span,.contact-email-info span{width:25px;display: inline-block;font-size:15px;} .title-mark-locate span{font-size:15px;} .trading-hours > p { padding-bottom: 5px; } .hour-title{display: inline-block;width: 145px;} .contacts-right2,.contacts-right3{width: 100%;height:200px;background-color:#f4f4f4;} .contacts-right2{margin-top: 30px;margin-bottom: 23px;} .map-labels { color: #820101; font-family: Roboto,Arial,sans-serif; font-size: 13px; font-weight: bold; text-align: center; white-space: nowrap; text-shadow: 2px 2px #fff; padding-left:6px; } .map-labels:hover{ color:#67a0e5; opacity: 1!important; } .logo img.rentina{display:none;} #contactForm .button > span::before,#contactForm .button > span:before { background-color: #333333; } /* End Contacts */ .my-account .addresses-list h2, .my-account .addresses-list ol li.item { padding-left: 5px;padding-top: 5px;} .col2-set.addresses-list { margin-bottom: 20px;} .data-table .cart-cell{text-align: right;} .box-account a { margin-bottom: 4px;} .giftcardaccount button { margin-left: 10px; margin-bottom: 10px} #wishlist-sidebar .special-price .price, .my-wishlist #wishlist-table .cart-cell .special-price .price{ color: #ff0000;} .payment-methods .input-box .cvv-what-is-this{margin-top: 14px;} /* Tracking information */ .tracking-table-popup th, .tracking-table-popup td { padding: 11px 8px; } /* Sitemap page*/ .page-sitemap .links { margin-bottom: 0px} .top-links-container:before{left:0;right:0;} .col2-left-layout .col-main .banners-slider-container, .col2-right-layout .col-main .banners-slider-container {width: 100%} #toTop:hover{background-color: #ff0000} .used-search{ max-width: 768px; margin: 0 auto; } .used-search h2{ background-color: #007944; color: #fff; padding: 15px 20px; font-size: 30px; line-height: 30px; margin-bottom: 0; font-family: "Open Sans",Arial,sans-serif; font-weight: 500; } .used-search .search-section{ background: #f3f3f3; padding: 20px; display: table; } .used-search .search-section > div > div{ padding: 5px 20px; } .used-search label{ font-size: 16px; line-height: 40px; display: inline-block; font-weight: bold; margin-bottom: 5px; } .used-search select{ border: 1px solid #ccc; height: 40px; line-height: 40px; width: 100%; } .used-search .button{ background-color: #007944; border-radius: 0; color: white; display: block; font-size: 17px; font-weight: bold; line-height: 43px; padding: 0 15px; position: relative; text-align: center; text-transform: uppercase; transition: all 0.2s linear 0s; width: 100%; font-family: "Open Sans",Arial,sans-serif; border: 0; margin-top: 10px; } .used-search .lams-icon{ margin: 0 5px; } .cms-used-motorcycles .thumbnail-image{ margin-top: 50px; } .category-new-watercraft .thumbnail-image{ margin-top: 50px; } @media only screen and (max-width:767px){ .used-search .motorcycles{ margin-bottom: 20px; } .cms-used-motorcycles .title-landing{ font-size: 25px; } .category-new-watercraft .title-landing{ font-size: 25px; } .used-search h2{ font-size: 25px; } .category-landing-page .banners-slider-container .text-container .text{font-size: 14px !important;} } /* catalogsearch result */ .catalogsearch-result-index .page-title h1{ font:900 48px/30px MyriadPro, Arial; } .products-grid .item .image-wrapper{ position: relative; } .products-grid .image-wrapper .actions{ bottom: 0; right: 0; top: auto; left: auto; } .products-grid .actions{ height:54px; width:144px; } .products-grid .actions .add-to-links li{ width:48px; } .products-grid .actions li button.button, .products-grid .actions li button.button span, .products-grid .actions .add-to-links .link-wishlist, .products-grid .actions .add-to-links .link-compare{ width:48px; height:54px; } .products-grid .actions li button.button.icon-white, .products-grid .actions .add-to-links .link-wishlist.icon-white, .products-grid .actions .add-to-links .link-compare.icon-white,.products-grid .actions li button.button.icon-white:hover, .products-grid .actions .add-to-links .link-wishlist.icon-white:hover, .products-grid .actions .add-to-links .link-compare.icon-white:hover { background-position: 8px 14px; } .products-grid .actions li button.button.icon-white, .products-grid .actions li button.button.icon-white:hover{ background-position: 14px 18px; } .header .form-search button.button{ background: none!important; } .padder.inactive{ display: none; } /*========RESPONSIVE STYLE========*/ /* Media queries for screen mobile and table */ @media only screen and (min-width:1420px){ } @media only screen and (min-width:1369px){ .header-links li:first-child{width:72px;padding-left:0;padding-right:0;} .header-links{height:58px;overflow: hidden;} } @media screen and (min-width:1369px) and (max-width:1420px){ .header-links li:first-child{width:75px;padding-left:0;padding-right:0;} } @media screen and (min-width:1369px) and (max-width:1400px){ .header-links a{ font-size: 15px;} .header-links li{ padding: 14px 9px 15px;} } @media screen and (min-width:1281px) and (max-width:1400px){ .footer-container .footer-text .inner-text ul li h2{ font-size: 19px;} .footer-container .footer-text .inner-text ul li p{font-size: 12px;} } @media screen and (min-width:768px) and (max-width:1440px){ .catalog-product-view .add-to-links > li{ width: 45%; } .catalog-product-view .add-to-links > li a.link-email-friend{ margin-left: 0; } } @media screen and (min-width:1280px) and (max-width:1512px){ .header-nav-txt.std{ width: 74%;} .header-nav-txt h2{ font-size: 13px;} .header-nav-txt p{ font-size: 9px;} #nav > li > a{font-size: 18px;} .home-center .fc_grid_6 .head-text > div { margin-bottom: 5px;} .home-center .fc_grid_6 .head-text p{ font-size: 30px; line-height: 30px} .home-center .fc_grid_6 .link-text{ padding: 5px 12px 5px 8px;} .bike-product .product-shop button.btn-cart span span{font-size:20px;} /*.header-links a {font-size: 12px}*/ } @media screen and (min-width:1280px) and (max-width:1420px) { .contact-left{float:left;width:60%;} .contact-right{float:right;width:38%;} .header-nav-txt p{ font-size: 8px;} } @media screen and (max-width:1420px) { .header-nav-txt.std{width: 75%;} .header-nav-txt h2{font-size: 12px;} .header-nav-txt p{font-size: 7.5px;} } @media screen and (min-width:1281px) and (max-width:1368px){ .header-links a{ font-size: 14px;} .header-links li{ margin: 6px 0 0;} } @media screen and (min-width:1165px) and (max-width:1281px){ .header-links a {font-size: 13px} .header-links li{ padding: 15px 6px 14px; margin: 6px 0 0;} } @media screen and (max-width:1232px){ .header-nav-txt.std{ display: none;} .block_totals button.btn-proceed-checkout span{padding:6px 0;font-size:15px;} } @media screen and (min-width:1117px) and (max-width:1280px) { .block_totals button.button span{font-size:13px;padding:10px 20px 10px 20px;} .block_totals button.btn-proceed-checkout span{padding:6px 0;font-size:15px;} .block.block_coupon, .block.block_shipping, .block.block_totals{padding:8px 10px 25px 10px;} .cms-index-noroute p{width:75%;} #nav > li > a{font-size: 15px;} .top-container .banner1 a, .top-container .banner2 a, .bottom-container .banner a{ font-size: 30px;} .home-center .fc_grid_6 .head-text > div { margin-bottom: 5px;} .home-center .fc_grid_6 .head-text p{ font-size: 26px; line-height: 26px;} .home-center .fc_grid_6 .link-text{padding: 5px 12px 5px 8px;} .footer .info{ padding-top: 0;} .footer .info-content h4, .footer .newsletter .title{font-size: 20px; padding-bottom: 0} .header .top-links.desktop { margin-right: 120px;} } @media screen and (min-width:1024px) and (max-width:1280px) { .footer-container .footer-text .inner-text ul li{padding: 0 2.6%;} .footer-container .footer-text .inner-text ul li.li-last-child{width: 28%;} .footer-container .footer-text .inner-text ul li img{height: 38px;} .footer-container .footer-text .inner-text ul li h2{ font-size: 14px;} .footer-container .footer-text .inner-text ul li p{font-size: 11px;} } @media screen and (min-width:1108px) and (max-width:1368px) { .col2-set .col-2, .col2-set .col-1{width:44%;} } @media screen and (max-width:1116px){ .header .wishlist-compare{ margin-right: 0;} .header-nav-wide::before { border-top: none;} .home-center .fc_grid_6 .head-text > div { margin-bottom: 4px;} .home-center .fc_grid_6 .head-text p{ font-size: 22px; line-height: 22px;} .header .top-links.desktop { margin-right: 120px;} } @media screen and (min-width:1042px) and (max-width:1164px){ .header-links a {font-size: 11px} .header-links li{ padding: 15px 1%; margin: 6px 0 0;} } @media screen and (min-width:1025px) and (max-width:1368px){ } @media screen and (min-width:1025px) and (max-width:1041px){ .header-links a {font-size: 11px} .header-links li{ padding: 16px 5px 15px; margin: 6px 0 0;} } @media screen and (min-width:1024px) and (max-width:1368px){ .header-links li:first-child{width:9%; padding: 16px 0px 16px 0px;} /*.top-container, .slideshow-container{ padding-top: 52px;}*/ .header .logo img{max-width:220px;} .logo-container{width: 220px;} .logo-container-indent{padding-top:0;} } @media screen and (max-width:480px) and (max-width:1160px) { .product-options dd .qty-holder { clear: both; display: block; margin-left: 0; padding-top: 20px; } .product-options dl .qty-holder label { display: inline-block; padding-right: 10px; width: 50px; padding-left: 19px; } .product-options dl.last dd.last{ overflow: visible; } } @media screen and (min-width:1024px) and (max-width:1116px) { .top-container .banner1 a, .top-container .banner2 a, .bottom-container .banner a{ font-size: 30px;} .header .wishlist-compare{ margin-right: 120px;} } @media screen and (min-width:1016px) and (max-width:1023px){ .header-links a {font-size: 12px} .header-links li{ margin: 6px 0 0; padding: 16px 1%;} } @media screen and (min-width:1002px) and (max-width:1015px){ .header-links a {font-size: 11px} .header-links li{ margin: 6px 0 0; padding: 16px 1.5%;} } @media screen and (min-width:981px) and (max-width:1108px) { .col2-set .col-2, .col2-set .col-1{width:43%;} .header-nav-txt.std{ display: none; } } @media screen and (min-width:901px) and (max-width:1128px) { .products-list .product-shop .add-to-links{ width: 100%; } .products-list .product-shop .add-to-links li{ float: left; width: 50%; } .products-list .product-shop .add-to-links li.first{ width: 100%; text-align: left; } .products-list .product-shop .add-to-links a{ max-width: 100%; font-size: 12px; margin-left: 0; } .cart-collaterals #discount-coupon-form .input-box{width: 50%;} } @media screen and (min-width:894px) and (max-width:954px){ } @media screen and (min-width:894px) and (max-width:1001px){ .header-links a {font-size: 11px} .header-links li{ padding: 16px 1% ; margin: 6px 0 0;} } @media screen and (min-width:894px) and (max-width:1024px){ .logo-container-indent{} .logo-container{width: 180px;} } @media screen and (min-width: 768px ) { .desktop-hidden{display:none !important;} #nav li.level1 .active { background-color: transparent; } #nav li.level1 .active > a {text-decoration: underline; } .go-filter {display: none;} .mobile {display: none} .header-search, .header-row-mobile { display:none; } .header-search-container{ height:0; } .header-cart .summary span.fa-shopping-cart{ background:url("http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/i_btn_cart.png") 50% 50% no-repeat; width: 24px; height: 19px; margin-top: 8px; } .col-box-logo{padding-left:0; height:92px;} .col-box-search{padding:0;} .col-cart-links{padding-right:0;} .top-links-container .links li.first a{padding-right:0;} .navigation-container{clear:both; display:block; margin:0 -1000px; border-top:3px solid #eb0a11; background:url(http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/navigation-bkg.jpg) 50% 1px repeat; min-height: 50px;} .navigation-box{clear:both; display:block; margin:0 1000px; width:auto;} .navigation-box .header-menu{position:relative;} .navigation-box.navigation-box #nav>li.over>a{background:#eb0a11; border-top:1px solid #FFF; padding-top:18px; padding-bottom:18px;} .navigation-box .olegnaxmegamenu #nav li.wide > div.megamenu-dropdown{right:0; margin-top:0; border-top:3px solid #eb0a11; padding:25px 30px 0;width: 100%;box-sizing: border-box; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);} .navigation-box #nav ul.level1 li div.megamenu-dropdown{display:none !important;} .navigation-box .brands-menu-container ul li{margin:0 !important;} .navigation-box .olegnaxmegamenu #nav li.wide ul.level0{position:relative !important; left:0; right:0; top:0;} .col2-left-layout .col-main-wrap{ margin-right: 3px; } } @media screen and (min-width:768px) and (max-width:1368px) { .header-links{height:50px;padding-bottom: 3px!important;overflow: hidden;} .cart-collaterals #discount-coupon-form .buttons-set{float:left;} .text-banner > span { font-size: 16px; line-height: 20px; margin-top: -45px; width: 180px; } .text-banner .shop-the-sales { font-size: 12px; margin-left: 10px; max-width: 139px; } .title-landing { font-size: 20px; font-weight: 800; margin-top: 10px; } .buying-landing { margin-bottom: 30px; margin-top: 15px; } .cart-collaterals #discount-coupon-form .buttons-set{float:left;} .block.block_coupon, .block.block_shipping, .block.block_totals{padding:8px 10px 25px 10px;} .payment-methods .input-box .v-fix{ width: 47%;} .nav-search-container { margin: 0;} .nav-search-container { margin-top: 5px} /*.header .search-visible .form-search { width: unset}*/ #nav>li>a{ padding: 27px 0 27px;} .top-container, .slideshow-container{} } @media screen and (min-width:768px) and (max-width:1280px) { .contact-left{float:left;width:60%;} .contact-right{float:right;width:38%;} } @media screen and (min-width:768px) and (max-width:1024px){ .header .logo img, .header h1.logo{ max-width: 205px;text-align: center;display:inline-block;} .header-links li:first-child{width:8.5%;padding:16px 0px 16px 0px;} .header-cart .summary {background-image: none;} .header-nav-txt.std{ display: none; } .logo-container{ background: transparent; } #nav>li>a{ font-size: 16px; padding: 23px 0; } #nav>li { background-image: unset !important;} .top-container .banner1 a, .top-container .banner2 a, .bottom-container .banner a{ font-size: 24px; } .top-container .banner1 a span, .top-container .banner2 a span, .bottom-container .banner a span{ font-size: 14px; } .home-top{ margin-top: 68px; } .home-top .head-shop-banner{ font-size: 22px; margin-top: -44px; } .home-top .title-container h3 { font-size: 36px; line-height: 36px; padding: 0 15px 0 15px; } .home-top .title-container { line-height: 40px; margin: -22px 0 22px; } .home-top .animation-link a{ padding: 6px 20px 2px; min-height: 18px; font-size: 12px; } .product-slider-container-big .title-container h3 { font-size: 36px; line-height: 36px; padding: 0 15px 0 15px; } .product-slider-container-big .title-container .slider-nav { padding: 0 20px 0 0; } .product-slider-container-big .title-container{ line-height: 50px; margin: -26px 0 26px; } .product-slider-container-big { margin: 30px 0 0; } .home-center .fc_grid_6 .head-text > div { margin-bottom: 2px;} .home-center .fc_grid_6 .head-text p{ font-size: 18px; line-height: 18px; } .home-center .fc_grid_6 .link-text{font-size: 11px; padding: 4px 12px 4px 8px;} .product-slider-container-big { margin: 35px 0 0; } .footer .info-content h4{ font-size: 19px; padding: 0 0 10px 2px; } .footer .info{ padding-top: 0; } .footer-subscribe .title{ padding-bottom: 0; } .footer .newsletter .title, .footer .athlete_footer_connect .title{ font-size: 19px; } .copyright-container .footer-logo{ top: -62px; } .block_totals button.button span{ font-size:16px; padding:2px 0;} .block.block_coupon, .block.block_shipping, .block.block_totals{padding:8px 10px 25px 10px;} .catalog-product-view .add-to-links > li { width: 40%;} .multiple-checkout .page-title h1 {font-size: 36px;} .product-bike .banner-image.first, .product-bike .banner-image.last{ width: 100%; position: relative; margin-bottom: 10px;} .navigation-box #nav{position:static;} } @media screen and (min-width:768px) and (max-width:1024px) and (orientation: landscape){ /*.footer-container .footer-text .inner-text ul li{ padding: 0 2.6%; }*/ /*.footer-container .footer-text .inner-text ul li.li-last-child{ width: 28%; }*/ /*.footer-container .footer-text .inner-text ul li h2{ font-size: 14px; }*/ /*.footer-container .footer-text .inner-text ul li p { font-size: 11px; }*/ .block_totals button.button span span{ font-size: 16px;} /* Style for new header */ .header .logo img, .header h1.logo { max-width: 205px;text-align: center;display:inline-block;} .header.row { width: 100%;} .header.row > .grid_18{width: 99%;margin-right: 0;} .header .top-links.desktop { margin-right: 15%;} .header .logo-container { width: 168px;} .header .header-links { margin: 0 0 0 20px;padding: 0;} .nav-search-container { margin: 0 0 0 -20px;} .header .top-links a{padding:0 6px;} } @media screen and (min-width:768px) and (max-width:893px){ .header .logo img, .header h1.logo{ /* max-width: 125px; */text-align: center;display:inline-block;} .header .logo-container { width: 125px;} .header-links li{ padding:17px 0.6%;} .header-links a{ font-size: 11px;} .header .header-links{ margin: 0 0 0 10px;} .header-links a{font-size:10px;} .logo-container{padding-top:15px;} #giftcard_amount_box .v-fix {float: none;} } @media screen and (min-width:768px) and (max-width:800px){ .my-account .my-wishlist .data-table a.product-image { width: 45px; } } @media screen and (min-width:788px) and (max-width:800px){ .header-links li{ padding:17px 0.9%;} } @media screen and (min-width:800px) and (max-width:850px){ .header-links li{ padding:17px 1%;} } @media screen and (min-width:851px) and (max-width:893px){ .header-links li{ padding:17px 1.3%;} } @media screen and (min-width:894px) and (max-width:928px){ .header-links li{ padding:17px 0.8%;} } @media screen and (min-width:768px) and (max-width:980px) { .col2-set .col-2, .col2-set .col-1{border:1px solid #e5e5e5;min-height: 131px;width:100%;margin-top:18px;float:left;padding:0;} .col-1 .box,.col-2 .box,.col-1 .box-billing,.col-2 .box-shipping{padding:10px 10px 0 10px;} .my-account{margin-left:0;} .level0.level-top.shop > em { display: block} .header .top-links a{padding:0 4px;} .header .top-links.logged-in li.last{display:none;} .header .top-links.logged-in li{background: none;} .header .top-links.logged-in li.first{background: url(http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/bkg-links.png) 0 50% no-repeat;} .navigation-box #nav>li>a{padding: 18px 9px 19px;} } @media screen and (max-width:1023px) { .brands-slider-container .brands_list_items{ width: 90%; margin: 0 5%; } .category-landing-page .banners-slider-container .text-container .link{font-size: 9px !important;} .header .search-visible .form-search input{display:block;} .header .form-search{right:0;} } @media screen and (min-width:955px) and (max-width:1023px) { .header-container {padding-bottom: 0px;} } @media screen and (min-width:768px) and (max-width:960px) { .footer .info-content h4{ min-height: 44px; } } @media screen and (min-width:768px) and (max-width:950px) { .header .top-links.desktop{ margin-right: 18%;} .products-list .add-to-links li:last-child { margin-left: 0; } .products-list .product-shop .add-to-links a{margin-left:0;} .products-list .add-to-links li{width: 100%;} #products-list .add-to-links .link-wishlist,#products-list .add-to-links .link-compare{margin-left:-8px;margin-bottom: 0;} .locations-row .store-item { width: 23.9% !important; } .slide-banners { display: none } .appointment .input .input-text {width: 78%} .wc-header{display: none;} .cart-collaterals #discount-coupon-form .input-box{width: 100%;} .cart-collaterals #discount-coupon-form .buttons-set{float:none;} .cart-collaterals .discount-form{} .my-account #my-orders-table thead th, .my-account #my-orders-table td, .my-account .dashboard .data-table thead th, .my-account .dashboard .data-table td{ padding-left:6px; padding-right: 6px; } .header .table-container .mobile {position: absolute;display:none;} .shop-by-category li span{ font-size: 9px; } } @media screen and (min-width:768px) and (max-width:1024px){ .header-links li:first-child{width:8.5%;padding:16px 0px 16px 0px;} .copyright-container .footer-logo{ display: none; } .footer .facebook-block{ margin: 0; } .footer .info{ margin-top: 20px; } .header .links:after{ background-color: transparent; } .header .wishlist-compare{ margin-right: 0; padding-right: 0; } .wc-header { padding-left: 30px; } .header-nav-wide { left: 262px; } .header-nav-wide:before{ border: none; } .header-cart .summary{ background-image: none; } .home-top .animation-link a{ padding: 6px 10px 2px; font-size: 13px; } .home-center .fc_grid_6 .head-text p { font-size: 16px; line-height: 16px; } .home-center .fc_grid_6 .link-text{ font-size: 11px; padding: 4px 12px 4px 8px; } .product-tabs a{ font-size: 14px;} .block_totals .checkout-types li:first-child{ padding: 15px;} .block_totals button.button span{ font-size:12px; padding:2px 0;} .block_totals button.button span span:after{font-size: 16px;} .product-view .qty-container .qty-function{ left: 132px;} .data-table thead th, .data-table td{ padding-right: 7px; padding-left: 7px;} .block_totals button.button span span{ font-size: 13px;} .block.block_totals #shopping-cart-totals-table tfoot strong{ font-size: 15px;} .block_totals_indent{ padding: 0;} .block_totals .checkout-types li a{ margin-right: 10px;} /* Style for new header */ .header.row { width: 100%;} .header.row > .grid_18{width: 98%;margin-right: 1%;} .col-cart-links{padding-left:0;} .header .top-links.desktop { margin-right: 105px;} .header .header-links { margin: 0 0 0 8px; padding: 0; } .header .nav-container{ padding:0;} .nav-search-container{ margin:0;} } @media screen and (min-width:768px) and (max-width:1023px){ .footer-container .footer-text .inner-text ul li.li-last-child, .footer-container .footer-text .inner-text ul li:first-child{ width: 100%; } .footer-container .footer-text .inner-text ul li{ width: 100%; margin-bottom: 20px; } .footer-container .footer-text .inner-text ul li{ background: url(http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/bg-item-footer-mobile.png) bottom center no-repeat; padding-bottom: 20px; text-align: center; } .footer-container .footer-text .inner-text ul li.li-last-child{ padding-bottom: 0; } .footer-container .footer-text .inner-text ul li img{ float: none; margin: 0 0 5px 0; } .footer-container .footer-text{ padding: 30px 0 15px; } } @media screen and (max-width:960px) { .page-show-limit { float: left; margin-bottom: 10px; text-align: left; width: 100%; } .level0.level-top.shop > em { display: block} } @media screen and (max-width: 900px ){ .form .appointment .input{ min-width: 100px; line-height: 1.4; } } @media screen and (max-width:767px) { .header h1.logo, .header .logo{text-align:center;} .main-container{ padding-top: 20px;} .cms-home .main-container{padding-top: 32px;} .slideshow-container{ padding-top: 0 !important;} .top-container{margin-bottom: 0;} .top-container, .slideshow-container{ padding: 0;} .top-banner .banner-image > a{ font-size: 11px;} .top-banner .banner-image a.animate-me { margin-left: 3px;} .header-cart .header-switch-trigger{width:36px;} .sale-slide, .new-slide{ width: 100%; float: left;} .bottom-banner .banner-image { display: block; width: 100%; padding-bottom: 15px; } .loc-page-data { width: 100%; } .loc-page-map-wrap{ width: 100%; } .sale-slide, .new-slide{ width: 100%; float: left; } .top-container .banner1 a, .top-container .banner2 a, .bottom-container .banner a{ font-size: 16px; line-height: 15px; } .top-container .banner1 a span, .top-container .banner2 a span, .bottom-container .banner a span{ font-size: 10px; } .content-banner .banner span{ height: auto; letter-spacing: 0; } .home-top{ margin: 47px 0 0; } .home-top .title-container h3 { font-size: 30px; line-height: 30px; padding: 0 8px; } .home-top .head-shop-banner{ font-size: 14px; margin-top: -37px; } .home-top .title-container { line-height: 42px; margin: -20px 0 17px; } .home-top .fc_grid_4, .home-center .fc_grid_6{ width: 100%; margin: 0 0 10px } .home-top .fc_grid_4 p, .home-center .fc_grid_6 p{ margin: 0 0 10px; } .home-top .fc_grid_4:last-child{ margin-left: 0; } .home-top .animation-link a{ font-size: 16px; } .home-first-top{margin-top:-5px;} .home-first-top .fc_grid_4,.home-first-top .fc_grid_4:first-child, .home-first-top .fc_grid_4:last-child{ width:100%; margin:0; } .home-first-top .fc_grid_4 p{ margin-bottom:10px; } .join-our-newsletter{ padding:10px 5px 9px; } .join-our-newsletter a{font-size:15px; line-height:16px; letter-spacing:-0.1px;} .join-our-newsletter a span{font-size:12px; line-height:14px;} .home-center .fc_grid_6:first-child, .home-center .fc_grid_6:last-child{margin:0;} .cms-index-index .brands-slider-container{display:none;} .product-slider-container-big { margin: 48px 0 0; } .product-slider-container-big .title-container h3{ padding: 0 8px; } .product-slider-container-big .title-container .slider-nav{ padding: 0 8px 0 0; } .bottom-container .content-banner:before{ content: "\f041"; font-family: "FontAwesome"; font-size: 20px; color: #fff; position: absolute; display: block; z-index: 1000; left: 48%; top: 3px; bottom: 0; width: 20px; height: 30px; } .bottom-container .content-banner a{ padding-top: 30px; } .footer-container .footer-text .inner-text ul li.li-last-child, .footer-container .footer-text .inner-text ul li:first-child{ width: 100%; } .footer-container .footer-text .inner-text ul li{ width: 100%; padding: 0; } .footer-container .footer-text .inner-text ul li h2{ font-size: 16px; } .footer-container .footer-text .inner-text ul li p{ font-size: 12px; } .footer-container .footer-text .inner-text ul li{ background: url(http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/bg-item-footer-mobile.png) bottom center no-repeat; padding-bottom: 23px; text-align: center; } .footer-container .footer-text .inner-text ul li.li-last-child{ padding-bottom: 0; } .footer-container .footer-text .inner-text ul li img{ float: none; margin: 0 0 5px 0; } .footer .athlete_footer_connect { padding: 30px 0 5px; } .footer-subscribe .title{ padding-bottom: 0; } .grid-fluid .footer .newsletter { padding-top: 30px; } .footer .info-content h4{ padding: 0; } .footer .athlete_footer_connect .title { margin: 0 0 10px; } .footer-container .footer-text{ padding: 23px 0 10px; } .footer .one_third{ margin-bottom: 25px; } .footer-logo{ display: none; } .col-box-logo{height:29px;} .logo-container{top: -61px; padding: 0;} .header .logo img{ width: 172px; height: 82px; } .wc-header, .wishlist-compare, .desktop{ display: none; } .header-row-mobile .relative{text-align:center;} .header .nav-search-container{min-height:0;} .header .top-links, .header .top-links.desktop{float:none; padding:0; z-index: 100; text-align: center; width: auto; margin:0; display: inline-block;} .header .top-links-container > .links{float:none; text-align:center; display: inline-block;} .header .top-links-container > .links > li{display:none;} .header .top-links-container > .links > li.last{display:inline-block; background:none !important;} .header .top-links-container > .links > li > a, .header .top-links a{color:#FFF; font:12px/40px Arial; text-transform:none; padding:0 7px;} .header .top-links-container > .links > li > a:hover{text-decoration:underline;} .header-row-top{height:53px; border-bottom:1px solid #FFF;} .header-row-top .top-links-container > .links{display:none;} .header-row-full{border-top:3px solid #eb0a11;} .header .mobile{ /* min-height: 46px; */ display: block; } .header .mobile .top-links ul{width: 100%;} .header .top-links li { line-height: 12px; display: inline-block; border:0;} .header .top-links li, .header .top-links li.first, .header .top-links li.last{ background: url(http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/top-links-li-border.png) 0 50% no-repeat !important; border:0; } .top-links-container:before, .top-links-container:after, .header .top-links li:before, .header .top-links li.last:after, .header .top-links li:after { display: none;} .header .top-links a {padding: 0 8px 0 9px; margin: 0; display:block;} .header .top-links a:hover, .header .top-links a.focus{color:#FFF; text-decoration:underline;} .header .links, .location-link{ float: left; width: auto; } .location-link{ margin: 7px 0 8px 4px; border-right: 1px solid #128b5a; line-height: 12px; } .header .top-links-container{ padding: 0; display: inline-block; top:0; position:static; clear:none;} .header #xml-top-links > div{float:right;} .header .top-links.logged-in li.last{display:none;} .header-nav-wide:before{ top: -17px; } .header .nav-search-container .header-menu .nav-container{background-color: #fafafa;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; height:53px;} .header .header-cart{bottom:-44px; right:3%;} .header .col-cart-links{padding:0;} .header .header-search{right:56px;} .header .header-search .icon-white{background-image:url(http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/header-search.png);background-position:50% 50%; background-repeat:no-repeat; background-size: 36px 36px; background-color:#eb0a11; width:36px; height:36px; display:block;} .header .header-search .fa-search:before{color:transparent;} .header-search-container{padding:10px 3%; border-bottom:1px solid #dddddd; display:none;} .header-search-container.show{display:block;} .header .form-search{top:0; left:0; margin:0; padding:0; width: 100%;} .header .form-search input{ display:block !important; width: 100%; float: right; border: 1px solid #ddd; height: 43px; font: 13px/40px Arial; color: #222222; padding: 7px 50px 7px 15px; background:#FFF; } .header .form-search input:focus{border-color:#000;} .header-cart .summary{background-color:#eb0a11;} .header-cart .summary span{display:none;} .header-switch-trigger > span.fa-search{padding:9px 0; width:36px;} .header-links li { padding: 16px 0 0 20px;text-align: left;width: 100%;} .header-links a { color: #333333;} .header-info-container .header-links { display: none;} .header .nav-container{padding:0;} .navigation-container .olegnaxmegamenu {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#fafafa; padding:10px 0 0; min-height:52px;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .navigation-container #nav{background:#FFF; margin:11px 0 0 0; padding:0;} .navigation-box #nav>li{border-bottom:1px solid #e1e1e1;} .navigation-box.navigation-box #nav>li.over>a{background:#eb0a11;} #nav > li > div{background:#FFF !important;} .olegnaxmegamenu #nav li.wide ul.level0 > li.parent{margin-bottom:0 !important;} #nav ul.level0 li {border-bottom: 1px solid #e1e1e1;} #nav ul li:last-child {border-bottom: 0;} #nav ul.level0 li.first {border-top: 1px solid #e1e1e1;} #nav ul.level0 li.last {border-bottom: none;} #nav ul li a:hover, #nav ul li.active > a, #nav ul li.over > a { background-color: #eb0a11} #nav > li > a:hover, #nav > li.over > a, #nav > li.active > a, .nav-top-title:hover a, .header-nav-txt.std a { color: #333333} #nav>li.active>a{ background-color: transparent} .nav-top-title a { margin-left: 0;} .header .std a{ padding: 1px 11px;margin: 8px 0 0; font:700 16px/20px MyriadPro, Arial; color:#333;} .olegnaxmegamenu #nav li.wide ul.level0 ul li ul li a span:before, .olegnaxmegamenu-sidebar li li a span:before{display:none;} .nav-top-title div.icon { margin: 8px 0 0; color:#333;} #nav > li > a { color: #333333;} #nav ul li.header-links-mobile a { color: #333333;} #nav .shop {display: block;} #nav>li.over>a, #nav ul.level0 li a:hover, #nav ul.level0 li.active > a, #nav ul.level0 li.over > a, .nav-top-title:hover a{ background-color: transparent; } #nav ul.level0 li.active > a, .nav-top-title:hover a{ background: #fafafa; color: #333; } .nav-top-title div.icon span, .nav-top-title:hover div.icon span, .nav-top-title.active div.icon span{ background-color: #333; } .navigation-box #nav>li>a{padding:0; margin:0;} .navigation-box .olegnaxmegamenu #nav li.wide ul.level0{padding:0 !important; background:#FFF !important;} .navigation-box .olegnaxmegamenu #nav li.wide ul.level1{background:#fafafa !important; padding:0 !important} .navigation-box .olegnaxmegamenu #nav li.wide ul.level2{background:#f4f4f4 !important; padding:12px 0 !important; border-top: 1px solid #e1e1e1;} #nav li.level0>a>span{padding:0 20px; font:900 15px/40px MyriadPro, Arial; color:#333;} .navigation-box #nav ul.level0 li a span{padding:0 20px;} .navigation-box #nav>li.over>a>span{color:#FFF;} .navigation-box #nav ul.level0>li>a>span{line-height:40px;} .navigation-box #nav ul.level0>li>a>span:before{font-size:10px;} #nav > li.parent > a > em, #nav ul.level0 li.parent a em{ padding:11px; color: #333} #nav > li.parent.over > a > em{color: #FFF} #nav ul.level0 li.level1 a em{padding:12px;cursor: pointer;} .olegnaxmegamenu #nav li.wide ul.level0 li > a{padding-right:4px; margin-right:0;} .olegnaxmegamenu #nav li.wide ul.level1 li > a{padding-right:7px; margin-right:0;} .navigation-box #nav ul.level1>li>a>span{font:700 15px/40px MyriadPro, Arial; color:#333; text-transform:uppercase;padding-left:30px;} .navigation-box #nav ul.level2 li a span{line-height:28px;} #nav ul.level2 li, #nav ul.level2 li.first{border:0; margin-bottom:0 !important;} .navigation-box .brands-menu-title{display:none;} .navigation-box .brands-menu-container ul, .navigation-box .brands-menu-link{width:100%; height:auto; clear:both; display:block;} .navigation-box .brands-menu-container ul{text-align:center;} .navigation-box #nav .brands-menu-container ul li a:hover{border:0; background:0;} .navigation-box #nav li.wide div div.megamenu-block-top{display:block; margin:0;} #nav #container-brands-mobile{padding:30px !important; background:#f4f4f4;} #nav #container-brands-mobile div.brands-menu-container, #nav div.brands-menu-link{display:block; width:100% !important; padding:0 !important; text-align:center;} #nav div.brands-menu-link a{ display: block; color: #fff; line-height: 34px; margin: 10px 30px 30px; } .navigation-box .brands-menu-container{padding:0; border:0;} .nav-top-title{ padding-left: 5%; } #nav #container-brands-mobile ul.brands-list{width:100% !important; padding:0 !important;} #nav #container-brands-mobile ul.brands-list li{width:13.857% !important; border:0; margin:0 0 20px 0 !important;} #nav #container-brands-mobile ul.brands-list li a{text-align:center !important;} #nav #container-brands-mobile div.brands-menu-link a{float: none; text-align: center;padding:0 15px; margin:0 auto; background:#333; max-width:260px; width:100%; color:#FFF;font:900 14px/34px MyriadPro, Arial;} .header-nav-wide #nav{ margin-right: 0; } .header-nav-wide .nav-container{ padding: 0; } .header-cart .summary{ height: 36px; } .logo-container:before { content: ''; position: absolute; left: -200%; right: -200%; top: 28px; bottom: 0; display: block; /*background: #fff url(http://assets.peterstevens.com.au/skin/frontend/peter/peter2016/images/bg-top-mobile.jpg) top left repeat-x; */ } .header .logo img{ position: relative; } .sorter .limiter , .toolbar-bottom .page-show-limit{ display: none; } .page-show-limit { float: left; margin-bottom: 10px; text-align: left; width: 100%; } .text-banner { left: 8%; } .text-banner > span { font-size: 10px; font-weight: 800; line-height: 17px; margin-top: -38px; width: 50%; } .text-banner .shop-the-sales { font-size: 7px; margin-left: 10px; max-width: 77px; padding: 10px; } /*.title-landing ,*/ /*.buying-landing > h1{ font-size: 12px; }*/ .shop-by-category li { float: left; width: 33.3333% !important; margin-top: 20px; } .buying-landing{ margin-top: 0; margin-bottom: 10px; } .col2-set .col-2, .col2-set .col-1{border:1px solid #e5e5e5;min-height: 131px;width:100%;margin-top:18px;float:left;padding:0;} .col-1 .box,.col-2 .box,.col-1 .box-billing,.col-2 .box-shipping{padding:10px 10px 0 10px;} .my-account{margin-left:0;} .account-create .required{top:-10px;} .account-create .buttons-set{padding-top:20px;} .loc-page-data { width: 49%; } .contact-left{float:left;width:100%;} .contact-right{float:right;width:100%;margin-top:30px;} .bottom-container{ position: relative; } .header-cart .summary:hover, .header-cart .summary.hover{background-color: #eb0a11;} .header-cart .summary.icon-white:hover { background-position: 0 0; } .header-cart .fa-shopping-cart{text-indent: -999999px;} .appointment-form .title > p {width: 100%} .form .appointment .input {width: 100%} .loc-page-data{width:100%;padding-right: 0;} .product-tabs-container h2.tab-heading a{ font-weight: 700;} .product-tabs li.active a, .product-tabs li a:hover, .product-tabs-container h2.tab-heading a:hover, .product-tabs-container h2.active a, .product-tabs-container h2.active a:hover{ background: #018a51; color: #fff;} .product-shop .add-to-links{margin-left: 0;} .catalog-product-view .product-shop .add-to-links a{ margin-left: 10px; font-size: 13px;} .catalog-product-view .product-shop .add-to-links li:first-child a{ margin-left: 0;} .product-view .product-tabs-container h2.tab-heading{ margin-top: 2px;} .product-view .product-category-title h3{min-height: 27px;} .product-slider-container .title-container h3{color: #333;width: 100%; font-size: 34px;} .cms-index-index .product-slider-container .title-container h3,.cms-index-noroute .product-slider-container .title-container h3{width: auto} .cart-table tfoot td.last div{ border: none;} .payment-methods .input-box .v-fix{ width: 47%;} .payment-methods .input-box .v-fix.card-verification{width: auto;} .account-create .block-login .registration-info{ display: inline-block;} .block-compare{display: none;} .block.block-viewed {margin-top: 15px; padding: 0 20px;} .block.block-compared {margin-top: 15px; padding: 0 20px;} .block-link-compare{display: none!important;} .products-grid .actions{width: 96px;} .products-list .product-shop .add-to-links li{float:none;width: auto;} /*.header-cart .summary span.qty { display: block; border-left: none; position: inherit; font-size: 12px; margin-top: 0px; right: 20px; color: #ffffff;}*/ .data-table td, .cart-table tbody td:first-child { padding-top: 5px; padding-bottom: 5px;} .my-account div.buttons-set { margin-top: 10px;} .addresses-additional ol li p { margin-left: 0;} .my-account .addresses-list h2, .my-account .addresses-list ol li.item { padding-left: 10px;padding-top: 5px;} /* My account - My orders*/ .data-table.orders table, .data-table.orders thead, .data-table.orders tbody, table.data-table.orders th, table.data-table.orders td{ display: inline-block;} .data-table.orders thead, .data-table.orders tbody { width: 100%;} #my-orders-table thead th { text-transform: uppercase; font-weight: bold; background: none; padding-bottom: 22px; padding-right: 4px;} #my-orders-table thead th { width: 21%; padding-right: 10px;} #my-orders-table tbody td { padding-right: 4px; width: 24%} #my-orders-table thead th.number {padding-left: 0;} body.sales-order-history .data-table.orders td.status, body.sales-order-history .data-table.orders th.status { display: none;} .data-table.orders thead th, .data-table.orders tbody td { border-bottom: 1px solid #e5e5e5;} .data-table.orders tbody td, .data-table.orders tfoot td { font-family: "proxima_nova","Helvetica Neue",Verdana,Arial,sans-serif; } .data-table.orders td, .data-table.orders th { margin-top: 5px; vertical-align: top; } .data-table.orders td.last { line-height: 24px;} /*end My orders*/ .data-table .btn-update span span, .data-table .btn-continue span span{ width: 152px;} .content-banner .banner{ padding: 12px 0 10px;} .pager .pages{ float: none;} .toolbar-bottom .toolbar .pager{ text-align: center;} .my-wishlist .buttons-set2 button { width: 100%; text-align: left;} #wishlist-table .price-box p.save-price { display: block;} #wishlist-table td { display: inline-block;} #wishlist-table td.last { padding-left: 12px; padding-top: 5px; display: block; clear: both;} #wishlist-table tr td:first-child { width: 100%;} #wishlist-table a.product-image { float: left;} #wishlist-table tr td:first-child + td{ width: 100%;} .checkout-cart-index .discount-form div.buttons-set button { padding-bottom: 10px;} .catalog-category-view .block.block-subscribe input { width: 100%;} .checkout-multishipping-addresses ul.checkout-progress{ margin: 0;} .multiple-checkout .page-title h1{ line-height:24px; font-size:24px} .multiple-checkout select{ height:30px; line-height:30px;} .multiple-checkout .col2-set .col-narrow, .multiple-checkout .col2-set .col-2{ width: 100%; padding: 0; float: left;} .multiple-checkout .col-1 .box, .multiple-checkout .col-2 .box{ width: 94%; padding: 10px 10px 0;} .multiple-checkout .data-table .cart-price{ margin-bottom: 15px;} .multiple-checkout .form-list input.input-text, .multiple-checkout select{ width: 94%;} .multiple-checkout .sp-methods .form-list label{ width: 100%; float: left;} .grid_18 .breadcrumbs { margin-top: 12px;} .checkout-cart-index .discount-form div.buttons-set button , .checkout-cart-index .discount-form div.buttons-set button span{ min-width: 110px; } .product-view.bike-product .product-shop .price-box .price{ float: none; } .product-view.bike-.product-view.bike-product .product-shop .price-box .price{ float: none; } .price-box-wrap div.f-left{ width: auto; } .product-view.bike-product .add-to-cart button.button , .product-view.bike-product .add-to-cart button.button span{ width: 100%; max-width: 532px; padding: 0px; text-align: center; } .catalog-product-view .appointment-form .title > p{ width: 90%; } .brands-slider-container { display: none; } .text > div{ margin-bottom: 4px;} .header-links-mobile ul li:first-child { visibility: hidden; height: 0; } .go-filter { background-color: #000000; color: #fff; display: block; font-weight: 800; margin: auto; padding: 10px 0; text-align: center; text-transform: uppercase; width: 203px; margin-bottom: 30px; } .catalogsearch-result-index .col-left.sidebar, .catalog-category-view .col-left.sidebar { background-color: #fff; border-bottom: 6px solid #ff0000; position: absolute; top: 0; left: 0; z-index: 1000; margin-top: 0px; display: none; padding-bottom: 20px; } .col-left.sidebar .filter-header { background-color: #018a51; height: 40px; width: 100%; } .col-left.sidebar .filter-header div { color: #fff; font-size: 16px; font-weight: bold; padding: 10px; text-transform: uppercase; } .col-left.sidebar .filter-header .left-label { float: left; } .col-left.sidebar .filter-header .right-label { float: right; cursor: pointer; } .overlay { background-color: rgba(0, 0, 0, 0.8); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999; display: none; } .customer-account-create .content-container, .customer-account-login .content-container {height: auto;} .header-cart .header-dropdown p.product-name{padding-right: 48px;} .remember-me-popup{ top: 500px; } #shopping-cart-table .item-msg{text-align: center;} #maintenance .header-page .inner-header .title-head {margin-top: 20%} } @media screen and (max-width: 615px) { body.sales-order-history .data-table.orders th.ship, body.sales-order-history .data-table.orders td.ship { display: none;} #my-orders-table tbody td { padding-right: 5px; width: 32%;} #my-orders-table thead th { padding-right: 8px; width: 29%;} #nav .brands-menu-container ul.brands-list li{ width: 50% !important; display: inline-block; float: left !important; box-sizing: border-box; padding: 0 5px !important; margin:0 0 25px 0 !important; min-height:55px; border:0 !important; } .mobile-hidden{display:none !important;} } @media screen and (min-width:480px) and (max-width:502px) { .products-list .product-shop .add-to-links a { font-size: 12px; padding: 0 0 0 32px; width: 103px; margin-left: 30px; } .products-list .product-shop .add-to-links a .link_i{ width: 27px; } #my-orders-table thead th { width: 29%; padding-right: 0;} #my-orders-table tbody td { width: 32%; padding-right: 4px;} } @media screen and (max-width:479px) { .home-center .fc_grid_6 .head-text{ bottom: 10%;} .home-center .fc_grid_6 .head-text > div { margin-bottom: 1px;} .home-bottom .product-slider-container-big .title-container h3 { font-size: 30px; } .home-center .fc_grid_6 .head-text p{ font-size: 14px; line-height: 14px; } .home-center .fc_grid_6 .link-text{font-size: 11px; padding: 3px 12px 3px 8px; } .products-list .product-shop .add-to-links{ width: 100%; } .products-list .product-shop .add-to-links li{ float: left; width: 100%; text-align: center; } .products-list .product-shop .add-to-links li.first{ width: 100%; text-align: center; } .products-list .product-shop .add-to-links a{ max-width: 100%; font-size: 12px; } .product-view .product-img-box { width: 100%; } .product-view .product-name h1 { font-size: 24px; width: 100%; } .product-view .brand-img { display: none; } .product-view .availability { padding: 6px 0; float: right; } .product-view .availability .in-stock { padding: 6px 0; } .product-view .short-description.desktop { display: none; } .product-view .short-description.mobile { display: block; } .product-view .product-options dd { width: 200px !important; } .product-view .product-options select { width: 200px !important; background-position: 162px; text-align: left; } .product-view .product-options select option { padding-right: 0; } .product-view .product-options select option span { display: none; } .product-view .add-to-cart .qty-container { padding-left: 20px; text-align: left; } .product-view .qty-container .qty { width: 81px !important; margin-left: 5px; } .product-shop .shop-box { padding-bottom: 0; } .product-view .product-shop .add-to-links .link-compare, .product-view .product-shop .add-to-links .link-print-button { display: none; } .product-view .show-only{top: -30px;} .product-view .product-question { text-align: center; padding-bottom: 20px; } .product-view .dedicated-review-box, .product-view .add-review , .top-banner .banner-image.first { width: 100%; } .top-banner .banner-image { width: 49%; } .top-banner .banner-image.middle { float: left; } .bottom-banner .banner-image { display: block; float: none; margin-top: -70px; max-height: 398px; padding-bottom: 15px; width: 100%; } .banner-image .text { margin-left: 10px; max-height: 150px; position: absolute; text-align: left; bottom: 15px; } .bike-bottom{ padding-top: 30px;} .product-bike .banner-image.first, .product-bike .banner-image.last{ width: 100%; position: relative; margin-bottom: 10px;} .catalog-product-view .bike-bottom .banner-image p{ font-size: 16px;line-height: 13px; } .locations-row .store-item { width: 100% !important; } .browser-all { display: block; height: 33px; line-height: 33px; margin-top: 20px; position: relative; right: 0; top: 0; width: 168px; } .thumbnail-image a{ float: left; width: 100%; } .cart-collaterals #discount-coupon-form .input-box{width: 100%;} .cart-collaterals #discount-coupon-form .buttons-set{float:left;clear:both;} .cart-collaterals .discount-form{min-height: 125px;} .block_totals button.button span{ padding:2px 0;} .block_totals button.button span span{ font-size: 16px;} .page-title{ padding-left: 0} .page-title h1{ font-size: 33px; line-height: 33px;} .appointment .input .input-text {width: 65%} .bottom-container .content-banner:before{ font-size: 30px;} .top-container .banner1 a span, .top-container .banner2 a span, .bottom-container .banner a span{ font-size: 12px;} #shipping-zip-form .form-list .input-box{width: 100%;} #shipping-zip-form .form-list{width: 100%;} .contacts-index-index .form-list .field{width: 100%} .product-view .product-shop .social{ display: none;} #product-customer-reviews .title-container h3{ font-size: 19px; line-height: 24px;} .add-review h2{ font-size: 18px; line-height: 18px;} .add-review h4{ font-size: 16px; line-height: 16px;} .add-review{ margin: 10px 0 0; padding: 10px 0 0;} .catalog-category-view .price-box p.for-listing.save-price{text-align: left} .products-list .product-shop .price-box .old-price{float: left} #giftcard_amount_box .v-fix {float: none;} .catalog-product-view .appointment-form .title > h1{ font-size: 18px; } .catalog-product-view .appointment-form .title > p{ font-size: 12px; } .form .appointment .input{ width: 85%; } .appointment .input .input-text{ width: 55%; } .catalog-product-view .appointment-form .logo-header .logo img{ display: none !important; } .appointment .input.comment-input label{ margin-top: 10px; } .form .appointment .button-box.input .button span , .form .appointment .button-box.input .button{ min-width: 50px; min-height: 42px; line-height: 42px; } .product-view.bike-product .product-shop .add-to-links{ border: none; } .appointment .button-box.input label{ min-width: 130px; line-height: 42px; } .cms-index-noroute .product-slider-container .title-container h3{ padding: 0 5px; font-size: 24px; margin-top: -6px; } .cms-index-noroute .title-container .slider-nav{ padding: 0 5px 0 0; } .cms-index-noroute .page-title h1 { margin-top: 30px; } .cms-no-route .product-slider-container .slider-nav { margin-top: -6px; } .remember-me-popup{ margin-left: -151px; width: 300px; } .product-view .add-to-cart .qty-container{ margin-right: 0; box-sizing: border-box; } } @media screen and (max-width:479px) and (orientation: portrait){ .catalog-product-view .add-to-links > li{ float: left; width: 50%;} .block .shipping-form .form-list{ width: 100%;} .product-view .product-slider-container .title-container{ text-align: left;} .product-view .product-slider-container, .checkout-cart-index .product-slider-container{ border: none;} .product-view .product-slider-container .title-container h3, .checkout-cart-index .product-slider-container .title-container h3{ font-size: 19px; line-height: 24px;text-align: left; float: left; padding-left: 0;} .product-view .product-slider-container .title-container .slider-nav, .checkout-cart-index .product-slider-container .title-container .slider-nav{ padding:0; float: right;} .product-shop .add-to-links{ width: 100%; float: left; border-bottom: 1px solid #eaeaea;} body.sales-order-history .data-table.orders th.date, body.sales-order-history .data-table.orders td.date { display: none;} .checkout-multishipping-success .product-slider-container .title-container h3{ font-size: 28px; line-height: 28px;} .product-view .price-box, .product-view .price-box-wrap > div { width: 100%; float: left } .bike-product .price-box-wrap .f-left{width: auto;} .product-view .price-box-wrap .f-right{ margin-top: 15px;} .product-view .sku { float: left; margin: 7px 0 0; } .product-view .product-shop .price-box .price{float: none; font-weight: 800;} .product-view .price-box p.for-listing{ text-align: right; float: right;} .catalog-product-view #wishlist-sidebar .price-box p.for-listing{ text-align: left;} .product-view .product-shop .price-box .old-price{ padding-right: 0; float: right;} .catalog-product-view .product-view.bike-product .product-shop .price-box .old-price{padding-right: 10px;} .catalog-product-view .product-shop .price-label{ width: auto; padding-right: 15px;} .product-view .product-slider-container .price-box p.for-listing{float: none;text-align: left} .cart-collaterals #discount-coupon-form .buttons-set{width: auto;} .product-options dl.last dd.last{ overflow: hidden; } .account-login .block-content ul.messages .success-msg li { margin: 5px -30px;} } @media screen and (min-width:480px) and (max-width: 767px) and (orientation: landscape){ .product-view .product-slider-container .title-container h3, .checkout-cart-index .product-slider-container .title-container h3{ font-size: 28px; line-height: 28px;} .product-view .dedicated-review-box, .product-view .add-review{ width: 100%;} .product-shop .add-to-links{ width: 100%; float: left; margin-left: 0;} .catalog-product-view .add-to-links > li{ width: 48%;} .product-view .qty-container .qty-function{left: 132px;} body.sales-order-history .data-table.orders th.date, body.sales-order-history .data-table.orders td.date { display: none;} .product-view .product-shop .add-to-links .link-compare, .product-view .product-shop .add-to-links .link-print-button{ display: none;} .product-view .product-shop .social{ display: none;} .block-subscribe .input-box{ width: 80%; float:left; } .block-subscribe .actions{ width: 20%; float:right; clear:unset; padding-top:0; } .block.block-subscribe input{height: 33px;} .block.block-subscribe button.button > span{margin-top:0;} .cms-index-noroute .product-slider-container .title-container h3{ max-width: 280px !important; margin-top: -6px; } .cms-index-noroute .page-title h1{ margin-top: 30px; } .catalog-product-view .form .appointment .input{ width: 70%; } .appointment .input .input-text{ width: 55%; } .catalog-product-view .appointment-form .logo-header .logo img{ display: none !important; } .appointment .input.comment-input label{ margin-top: 10px; } .bike-bottom{ padding-top: 30px;} .product-bike .banner-image.first, .product-bike .banner-image.last{ width: 100%; position: relative; margin-bottom: 10px;} .catalog-product-view .bike-bottom .banner-image p{ font-size: 22px;line-height: 18px; } .text > div{ margin-bottom: 5px;} .home-center .fc_grid_6 .head-text { bottom: 10%;} } @media screen and (max-width: 415px ){ #my-orders-table tbody td { width: 31%; padding-right: 6px;} #my-orders-table thead th { width: 28%;} .catalog-category-view .title-landing { font-size: 24px;} .athlete-slideshow .slide .slide-banners { display: none;} } @media screen and (max-width: 320px ){ #my-orders-table tbody td { width: 30%; padding-right: 4px;} #my-orders-table thead th { width: 26%; padding-right: 6px;} #my-orders-table thead th.total.a-center {padding-left: 0;} .shop-by-category li span { font-size: 11px;} } .balance-instagram { display: none; padding: 20px 0 25px; } .cms-index-index .balance-instagram { display: block; } @media screen and (max-width: 767px ){ .balance-instagram { padding: 20px 0 25px; } } /* .navigation-box #nav>li.show-default .megamenu-dropdown{display:block !important;} */ .cms-shop-by-brand, .cms-brand-landing{ font-family: "MyriadPro"; } .athlete-slideshow .slide .controls .slide-control { display: none; font-family: "FontAwesome"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000000; background: none; width: auto; height: auto; font-size: 70px; } .athlete-slideshow .slide .slide-content-container { position: static; } .athlete-slideshow .slide .controls { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); max-width: 1380px; z-index: 9; } .athlete-slideshow.cycle-paused .slide .controls .slide-control { display: inline-block !important; } .athlete-slideshow .slide { bottom: 0px; } .athlete-slideshow .slide .controls .slide-control.slide-prev { float: left; margin-top: 0px !important; } .athlete-slideshow .slide .controls .slide-control.slide-prev:before { content: "\f053"; display: inline-block; } .athlete-slideshow .slide .controls .slide-control.slide-next { float: right; margin-top: 0px !important; } .athlete-slideshow .slide .controls .slide-control.slide-next:hover , .athlete-slideshow .slide .controls .slide-control.slide-prev:hover { background: none; } .athlete-slideshow .slide .controls .slide-control.slide-next:before { content: "\f054"; display: inline-block; } .athlete-slideshow .slide .controls .slide-control.slide-prev:hover { color: #ffffff; } .athlete-slideshow .slide .controls .slide-control.slide-next:hover { color: #ffffff; } @media (max-width: 767px) { .athlete-slideshow .slide .controls .slide-control { font-size: 34px; } }