/** * Magento Enterprise Edition * * NOTICE OF LICENSE * * This source file is subject to the Magento Enterprise Edition License * that is bundled with this package in the file LICENSE_EE.txt. * It is also available through the world-wide-web at this URL: * http://www.magentocommerce.com/license/enterprise-edition * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) * @license http://www.magentocommerce.com/license/enterprise-edition */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:24px; color:#364052; text-align:center; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(//www.horseland.com.au/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .recently-view {padding-top:200px;} .widget-viewed { display:block; } /* .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(//www.horseland.com.au/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } */ .recently-view .products-list .item {display:inline-block;text-align:center;margin-right:0px;padding-right:0px;padding-bottom:0px;} .recently-view .products-list .item a {text-align:center;display:block;} .recently-view .products-list .item h3 {margin-bottom:0px;} .recently-view .products-list .product-image img {margin-left:9px;} .recently-view .products-list .product-shop {margin-top:30px;display:inline-block;width:100%} .recently-view .products-list .product-shop .f-fix {min-height: 0px;} /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(//www.horseland.com.au/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(//www.horseland.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(//www.horseland.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(//www.horseland.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(//www.horseland.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(//www.horseland.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(//www.horseland.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ /** * Infortis Themes */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .section-container {} .section { padding:10px 0; } .section-space { padding:10px; } /* Helper classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Magento default helper classes -------------------------------------------------------------- */ /* Layout helper classes -------------------------------------------------------------- */ .margin-top { margin-top:20px; } .margin-bottom { margin-bottom:20px; } .padding-top { padding-top:20px; } .padding-bottom { padding-bottom:20px; } .float-left { float:left; } /*deprecated*/ .float-right { float:right; } /*deprecated*/ /* Minor components %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Caret %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .caret { display:inline-block; width:0; height:0; margin-bottom:2px; vertical-align:middle; content:""; border-style:solid solid none; border-width:4px 4px 0; border-color:#333 transparent transparent; } .dropdown .caret { opacity:0.3; filter:alpha(opacity=30); } .dropdown:hover .caret { opacity:1; filter:alpha(opacity=100); } /* Product labels (stickers) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Positionning -------------------------------------------------------------- */ .sticker-wrapper { position:absolute; transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } .product-view .sticker-wrapper { z-index:99; /* On product page z-index gteater than Cloud Zoom image */ } .sticker-wrapper.top-right { top:-3px; right:-3px; } .sticker-wrapper.bottom-right { bottom:-3px; right:-3px; } .sticker-wrapper.bottom-left { bottom:-3px; left:-3px; } .sticker-wrapper.top-left { top:-3px; left:-3px; } /* Appearence -------------------------------------------------------------- */ .sticker { width:60px; height:60px; border-radius:50%; font-size:1.1666em; line-height:1em; font-weight:bold; text-align:center; display:table-cell; vertical-align:middle; transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } /* Colors */ .sticker.new { background-color:#5BD2EC; color:#fff; } .sticker.sale { background-color:#F12B63; color:#fff; } /* Effects */ .item:hover .sticker { width:65px; height:65px; } .item:hover .sticker-wrapper.top-right, .item:hover .sticker-wrapper.top-left { } .item:hover .sticker-wrapper.top-right { } .item:hover .sticker-wrapper.top-left { } /*Sizes*/ .sticker.size-s { width:45px; height:45px; font-size:1em; } .item:hover .sticker.size-s { width:50px; height:50px; } .sticker.size-xs { width:40px; height:40px; font-size:0.9166em; /*11px*/ } .item:hover .sticker.size-xs { width:45px; height:45px; } /* CMS pages and custom content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Video (embed) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* "videoWrapper" - depracated class, left for backward compatibility */ .video-wrapper, .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video-wrapper iframe, .video-wrapper object, .video-wrapper embed, .videoWrapper iframe, .videoWrapper object, .videoWrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Page banners %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-banners .banner a { display:block; } .page-banners .banner a img { display:block; margin:0 auto; } /* depracated styles, left for backward compatibility: */ .page-banners .banner { margin-bottom:2%; } /* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .fade-on-hover { transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); /* Fix: possible glitches during animation */ } .fade-on-hover:hover { opacity:0.75; filter:alpha(opacity=75); } /* Landing pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .landing-page {} .horizontal-section, .vertical-section { display:block; margin-top:0; margin-bottom:10px; position:relative; } .horizontal-section { margin-top:10px; } .landing-page .center-block { display:block; margin:0 auto; } /* Caption %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .caption { display:block; position:absolute; bottom:0; width:80%; margin:6%; padding:0; } /* Caption position -------------------------------------------------------------- */ .caption.top { top:0; bottom:auto; width:80%; } .caption.top-right { top:0; bottom:auto; right:0; width:58%; } .caption.bottom-right { right:0; width:58%; } /* Caption elements -------------------------------------------------------------- */ .caption > * { float:left; display:inline-block; margin-bottom:1px; } .caption .heading { padding:0.25em; margin-bottom:0.2em; font-size:2.8em; line-height:1em; font-weight:normal; } .caption p { clear:left; padding:0.25em 0.5em; font-size: 1.3333em; line-height:1em; } .caption button { clear:left; } /* Caption layout -------------------------------------------------------------- */ .caption.centered { text-align: center; } .caption.centered > * { display:inline-block; float: none; } /* Floating (text alignment) */ .caption.right > * { text-align:right; float:right !important; } /* Caption additional styles -------------------------------------------------------------- */ /* Width */ .caption.full-width { width:88%; margin:6%; } .caption.narrow { width:38%; } /* Prevent from hiding elements of the caption on narrow screens */ .caption .permanent { display:inline-block !important; } /* Skin -------------------------------------------------------------- */ .caption .heading, .caption p { transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } a:hover .caption .heading, a:hover .caption p { transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; } /* Dark + white text */ .caption.dark1 .heading, .caption.dark1 p { background-color:rgba(0,0,0, 0.35); color:#fff; } a:hover .caption.dark1 .heading, a:hover .caption.dark1 p { background-color:rgba(0,0,0, 0.7); color:#fff; } /* Dark + white text */ .caption.dark2 .heading, .caption.dark2 p { background-color:rgba(0,0,0, 0.5); color:#fff; } a:hover .caption.dark2 .heading, a:hover .caption.dark2 p { background-color:rgba(0,0,0, 0.8); color:#fff; } /* Dark + white text */ .caption.dark3 .heading, .caption.dark3 p { background-color:rgba(0,0,0, 0.65); color:#fff; } a:hover .caption.dark3 .heading, a:hover .caption.dark3 p { background-color:rgba(0,0,0, 1); color:#fff; } /* Light + black text */ .caption.light1 .heading, .caption.light1 p { background-color:rgba(255,255,255, 0.35); color:#000; } a:hover .caption.light1 .heading, a:hover .caption.light1 p { background-color:rgba(255,255,255, 0.7); color:#000; } /* Light + black text */ .caption.light2 .heading, .caption.light2 p { background-color:rgba(255,255,255, 0.6); color:#000; } a:hover .caption.light2 .heading, a:hover .caption.light2 p { background-color:rgba(255,255,255, 0.85); color:#000; } /* Light + black text */ .caption.light3 .heading, .caption.light3 p { background-color:rgba(255,255,255, 0.8); color:#000; } a:hover .caption.light3 .heading, a:hover .caption.light3 p { background-color:rgba(255,255,255, 1); color:#000; } /*@import url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/css/infortis/_shared/itemgrid.css");*/ /** * Itemgrid */ .itemgrid .item { float:left; padding-left:1%; padding-right:1%; } /* Itemgrid: different numbers of columns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Clear every first item in each row (row: group of n items) */ /* Item grid: 1 column */ .itemgrid-1col .item { width:98%; } /* Item grid: 2 columns */ .itemgrid-2col .item { width:50%; } .itemgrid-2col .item:nth-child(2n+1) { clear:left; } /* Item grid: 3 columns */ .itemgrid-3col .item { width:33.3333%; } .itemgrid-3col .item:nth-child(3n+1) { clear:left; } /* Item grid: 4 columns */ .itemgrid-4col .item { width:25%; } .itemgrid-4col .item:nth-child(4n+1) { clear:left; } .itemgrid-4col .item.dop { width:48%; } /* Item grid: 5 columns */ .itemgrid-5col .item { width:20%; } .itemgrid-5col .item:nth-child(5n+1) { clear:left; } /* Item grid: 6 columns */ .itemgrid-6col .item { width:16.6666%; } .itemgrid-6col .item:nth-child(6n+1) { clear:left; } /* Item grid: 7 columns */ .itemgrid-7col .item { width:14.2857%; } .itemgrid-7col .item:nth-child(7n+1) { clear:left; } /* Item grid: 8 columns */ .itemgrid-8col .item { width:12.5%; } .itemgrid-8col .item:nth-child(8n+1) { clear:left; } /*@import url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/css/infortis/_shared/accordion.css");*/ /* * Accordions and collapsible blocks */ /* Accordion %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion { padding:0; margin:0; list-style-type:none; } .accordion ul { float:left; display:block; width:100%; padding:0; margin:0; } .accordion li { float:left; display:block; width:100% !important; padding:0 !important; margin:0; list-style-type:none; cursor:pointer; position:relative; } .accordion li.active {} .accordion li.current {} .accordion li a { display:block; padding:15px 10px; font-size: 1.1666em; /*14px*/ line-height: 1.2857em; /*18px*/ } .accordion li li a { padding-left:20px; } .accordion li li li a { padding-left:40px; } .accordion li li li li a { padding-left:60px; } /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion li.parent > a { padding-right:54px; } /* Opener -------------------------------------------------------------- */ .accordion .opener { position:absolute; right:0; top:0; display:block; cursor:pointer; width:49px; height:49px; background: url(//www.horseland.com.au/skin/frontend/base/default/ultra-megamenu/opener.png) center center no-repeat; background-size: 35px auto; background-color: transparent ; } .accordion .opener:hover { /*background-color:rgba(0,0,0, 0.05);*/ } /* Active */ .accordion li.active > .opener { background-image:url(//www.horseland.com.au/skin/frontend/base/default/ultra-megamenu/opener-active.png); background-size: 35px auto; background-color: transparent ; } /* Accordion - Style 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Padding -------------------------------------------------------------- */ .accordion-style1 li a { padding:5px 10px; } .accordion-style1 li li a { padding-left:20px; } .accordion-style1 li li li a { padding-left:35px; } .accordion-style1 li li li li a { padding-left:50px; } /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion-style1 li.parent > a { padding-right:33px; } /* Misc -------------------------------------------------------------- */ .accordion-style1 li a { border-bottom-color:#eee; border-bottom:1px solid rgba(0,0,0,0.06); font-size:1em; /*12px*/ line-height:1.5em; /*18px*/ background-color: transparent; } .accordion-style1 li a:hover { /*background-color:rgba(0,0,0, 0.03);*/ background-color: transparent; } /* Opener -------------------------------------------------------------- */ .accordion-style1 .opener { width:28px; height:28px; /*background-image:url(//www.horseland.com.au/skin/frontend/base/default/ultra-megamenu/opener-small.png);*/ background-color:transparent !important; } .accordion-style1 .opener:hover { background-color:transparent; /*background-image: url(//www.horseland.com.au/skin/frontend/base/default/ultra-megamenu/opener-w.png);*/ } /* Active */ /*.accordion-style1 li.active > .opener { background-image:url(//www.horseland.com.au/skin/frontend/base/default/ultra-megamenu/opener-small-active.png); }*/ .accordion-style1 li.active > .opener:hover { /*background-image:url(//www.horseland.com.au/skin/frontend/base/default/ultra-megamenu/opener-active-w.png);*/ } /* Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .collapsible { position:relative; } .collapsible .block-title { padding-top:8px; padding-right:35px; /* Space for opener */ padding-bottom:8px; border-bottom:1px solid #f2f2f2; border-color:rgba(0,0,0, 0.05); margin-bottom:0.625em; /*10px*/ font-size:1.3333em; /*16px*/ line-height:1.25em; /*20px*/ font-weight:normal; } .collapsible .block-content, .collapsible .block-content > * { margin-top:0; /* Prevent animation jumping */ } /* Opener -------------------------------------------------------------- */ .collapsible .opener { position:absolute; right:0; top:2px; display:block; cursor:pointer; width:30px; height:30px; background-color:#f2f2f2; /*IE*/ background-color:rgba(0,0,0, 0.05); background-image:url(//www.horseland.com.au/skin/frontend/base/default/ultra-megamenu/opener.png); background-position:center center; background-repeat:no-repeat; /*border-radius:50%;*/ } .collapsible .opener:hover { background-color:#e5e5e5; /*IE*/ background-color:rgba(0,0,0, 0.1); background-image:url(//www.horseland.com.au/skin/frontend/base/default/ultra-megamenu/opener-w.png); } .collapsible.active .opener { background-image:url(//www.horseland.com.au/skin/frontend/base/default/ultra-megamenu/opener-active.png); } .collapsible.active .opener:hover { background-image:url(//www.horseland.com.au/skin/frontend/base/default/ultra-megamenu/opener-active-w.png); } /* Mobile accordion -------------------------------------------------------------- */ .mobile-collapsible {} /*@import url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/css/infortis/_shared/generic-nav.css");*/ /** * Generic interface elements */ /* Simple directional arrows %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-direction-arrows1 a.previous, .gen-direction-arrows1 a.next { display:block; width:30px; height:30px; background-image:url(//www.horseland.com.au/skin/frontend/base/default/_shared/slider-arrows.png); background-size: 60px auto; background-repeat:no-repeat; background-color:#e5e5e5; transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .gen-direction-arrows1 a.previous { background-position:0px -12px; } .gen-direction-arrows1 a.previous:hover { background-position:0 -66px; background-color:#333; } .gen-direction-arrows1 a.next { background-position:-30px -12px; } .gen-direction-arrows1 a.next:hover { background-position:-30px -66px; background-color:#333; } /* Generic arrows 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default style: small, outside the slider -------------------------------------------------------------- */ .gen-slider-arrows1 .direction-nav li { float:left; } .gen-slider-arrows1 .direction-nav a { display:block; width:50px; height:50px; background-image:url(//www.horseland.com.au/skin/frontend/base/default/_shared/slider-arrows.png); background-size: 80px auto; background-repeat:no-repeat; background-color:#e5e5e5; cursor:pointer; text-decoration:none; text-indent:-999px; overflow:hidden; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .gen-slider-arrows1 .direction-nav a:hover { background-color:#333; } .gen-slider-arrows1 .direction-nav a.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; } .gen-slider-arrows1 .direction-nav a.disabled:hover { background-color:#e5e5e5; /* Must be the same as default color */ } .gen-slider-arrows1 .direction-nav .prev { background-position:0px -83px; margin-right:1px; } .gen-slider-arrows1 .direction-nav .prev:hover { background-position:0px -83px; } .gen-slider-arrows1 .direction-nav .prev.disabled:hover { background-position:0px -83px; /* Same as default */ } .gen-slider-arrows1 .direction-nav .next { background-position:-35px -83px; } .gen-slider-arrows1 .direction-nav .next:hover { background-position:-35px -83px; } .gen-slider-arrows1 .direction-nav .next.disabled:hover { background-position:-35px -83px; /* Same as default */ } /* Positioning: -------------------------------------------------------------- */ .gen-slider-arrows1-pos-top-right .direction-nav { position:absolute; top:-63px; right:0px; } .gen-slider-arrows1-pos-top-left .direction-nav { position:absolute; top:-40px; left:0px; } /* Generic arrows 2 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default style: large, on slider, split -------------------------------------------------------------- */ .gen-slider-arrows2 .direction-nav { height:0; } .gen-slider-arrows2 .direction-nav a { position:absolute; display:block; width:50px; height:90px; background-image:url(//www.horseland.com.au/skin/frontend/base/default/_shared/slider-arrows.png); background-repeat:no-repeat; background-color:#fff; cursor:pointer; text-decoration:none; text-indent:-999px; overflow:hidden; /* transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 0ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; */ /* Fix: opacity transition disabled for Firefox to prevent possible glitches during animation */ opacity:0; filter:alpha(opacity=0); } .gen-slider-arrows2:hover .direction-nav a { opacity:0.7; filter:alpha(opacity=70); } .gen-slider-arrows2:hover .direction-nav a.disabled { opacity:0.4; filter:alpha(opacity=40); } .gen-slider-arrows2 .direction-nav a:hover { background-color:#333; } .gen-slider-arrows2 .direction-nav a.disabled { cursor:default; } .gen-slider-arrows2 .direction-nav a.disabled:hover { background-color:#fff; /* Must be the same as default color */ } .gen-slider-arrows2 .direction-nav .prev { background-position:0 0; left:0; top:45%; } .gen-slider-arrows2 .direction-nav .prev:hover { background-position:0 -90px; } .gen-slider-arrows2 .direction-nav .prev.disabled:hover { background-position:0 0; } .gen-slider-arrows2 .direction-nav .next { background-position:-50px 0; right:0; top:45%; } .gen-slider-arrows2 .direction-nav .next:hover { background-position:-50px -90px; } .gen-slider-arrows2 .direction-nav .next.disabled:hover { background-position:-90px 0; /* Same as default */ } /* Style: only background image -------------------------------------------------------------- */ .gen-slider-arrows2-style1 .direction-nav a { background-image:url(//www.horseland.com.au/skin/frontend/base/default/_shared/slideshow-arrows-solid.png); background-color:transparent !important; } /* Generic arrows 3 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default style: at the left and the right side of the slider -------------------------------------------------------------- */ .gen-slider-arrows3 .direction-nav a { position:absolute; display:block; width:30px; height:30px; background-image:url(//www.horseland.com.au/skin/frontend/base/default/_shared/slider-arrows.png); background-repeat:no-repeat; background-color:#fff; cursor:pointer; text-decoration:none; text-indent:-999px; overflow:hidden; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .gen-slider-arrows3 .direction-nav a:hover { background-color:#333; } .gen-slider-arrows3 .direction-nav a.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; } .gen-slider-arrows3 .direction-nav a.disabled:hover { background-color:#fff; /* Must be the same as default color */ } .gen-slider-arrows3 .direction-nav .prev { background-position:-10px -10px; top:22px; left:-32px; } .gen-slider-arrows3 .direction-nav .prev:hover { background-position:-10px -60px; } .gen-slider-arrows3 .direction-nav .prev.disabled:hover { background-position:-10px -10px; /* Same as default */ } .gen-slider-arrows3 .direction-nav .next { background-position:-60px -10px; top:22px; right:-32px; } .gen-slider-arrows3 .direction-nav .next:hover { background-position:-60px -60px; } .gen-slider-arrows3 .direction-nav .next.disabled:hover { background-position:-60px -10px; /* Same as default */ } /* Style: long (high) buttons -------------------------------------------------------------- */ .gen-slider-arrows3-style1 .direction-nav a { height:75px; } .gen-slider-arrows3-style1 .direction-nav .prev { background-position:-10px 13px; top:0; left:-32px; } .gen-slider-arrows3-style1 .direction-nav .prev:hover { background-position:-10px -37px; } .gen-slider-arrows3-style1 .direction-nav .prev.disabled:hover { background-position:-10px 13px; /* Same as default */ } .gen-slider-arrows3-style1 .direction-nav .next { background-position:-60px 13px; top:0; right:-32px; } .gen-slider-arrows3-style1 .direction-nav .next:hover { background-position:-60px -37px; } .gen-slider-arrows3-style1 .direction-nav .next.disabled:hover { background-position:-60px 13px; /* Same as default */ } /* Generic pager %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default style: -------------------------------------------------------------- */ .gen-slider-pager1 .control-nav { text-align:center; } .gen-slider-pager1 .control-nav li { float:left; margin-left:3px; } .gen-slider-pager1 .control-nav li:first-child { margin-left:0; } .gen-slider-pager1 .control-nav a { display:block; width:20px; height:20px; background-image:url(//www.horseland.com.au/skin/frontend/base/default/_shared/pager.png); background-repeat:no-repeat; background-color:transparent; cursor:pointer; text-decoration:none; text-indent:-999px; overflow:hidden; } .gen-slider-pager1 .control-nav a:hover { background-position:0 -60px; } .gen-slider-pager1 .control-nav a.active { background-position:0 -30px; cursor:default; } .gen-slider-pager1 .control-nav a.active:hover {} /* Style: small -------------------------------------------------------------- */ .gen-slider-pager1-style1 .control-nav li { margin-left:0; } .gen-slider-pager1-style1 .control-nav a { background-image:url(//www.horseland.com.au/skin/frontend/base/default/_shared/pager-small.png); } /* Positioning: -------------------------------------------------------------- */ .gen-slider-pager1-pos-bottom-right .control-nav { position:absolute; bottom:4.4526%; right:1.5%; } .gen-slider-pager1-pos-bottom-left .control-nav { position:absolute; bottom:4.4526%; left:1.5%; } /* Additional pager positioning for slider-arrows1 */ .gen-slider-arrows1-pos-top-right-pager .control-nav { position:absolute; top:-33px; right:71px; } /*@import url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/css/infortis/_shared/generic-cck.css");*/ /** * Theme Content Construction Kit */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Vertically centered content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .v-centered-content { display:table; } .v-centered-content .v-center { display:table-cell; vertical-align:middle; } /* Heading of a content section %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .section-title { clear:both; margin:0; display:block; } .section-title.padding-right { padding-right:80px !important; } /* Horizontal line */ .section-line { clear:both; display:block; font-size:0; line-height:0; height:0; margin:0 0 10px; padding:10px 0 0; background:none; border-bottom:1px solid #e5e5e5; text-indent:-9999em; overflow:hidden; } /* Custom sidebars %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .custom-sidebar-right { float:right !important; } .custom-sidebar-right .inner { padding-left:10px; border-left:1px solid #e5e5e5; } .custom-sidebar-left { float:left !important; } .custom-sidebar-left .inner { padding-right:10px; border-right:1px solid #e5e5e5; } /* Vertical links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .links > li, .links > li > a { line-height:3em; } /* line-height:36px; */ /*2.6666em = 32px;*/ .links > li > a { padding:0 0.5833em; } /* padding:0 7px; */ .links > li.label { padding-right:0.5833em; } /* 7px */ /* Basic links, no separators -------------------------------------------------------------- */ .links > li { float:left; } .links > li > a { display:block; } /* Links with separators (at the right side) -------------------------------------------------------------- */ .links-wrapper-separators .links > li { margin-left:-1px; } .links-wrapper-separators .links > li > a { background-image:url(//www.horseland.com.au/skin/frontend/base/default/link-separator.png); background-position:right center; background-repeat:no-repeat; } .links-wrapper-separators .links > li.last > a { background-image:none; } .links-wrapper-separators .links > li.hide-separator > a { background-image:none; } .links-wrapper-separators .links > li.separator-left > a { background-position:left center; } /* Links with separators (at the left side) -------------------------------------------------------------- */ .links-wrapper-separators-left .links > li { margin-left:-1px; } .links-wrapper-separators-left .links > li > a { background-image:url(//www.horseland.com.au/skin/frontend/base/default/link-separator.png); background-position:left center; background-repeat:no-repeat; } .links-wrapper-separators-left .links > li.first > a { background-image:none; } .links-wrapper-separators-left .links > li.hide-separator > a { background-image:none; } .links-wrapper-separators-left .links > li.separator-right > a { background-position:right center; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Link with an arrow */ a.go { background:url(//www.horseland.com.au/skin/frontend/base/default/_shared/cck/bullet.png) 97% 50% no-repeat; padding-right:17px; display:inline !important; } /*@import url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/css/infortis/_shared/dropdown.css");*/ /** * Drop-down */ /* Dropdown box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown { position:relative; } .dropdown:hover { z-index:4000; } /* Dropdown toggle %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown-toggle { display:block; cursor:default; } /* Inside Dropdown-toggle -------------------------------------------------------------- */ .dropdown-toggle * { display:inline-block; } .dropdown-toggle .label { padding-right:2px; } .dropdown-toggle .value {} .dropdown-toggle .dropdown-icon { width:18px; text-indent:-9999px; background-position:0 50%; background-repeat:no-repeat; } .dropdown-toggle .img-caret { background:url(//www.horseland.com.au/skin/frontend/base/default/_shared/dropdown/arrow-dropdown.png) 100% 50% no-repeat; width:10px; text-indent:-9999px; } /* Predefined icons -------------------------------------------------------------- */ .dropdown-toggle .icon.first { margin-left:-5px; } .dropdown-toggle .icon.close-to-text { margin-right:-8px; } /* Cover 'dropdown-toggle' (and 'dropdown-menu' shadow) with additional inner div %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown-toggle.cover > div { padding:0 10px; cursor:default; } .open > .dropdown-toggle.cover > div { background-color:#fff; } /*.dropdown:hover .dropdown-toggle.cover > div,*/ .open > .dropdown-toggle.cover > div { z-index:4001; position:relative; } /* Dropdown menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown-menu { display:none; position:absolute; top:100%; left:0; z-index:4000; padding:20px; min-width:130px; line-height:1.5em; text-align:left; list-style:none; background-color:#fff; } .dropdown-menu.left-hand { left:auto; right:0; } /* When dropdown menu is an unordered list -------------------------------------------------------------- */ /* Everything is inline-block, except links */ .dropdown-menu > li * { display:inline-block; } .dropdown-menu > li > a { display:block; } .dropdown-menu > li { white-space:nowrap; } .dropdown-menu > li .label { margin-right:8px; } .dropdown-menu .dropdown-icon { width:18px; text-indent:-9999px; background-position:0 50%; background-repeat:no-repeat; } /* Clickable %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .clickable-dropdown {} /*@import url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/css/infortis/_shared/icons.css");*/ /** * Icons and "feature" box */ /* Icon %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ div.icon, /*backward compatibility*/ span.icon { background-color:#999; background-position:0 0; background-repeat:no-repeat; border-radius:50%; vertical-align:middle; display:inline-block; width:30px; height:30px; padding:3px; } div.icon.large, /*backward compatibility*/ span.icon.large { width:50px; height:50px; padding:5px; } /* Hover */ .icon-hover:hover /* Info: was more specific: span.icon-hover:hover */ { background-color:#333; } /* Icons: single characters (letters, numbers etc.) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* "i-number" - class name for backward compatibility */ .icon.i-number, .icon.i-char { font-size: 16px; line-height: 30px; font-weight: bold; text-align: center; color: #fff; font-family: Arial, Helvetica, sans-serif; } .icon.large.i-number, .icon.large.i-char { font-size: 25px; line-height: 50px; font-weight: normal; } /* Feature - box with icons, images, text etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic styles */ .feature { margin:10px 0; } .feature:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .feature.first { margin-top:0; } .feature.last { margin-bottom:0; } /* With top/bottom border line */ .feature.top-border { border-top:1px solid #f5f5f5; padding-top:10px; } .feature.bottom-border { border-bottom:1px solid #f5f5f5; padding-bottom:10px; } /* Wrapper with top/bottom line -------------------------------------------------------------- */ .feature-wrapper.top-border { border-top:1px solid #f5f5f5; margin-top:20px; padding-top:20px; } .feature-wrapper.bottom-border { border-bottom:1px solid #f5f5f5; margin-bottom:20px; padding-bottom:20px; } /* Feature headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature .heading { font-size:1.3333em; /*16px*/ line-height:1.25em; /*20px*/ margin-bottom:0.625em; /*10px*/ font-weight:normal; } .feature .above-heading { margin:0 0 5px; font-size:11px; line-height:1.4545em; /*16px*/ text-transform:uppercase; color:#888; } .feature .below-heading { font-size:1em; font-style:italic; line-height:1.3333em; /*16px*/ color:#888; } /* Feature icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature .icon { float:left; } /* Feature icons vertically centered */ .feature.v-centered-content .v-center .icon { margin:0 5px 0 0; } /* Feature icons styles: */ /* Default icon -------------------------------------------------------------- */ .feature .icon { margin:0 15px 10px 0; max-width:30px; max-height:30px; } .feature span.icon { padding:3px; } /* Small icon -------------------------------------------------------------- */ .feature.small .icon { margin:0 10px 10px 0; max-width:18px; max-height:18px; } .feature.small span.icon { padding:0; } /* Small icon: icons with predefined background image */ .feature.small span.icon.list1 { background-image:url(//www.horseland.com.au/skin/frontend/base/default/_shared/cck/list/list1.png); width:18px; height:18px; } .feature.small span.icon.list2 { background-image:url(//www.horseland.com.au/skin/frontend/base/default/_shared/cck/list/list2.png); width:18px; height:18px; } /* Large icon -------------------------------------------------------------- */ .feature.large .icon { margin:0 15px 10px 0; max-width:50px; max-height:50px; } .feature.large span.icon { padding:5px; } /* Indented feature %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature.indent .icon { margin-bottom:0; } /* Default -------------------------------------------------------------- */ .feature.indent { padding-left:51px; } .feature.indent .icon { margin-left:-51px; } /* Small -------------------------------------------------------------- */ .feature.small.indent { padding-left:28px; } .feature.small.indent .icon { margin-left:-28px; } /* Large -------------------------------------------------------------- */ .feature.large.indent { padding-left:75px; } .feature.large.indent .icon { margin-left:-75px; } /* Feature centered %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature.centered { text-align: center; } .feature.centered .icon { float: none; margin: 0 0 10px; } /* Feature: additional styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Auto-size: allow for big icons. IMPORTANT: don't use "span" tag together with "icon" in this selector! */ .feature .icon.auto-size { width: auto; max-width: none; height: auto; max-height: none; } /* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Icon without background color */ .icon.no-bg-color { background-color: transparent; } .icon.force-no-bg-color { background-color: transparent !important; } /* Shapes */ .icon.circle { border-radius: 50%; } .icon.rounded { border-radius: 5px; } .icon.square { border-radius: 0; } /* All icons square (deprecated) */ .icon-wrapper-square span.icon { border-radius: 0; } /* Auto-size: allow for big icons */ .icon.auto-size { width: auto; max-width: none; height: auto; max-height: none; } /* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ span.icon-hover, .feature-icon-hover span.icon { /* transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; */ } /*@import url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/css/infortis/_shared/itemslider.css");*/ /** * Itemslider */ /* Necessary styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .itemslider {margin: 0; padding: 0;} .itemslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .itemslider .slides img {max-width: 100%; display: block;} .pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .itemslider .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .itemslider .slides {display: block;} * html .itemslider .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .itemslider .slides > li:first-child {display: block;} /* Itemslider styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Itemslider wrapper and navigation container */ .itemslider-wrapper .nav-wrapper { position:relative; } /* Style: default -------------------------------------------------------------- */ .itemslider { margin:0 auto; position:relative; zoom:1; padding-top: 30px; } .itemslider .slides { zoom:1; } .itemslider .slides > li { position:relative; } .itemslider .slides > li img { margin:0 auto; /* To center image */ } /* Style: horizontal -------------------------------------------------------------- */ .itemslider-horizontal { margin:0 auto 20px; } /*.itemslider-horizontal .slides > li { padding-left:10px; padding-right:10px; }*/ /* If only one item exists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .itemslider.single-item .slides > li { max-width: 168px; } /* Direction navigation %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .itemslider .direction-nav { height:0; text-align:center; } /* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .itemslider.hide-direction-nav .direction-nav { display:none; } .itemslider.hide-control-nav .control-nav { display:none; } /*@import url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/css/infortis/_shared/tabs.css");*/ /** * Generic tabs */ /* Basic styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Tabs -------------------------------------------------------------- */ /* Total height of the tab bar should be the same as in block titles */ .gen-tabs .tabs li { float:left; margin:0; } .gen-tabs .tabs a { display:block; padding:0 10px; text-decoration:none; outline:none; } /* Tab panels -------------------------------------------------------------- */ .gen-tabs .tabs-panels { padding:15px 0; } .gen-tabs .tabs-panels .panel {} /* Accordion -------------------------------------------------------------- */ .gen-tabs .acctab { display:none; padding:0 0.5em; margin-bottom:1px; font-weight:normal; } .gen-tabs .acctab:hover { cursor:pointer; } /* Accordion mode enabled */ .gen-tabs.accor .tabs { display:none; } .gen-tabs.accor .acctab { display:block; } .gen-tabs.accor .tabs-panels { padding-top:0; } .gen-tabs.accor .tabs-panels .panel { display:none; margin:0 0 10px; } /* Default skin %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs .tabs a { color:#333; background-color:#eee; line-height:3em; } .gen-tabs .tabs a:hover, .gen-tabs .tabs a:focus { background-color:#e5e5e5; } .gen-tabs .tabs a.current { background-color:#ddd; } /* Accordion -------------------------------------------------------------- */ .gen-tabs .acctab { font-size:1.5em; line-height:2.7777em; background-color:#f5f5f5; color:#333; } .gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current { background-color:#e5e5e5; } .gen-tabs.accor .tabs-panels .panel { border-bottom:1px solid #e5e5e5; } /* Tabs - skin 1: with thin borders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs-style1 .tabs a { font-size:1.3333em; color:#333; background-color:#eee; border:1px solid transparent; border-bottom:none; } .gen-tabs-style1 .tabs a:hover, .gen-tabs-style1 .tabs a:focus { background-color:#e5e5e5; border-color:#e5e5e5; } .gen-tabs-style1 .tabs a.current { background-color:#fff; border-color:#e5e5e5; border-bottom:1px solid transparent; margin-bottom:-1px; /* Make a little bit higher than other tabs */ padding-top:4px; margin-top:-4px; } .gen-tabs-style1 .tabs-panels { border-top:1px solid #e5e5e5; } .gen-tabs-style1.accor .tabs-panels { border-top:none; } /* Tabs - skin 2: with shadow (obsolete, will be removed in next updates) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs-style2 .tabs a { font-size:1.3333em; } .gen-tabs-style2 .tabs a.current { box-shadow:0 0 10px rgba(0,0,0, 0.15); position:relative; z-index:1; /* Make a little bit higher thatn other tabs */ padding-top:4px; margin-top:-4px; } .gen-tabs-style2 .tabs-panels { background-color:#fff; position:relative; z-index:2; } /*@import url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/css/infortis/_shared/grid12.css");*/ /* * 12-column grid system */ /* Container */ .container { margin-left:auto; margin-right:auto; } .nested-container { width:102%; margin-left:-1%; } /* Grid units */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full, /* Alias for full-width unit */ /* Special grid units */ .grid-col2-sidebar, .grid-col2-main { position:relative; display:inline; float:left; margin-left:1%; margin-right:1%; } /* Basic grid units width */ .grid12-1 { width:6.33%; } .grid12-2 { width:14.66%; } .grid12-3 { width:23%; } .grid12-4 { width:31.33%; } .grid12-5 { width:39.67%; } .grid12-6 { width:48%; } .grid12-7 { width:56.33%; } .grid12-8 { width:64.67%; } .grid12-9 { width:73%; } .grid12-10 { width:81.33%; } .grid12-11 { width:89.67%; } .grid12-12, .grid-full { width:98%; } /* Grid units without left gutter (margin) */ .no-left-gutter.grid12-1 { margin-left:0; width:7.33%; } .no-left-gutter.grid12-2 { margin-left:0; width:15.66%; } .no-left-gutter.grid12-3 { margin-left:0; width:24%; } .no-left-gutter.grid12-4 { margin-left:0; width:32.33%; } .no-left-gutter.grid12-5 { margin-left:0; width:40.67%; } .no-left-gutter.grid12-6 { margin-left:0; width:49%; } .no-left-gutter.grid12-7 { margin-left:0; width:57.33%; } .no-left-gutter.grid12-8 { margin-left:0; width:65.67%; } .no-left-gutter.grid12-9 { margin-left:0; width:74%; } .no-left-gutter.grid12-10 { margin-left:0; width:82.33%; } .no-left-gutter.grid12-11 { margin-left:0; width:90.67%; } .no-left-gutter.grid12-12, .no-left-gutter.grid-full { margin-left:0; width:99%; } /* Grid units without right gutter (margin) */ .no-right-gutter.grid12-1 { margin-right:0; width:7.33%; } .no-right-gutter.grid12-2 { margin-right:0; width:15.66%; } .no-right-gutter.grid12-3 { margin-right:0; width:24%; } .no-right-gutter.grid12-4 { margin-right:0; width:32.33%; } .no-right-gutter.grid12-5 { margin-right:0; width:40.67%; } .no-right-gutter.grid12-6 { margin-right:0; width:49%; } .no-right-gutter.grid12-7 { margin-right:0; width:57.33%; } .no-right-gutter.grid12-8 { margin-right:0; width:65.67%; } .no-right-gutter.grid12-9 { margin-right:0; width:74%; } .no-right-gutter.grid12-10 { margin-right:0; width:82.33%; } .no-right-gutter.grid12-11 { margin-right:0; width:90.67%; } .no-right-gutter.grid12-12, .no-right-gutter.grid-full { margin-right:0; width:99%; } /* Grid units without any gutter (margin) */ .no-gutter.grid12-1 { margin-left:0; margin-right:0; width:8.33%; } .no-gutter.grid12-2 { margin-left:0; margin-right:0; width:16.66%; } .no-gutter.grid12-3 { margin-left:0; margin-right:0; width:25%; } .no-gutter.grid12-4 { margin-left:0; margin-right:0; width:33.33%; } .no-gutter.grid12-5 { margin-left:0; margin-right:0; width:41.67%; } .no-gutter.grid12-6 { margin-left:0; margin-right:0; width:50%; } .no-gutter.grid12-7 { margin-left:0; margin-right:0; width:58.33%; } .no-gutter.grid12-8 { margin-left:0; margin-right:0; width:66.67%; } .no-gutter.grid12-9 { margin-left:0; margin-right:0; width:75%; } .no-gutter.grid12-10 { margin-left:0; margin-right:0; width:83.33%; } .no-gutter.grid12-11 { margin-left:0; margin-right:0; width:91.67%; } .no-gutter.grid12-12, .no-gutter.grid-full { margin-left:0; margin-right:0; width:100%; } /* Special grid units: basic structure of pages with 1 and 2 sidebars -------------------------------------------------------------- */ /* 2 columns: fixed-width sidebar unit and fluid main unit. Sidebar unit has the same width for all screen sizes equal or greater than 1280px. Width of the main unit is fluid. */ .grid-col2-sidebar { width:23%; } .grid-col2-main { width:73%; } /* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */ .grid-col3-sidebar { width:31.52%; } .grid-col3-main { width:65.90%; } /* Vertically aligned grid -------------------------------------------------------------- */ .v-grid-container { display:table; width:100%; } .v-grid { float:none; display:table-cell; vertical-align:middle; } /* Utility classes -------------------------------------------------------------- */ /* Units with no gutter (margin): alpha - first unit in a row, omega - last unit in a row */ .alpha { margin-left:0; } .omega { margin-right:0; } /* Hide element if screen width is lower than the width specified in the class name */ .hide-below-1680 { display:none !important; } .hide-below-1440 { display:none !important; } .hide-below-1360 { display:none !important; } .hide-below-1280 { display:none !important; } /* Container: stretched, without side margin -------------------------------------------------------------- */ /* Remove padding from stretched container (it is added for narrow screens via media queries) */ .container.stretched { width:96%; padding-left:0; padding-right:0; } /* Stretch inner grid unit (full width) */ .container.stretched > .grid-full { width:100%; margin-left:0; margin-right:0; } /* Grid units container: clears floats (place grid units inside "div" with this class) -------------------------------------------------------------- */ .grid-container { *zoom: 1; clear: both; } .grid-container:before, .grid-container:after { display: table; line-height: 0; content: ""; } .grid-container:after { clear: both; } /* Grid unit container: clears floats and adds vertical margin between units -------------------------------------------------------------- */ .grid-container-spaced { *zoom: 1; clear: both; } .grid-container-spaced:before, .grid-container-spaced:after { display: table; line-height: 0; content: ""; } .grid-container-spaced:after { clear: both; } .grid-container-spaced .grid12-1, .grid-container-spaced .grid12-2, .grid-container-spaced .grid12-3, .grid-container-spaced .grid12-4, .grid-container-spaced .grid12-5, .grid-container-spaced .grid12-6, .grid-container-spaced .grid12-7, .grid-container-spaced .grid12-8, .grid-container-spaced .grid12-9, .grid-container-spaced .grid12-10, .grid-container-spaced .grid12-11, .grid-container-spaced .grid12-12, .grid-container-spaced .grid-full { margin-bottom: 2%; } /* Grid presentation -------------------------------------------------------------- */ .show-grid [class*="grid12-"] { background-color: #eee; text-align: center; min-height: 40px; line-height: 40px; transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; } .show-grid [class*="grid12-"]:hover { background-color: #F08080; } /*@import url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/css/infortis/_shared/colorbox.css");*/ /** * Lightbox */ /* ColorBox Core Style -------------------------------------------------------------- */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; } .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;} /* ColorBox skin. The following styles are ordered & tabbed in a way that represents the nesting of the generated HTML. -------------------------------------------------------------- */ #cboxOverlay{background:url(//www.horseland.com.au/skin/frontend/base/default/_shared/colorbox/overlay.png) repeat 0 0;} #colorbox{} #cboxContent{background:#fff; overflow:hidden; border:none;/*10px solid #333*/ padding:10px; } .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:40px; /*10px above buttons*/ } #cboxTitle{position:absolute; bottom:17px; left:0; text-align:center; width:100%; color:#999999;} #cboxCurrent{position:absolute; bottom:17px; left:80px; color:#999999;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious, #cboxNext { position:absolute; background:url(//www.horseland.com.au/skin/frontend/base/default/_shared/slider-arrows.png) no-repeat #ddd; width:30px; height:30px; text-indent:-9999px; } #cboxPrevious:hover, #cboxNext:hover { background-color:#333; } #cboxPrevious{bottom:10px; left:10px; background-position:-10px -10px;} #cboxPrevious:hover{background-position:-10px -60px;} #cboxNext{bottom:10px; left:40px; background-position:-60px -10px;} #cboxNext:hover{background-position:-60px -60px;} #cboxLoadingOverlay{background:url(//www.horseland.com.au/skin/frontend/base/default/_shared/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(//www.horseland.com.au/skin/frontend/base/default/_shared/colorbox/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:10px; right:10px; background:url(//www.horseland.com.au/skin/frontend/base/default/_shared/close-button.png) -10px -10px no-repeat #ddd; width:30px; height:30px; text-indent:-9999px;} #cboxClose:hover{background-position:-10px -60px; background-color:#333;} #cboxNext, #cboxPrevious, #cboxClose { transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; } /*@import url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/css/infortis/ultra-megamenu/ultra-megamenu.css");*/ /* * Navigation menu */ /*#nav > li.nav-7 .level0-wrapper{display: block!important;}*/ /* Sidebar menu (vertical, for sidebars) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .vertnav-side { float:left; width:100%; } /* Mobile menu (vertical, in the header) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Mobile menu trigger. Shares style with the 1st level links from the default menu -------------------------------------------------------------- */ #mobnav { display:none; } #mobnav-trigger { display:block; } /* Mobile menu icon */ #mobnav-trigger .trigger-icon { display:inline-block; float:left; width:23px; } #mobnav-trigger .trigger-icon .line { display:block; background-color:#fff; height:2px; margin-bottom:2px; } /* Mobile menu elements -------------------------------------------------------------- */ .nav-container .vertnav-top { /* Added wrapper-class to make selector more specific and prevent overriding */ display:none; margin-top:15px !important; } .vertnav-top.mobile { display:block; /* Visible even when collapsed (to show bottom border) */ overflow:hidden; height:auto; max-height:0px; transition: max-height 500ms ease-in-out 0s; -moz-transition: max-height 500ms ease-in-out 0s; -webkit-transition: max-height 500ms ease-in-out 0s; -o-transition: max-height 500ms ease-in-out 0s; } .vertnav-top.mobile.show { max-height:9999px; transition: max-height 500ms ease-in-out 0s; -moz-transition: max-height 500ms ease-in-out 0s; -webkit-transition: max-height 500ms ease-in-out 0s; -o-transition: max-height 500ms ease-in-out 0s; } .vertnav-top li a { font-size:16px; line-height:18px; /*1.125em*/ } /* 3rd-level items - smaller font, no transform */ .vertnav-top li li li a { /*font-size:1.1666em; *//*16px*/ text-transform:none; } /* Drop-down menu (horizontal) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav { position:relative; /* Drop-down box position is relative to this element */ z-index:2000; } #nav.mobile { display:none; } /* Hide on mobile */ #nav .opener { display:none; } .nav-container{ border-bottom: 1px solid #d6dbe4;border-top: 1px solid #d6dbe4; background-color: #f6f7f8; /* layer fill content */ -moz-box-shadow: 0 0 6px 2px rgba(0,0,0,.06); /* drop shadow */ -webkit-box-shadow: 0 0 6px 2px rgba(0,0,0,.06); /* drop shadow */ box-shadow: 0 0 6px 2px rgba(0,0,0,.06); /* drop shadow */ } .nav-container .nav.container.stretched{width: 78%} /* All levels -------------------------------------------------------------- */ #nav li { text-align:left; } #nav li a { display:block; text-decoration:none; } #nav li a span { display:block; white-space:nowrap; } #nav li ul a span { white-space:normal; } /* 1st level only -------------------------------------------------------------- */ #nav{text-align: center} #nav > li { display: inline-block } #nav > li.last { padding-right:0;} #nav > li > a { display:block; padding:0 18px; font-family: "proxima_nova_black"; border: 1px solid transparent;font-weight:normal;-webkit-font-smoothing: antialiased;} #nav > li > a > span { display: inline-block; } #nav > li.parent > a .caret{display: none} #nav > li.active > a, #nav > li#nav-home > a, #nav > li:hover > a {border-left: 1px solid #d6dbe4;border-right: 1px solid #d6dbe4;border-top: 1px solid #d6dbe4;border-bottom: none;margin-top: -2px;padding-bottom: 2px;padding-top: 2px;position: relative;line-height: 44px} #nav > li.active > a:after, #nav > li#nav-home > a:after, #nav > li:hover > a:after {content: "";width: 100%;height: 2px;background: #fff;position: absolute;bottom: -2px;left: 0} /* Drop-down boxes: wide: 2nd-level category drop-down box + custom block drop-down box classic: custom block drop-down box -------------------------------------------------------------- */ .nav-container #nav .level0-wrapper { position:absolute; left:-10000px; background-color:#fff; width:100%; padding:14px 1%; -webkit-transform: translateZ(0); /* Fix: possible glitches during animation */ border-right: 1px solid #d6dbe4; border-left: 1px solid #d6dbe4; border-bottom: 1px solid #d6dbe4; border-top: none; top: 49px; } /*#nav .level0-wrapper { position:absolute; top:49px; background-color:#fff; width:96%; padding:2%; left:0; visibility:hidden; opacity:0; transition: visibility 0s ease-in-out 450ms, opacity 300ms ease-in-out 150ms; -moz-transition: visibility 0s ease-in-out 450ms, opacity 300ms ease-in-out 150ms; -webkit-transition: visibility 0s ease-in-out 450ms, opacity 300ms ease-in-out 150ms; -o-transition: visibility 0s ease-in-out 450ms, opacity 300ms ease-in-out 150ms; } #nav > li:hover .level0-wrapper { visibility:visible; opacity:1; transition-delay:150ms; -moz-transition-delay:150ms; -webkit-transition-delay:150ms; -o-transition-delay:150ms; }*/ /* Home link %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* item with "feature" class */ #nav a.level-top.feature { margin:0; /* Remove default margins */ } /* Icon inside item */ #nav li a.level-top .icon { padding: 3px; margin: 0; float: none; display: inline-block; vertical-align: middle; background-color:transparent !important; /* Remove default colors */ } #nav li:hover a.level-top .icon { padding: 3px; } /* Single icon as home link -------------------------------------------------------------- */ #nav #homelink-icon { margin-left: 12px; /* The same as side padding of top-level items */ } #nav #homelink-icon a.level-top { padding-left: 5px; padding-right: 5px; background: none !important; box-shadow: none !important; border: none !important; } /* Additional elements in the drop-down menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Static blocks displayed as a drop-down in the main menu -------------------------------------------------------------- */ /* Custom menu item */ #nav .nav-custom-link > a { cursor:default; } /* Remove 'relative' positioning from custom 'li' (custom block have to be positioned relative to #nav) */ #nav .nav-custom-link { position:static; } /* Static block's content - basic formatting */ #nav .nav-custom-link .header-nav-dropdown-wrapper { padding-bottom:10px; } #nav .nav-custom-link .header-nav-dropdown-wrapper p { margin:10px 0; } #nav .nav-custom-link .header-nav-dropdown-wrapper .heading { margin:10px 0; } /* Caret -------------------------------------------------------------- */ #nav a.level-top .caret { display:inline-block; width:0; height:0; margin-bottom:2px; margin-left: 2px; vertical-align:middle; content:""; border-style:solid solid none; border-width:4px 4px 0; border-color:#333 transparent transparent; } /* Number of products in category -------------------------------------------------------------- */ /* Sidebar menu */ .vertnav .number { margin-left: 3px; color: #aaa; } /* Main menu */ #nav .number { display: inline; margin-left: 3px; } #nav ul li .number { color: #aaa; } /* Category labels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cat-label { padding:2px 4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:18px; text-transform:none; text-shadow:none; transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } li > a:hover > span > .cat-label { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* 1st level -------------------------------------------------------------- */ li.level0 > a > span { position:relative; } li.level0 > a > span > .cat-label { position:absolute; top:-14px; right:0; padding:0 6px; font-size:14px; line-height:22px; } /* Add pin (only 1st level) */ li.level0 > a > span > .pin-bottom:before { position:absolute; right:6px; top:22px; width:0; height:0; content:""; border-style:solid; border-width:4px; border-color:transparent; transition: border-color 450ms ease-in-out; -moz-transition: border-color 450ms ease-in-out; -webkit-transition: border-color 450ms ease-in-out; -o-transition: border-color 450ms ease-in-out; } li.level0 > a:hover > span > .pin-bottom:before { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } .nav-container #nav ul.level0 > li > a{font-family: "proxima_nova_extrabold";margin-bottom: 3px;} /* 2nd level -------------------------------------------------------------- */ li.level1 > a > span > .cat-label { display:inline-block !important; padding:0 4px; margin-left:2px; vertical-align:middle; } #nav ul.level1 > li > a{font-family: "proxima_nova_regular"} .nav-container #nav ul.level1 > li{background: none;padding-left: 0;line-height: 23px} .nav-container #nav ul.level1 > li > a:hover{text-decoration: underline} /* 3rd level -------------------------------------------------------------- */ li.level2 > a > span > .cat-label { display:inline-block !important; padding:0 4px; margin-left:2px; } /* Category labels inside mobile menu / vertical menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ ul.vertnav li > a > span > .cat-label { position:static; display:inline-block !important; padding:0 4px; margin-left:2px; } /* Hide pin */ ul.vertnav li > a > span > .pin-bottom:before { display:none; } /* Label size: all levels -------------------------------------------------------------- */ ul.vertnav li > a > span > .cat-label { font-size:inherit; line-height:inherit; } ul.vertnav-top li > a > span > .cat-label { font-size:14px; line-height:18px; } /* Category blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-block { margin-top:0; margin-bottom:1%; } .nav-block-top {} .nav-block-bottom {} .nav-block-center { margin-top:10px; } .nav-block-right { margin-top:14px; } .nav-block-level1-top { margin-bottom:10px; } .nav-block-level1-bottom { margin-top:10px; } /* Section line (separator) is lighter than other lines -------------------------------------------------------------- */ .nav-block .section-line { border-color:#eee; } /* Common styles for main menu (horizontal + mobile vertical + mobile menu trigger) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* horizontal + mobile menu trigger */ #mobnav-trigger, #nav > li > a { font-size:16px; /*1.3333em*/ } /* Size, height etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Mobile menu trigger -------------------------------------------------------------- */ #mobnav-trigger { line-height:49px; } /* Main menu - horizontal -------------------------------------------------------------- */ /* Top-level item */ #nav > li > a { line-height:46px; } /* Drop-down box position relative to menu bar */ #nav .level0-wrapper, #nav.classic ul.level0 /* For classic style menu */ { top:101%; } /*@import url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/css/infortis/ultra-megamenu/wide.css");*/ /** * Wide drop-down menu */ /* 2nd level only -------------------------------------------------------------- */ /* 2nd-level links block: with subcategory title and a list of child categories */ #nav ul.level0 > li { display:inline-block; float:none; vertical-align:top; padding-top:0; padding-bottom:15px; } #nav ul.level0 > li > a { margin-bottom:10px; font-size:16px; line-height:18px; } /* 2nd level+ -------------------------------------------------------------- */ #nav ul li { /*float:none;*/ margin-bottom:1px; } #nav ul li a { float:none; } /* 3rd level only -------------------------------------------------------------- */ #nav ul.level1 { position:static; } #nav ul.level1 > li { float:none; background:url(//www.horseland.com.au/skin/frontend/base/default/ultra-megamenu/bullet.png) 3px 6px no-repeat; padding-left:15px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } #nav ul.level1 > li:hover { background-position:6px 6px; } /* 4th level -------------------------------------------------------------- */ #nav ul.level2 { margin:7px 0; padding:0; position:static; } #nav ul.level2 a { font-size:0.9166em; line-height:1.2727em; /*11px 14px*/ opacity:0.6; } #nav li.level2:hover ul.level2 a { opacity:1; transition: opacity 150ms ease-out; -moz-transition: opacity 150ms ease-out; -webkit-transition: opacity 150ms ease-out; -o-transition: opacity 150ms ease-out; } /* 4rd level+ -------------------------------------------------------------- */ #nav ul ul ul li { background:none; padding-left:0; } /*@import url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/css/infortis/brands/brands.css");*/ /* Brands %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* On product page -------------------------------------------------------------- */ .box-brand a { margin:0 auto; display:block; } .box-brand img { margin:0 auto; display:block; } .box-brand .brand-name {} .box-brand .brand-name .label {} /* Brand slider -------------------------------------------------------------- */ .brand-slider .slides > li { padding-bottom: 20px; padding-top: 20px; position: relative; } /* Fix possible glitches during animation */ .brand-slider .slides > li img { -webkit-transform: translateZ(0); /*-webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0);*/ } /* Effects -------------------------------------------------------------- */ .box-brand a img, .brand-slider .slides a img { transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } .box-brand a:hover img, .brand-slider .slides a:hover img { opacity:0.65; filter:alpha(opacity=65); } /* Brand in secondary column on product page -------------------------------------------------------------- */ .product-secondary-column .box-brand .attribute { font-size:1.25em; font-weight:bold; line-height:1.2em; margin:10px 0; text-align:center; } /*@import url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/css/infortis/ultra-slideshow/ultra-slideshow.css");*/ /** * Slideshow */ /* Necessary styles -------------------------------------------------------------- */ .the-slideshow {margin: 0; padding: 0;} .the-slideshow .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .the-slideshow .slides img {max-width: 100%; display: block;} .pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .the-slideshow .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .the-slideshow .slides {display: block;} * html .the-slideshow .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .the-slideshow .slides > li:first-child {display: block;} /* Default style -------------------------------------------------------------- */ .the-slideshow { margin:0 auto 2%; position:relative; zoom:1; } .the-slideshow .slides { zoom:1; } .the-slideshow .slides > li { position:relative; } /* Fix possible glitches during animation */ .the-slideshow .slides > li { -webkit-transform: translateZ(0); /*-webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0);*/ } /* Slideshow banners -------------------------------------------------------------- */ .slideshow-banners { margin-bottom:2.1%; /* Important: a little bit more than slideshow bottom margin to avoid jumping on slide transition */ } .slideshow-banners .banner { position:relative; /* Container for caption */ } .slideshow-banners a.banner, /* Backward compatibility, link could have "banner" class */ .slideshow-banners .banner a { display:block; } /* Effects -------------------------------------------------------------- */ .the-slideshow-wrapper .fade-on-slideshow-hover { transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } .the-slideshow-wrapper:hover .fade-on-slideshow-hover { opacity:0.75; filter:alpha(opacity=75); } /*@import url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/css/infortis/cloud-zoom/cloud-zoom.css");*/ /* * Zoom on product page */ /* Basic zoom styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { border:1px solid #ccc; margin:-1px; /* Set this to minus the border thickness. */ background-color:#fff; cursor:move; } /* This is the zoom window. */ .cloud-zoom-big { border:1px solid #e5e5e5; overflow:hidden; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:0.25em; border:1px solid #000; } #wrap { /* Decrease default z-index */ z-index:99 !important; } /* Zoom position: "inside" -------------------------------------------------------------- */ .product-image .mousetrap { z-index:100 !important; /* For responsive layout */ width:100% !important; height:100% !important; } .zoom-inside #wrap { overflow:hidden; } /* No borders if zoom position is "inside" */ .zoom-inside .cloud-zoom-big { border:none; } /* Display images without Cloud Zoom -------------------------------------------------------------- */ /* Hide zoom area */ .simple-mode .cloud-zoom-big, .simple-mode .cloud-zoom-lens { display:none !important; } .simple-mode .cloud-zoom-lens { cursor:default !important; } /* Zoom button (enlarge the main image) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .zoom-btn-small { position:absolute; right:4px; bottom:4px; padding:0 1em; line-height:2.6666em; z-index:100; background-color:#fff; background-color:rgba(255,255,255, 0.7); color:#333; } .zoom-btn-small:hover { background-color:#fff; } /* Use lightbox without cloud zoom */ .zoom-btn-large { position:absolute; top:0; bottom:0; right:0; left:0; padding:0; z-index:100; cursor:pointer; text-indent:-9999px; overflow:hidden; } .zoom-btn-large:hover { background-color:rgba(255,255,255, 0.15); } /* Skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default skin %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .img-box .product-image { position:relative; /* Labels (e.g. "sale") are positioned relative to this box */ } .img-box .product-image.product-image-zoom { z-index:9; } /*TODO: obsolete*/ /* Thumbnails */ .img-box .more-images { margin-top:10px; } .img-box .more-images .thumbnails li { float:left; } .img-box .more-images .thumbnails li.last { margin-right:0; } .img-box .more-images .thumbnails li a { margin:0 2px; display:block; overflow:hidden; text-decoration:none; } /* Image pop-up */ .product-image-popup { margin:0 auto; } .product-image-popup .nav { font-weight:bold; text-align:center; } .product-image-popup .image { display:block; margin:10px 0; } .product-image-popup .image-label { margin:0 0 10px; } /* Skin 1: with thin borders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .img-box-style1 .product-image { border:1px solid #eee; padding:5px; } .img-box-style1 .more-images { margin-top:8px; } .img-box-style1 .more-images .thumbnails { padding:1px 0; /* Prevent from cutting off thumbnails */ } .img-box-style1 .more-images .thumbnails li a { margin:0 2px; padding:4px; border:1px solid #eee; } .img-box-style1 .more-images .thumbnails li a:hover { border-color:#999; position:relative; z-index:1; } /* Skin 2: with shadows %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .img-box-style2 .product-image { padding:10px; box-shadow:0 3px 10px rgba(0,0,0, 0.15); } .img-box-style2 .zoom-btn-small { bottom:10px; right:10px; } /* Depends on product image padding */ .img-box-style2 .more-images { margin-top:10px; } .img-box-style2 .more-images .thumbnails { padding:5px 0 10px; /* Prevent from cutting off thumbnails */ } .img-box-style2 .more-images .thumbnails li a { margin:0 3px; padding:5px; box-shadow:0 1px 3px rgba(0,0,0, 0.15); } .img-box-style2 .more-images .thumbnails li a:hover { box-shadow:0 1px 3px rgba(0,0,0, 0.30); } /* Thumbnails carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .itemslider-thumbnails { max-width:237px; } /* count-3 is default */ .itemslider-thumbnails.count-1 { max-width:79px; } .itemslider-thumbnails.count-2 { max-width:158px; } /** * Theme icons */ /* Predefined icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Wishlist */ .icon.i-wishlist { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-291px -11px; } .icon.i-wishlist-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-291px -61px; } /* bw */ .icon.i-wishlist-bw { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-291px -11px; } .icon-hover:hover.i-wishlist-bw, .feature-icon-hover:hover .icon.i-wishlist-bw { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-291px -61px; } /* wb */ .icon.i-wishlist-wb { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-291px -61px; } .icon-hover:hover.i-wishlist-wb, .feature-icon-hover:hover .icon.i-wishlist-wb { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-291px -61px; } /* Compare */ .icon.i-compare { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-222px -14px; } .icon.i-compare-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-222px -60px; } /* bw */ .icon.i-compare-bw { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-222px -14px; } .icon-hover:hover.i-compare-bw, .feature-icon-hover:hover .icon.i-compare-bw, .open > .dropdown-toggle.cover .icon.i-compare-bw { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-222px -60px; } /* wb */ .icon.i-compare-wb { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-222px -60px; } .icon-hover:hover.i-compare-wb, .feature-icon-hover:hover .icon.i-compare-wb, .open > .dropdown-toggle.cover .icon.i-compare-wb { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-222px -14px; } /* Share/recommend */ .icon.i-recommend { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-107px -7px; } .icon.i-recommend-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-107px -57px; } /* bw */ .icon.i-recommend-bw { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-107px -7px; } .icon-hover:hover.i-recommend-bw, .feature-icon-hover:hover .icon.i-recommend-bw { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-107px -57px; } /* wb */ .icon.i-recommend-wb { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-107px -57px; } .icon-hover:hover.i-recommend-wb, .feature-icon-hover:hover .icon.i-recommend-wb { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-107px -7px; } /* Low stock */ .icon.i-lowstock { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-157px -7px; } .icon.i-lowstock-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-157px -57px; } /* bw */ .icon.i-lowstock-bw { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-157px -7px; } .icon-hover:hover.i-lowstock-bw, .feature-icon-hover:hover .icon.i-lowstock-bw { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-157px -57px; } /* wb */ .icon.i-lowstock-wb { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-157px -57px; } .icon-hover:hover.i-lowstock-wb, .feature-icon-hover:hover .icon.i-lowstock-wb { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-157px -7px; } /* Cart */ .icon.i-cart { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-457px -7px; } .icon.i-cart-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-457px -57px; } /* bw */ .icon.i-cart-bw { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-457px -7px; } .icon-hover:hover.i-cart-bw, .feature-icon-hover:hover .icon.i-cart-bw, .open > .dropdown-toggle.cover .icon.i-cart-bw { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-457px -57px; } /* wb */ .icon.i-cart-wb { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-457px -57px; } .icon-hover:hover.i-cart-wb, .feature-icon-hover:hover .icon.i-cart-wb, .open > .dropdown-toggle.cover .icon.i-cart-wb { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-457px -7px; } /* Row 2 -------------------------------------------------------------- */ /* Home */ .icon.i-home { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-7px -107px; } .icon.i-home-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-7px -157px; } /* bw */ .icon.i-home-bw { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-7px -107px; } .icon-hover:hover.i-home-bw, .feature-icon-hover:hover .icon.i-home-bw { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-7px -157px; } /* wb */ .icon.i-home-wb { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-7px -157px; } .icon-hover:hover.i-home-wb, .feature-icon-hover:hover .icon.i-home-wb { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-7px -107px; } /* Left */ .icon.i-left { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-107px -107px; } .icon.i-left-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-107px -157px; } /* bw */ .icon.i-left-bw { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-107px -107px; } .icon-hover:hover.i-left-bw, .feature-icon-hover:hover .icon.i-left-bw { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-107px -157px; } /* wb */ .icon.i-left-wb { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-107px -157px; } .icon-hover:hover.i-left-wb, .feature-icon-hover:hover .icon.i-left-wb { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-107px -107px; } /* Right */ .icon.i-right { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-157px -107px; } .icon.i-right-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-157px -157px; } /* bw */ .icon.i-right-bw { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-157px -107px; } .icon-hover:hover.i-right-bw, .feature-icon-hover:hover .icon.i-right-bw { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-157px -157px; } /* wb */ .icon.i-right-wb { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-157px -157px; } .icon-hover:hover.i-right-wb, .feature-icon-hover:hover .icon.i-right-wb { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-157px -107px; } /* Top */ .icon.i-top { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-207px -107px; } .icon.i-top-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-207px -157px; } /* bw */ .icon.i-top-bw { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-207px -107px; } .icon-hover:hover.i-top-bw, .feature-icon-hover:hover .icon.i-top-bw { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-207px -157px; } /* wb */ .icon.i-top-wb { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-207px -157px; } .icon-hover:hover.i-top-wb, .feature-icon-hover:hover .icon.i-top-wb { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-207px -107px; } /* Bottom */ .icon.i-bottom { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-257px -107px; } .icon.i-bottom-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-257px -157px; } /* bw */ .icon.i-bottom-bw { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-257px -107px; } .icon-hover:hover.i-bottom-bw, .feature-icon-hover:hover .icon.i-bottom-bw { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-257px -157px; } /* wb */ .icon.i-bottom-wb { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-257px -157px; } .icon-hover:hover.i-bottom-wb, .feature-icon-hover:hover .icon.i-bottom-wb { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-257px -107px; } /** * Social icons */ /* Contact icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* TODO: */ /* Phone */ .icon.i-telephone { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-7px -7px; } .icon.i-telephone-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-7px -57px; } /* Mobile */ .icon.i-mobile { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-57px -7px; } .icon.i-mobile-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-57px -57px; } /* Skype */ .icon.i-skype { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-107px -7px; } .icon.i-skype-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-107px -57px; } /* Letter */ .icon.i-letter { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-157px -7px; } .icon.i-letter-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-157px -57px; } /* Location */ .icon.i-location { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-207px -7px; } .icon.i-location-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-207px -57px; } /* Row 2 -------------------------------------------------------------- */ /* Twitter */ .icon.i-twitter { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-7px -107px; } .icon.i-twitter-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-7px -157px; } /* Facebook */ .icon.i-facebook { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-57px -107px; } .icon.i-facebook-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-57px -157px; } /* Google plus */ .icon.i-googleplus { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-107px -107px; } .icon.i-googleplus-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-107px -157px; } /* Youtube */ .icon.i-youtube { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-157px -107px; } .icon.i-youtube-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-157px -157px; } /* Vimeo */ .icon.i-vimeo { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-207px -107px; } .icon.i-vimeo-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-207px -157px; } /* Wordpress */ .icon.i-wordpress { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-257px -107px; } .icon.i-wordpress-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-257px -157px; } /* Pinterest */ .icon.i-pinterest { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-307px -107px; } .icon.i-pinterest-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-307px -157px; } /* Linked in */ .icon.i-linkedin { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-357px -107px; } .icon.i-linkedin-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-357px -157px; } /* Blogger */ .icon.i-blogger { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-407px -107px; } .icon.i-blogger-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-407px -157px; } /* Envato */ .icon.i-envato { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-457px -107px; } .icon.i-envato-w { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social.png); background-position:-457px -157px; } /** * Common styles */ /* Common styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sizes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top{ line-height:36px;height: 36px } .header .dropdown { max-height:3em; } /* Set static height to improve layout of inline elements */ /* Blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /**/ .sidebar .block:first-child { } /* To align with page title */ .cms-index-index .sidebar .block:first-child { margin-top:0; } /* Remove margin on home page */ /* Headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Page Heading -------------------------------------------------------------- */ /*.my-account .page-title,*/ /*.category-title { border-bottom:1px solid #e5e5e5; }*/ /* Block titles and section headings -------------------------------------------------------------- */ /* Sidebar blocks */ .block .block-title, /* Section title */ /*.section-title,*/ /* Cart */ .cart .crosssell h2, .cart .discount h2, .cart .shipping h2 { /* padding:13px 0 7px; */ /*TODO*/ padding-top:7px; padding-bottom:7px; /*border-bottom:1px solid #e5e5e5;*/ /*font-weight:normal;*/ /*font-size:1.5em; *//*18px*/ /*line-height:1.2222em; *//*22px*/ } /* Secondary headings -------------------------------------------------------------- */ /* Log in */ .account-login h2, /* Checkout log in */ #opc-login h3, /* Fieldset and multiple checkout */ .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend { font-size:24px; /*18px*/ line-height:1.3333em; /*24px*/ font-weight:normal; text-transform:uppercase; /* border-bottom:1px solid #e5e5e5; */ padding-bottom:7px; color:#364052; } /* Account headings -------------------------------------------------------------- */ /* Primary */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2 {} /* Secondary */ .dashboard .box .box-title h3, .dashboard .box .box-title h4, .order-info-box h2 {} /* Other headings -------------------------------------------------------------- */ /* Page title */ .category-title, /* Account */ .my-account .page-title, .box-account .box-head, .dashboard .box .box-title { border-color:#e5e5e5; } /* Colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Borders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with horizontal border - normal -------------------------------------------------------------- */ /* Elements with horizontal border - lighter -------------------------------------------------------------- */ /* Product page - Add-to-cart area */ /*.product-view .product-type-data,*/ /*.product-view .product-type-data .price-box,*/ /*.container1-wrapper,*/ /*.container2-wrapper,*/ /*.product-view .add-to-box,*/ /* Product grid/list */ /*.category-products-grid .item,*/ /*.products-list li.item,*/ /* Pop-ups */ .remember-me-popup h3, .map-popup-heading { border-color:#d7dde9; } /* Elements with vertical border - normal -------------------------------------------------------------- */ /* Product page */ .custom-sidebar-right .inner, .custom-sidebar-left .inner { border-color:#e5e5e5; } /* Elements with vertical border - lighter -------------------------------------------------------------- */ /* Product grid/list */ .products-list .product-shop-inner { border-color:#f5f5f5; } /* Elements with darker border -------------------------------------------------------------- */ /* Cart */ .data-table thead, .cart-table thead tr, /* Availability */ .availability-only-details thead { border-color:#e5e5e5; /*Currently the same color as other borders*/ } /* Background colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with light gray background -------------------------------------------------------------- */ /* Product page - increaments */ .extrahint-wrapper .product-pricing, /* Account */ .addresses-list .addresses-primary .item, .order-info-box, /* Advanced search */ .advanced-search-summary, /* Checkout */ .opc .gift-messages-form { background-color:#f1f4f8; } /* Text color %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with lighter text -------------------------------------------------------------- */ /* Product grid/list */ .products-list .ratings, .products-grid .ratings, .products-list .ratings a, .products-grid .ratings a, /* Breadcrumbs */ /* Layered nav */ .block-layered-nav dd li, /* Product page */ .block-related-simple .related-add-to-wishlist, .block-related-thumbnails .related-add-to-wishlist, /* Availability */ .availability, /* Reviews */ .product-view .box-reviews dd .date, /* Product options */ .item-options dd, .product-options p.note, /* Prices */ .price-notice .price, /* MSRP price and old price */ .old-price, .product-view .price-box .old-price .price, #map-popup-msrp, .map-popup-msrp .price { /*color:#aaa;*/ } /* Forms %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product options form colors -------------------------------------------------------------- */ .product-options dd select, .product-options dd .input-text, .product-options dd textarea, .product-options ul.options-list { color:#888; } .product-options dd select:hover, .product-options dd select:focus, .product-options dd textarea:hover, .product-options dd textarea:focus, .product-options ul.options-list:hover { color:#333; } /* Selected interface icons: text color - icons on hover: toolbar icons, pager, prev/next slide etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hover item color */ /* Toolbar */ .sorter .view-mode a:hover, .sorter .sort-by .category-asc:hover, .sorter .sort-by .category-desc:hover, .pager .pages li a:hover, /* Add-to links */ .add-to-links.addto-icons a:hover, /* Slider arrows */ .gen-slider-arrows1 .direction-nav a:hover, .gen-slider-arrows2 .direction-nav a:hover, .gen-slider-arrows3 .direction-nav a:hover, /* Lightbox */ #cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover, /* Scroll to top button */ #scroll-to-top:hover { color:#fff; /*Color of text*/ } /* Fonts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Price on product page and MSRP %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .price-box .price, .map-popup-price .price, .map-popup-msrp .price { /* font-family:Verdana, Geneva, sans-serif; */ } /* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Shadows: for pop-ups, drop-downs etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* IE version included */ #nav .level0-wrapper, #nav.classic .parent > ul, /* Mini cart */ #mini-cart .block-content, .truncated .truncated_full_value .item-options, /* Compare drop-down */ .header .block-compare .block-content, /* Search autocomplete */ .header .form-search .search-autocomplete ul, /* Dropdown */ /*.open > .dropdown-toggle.cover,*/ .dropdown-menu, /* Pop-ups and tooltips */ .remember-me-popup, .map-popup, .tool-tip /*#subscribe-form .input-box .validation-advice*/ { border: 1px solid #d6dbe4; background: #fff; /*-moz-box-shadow:0 2px 10px rgba(0,0,0, 0.15);*/ /*-webkit-box-shadow:0 2px 10px rgba(0,0,0, 0.15);*/ /*box-shadow:0 2px 10px rgba(0,0,0, 0.15);*/ } /* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Links and other selected elements -------------------------------------------------------------- */ /* IMPORTANT: link transitions should be placed before other transitions */ a, #mobnav-trigger .trigger-icon .line, .accordion .opener /*Main menu accordion*/ { transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } a:hover, #mobnav-trigger:hover .trigger-icon .line, .accordion .opener:hover { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* Opacity -------------------------------------------------------------- */ /* .form-search .button span { transition: opacity 450ms ease-in-out; -moz-transition: opacity 450ms ease-in-out; -webkit-transition: opacity 450ms ease-in-out; -o-transition: opacity 450ms ease-in-out; } .form-search .button:hover span { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } */ .form-search .button span { transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } /* Interface icons: toolbar icons, pager, prev/next slide etc. -------------------------------------------------------------- */ .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, /* Back link */ .buttons-set .back-link small, /* Add-to links */ .add-to-links.addto-icons a, /* Accordion and collapsible: opener */ .accordion-style1 .opener, .accordion-style1 .opener:hover, /*Override: .accordion .opener:hover */ .collapsible .opener, /* Scroll to top */ #scroll-to-top { /* transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; */ } /* Accordions, tabs & other components -------------------------------------------------------------- */ /* TODO: del .gen-tabs .tabs a, .gen-tabs .acctab, .opc .step-title { transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; } */ /* Carets -------------------------------------------------------------- */ #nav a.level-top .caret { transition: border-top-color 450ms ease-in-out; -moz-transition: border-top-color 450ms ease-in-out; -webkit-transition: border-top-color 450ms ease-in-out; -o-transition: border-top-color 450ms ease-in-out; } #nav > li:hover a.level-top .caret { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* Elements with animated color, background color and borders -------------------------------------------------------------- */ /* Forms */ input.input-text, select, textarea, .product-options ul.options-list, /* Product image thumbnails */ .product-view .product-img-box .more-views .thumbnails li a, /* Product mini-lists */ .mini-products-list .product-image, .cart .crosssell .product-image, /* Tabs & accordion */ .gen-tabs .tabs a, .gen-tabs .acctab, /* OPC accordion */ .opc .step-title { transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; } /* Shadow for the main containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .shadow .show-bg { -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); } /* Base style for location map */ .loc-map{ -webkit-transform: translate3d(0, 0, 0); } .loc-infowindow-loader.is-loading{ width: 100%; height:50px; } /* Base style for location teasers */ .loc-teaser{ padding:0 0 10px 0px; position: relative; } .loc-teaser.is-hidden{ display:none; } .loc-teaser:hover{ } .loc-teaser-content{ margin-bottom: 10px; } .loc-teaser-content address{ margin-right: 70px; } .loc-teaser-links li{ display:inline-block; margin-right: 5px; } .loc-srch-res-list .sticker-wrapper.top-right{ top: 1em; } .loc-srch-res-list .sticker{ width: 50px; height: 50px; } .loc-teaser h3{ margin-top: 0; margin-bottom: 0.6em; } /* Locator search form */ .loc-srch{border: 5px solid #dee4ed; min-height: 79px;width: 100%;clear: both;padding: 15px 22px;margin-bottom:18px} .loc-srch-section{ float:left; padding: 1em 0; min-height: 3em; line-height: 3em; position:relative; } .loc-search-form-row{ display:inline; } .loc-srch-section-line{ padding-top: 0!important; } .loc-srch-or{ width: 65px; text-align: center; } .loc-srch h4{ margin: 0; } .loc-srch-form{ } .loc-srch-s{ width: 200px; padding: 5px; } .loc-srch-dis{ width: 50px; padding: 5px; } /* Locator search results */ .loc-srch-res{ } /* hide no results page by default */ .loc-srch-res-noresults{ display:none; } /* when no results are shown show no results and hide search; */ .loc-srch-res.is-no-results .loc-srch-res-list, .loc-srch-res.is-no-results .loc-srch-res-map{ display:none; } .loc-srch-res.is-no-results .loc-srch-res-noresults{ display:block; } /* Map */ .loc-srch-res-map-wrap{ float:right; background: #fefefe; border: #ccc 1px solid; width: 67%; padding: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .loc-srch-res-map-wrap.is-fixed{ position:fixed; top:0; margin-left: 298px; } .loc-srch-res-map{ width: 100%; height: 588px; } /* Teaser List */ .loc-srch-res-list{ float: left; width: 31%; padding: 0 0 0;margin-right: 2%; } .locations .loc-ls-item{border-top: 1px solid #dadada;margin-top: 14px;padding-top: 29px;} .locations.no-closest .loc-ls-item:first-of-type{border-top: none;margin-top: 0;padding-top: 0} .loc-ls-item a{margin-right: 17px;display: inline-block;margin-top:11px} /* Individual Location Page */ .loc-page{ float:left; width: 100%; clear:both; margin-bottom: 20px; } .loc-page-data{ float: left; width: 33.3%; box-sizing: border-box; padding-right: 2em; } .loc-page-data h2{ margin-bottom: 10px; } .loc-page-map-wrap{ float:left; background: #fefefe; border: #ccc 1px solid; padding: 5px; width: 66.7%; box-sizing: border-box; } .loc-page-map{ width: 100%; height: 400px; } /* Loader styles */ .loc-srch .loader { display: block; position:absolute; right: -28px; top: 13px; width: 24px; height: 24px; text-indent: -9999px; font-size: 1.4em; color: #fff; transition: .5s color; } .loc-srch .loader.is-loading { text-indent: 0; color: #364052;} /*.loader.is-loading { display: inline-block; background: url(//www.horseland.com.au/skin/frontend/base/default/images/loader/loader-med.gif) center no-repeat; }*/ /*.loader-tiny { width: 10px; height: 10px; }*/ /*.loader-tiny.is-loading { background-image: url(//www.horseland.com.au/skin/frontend/base/default/images/loader/loader-tiny.gif); }*/ /*.loader-sml { width: 16px; height: 16px; }*/ /*.loader-sml.is-loading { background-image: url(//www.horseland.com.au/skin/frontend/base/default/images/loader/loader-sml.gif); }*/ /*.loader-lrg { width: 48px; height: 48px; }*/ /*.loader-lrg.is-loading { background-image: url(//www.horseland.com.au/skin/frontend/base/default/images/loader/loader-lrg.gif); }*/ .loc-srch .loader{ } /* custom */ .locator-index-index .col-main, .locator-search-index .col-main, .locator-location-index .col-main{margin: 0 1%;width: 98%} .mid-contain { float:left;} .store-name { padding-bottom:0; margin-bottom: 8px; font-family: "proxima_nova_black"; font-size: 24px;color:#364052 ; line-height: 26px; margin-top: -3px; } .loc-ls-item{font-size: 14px;line-height: 20px} /* store locator view */ .locator-view-title{line-height: 20px} .locator-view-title h1{color: #364052;font-family: "proxima_nova_black";font-size: 24px;padding-bottom: 18px;margin-bottom: 16px;border-bottom: #dadada 1px solid} .locator-view-title{padding-bottom: 9px} .store-view-attr{padding-bottom: 9px} .store-view-attr h2{font-family: "proxima_nova_extrabold";font-size: 16px;color: #364052;border-bottom: 1px solid #dadada;margin-top: 20px;padding-bottom: 13px;margin-bottom: 14px;} .info-content{width: 320px} .store_hours_weekday,.store_hours{display: inline-block;line-height: 24px} .store_hours_weekday{width: 100px} .store_hours{text-align: right;width: 182px} .store_description{padding-bottom: 0} .store_description p{margin-bottom: 20px;line-height: 20px} .link-detail-locator {padding-top: 20px;float: right} .link-detail-locator a.button{ padding: 0 24px;margin-left: 5px; height: 40px; line-height: 40px; text-transform: uppercase; text-align: center; font-size: 18px; font-weight: normal; font-family: 'proxima_nova_black'; color: #fff; background: #a3aeb2; line-height: 40px;height: 40px;display: inline-block; text-decoration: none; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; } .link-detail-locator a.button:hover{background: #919b9f} .locator-search{position: relative} .locator-view-title .link-detail-locator a.button{display: none} /*find a store*/ .showmap { float:right; width:600px;} .locator-search {text-align:left;width: 100%} .locator-state { float:right; text-align:left;width: 40%;line-height: 40px;height: 40px; text-align: right;} .locator-state .OR{margin-right: 26px} .locator-static { float: right;} .map { width:100%; height:595px;} .locator-state .selectbox { background:url(//www.horseland.com.au/skin/frontend/base/default/images/bkg-drop.gif) no-repeat left center; height:25px; width:184px; overflow:hidden; } .locator-state .selectbox select{ background: none repeat scroll 0 0 transparent; border: medium none; float: none; padding: 4px; width: 205px; } .mapbtn { margin-top:16px} .store-info td:first-child { padding-right:30px; text-align:left} .locator-index-index .col-main{padding: 0} .locator-index-index .page-title, .locator-search-index .page-title, .locator-location-index .page-title {margin-top: 5px} .locator-search .mid-contain,.locator-search input,.locator-search p,.locator-distance,.locator-distance span,.km-locator{float: left;margin-right: 4px;} .locator-search .mid-contain{margin-right: 20px} .locator-search .mid-contain input.input-text{width: 190px;font-size: 13px;color: #969696} .locator-search .mid-contain input.input-text::-webkit-input-placeholder { color:#969696} .locator-distance input.input-text{width: 42px;margin-right: 4px;text-align: center;font-size: 13px;color: #969696} .locator-distance span.km-locator{margin-right: 14px;} .locator-distance > span{margin-right: 20px} .locator-search .km-locator{margin-top: 0;margin-right: 20px;font-size: 13px} .locator-search p{margin-right: 13px;} .locator-search p,.locator-search span{line-height: 40px;} .locator-state p{display: inline-block;line-height: 40px;} .locator-state p:first-child{padding-right: 5px;} .locator-state a{color: #00b6f1;font-size: 14px;padding-right: 9px;} .locator-state a:last-child{padding-right: 0} .more-link{padding-top: 18px;} .more-link span{color: #1170ca;padding: 0 19px 0 10px;} .view-storeaddress h2,.store-hours h2,.storelocator-description h4{border-bottom: 1px solid #dadada;padding-bottom: 15px;margin-bottom: 15px;} .download_free_voucher{margin-bottom:26px} .download_free_voucher img{width: 100%} .locator input{width: auto} .view-storeaddress a{color: #666;text-decoration: none} .search-store{padding-left: 10px;float: left} .search-store button.button span span{padding: 0 20px} .search-store input{border: none;padding: 0} .category72,.breadcrumbs .category75{display: none !important;} .categorypath-find-a-store-results .breadcrumbs{margin: 15px 0 4px;padding-left: 0} .store-view .back-link{margin-top: 25px;} .back-link a{cursor: pointer} .loc-srch-res.is-no-results .loc-srch-res-noresults{padding: 20px 0} .gm-style-iw + div { width: 59px!important; right: -39px!important; } /* Desktop - design for a width of 1280px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width > 1024px */ @media only screen and (min-width: 1023px) { } /* 1280px <= width */ /* Design for a width of less than 1024 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 1024px */ @media only screen and (max-width: 1023px) { } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .loc-srch-res-list{ width: 100%; padding-right: 0; } .loc-srch-res-map-wrap{ width:100%; } .loc-srch-section { clear:both; } .loc-srch-or{ padding:0; width:auto; } .loc-srch-res-list .sticker{ width: 60px; height: 60px; } /* Loader styles */ .loc-srch .loader { font-size: 1.3em; right: -40px;} .loc-srch .loader .is-loading { } } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { .loc-srch-res-list { width: 100%; padding-right: 0; } .loc-srch-res-map-wrap { margin-left: -9999px; height: 1px; width: 0px; overflow:hidden; padding: 0; border-width: 0; } .loc-srch-res-map{ width: 1000px; } .loc-srch-section { clear:both; width: 100%; } .loc-srch-or{ padding:0; width: 100%; min-height: 1em; line-height:1em; text-align: center; } .loc-search-form-row{ display:block; } .loc-srch-form label{ display:inline-block; width: 40%; margin-right:-3px; } .loc-srch-s { width: 60%; margin-right: -20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .loc-srch-res-list .sticker{ width: 60px; height: 60px; } .loc-page-data, .loc-page-map-wrap{ width: 100%; margin-bottom: 2em; } .loc-page-map{ height: 200px; } .loc-search-form-row { line-height: 45px; } .loc-search-submit.button { position: absolute; right: 0; top: 137px; margin-top: -75px; } /* Loader styles */ .loc-srch .loader { right: 55px; top: 64px;} .loc-srch .loader .is-loading { } } /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { } /* Design for a width of less than 480px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 480px */ @media only screen and (max-width: 479px) { } /* Mobile (Portrait) - design for a width of 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { } /* Mobile (Portrait) - design for a width of less than 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { } .is-no-results .loc-srch-res-map-wrap {border: none;} .locator-index-index .loc-srch-res {display: none;} /* Uniform Theme: Uniform Default */ /* General settings */ div.selector span{-webkit-appearance:none;-moz-appearance:none;appearance:none}.selector.selector-validation-failed span{border:1px solid #ee001c}div.selector,div.selector span,div.checker span,div.radio span,div.uploader,div.uploader span.action,div.button,div.button span{-webkit-font-smoothing:antialiased}div.selector span{position:relative}div.selector span:before,div.selector span:after{position:absolute;content:"";width:0;height:0;border-style:solid;top:14px}div.selector span:before{border-width:10px;border-color:#999ea7 transparent transparent;right:14px}div.selector span:after{border-width:9px;border-color:#fff transparent transparent;right:15px}div.selector,div.checker,div.button,div.radio,div.uploader{position:relative;display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;vertical-align:middle}div.selector:focus,div.checker:focus,div.button:focus,div.radio:focus,div.uploader:focus{outline:0}div.selector,div.selector *,div.radio,div.radio *,div.checker,div.checker *,div.uploader,div.uploader *,div.button,div.button *{padding:0}.highContrastDetect{background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/bg-input.png) repeat-x 0 0;width:0;height:0}input.uniform-input,select.uniform-multiselect,textarea.uniform{padding:3px;background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/bg-input.png) repeat-x 0 0;outline:0}input.uniform-input.active,select.uniform-multiselect.active,textarea.uniform.active{background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/bg-input-focus.png) repeat-x 0 0}div.checker input,input[type="search"],input[type="search"]:active{-moz-appearance:none;-webkit-appearance:none}div.selector{background-position:0 -130px;position:relative;overflow:hidden;width:100%!important}div.radio span{width:30px;height:30px;background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/uniform-sprite.png);background-repeat:no-repeat;background-position:-200px -279px}div.radio span.checked{border:5px solid #fff;background:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:0 0 0 1px #333;-moz-box-shadow:0 0 0 1px #9b9b9b;-webkit-box-shadow:0 0 0 1px #9b9b9b;border-radius:19px;-moz-border-radius:20px;-webkit-border-radius:20px;display:inline-block;vertical-align:middle;margin-left:1px;background-position:-220px -279px}div.selector span{text-overflow:ellipsis;display:block;overflow:hidden;background-position:right 0;height:40px;line-height:40px;padding-right:35px;cursor:pointer;width:100%!important;display:block;border:1px solid #dee4ed;padding-left:10px;white-space:nowrap}div.selector.fixedWidth{width:190px}div.selector.fixedWidth span{width:155px}div.selector select{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;border:none;background:none;position:absolute;height:40px;top:0;left:0;width:100%}div.selector.active{background-position:0 -156px}div.selector.active span{background-position:right -26px}div.selector.hover,div.selector.focus{background-position:0 -182px}div.selector.hover span,div.selector.focus span{background-position:right -52px}div.selector.hover.active,div.selector.focus.active{background-position:0 -208px}div.selector.hover.active span,div.selector.focus.active span{background-position:right -78px}div.selector.disabled,div.selector.disabled.active{background-position:0 -234px}div.selector.disabled span,div.selector.disabled.active span{background-position:right -104px}div.checker{position:relative}div.checker,div.checker span,div.checker input{width:30px;height:30px}div.checker span{background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/bg-checkbox.png) no-repeat scroll 0 0;display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;text-align:center;background-position:0 -158px}div.checker span.checked{background-position:0 -112px}div.checker input{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;border:none;background:none;display:-moz-inline-box;display:inline-block;*display:inline;zoom:1}div.checker.active span{background-position:0 -158px}div.checker.active span.checked{background-position:0 -112px}div.radio{position:relative}div.radio,div.radio span,div.radio input{width:30px;height:30px}div.radio span{display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;text-align:center;background-position:0 -279px}div.radio span.checked{background-position:-72px -279px}div.radio input{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;border:none;background:none;display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;text-align:center}div.radio.active span{background-position:-18px -18px -279px}div.radio.active span.checked{background-position:-90px -279px}div.radio.hover span,div.radio.focus span{background-position:-36px -36px -279px}div.radio.hover span.checked,div.radio.focus span.checked{background-position:-108px -279px}div.radio.hover.active span,div.radio.focus.active span{background-position:-54px -279px}div.radio.hover.active span.checked,div.radio.focus.active span.checked{background-position:-126px -279px}div.radio.disabled span,div.radio.disabled.active span{background-position:-144px -279px}div.radio.disabled span.checked,div.radio.disabled.active span.checked{background-position:-162px -279px}div.uploader{background-position:0 -297px;height:28px;width:190px;cursor:pointer;position:relative;overflow:hidden}div.uploader span.action{background-position:right -409px;height:28px;line-height:28px;width:82px;text-align:center;float:left;display:inline;overflow:hidden;cursor:pointer}div.uploader span.filename{text-overflow:ellipsis;display:block;overflow:hidden;white-space:nowrap;float:left;cursor:default;height:24px;margin:2px 0 2px 2px;line-height:24px;width:85px;padding:0 10px}div.uploader input{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;border:none;background:none;position:absolute;top:0;right:0;float:right;cursor:default;width:100%;height:100%}div.uploader.active span.action{background-position:right -465px}div.uploader.hover,div.uploader.focus{background-position:0 -353px}div.uploader.hover span.action,div.uploader.focus span.action{background-position:right -437px}div.uploader.hover.active span.action,div.uploader.focus.active span.action{background-position:right -493px}div.uploader.disabled,div.uploader.disabled.active{background-position:0 -325px}div.uploader.disabled span.action,div.uploader.disabled.active span.action{background-position:right -381px}div.button{background-position:0 -641px;height:30px;cursor:pointer;position:relative}div.button a,div.button button,div.button input{opacity:.01;filter:alpha(opacity=1);-moz-opacity:.01;display:block;top:0;left:0;right:0;bottom:0;position:absolute}div.button span{display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;line-height:22px;text-align:center;background-position:right -521px;height:22px;margin-left:13px;padding:8px 15px 0 2px}div.button.active{background-position:0 -671px}div.button.active span{background-position:right -551px;cursor:default}div.button.hover,div.button.focus{background-position:0 -701px}div.button.hover span,div.button.focus span{background-position:right -581px}div.button.disabled,div.button.disabled.active{background-position:0 -731px}div.button.disabled span,div.button.disabled.active span{background-position:right -611px;cursor:default}input.uniform-input,select.uniform-multiselect,textarea.uniform{font-size:14px;font-weight:400;color:#666;border-top:solid 1px #dee4ed;border-left:solid 1px #dee4ed;border-bottom:solid 1px #dee4ed;border-right:solid 1px #dee4ed;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}input.uniform-input.hover,input.uniform-input.focus,select.uniform-multiselect.hover,select.uniform-multiselect.focus,textarea.uniform.hover,textarea.uniform.focus{-webkit-box-shadow:0 0 4px rgba(0,0,0,0.3);-moz-box-shadow:0 0 4px rgba(0,0,0,0.3);box-shadow:0 0 4px rgba(0,0,0,0.3);border-color:#999}div.button span{font-size:14px;letter-spacing:1px;text-transform:uppercase}div.button.hover span,div.button.focus span{color:#555}div.button.disabled span,div.button.disabled.active span{color:#bbb}div.selector{font-size:14px}div.selector span{color:#666;text-shadow:0 1px 0 #fff;background-color:#fff}div.selector select{font-size:14px}div.selector.disabled span,div.selector.disabled.active span{color:#bbb}div.checker{margin-right:5px}div.radio{margin-right:3px}div.uploader span.action{text-shadow:#fff 0 1px 0;background-color:#fff;font-size:14px;font-weight:700}div.uploader span.filename{color:#777;border-right:solid 1px #bbb;font-size:11px}div.uploader.disabled span.action,div.uploader.disabled.active span.action{color:#aaa}div.uploader.disabled span.filename,div.uploader.disabled.active span.filename{border-color:#ddd;color:#aaa}input.uniform-input,input.uniform-input:focus{background-color:#fff} /* * Core Owl Carousel CSS File * v1.3.3 */ .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.owl-controls .owl-buttons div{background-color:#d6dbe4;width:51px;height:51px;background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland/sprites.png);background-repeat:no-repeat;background-size:50px auto;text-indent:-999em;display:inline-block;margin-left:1px}.owl-controls .owl-buttons div.owl-prev{background-position:17px 10px}.owl-controls .owl-buttons div.owl-next{background-position:-17px 10px}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:absolute;right:0;top:-51px}.grabbing{cursor:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/grabbing.png) 8 8,move}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * 2016-11-24 10:40:19 */ body { color: #1e242f; font-size: 14px; background-color: #999999; } a { color: #364052; } a:hover, .vertnav-side li.current > a { } .caret { border-top-color: #1e242f; } button.button span { background-color: #a3aeb2; color: #ffffff; } button.button:hover span { background-color: #919b9f; color: #ffffff; } .product-view .btn-cart span, button.btn-checkout span { background-color: #919b9f; color: #ffffff; } .product-view .btn-cart:hover span, button.btn-checkout:hover span { background-color: #919b9f; color: #ffffff; } /* Default icon */ /* Toolbar */ .sorter .view-mode a, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages li a, /* Back link */ .buttons-set .back-link small, /* Add-to links */ /* Simple icons (product grid) */ .add-to-links.addto-icons a, /*Deprecated*/ /* Other with standard icons */ .add-to-links span.icon, /* Slider arrows */ .slider-arrows1 .owl-controls .owl-buttons div, .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover, .slider-arrows2 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* deprecated */ .gen-slider-arrows1 .direction-nav a, /* Sliders */ .gen-slider-arrows1 .direction-nav a.disabled:hover, .gen-slider-arrows2 .direction-nav a, /* Slideshow */ .gen-slider-arrows2 .direction-nav a.disabled:hover, .gen-slider-arrows3 .direction-nav a, /* Cloud Zoom */ .gen-slider-arrows3 .direction-nav a.disabled:hover, /* Slider pagination */ .slider-pagination1 .owl-controls .owl-page span, .slider-pagination2 .owl-controls .owl-page span, /* Lightbox */ #cboxPrevious, #cboxNext, #cboxClose, /* Accordion and collapsible: opener */ .accordion-style1 .opener, .collapsible .opener, /* Scroll to top */ #scroll-to-top { background-color: #999999; } /* Hover icon */ /* Toolbar */ .sorter .view-mode a:hover, .sorter .sort-by .category-asc:hover, .sorter .sort-by .category-desc:hover, .pager .pages li a:hover, /* Back link */ .buttons-set .back-link:hover small, /* Add-to links */ /* Simple icons (product grid) */ .add-to-links.addto-icons a:hover, /*Deprecated*/ /* Other with standard icons */ .add-to-links span.icon-hover:hover, .add-to-links .feature-icon-hover:hover span.icon, /* Slider arrows */ .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover, .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover, .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover, /* deprecated */ .gen-slider-arrows1 .direction-nav a:hover, .gen-slider-arrows2 .direction-nav a:hover, .gen-slider-arrows3 .direction-nav a:hover, /* Slider pagination */ .slider-pagination1 .owl-controls.clickable .owl-page:hover span, .slider-pagination2 .owl-controls.clickable .owl-page:hover span, /* Lightbox */ #cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover, /* Accordion and collapsible: opener */ .accordion-style1 .opener:hover, .collapsible .opener:hover, /* Scroll to top */ #scroll-to-top:hover { background-color: #1e242f; } /* Active icon */ /* Slider pagination */ .slider-pagination1 .owl-controls .owl-page.active span, .slider-pagination1 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */ .slider-pagination2 .owl-controls .owl-page.active span, .slider-pagination2 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */ .sorter .view-mode span.grid, .sorter .view-mode span.list, .pager .pages li.current { background-color: #1e242f; } span.icon { background-color: ; } span.icon-hover:hover, .feature-icon-hover:hover span.icon { background-color: ; } .links > li > a:hover { } .sticker.new { background-color: #f1c001; color: #ffffff; } .sticker.sale { background-color: #ff4900; color: #ffffff; } /*.price-box .price*/ .price-box .regular-price .price, .price-box .minimal-price .price { color: #333333; } .additional-bg-color, .block-layered-nav .currently, .cart .totals { background-color: ; } /* Custom content class */ .main-font, /* Headings */ h1, h2, h3, h4, h5, .section-title, .products-list .product-name, .products-grid .product-name, h3.product-name, /*TODO:remove*/ /* Generic */ .feature .heading, .accordion .heading, /* Main menu */ #mobnav-trigger, #nav > li > a, #nav.wide ul.level0 > li > a, .vertnav-top li a, /* Block headings */ .block .block-title, /* Checkout headings */ #opc-login h3, /* Multiple checkout */ /*.fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend,*/ /* Account */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2, /* Product page */ .product-view .box-reviews dt .heading, .gen-tabs .tabs a, /* Footer headings */ .footer .heading, #subscribe-form label, /* Captions */ .caption .heading { font-family: ; font-weight: normal; } .wrapper { border: none !important; background-color: #ffffff; } .header-container { } .header { } .header a { } .header a:hover { } .header-container3 { } .header .caret { border-top-color: #1e242f; } .form-search .input-text { background-color: #ffffff; border-color: ; color: #6e7683; } .form-search .input-text:hover, .form-search .input-text:focus { background-color: #ffffff; border-color: ; color: #a3aeb2; } .form-search .input-text { border: none; } .form-search .button span { margin: 0; } .header .dropdown-menu, .header .open > .dropdown-toggle.cover > div, .header .truncated .truncated_full_value .item-options, .header .form-search .search-autocomplete { background-color: #ffffff; } .header .dropdown-menu a, .header .open > .dropdown-toggle.cover > div a, .header .form-search .search-autocomplete li { } .header .dropdown-menu a:hover, .header .open > .dropdown-toggle.cover > div a:hover, .header .form-search .search-autocomplete li:hover { } .header .open > .dropdown-toggle.cover > div .caret { border-top-color: ; } .header-top-container { background-color: #ffffff; } .header-top { color: #1e242f; } .header-top a { color: #1b3b87; } .header-top a:hover { } .header-primary-container { } .header-primary { } #nav .level0-wrapper, #nav.classic ul { background-color: #ffffff; color: #364052; } #nav ul li a { color: #364052; } #nav ul li a:hover { color: #19388a; } .cat-label-label1 { background-color: #ee1918; color: #ffffff; } .cat-label-label2 { background-color: #ee1918; color: #ffffff; } li.level0 > a > span > .cat-label-label1.pin-bottom:before { border-top-color: #ee1918; } li.level0 > a > span > .cat-label-label2.pin-bottom:before { border-top-color: #ee1918; } li > a:hover > span > .cat-label, #nav li.level0:hover > a > span > .cat-label /* Top-level category label is highlighted on item hover, not on link hover */ { background-color: #ee1918; color: #ffffff; } li.level0 > a:hover > span > .pin-bottom:before, #nav li.level0:hover > a > span > .pin-bottom:before { border-top-color: #ee1918; } #mobnav { color: #1e242f; } #mobnav-trigger { background-color: transparent; color: #1e242f; } #mobnav-trigger:hover { background-color: #ffffff; color: #364052; } #mobnav-trigger.active { background-color: #ffffff; color: #364052; } #mobnav-trigger .trigger-icon .line { background-color: #1e242f; } #mobnav-trigger:hover .trigger-icon .line { background-color: #364052; } #mobnav-trigger.active .trigger-icon .line { background-color: #364052; } .nav-container { background-color: #fff; } #nav, .vertnav-top li a { background-color: transparent; color: #1e242f; } #nav > li > a { color: #1e242f; } #nav > li:hover > a, .vertnav-top li > a:hover { background-color: #ffffff; color: #364052; } .cms-index-index #nav #nav-home > a, #nav > li.active > a, .vertnav-top li.current > a { background-color: #ffffff; color: #364052; } #nav > li > a, #mobnav-trigger { font-size:14px; text-transform:uppercase; } #nav.wide ul.level0 > li > a { font-size:14px; } .vertnav-top > li > a { font-size:14px; text-transform:uppercase; } .vertnav-top ul.level0 > li > a { font-size:14px; } .vertnav-top li .opener { background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/infortis/ultra-megamenu/opener.png) center center no-repeat; } .vertnav-top li:hover > .opener { background-image: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/infortis/ultra-megamenu/opener.png); } .vertnav-top li:hover > .opener:hover { background-image: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/infortis/ultra-megamenu/opener.png); } .vertnav-top li.active > .opener { background-image: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/infortis/ultra-megamenu/opener-active.png); } .vertnav-top li.active:hover > a:hover + .opener { background-image: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/infortis/ultra-megamenu/opener-active.png); } .vertnav-top li.active:hover > a + .opener:hover { background-image: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/infortis/ultra-megamenu/opener-active.png); } .vertnav-top li.current > .opener, .vertnav-top li.current > .opener:hover { background-image: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/infortis/ultra-megamenu/opener.png); } .vertnav-top li.active.current > a + .opener, .vertnav-top li.active.current:hover > a + .opener { background-image: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/infortis/ultra-megamenu/opener-active.png); } .vertnav-top li.active.current > a + .opener:hover { background-image: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/infortis/ultra-megamenu/opener-active.png); } #nav > li.parent > a .caret { border-top-color: #1e242f; } #nav > li.parent:hover > a .caret { border-top-color: #364052; } #nav > li.parent.active > a .caret { border-top-color: #364052; } .main-container { background-color: NULL; padding-top: 0px; padding-bottom: 0px; } .main { background-color: #ffffff; } .truncated .item-options { background-color: #ffffff; } .category-products-grid .item, .products-list .item { } .category-products-grid .item:hover, .products-list .item:hover { } span.icon.icon-color-productview { background-color: #00b6f1; } .feature-icon-hover:hover span.icon.icon-color-productview { background-color: #00a7dd; } .gen-tabs .tabs { background-color: #ffffff; } .gen-tabs .tabs a { background-color: #ffffff; color: #1e242f; } .gen-tabs .tabs a:hover, .gen-tabs .tabs a:focus { background-color: #ffffff; color: #364052; } .gen-tabs .tabs a.current { background-color: #ffffff; color: #364052; } .gen-tabs .acctab { background-color: #f5f5f5; color: #333333; } .gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current { background-color: #eeeeee; color: #ee1918; } .gen-tabs .tabs-panels { background-color: #ffffff; } /* Slider arrows */ .the-slideshow .owl-controls .owl-buttons div, /* Slider pagination */ .the-slideshow.slider-pagination1 .owl-controls .owl-page span, /* For pagination2 default color overrides color of active state and hover state */ .the-slideshow.slider-pagination2 .owl-controls .owl-page span, .the-slideshow.slider-pagination2 .owl-controls .owl-page.active span, .the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page.active:hover span { background-color: #ffffff; } /* Slider arrows */ .the-slideshow .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page:hover span, .the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page:hover span { background-color: #000000; } .the-slideshow.slider-pagination1 .owl-controls .owl-page.active span, .the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page.active:hover span /* Active state overrides hover state */ { background-color: #de2666; } .footer-container { background-color: #f5f5f5; } .footer { } .footer a { } .footer a:hover { } .footer button.button span { background-color: #1e242f; color: #ffffff; } .footer button.button:hover span { background-color: #364052; color: ; } .footer span.icon { background-color: ; } .footer span.icon-hover:hover, .footer .feature-icon-hover:hover span.icon { background-color: ; } /* Back link */ .footer .buttons-set .back-link small, /* Slider arrows */ .footer .slider-arrows1 .owl-controls .owl-buttons div, .footer .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover, .footer .slider-arrows2 .owl-controls .owl-buttons div, .footer .slider-arrows3 .owl-controls .owl-buttons div, .footer .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* deprecated */ .footer .gen-slider-arrows1 .direction-nav a, /* Sliders */ .footer .gen-slider-arrows1 .direction-nav a.disabled:hover, .footer .gen-slider-arrows2 .direction-nav a, /* Slideshow */ .footer .gen-slider-arrows2 .direction-nav a.disabled:hover, .footer .gen-slider-arrows3 .direction-nav a, /* Cloud Zoom */ .footer .gen-slider-arrows3 .direction-nav a.disabled:hover, /* Slider pagination */ .footer .slider-pagination1 .owl-controls .owl-page span, .footer .slider-pagination2 .owl-controls .owl-page span, /* Accordion and collapsible: opener */ .footer .accordion-style1 .opener, .footer .collapsible .opener { background-color: ; } /* Back link */ .footer .buttons-set .back-link:hover small, /* Slider arrows */ .footer .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover, .footer .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover, .footer .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover, /* deprecated */ .footer .gen-slider-arrows1 .direction-nav a:hover, .footer .gen-slider-arrows2 .direction-nav a:hover, .footer .gen-slider-arrows3 .direction-nav a:hover, /* Slider pagination */ .footer .slider-pagination1 .owl-controls.clickable .owl-page:hover span, .footer .slider-pagination2 .owl-controls.clickable .owl-page:hover span, /* Accordion and collapsible: opener */ .footer .accordion-style1 .opener:hover, .footer .collapsible .opener:hover { background-color: ; } .footer-top-container { background-color: #f1f4f8; padding-top: 42px; padding-bottom: 50px; } .footer-top { color: #1e242f; } .footer-top a { } .footer-top a:hover { } .footer-primary-container { background-color: #ffffff; padding-top: 40px; padding-bottom: 50px; } .footer-primary { color: #ffffff; } .footer-primary a { color: #1e242f; } .footer-primary a:hover { color: #1e242f; } .footer-secondary-container { background-color: #f1f4f8; } .footer-secondary { color: #1e242f; } .footer-secondary a { color: #1e242f; } .footer-secondary a:hover { color: #364052; } .footer-bottom-container { background-color: #ffffff; } .footer-bottom { color: #333333; } .footer-bottom a { color: #333333; } .footer-bottom a:hover { color: #333333; } .social-links span.icon { background-color: ; } .social-links span.icon-hover:hover { background-color: ; } /** * Override CSS components */ /* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Buttons aligned at the bottom */ .equal-height .slides > .item { position: static; padding-bottom: 45px; } .equal-height .slides .actions { position: absolute; bottom: 0; } /** * Override modules */ /* Megamenu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Home link %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav #nav-home a.level-top .icon, #nav #homelink-icon a.level-top .icon { margin-top: -2px; } /** * Theme-specific styles */ /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Override/extend styles.css %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .wrapper { border-top-style:solid; border-top-width:5px; } .main { padding:10px 0; } /* Additional margin for main sidebars -------------------------------------------------------------- */ .col-left > * { } .col-right > * { margin-left: 15px; } /* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Form %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Fieldset -------------------------------------------------------------- */ /* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */ .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set { margin:0 0 10px; padding:0 15px 15px; } .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend { margin:0 -15px 10px -15px; padding-left:15px; padding-right:15px; } /* Buttons set -------------------------------------------------------------- */ .buttons-set { margin:10px 15px; } /* Note: buttons and "required" have equal right margin */ .buttons-set button.button { margin-left:0; margin-right:5px; margin-bottom:5px; } .buttons-set p.required { margin:0 5px 5px 0; } /* Page Heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-title h1, .page-title h2 { margin:0; /* 42px. Has to ba aligned with ".block .block-title" */ } .category-title { margin-bottom: 10px; } /* Global Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .note-msg.empty-catalog { background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/img/empty-catalog.png) 10px 10px no-repeat transparent !important; color:inherit; min-height:150px; padding:40px 20px 40px 160px !important; text-align: left; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs { line-height:1.5em; /*18px*/ margin:0 1% 8px; } /* Breadcrumbs on product page */ .catalog-product-view .breadcrumbs { margin-bottom:10px; } /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-main { margin: 10px 0; } /* Line breaker */ .user-menu .line-break-after { clear:both; margin-bottom: 1px; } /* Quick search: skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search: inline -------------------------------------------------------------- */ .search-wrapper-inline .form-search .input-text { min-width: 180px; } /* Quick search: positions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Position 0 */ .search-wrapper-p0 { float: right; } .search-wrapper-p0 .form-search .input-text { min-width: 220px; } /* Position 1 - right side of top links */ .search-wrapper-p1 { float: right; } .search-wrapper-p1 .form-search .input-text { min-width: 220px; } /* Position 2 - right side of top links */ .search-wrapper-p2 { float: right; } .search-wrapper-p2 .form-search .input-text { min-width: 220px; } /* Position 3 - right side of top links */ .search-wrapper-p3 { float: right; } .search-wrapper-p3 .form-search .input-text { min-width: 220px; } /* Position 4 - right side of top links */ .search-wrapper-p4 { float: right; } .search-wrapper-p4 .form-search .input-text { min-width: 220px; } /* Position 5 - right side of top links */ .search-wrapper-p5 { float: right; } .search-wrapper-p5 .form-search .input-text { min-width: 220px; } /* Mini-cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*#mini-cart { margin-bottom:-8px; }*/ /* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Block lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed .block-content ol, .block-compare .block-content ol, .block-compared .block-content ol { padding-left: 0; list-style: none; } .block-viewed .block-content li.item, .block-compare .block-content li.item, .block-compared .block-content li.item { background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/img/bullet.png) no-repeat 0 10px; padding-left:10px; } /* Block: Related %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Align block title with the tabs on product page */ .block-related .section-title { padding-top: 19px; } /* Block: Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-account .block-title { background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/img/ic-account.png) 5px 2px no-repeat; padding-left:42px !important; } .block-account .block-content { padding:10px 0 0; } .block-account li > * { padding: 2px; } .block-account li.current strong { font-weight:bold; } /* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Availability %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .availability { color: #666; text-align: right; margin-bottom: 10px; } .availability.in-stock span{color: #199336;} /* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Bundle product */ .price-box-bundle { border-bottom:1px solid #e5e5e5; margin:-10px 0 15px; /* Move up to align with the main price box */ padding-bottom:15px; } /* Main containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Margin before price box */ .product-view .space-before-avail { margin:0 0 15px; height:0; line-height:0; } /* Upper part of the container */ .product-view .product-type-data > .price-box { } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Add to cart button */ .product-view .btn-cart span span { background: #54b200; text-transform: none; font-family: 'proxima_nova_bold'; } .qty-wrapper label {text-transform: uppercase;} /* Reviews */ .product-view .box-reviews .buttons-set { margin-left:0; margin-right:0; } /* New elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .sku { margin: 15px 0; } .product-view .sku span { font-weight: bold; } /* Product type specific data %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .is-type-grouped .availability { margin-top:0; margin-bottom:0; } .product-view .grouped-items-table input.input-text { height: 26px; padding:4px; /* Decrease default height and padding */ } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.my-account .pager { margin: -1px 0 20px; }*/ /* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Footer primary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.footer-primary .section { padding-top: 20px; padding-bottom: 20px; }*/ /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Accordion & Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Accordion - Style 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion-style1 li a { border-bottom-color:#eee; border-bottom:1px solid rgba(0,0,0,0.06); } .accordion-style1 li a:hover { background-color:rgba(0,0,0, 0.03); } /* Opener -------------------------------------------------------------- */ .accordion-style1 .opener { background-color:rgba(0,0,0, 0.03); } /* Other modifications %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Nav container: with outline (if nav container has background color) or without outline (stretched) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* With outline -------------------------------------------------------------- */ /* Add top and bottom margin */ .nav.has-outline > .grid-full { margin-top: 1%; margin-bottom: 1%; } .nav.has-outline #mobnav { margin-bottom: 0; } /* Trigger has no bottom margin */ /* Without outline -------------------------------------------------------------- */ /* If menu stretched, no top and bottom margin. Important: added "container" class to make the selector more specific */ .container.nav.stretched > .grid-full { margin-top: 0; margin-bottom: 0; } /*.nav > .grid-full { float:left; }*/ /* Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Collateral boxes - stretch */ .cart-left-column .grid-full, .cart-right-column .grid-full { width:100%; } /* Interface icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Icons with no background -------------------------------------------------------------- */ /* Toolbar */ .sorter .view-mode a, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages li a, /* Add-to links */ .add-to-links.addto-icons a, /* Slider arrows */ .gen-slider-arrows3 .direction-nav a, .gen-slider-arrows3 .direction-nav a.disabled:hover { background-color:#d6dbe4; } /* Other icons -------------------------------------------------------------- */ /* Add-to links icons in product grid */ /*.products-grid .addto-links-icons span.icon { border-radius: 0; }*/ /* Pager */ .pager .pages li a { background: none; width: 30px; height: 30px;color: #364052;line-height: 30px; border: 1px solid #ddd;} /* Add-to links */ .addto-links-icons span.icon, .add-to-links.addto-icons a {background-color: transparent} /* Slideshow directional arrows */ .gen-slider-arrows2 .direction-nav a, .gen-slider-arrows2 .direction-nav a.disabled:hover { background-color:#fff;opacity: 0.7 } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Built-in static blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Deprecated: Header top - help block */ .header-top .phone { background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/img/ic-phone.png) 0 center no-repeat; padding:0 0 0 24px; } .block_category_above_collection { margin:10px 0; } .block_category_below_collection { margin:10px 0; } .block_category_above_empty_collection { margin:10px 0; } /*.block_product_primary_bottom {} .block_product_secondary_bottom {} .block_product_replace_related {} .block_product_replace_upsell {} .block_cart_below_totals {} .block_cart_below_table {}*/ .block_mini_cart_above_products { margin:0 0 10px; } .block_opc_below_progress { margin:15px 0; } .block_cms_page_top { margin:0 0 15px; } /*.block_header_top_left {} .block_header_top_left2 {} .block_header_top_right {} .block_header_top_right2 {} .block_footer_primary_bottom_left {} .block_footer_primary_bottom_right {}*/ /* Sample block content -------------------------------------------------------------- */ .sample-block { color:#999; margin-top:10px; padding: 0 !important; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } .sample-block:hover { color:#333; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% High-resolution-ready (retina-ready) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and ( min--moz-device-pixel-ratio: 1.5), only screen and ( -o-min-device-pixel-ratio: 3/2), only screen and ( -ms-min-device-pixel-ratio: 1.5), only screen and ( min-device-pixel-ratio: 1.5) { /* Rating */ .rating-box, .rating-box .rating { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/img/rating@2x.png); background-size:15px auto } /* Theme icons -------------------------------------------------------------- */ /* To top */ #scroll-to-top, /* Search button */ /*.header .form-search .button span,*/ /* All icons from icons-theme.css */ /* Row 1: */ .icon.i-lowstock, .icon.i-lowstock-w, .icon.i-lowstock-bw, .icon.i-lowstock-wb, .icon.i-cart, .icon.i-cart-w, .icon.i-cart-bw, .icon.i-cart-wb, /* Row 2: */ .icon.i-home, .icon.i-home-w, .icon.i-home-bw, .icon.i-home-wb, .icon.i-left, .icon.i-left-w, .icon.i-left-bw, .icon.i-left-wb, .icon.i-right, .icon.i-right-w, .icon.i-right-bw, .icon.i-right-wb, .icon.i-top, .icon.i-top-w, .icon.i-top-bw, .icon.i-top-wb, .icon.i-bottom, .icon.i-bottom-w, .icon.i-bottom-bw, .icon.i-bottom-wb /* Last selector without trailing coma */ { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite@2x.png); background-size:500px 200px; } /* All icons from icons-social.css -------------------------------------------------------------- */ /* Row 1: */ .icon.i-telephone, .icon.i-telephone-w, .icon.i-mobile, .icon.i-mobile-w, .icon.i-skype, .icon.i-skype-w, .icon.i-letter, .icon.i-letter-w, .icon.i-location, .icon.i-location-w, /* Row 2: */ .icon.i-twitter, .icon.i-twitter-w, .icon.i-facebook, .icon.i-facebook-w, .icon.i-googleplus, .icon.i-googleplus-w, .icon.i-youtube, .icon.i-youtube-w, .icon.i-vimeo, .icon.i-vimeo-w, .icon.i-wordpress, .icon.i-wordpress-w, .icon.i-pinterest, .icon.i-pinterest-w, .icon.i-linkedin, .icon.i-linkedin-w, .icon.i-blogger, .icon.i-blogger-w, .icon.i-envato, .icon.i-envato-w /* Last selector without trailing coma */ { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite-icons-social@2x.png); background-size:500px 200px; } } /* end: media query */ /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * 2016-11-24 09:51:00 */ /* Grid container %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .container { width:96%; max-width: 1200px; } .lte-ie8 .container { max-width:1200px; } /* Design for a width of less than 1024 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 1024px */ @media only screen and (max-width: 1023px) { /* Hide */ .hide-below-1024 { display:none !important; } } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container { max-width:737px; } /* Hide */ .hide-below-960 { display:none !important; } } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Grid units below 768px screen size are 100% wide with no margin. Padding compensates lack of margin. */ .container { width:92%; padding-left:2%; padding-right:2%; } .nested-container { width:100%; margin-left:auto; } /* Nav container with outline (if nav container has background color). Apply the same vertical margins, as container's side padding. */ .nav.has-outline > .grid-full { margin-top: 2%; margin-bottom: 2%; } /* Below 768px all grid units are stretched (full width) and stack vertically */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full, .grid-col2-sidebar, .grid-col2-main, .grid-col3-sidebar, .grid-col3-main { width:100% !important; /* Added "!important" to override units with "no-gutter" */ margin-left:0; margin-right:0; } /* Vertically aligned grid -------------------------------------------------------------- */ .v-grid-container { display:block; } .v-grid { float:inherit; display:block; width:100%; } } /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container { max-width:440px; } /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } /* Deprecated: persistent grid units (will be removed in the next update) -------------------------------------------------------------- */ /* Half */ .persistent-grid2-1 { width:48%; margin-left:1%; margin-right:1%; } /* One-third + two-thirds */ .persistent-grid3-1 { width:31.33%; margin-left:1%; margin-right:1%; } .persistent-grid3-2 { width:64.67%; margin-left:1%; margin-right:1%; } /* One-fourth + two-fourths + three-fourths */ .persistent-grid4-1 { width:23%; margin-left:1%; margin-right:1%; } .persistent-grid4-2 { width:48%; margin-left:1%; margin-right:1%; } .persistent-grid4-3 { width:73%; margin-left:1%; margin-right:1%; } /* Mobile grid (for browser viewport between 480px and 768px): Below 768px all grid units are stretched (full width) and stack vertically. The "mobile-grid" class forces narrow grid units to stay narrow, but the width is increased to avoid too small columns. -------------------------------------------------------------- */ .mobile-grid.grid12-1 { width:14.66% !important; margin-left:1%; margin-right:1%; } /* 1/12 turns into 1/6 */ .mobile-grid.grid12-2 { width:31.33% !important; margin-left:1%; margin-right:1%; } /* 1/6 turns into 1/3 */ .mobile-grid.grid12-3 { width:48% !important; margin-left:1%; margin-right:1%; } /* 1/4 turns into 1/2 */ /* Force other grid units to take half of the available width */ .mobile-grid-half { width:48% !important; margin-left:1%; margin-right:1%; } } /* Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { .container { max-width:590px; } } /* Design for a width of less than 480px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Stretch containers to full width and add side padding */ .container { max-width:none !important; width:94%; padding-left:3%; padding-right:3%; } /* Nav container with outline (if nav container has background color). Apply the same vertical margins, as container's side padding. */ .nav.has-outline > .grid-full { margin-top: 3%; margin-bottom: 3%; } } /* Mobile (Portrait) - design for a width of 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* .container { max-width:301px; } */ /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } } /* Mobile (Portrait) - design for a width of less than 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { /* .container { max-width:226px; } */ .container { max-width:none !important; width:92%; padding-left:4%; padding-right:4%; } /* Nav container with outline (if nav container has background color). Apply the same vertical margins, as container's side padding. */ .nav.has-outline > .grid-full { margin-top: 4%; margin-bottom: 4%; } /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } .hide-below-320 { display:none !important; } } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * To override or extend default CSS styles use custom.css file (refer to the user guide for details). * 2017-03-31 02:21:51 */ /* Design for a width of 960-1280 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 960px <= width < 1280px */ @media only screen and (min-width: 960px) { /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:80px; } /* Product page -------------------------------------------------------------- */ .product-view .sticker { width:80px; height:80px; } } /* Mobile, small old desktop - design for a width of less than 960px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 960px */ @media only screen and (max-width: 959px) { /* Products grid: override size of elements (values like size-s) -------------------------------------------------------------- */ /* Product labels */ .products-grid .sticker { width:45px; height:45px; font-size:1em; } .products-grid .item:hover .sticker { width:50px; height:50px; } /* Misc -------------------------------------------------------------- */ /* Scroll to top button */ #scroll-to-top { display:none !important; } /* Hide Sign Up link in Top Links */ #link-sign-up { display:none; } /* Hide amount. Note: has to be defined after aligning ".amount" center */ .toolbar .sorter .amount { display:none !important; } } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Default Magento classes -------------------------------------------------------------- */ .nobr { white-space:normal !important; } /* Cart -------------------------------------------------------------- */ .cart-table .product-name { font-size:1em; font-family: inherit; } .cart-table .product-image { max-width:80px; } /* Product page -------------------------------------------------------------- */ /* Related - simple */ .block-related-thumbnails .product-details { margin-left:0; margin-bottom:10px; clear:left; } /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:158px !important; } /*2*/ /* Direction navigation */ .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 32%; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:2.0833em; } .caption p { font-size:1.1666em; } .caption button.button span span { height: 35px; line-height: 35px; padding: 0 15px; } } /* All desktop - design for a width of 768px and wider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width */ @media only screen and (min-width: 768px) { /* Mobile accordion -------------------------------------------------------------- */ .mobile-collapsible .block-title { border-bottom:none; } /* Hide line when not on mobile */ .mobile-collapsible .opener { display:none !important; } /* Always hide when not on mobile */ .mobile-collapsible .block-content { display:block !important; } /* Always show when not on mobile */ /* See also: always make the container "relative" when ON mobile */ } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Grid and basic layout -------------------------------------------------------------- */ /* Margin for basic Magento columns */ .col-main, .col-left, .col-right { margin-bottom:30px; } /* Product view: margin for all grid units */ .product-view .grid12-1, .product-view .grid12-2, .product-view .grid12-3, .product-view .grid12-4, .product-view .grid12-5, .product-view .grid12-6, .product-view .grid12-7, .product-view .grid12-8, .product-view .grid12-9, .product-view .grid12-10, .product-view .grid12-11, /* deprecated */ .product-view .grid4-1, .product-view .grid4-2, .product-view .grid4-3, .product-view .grid2-1 /* end:deprecated */ { margin-bottom:30px; } /* Remove additional margin for main sidebars */ .col-left > * { margin-right: 0; } .col-right > * { margin-left: 0; } /* Magento utility classes -------------------------------------------------------------- */ .nobr { white-space:normal !important; } /* Forms -------------------------------------------------------------- */ .form-list .field, .form-list input.input-text, .form-list textarea, .form-list select, .form-list li.wide .input-box, .form-list li.wide input.input-text, .form-list li.wide textarea, .form-list li.wide select { max-width:100%; } /* Tables -------------------------------------------------------------- */ .data-table thead .nobr { white-space:normal !important; } .data-table th, .data-table td { padding:5px; } /* Data tables formatting -------------------------------------------------------------- */ /* Basic formatting */ .cart .data-table thead, .my-wishlist .data-table thead, .my-account .data-table thead, .order-review .data-table thead { display:none; } .cart .data-table tbody, .my-wishlist .data-table tbody, .my-account .data-table tbody, .order-review .data-table tbody { background:transparent !important; } .cart .data-table tr, .cart .data-table td, .my-wishlist .data-table tr, .my-wishlist .data-table td, .my-account .data-table tr, .my-account .data-table td, .order-review .data-table tr, .order-review .data-table td { border:none !important; background:transparent !important; display:block; width:100%; text-align:left !important; } .cart .data-table tr, .my-wishlist .data-table tr, .my-account .data-table tr, .order-review .data-table tr { border-bottom:1px solid #e5e5e5 !important; margin-bottom:20px; } /* Highlight first cell in table footer */ .my-account .data-table tfoot tr td:first-child, .order-review .data-table tfoot tr td:first-child { font-weight:bold; } /* Show cell label */ .data-table .cell-label { display:inline-block; width:30%; min-width:100px; max-width:140px; margin-right:10px; font-weight:bold; } /* Header -------------------------------------------------------------- */ /* Global notices */ .global-site-notice .notice-inner { background:none; padding:10px 0; text-align:center; } .global-site-notice .notice-inner p { width:100%; padding:0 0 10px; } .global-site-notice .notice-inner .actions { padding-bottom:5px; } /* Logo -------------------------------------------------------------- */ .header .logo-wrapper { text-align:center; } .header .logo { width:70%; margin-left:auto; margin-right:auto; } /* Quick search -------------------------------------------------------------- */ /* Search: mobile (search bar layout for narrow screens) -------------------------------------------------------------- */ .search-wrapper-mobile { display: block; /* To override possible inline styles */ clear: both; width: 100%; margin: 10px 0; /*float: none;*/ } .search-wrapper-mobile .form-search { width: 100%; max-width: 440px; margin-left: auto; margin-right: auto; } .search-wrapper-mobile .form-search .input-text { width: 100%; min-width: 100%; /* Cancel minimum width */ } /* Search: header inline -------------------------------------------------------------- */ /* Note: added .header class to override other selectors */ .header .search-wrapper-inline { display: block; clear: both; width: 100%; margin: 10px auto; } /* If wrapper is an .item, then remove side margins */ .header .item.search-wrapper-inline { margin-left:auto; margin-right:auto; } .search-wrapper-inline #search_mini_form { display: block; } .search-wrapper-inline .form-search .input-text { width:100%; } /* Other -------------------------------------------------------------- */ /* User menu (Top Links) */ .user-menu { width:100%; margin-left:0; margin-right:0; } /* Top links */ .top-links { float:left; } /* Mini cart */ .after-mini-cart { clear:none; } /* Deprecated */ /* Line breaker - disable on narrow screens */ .user-menu .line-break-after { clear:none; } /* Footer -------------------------------------------------------------- */ /* Footer elements - align center */ .footer .mobile-inline-container { text-align:center; } .footer .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; } .footer-primary-top-spacing, .footer-primary-bottom-spacing, .footer-top .links, .footer-bottom { text-align:center; } .footer-primary-top-spacing .item, .footer-primary-bottom-spacing .item, #subscribe-form, .footer-bottom .item, .footer-top .links li { float:none; display:inline-block; } .footer-top .item { float:none; } /* Simplify links */ .footer .links-wrapper-separators .links li a, .footer .links-wrapper-separators-left .links li a { background-image:none; } /* Footer elements */ .footer-primary-bottom-spacing .item { width:100%; margin:0; } .footer-bottom .item { margin-left:5px; margin-right:5px; } /* Copyright - remove space */ .footer-copyright { margin-left:0; } /* Primary and secondary section: additional inner padding */ .footer-primary > .grid-full > .section, .footer-secondary > .grid-full > .section { padding:15px 10px; } /* Layered navigation -------------------------------------------------------------- */ .block-layered-nav dd li, .block-layered-nav .currently ol li { line-height:2.3333em; background-position:3px 10px; } .block-layered-nav dd li:hover, .block-layered-nav .currently ol li:hover { background-position:6px 10px; } /* Toolbar -------------------------------------------------------------- */ /* All elements - align center and increase vertical spacing */ .pager, .sorter { text-align:center; } .pager .amount, .pager .limiter, .pager .pages, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by { display:inline-block; float:none; padding-top:0; padding-bottom:0; } .toolbar .sort-by, .toolbar .sorter .amount { border-right:none; } .sorter .per-page, .pager .per-page { display:none; } /* Category view -------------------------------------------------------------- */ .note-msg.empty-catalog { background-position:center 10px !important; color:inherit; padding:150px 10px 10px !important; text-align:center; } /* Page heading with RSS link */ .page-title { position:relative; } .page-title .link-rss { float:none; display:block; position:static; margin:10px 0 0; } /* Products list -------------------------------------------------------------- */ .products-list .product-shop-inner { padding-right:0; border-right:none; } /* Products grid: override size of elements (values like size-s) -------------------------------------------------------------- */ /* Product name */ .products-grid .product-name { font-size:1.1666em; /*14px*/ line-height:1.2307em; /*16px*/ } /* Buttons */ .products-grid .item button.btn-cart span span { padding:7px 15px; height:auto; line-height:2em; } /* Product page -------------------------------------------------------------- */ /* Wrapper for collaterals - remove top margin (grid units already have bottom margin) */ .product-view .box-additional { margin-top:0; } /* Related: remove bottom margin */ .block-related-slider { margin-bottom:0; } /* Sidebar */ .product-view .custom-sidebar-right .inner { padding-left:0; border-left:none; } .product-view .custom-sidebar-left .inner { padding-right:0; border-right:none; } /* Add-to links */ .product-view .add-to-links { text-align: center; } .product-view .add-to-links li { float: none; display: inline-block; } /* Cart -------------------------------------------------------------- */ /* Buttons below table: align center */ .cart-table tfoot tr.first td { text-align:center !important; padding:0; margin-bottom:20px; } .cart-table tfoot button { display:inline-block; float:none !important; margin:0 0 3px; padding:0; } /* One Page Checkout -------------------------------------------------------------- */ /* Step title - link "edit" */ .opc .allow .step-title a { display:none; } /* Form */ /*.opc form fieldset { display:table-column-group; }*/ /* Account -------------------------------------------------------------- */ .my-wishlist .product-image { max-width:none; } /* Items slider -------------------------------------------------------------- */ .control-nav.control-paging { display:none; } /* Deprecated */ /* If only one item exists */ .itemslider.single-item .slides > li { margin: 0 auto; } /* Deprecated */ /* Slideshow -------------------------------------------------------------- */ /* Slideshow navigation: move buttons to the top right corner */ .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-prev { top:10px; right:60px; left:auto; } .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-next { top:10px; right:10px; left:auto; } /* Deprecated */ .the-slideshow .direction-nav .prev { top:4%; right:63px; left:auto; } .the-slideshow .direction-nav .next { top:4%; right:2%; } /* Pagination */ .the-slideshow-wrapper .owl-pagination { display: none; } /* Slideshow caption */ /* Shrink font, hide all elements except heading */ .caption > * { display:none !important; } .caption .heading { display:inline-block !important; font-size:2.0833em; margin-bottom:1px; } .caption p { font-size:1.1666em; margin-bottom:1px; } .caption button.button span span { height: 30px; line-height: 30px; padding: 0 10px; } /* Cloud Zoom -------------------------------------------------------------- */ /* Hide zoom */ .cloud-zoom-big, .cloud-zoom-lens { display:none !important; } .cloud-zoom-lens { cursor:default !important; } /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 16%; } /* Lightbox -------------------------------------------------------------- */ #cboxTitle, #cboxCurrent { display:none !important; } /* Accordion -------------------------------------------------------------- */ .accordion-style1 li a { padding:15px 10px; font-size: 1.1666em; /*14px*/ line-height: 1.2857em; /*18px*/ } /* Space for openner if item has children. It has to be a few pixels wider than openner */ .accordion-style1 li.parent > a { padding-right:53px; } .accordion-style1 .opener { width:48px; height:48px; } /* Mobile accordion -------------------------------------------------------------- */ .mobile-collapsible .block-content { display:none; } /* Hide on mobile */ .mobile-collapsible { position:relative; } /* Always make "relative" when not on mobile (to avoid flickering on CSS transitions) */ } /* end: width < 768px */ /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Category view -------------------------------------------------------------- */ .products-list .product-shop, .products-list .right-column, .products-list .product-image-wrapper { width:48%; margin-left:1%; margin-right:1%; } /* Cloud zoom -------------------------------------------------------------- */ /* Broaden the slider if at least 4 thumbnails */ .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/ /* Direction navigation */ .itemslider-thumbnails.count-4 .direction-nav { display:none; } /* Shrink and align center the main image */ .img-box .product-image { width:60.4651%; /*364px*/ } } /* end: 480px <= width < 768px */ /* Design for a width of 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:31.3333%; clear:none !important; } .itemgrid.itemgrid-adaptive .item:nth-child(3n+1) { clear:left !important; } } /* end: 640px <= width < 768px */ /* Design for a width of less than 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 640px */ @media only screen and (max-width: 639px) { h1 { font-size:2em; line-height:1.25em; /*24px, 30px*/ } h2 { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } h3 { font-size:1.3333em; line-height:1.25em; /*16px, 20px*/ } h4 { font-size:1.1666em; line-height:1.1428em; /*14px, 16px*/ } h5 { font-size:1em; line-height:1em; /*12px, 12px*/ } h6 { font-size:1em; line-height:1em; /*12px, 12px*/ } /* Cloud zoom -------------------------------------------------------------- */ /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 19%; } } /* end: width < 640px */ /* Design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480 <= width < 640px */ @media only screen and (min-width: 480px) and (max-width: 639px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; } .itemgrid.itemgrid-adaptive .item:nth-child(2n+1) { clear:left !important; } } /* end: 480 <= width < 640px */ /* Design for a width of less than 480px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Products grid -------------------------------------------------------------- */ .products-grid.category-products-grid.hover-effect .item .add-to-links, /* To override "display-onhover" */ .products-grid .item .add-to-links { display: none !important; } /* Buttons -------------------------------------------------------------- */ /* Button checkout + button "Add to cart" on product page */ button.btn-checkout span span, .product-view .btn-cart span span { padding:5px 10px; } /* Grid elements -------------------------------------------------------------- */ .col2-set .col-1, .col2-set .col-2 { width:100%; } /* Header -------------------------------------------------------------- */ /* Mini cart */ #mini-cart .dropdown-toggle { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; } #mini-cart .dropdown-toggle.cover > div { background-color: transparent; color: inherit; } #mini-cart .dropdown-toggle span.icon { transition:none; } #mini-cart .dropdown-toggle .name { display:none; } #mini-cart .dropdown-toggle .caret { display:none !important; } #mini-cart .dropdown-menu { display:none !important; } #mini-cart.hide-empty-cart { display:none !important; } /* Quick compare dropdown */ #quick-compare .dropdown-toggle { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; } #quick-compare .dropdown-toggle.cover > div { background-color: transparent; color: inherit; } #quick-compare .dropdown-toggle span.icon { transition:none; } #quick-compare .dropdown-toggle .name { display:none; } #quick-compare .dropdown-toggle .caret { display:none !important; } #quick-compare .dropdown-menu { display:none !important; } #quick-compare.is-empty { display:none !important; } /* Header elements - align center -------------------------------------------------------------- */ .header .mobile-inline-container { text-align:center; } .header .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; } /* Links */ .header .links { text-align:center; } .header .links li { float:none; display:inline-block; } /* Header top */ .header-top { text-align:center; } .header-top .item { float:none; display:inline-block; margin-left:5px; margin-right:5px; } /* Inside user menu */ .user-menu { text-align:center; } .user-menu > *, .user-menu .links, /*Some blocks of links may be deeper than one level*/ .dropdown { float:none !important; display:inline-block !important; } /* previous: .user-menu { text-align:center; } .user-menu .top-links { float:none; } #mini-cart, .user-menu .links, .user-menu .links li { float:none; display:inline-block; } */ /* Simplify horizontal links */ .header .links-wrapper-separators .links li a, .header .links-wrapper-separators-left .links li a { background-image:none; } /* Products list -------------------------------------------------------------- */ .products-list .item { margin-bottom:20px; } .products-list .item:first-child { margin-top:1px; /* Move item down to uncover the border of the toolbar */ } .products-list .product-image { margin-bottom:20px; } /* Products list: disable hover effect -------------------------------------------------------------- */ /* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */ .products-list.hover-effect .item { border-top: none; } .products-list.hover-effect .item:hover { margin-left:0; margin-right:0; padding-left:0; padding-right:0; box-shadow: none !important; } /* Products grid: override size of elements (values like size-xs) -------------------------------------------------------------- */ /* Product labels */ .products-grid .sticker { width:40px; height:40px; font-size:0.9166em; } .products-grid .item:hover .sticker { width:45px; height:45px; } /* Product page -------------------------------------------------------------- */ /* Reviews */ .product-view .box-reviews .form-add .data-table th, .product-view .box-reviews .form-add .data-table td { padding:6px 1px; } .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width:90%; } /* Add-to links */ .product-view .add-to-links { text-align: inherit; } /* Toolbar -------------------------------------------------------------- */ .toolbar .limiter { display:none; } .sorter .view-mode { display:none; } .sorter .sort-by { background:none; margin-right:0; margin-left:0; padding-right:0; padding-left:0; } /* Remove right divider */ /* Pages */ .pager .pages li { display:none; } .pager .pages li.previous, .pager .pages li.current, .pager .pages li.next { display:block; } /* Account -------------------------------------------------------------- */ /* Account info + Order info */ /* .box-account.box-info .col-1, .order-info-box .col-1 { border-right:none; } .box-account.box-info .col-1 .box, .order-info-box .col-1 .box { padding-right:0; } */ .my-account .col2-set .col-1 { border-right:none; margin-bottom:20px; } .my-account .col2-set .col-1 .box { padding-right:0; } /* Order details */ .order-items .sub-title .separator { display:none; } /* Checkout -------------------------------------------------------------- */ .opc .step-title h2 { font-size:1em; line-height:2.8333em; } /* Footer -------------------------------------------------------------- */ #subscribe-form label { display: inline-block; float: none; line-height: 1em; margin: 15px 0 2px; } #subscribe-form .input-box { display: inline-block; float: none; margin: 5px 0; position: relative; width: 100%; } #subscribe-form .input-text { width:100%; max-width:100%; } #subscribe-form .button { display: inline-block; float: none; } /* Slideshow -------------------------------------------------------------- */ .the-slideshow .control-nav { display:none; } /* Deprecated */ /* Slideshow caption */ /* Shrink font. Hide all elements, even with class "permanent" (except heading with "permanent") */ .caption > *, .caption .heading, .caption .permanent { display:none !important; } .caption .heading.permanent { display:inline-block !important; } .caption .heading { font-size:1.3333em; } .caption p { font-size:1em; } /* Itemslider -------------------------------------------------------------- */ /* Pagination */ .itemslider .owl-pagination { display: none; } /* Cloud zoom -------------------------------------------------------------- */ #zoom-btn { display:none; } /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 24%; } } /* end: width < 480px */ /* Design for a width of 320px (mobile - portrait) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; } .itemgrid.itemgrid-adaptive .item:nth-child(2n+1) { clear:left !important; } /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:237px; } /*3*/ /*{ max-width:158px; }*/ /*2*/ /* Direction navigation */ .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } } /* end: 320px <= width < 480px */ /* Design for a width of less than 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { /* Disable hover effect -------------------------------------------------------------- */ /* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */ .category-products-grid.hover-effect .item { border-top: none; } .category-products-grid.hover-effect .item:hover { margin-left:0; margin-right:0; padding-left:1%; padding-right:1%; box-shadow: none !important; } /* Show elements normally displayed only on hover */ .category-products-grid.hover-effect .item .display-onhover { display:block !important; } /* Show full name even if enabled: display name in single line */ .products-grid.single-line-name .item .product-name { overflow: visible; white-space: normal; } /* Spaces between items */ .category-products-grid.hover-effect .item { margin-bottom: 20px; } /* Product page -------------------------------------------------------------- */ /* Related - thumbnails */ .block-related-thumbnails .product-details { margin-left:0; margin-bottom:10px; clear:left; } .block-related-thumbnails .product-details .price-box { display: inline-block; margin-right:5px; } .block-related-thumbnails .product-details .related-add-to-wishlist { display: inline-block; } /* Item grid -------------------------------------------------------------- */ /* Always show 1 column */ /* Important: added ".itemgrid" class to override other styles */ .itemgrid.itemgrid-adaptive .item { width:98%; clear:none !important; } /* Cloud zoom -------------------------------------------------------------- */ /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 32%; } /* Slideshow -------------------------------------------------------------- */ .the-slideshow-wrapper .owl-buttons { display: none; } .the-slideshow .direction-nav { display:none; } /* Deprecated */ } /* end: width < 320px */ /* Design for a width of 240px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 240px <= width < 320px */ @media only screen and (min-width: 240px) and (max-width: 319px) { /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:158px; } /*2*/ } /* end: 240px <= width < 320px */ /* Design for a width of lass than 240px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 240px */ @media only screen and (max-width: 239px) { /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-2, .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:79px !important; } /*1*/ /* Direction navigation */ .itemslider-thumbnails.count-2 .direction-nav, .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } } /* end: width < 240px */ /* Start Add FONTS */ @font-face { font-family: 'proxima_nova_bold'; src: url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_bold-webfont.eot'); src: url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_bold-webfont.eot?#iefix') format('embedded-opentype'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_bold-webfont.woff') format('woff'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_bold-webfont.ttf') format('truetype'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_bold-webfont.svg#proxima_nova_bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_regular'; src: url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_regular-webfont.eot'); src: url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_regular-webfont.eot?#iefix') format('embedded-opentype'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_regular-webfont.woff') format('woff'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_regular-webfont.ttf') format('truetype'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_regular-webfont.svg#proxima_nova_rgregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_light'; src: url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_light-webfont.eot'); src: url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_light-webfont.eot?#iefix') format('embedded-opentype'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_light-webfont.woff') format('woff'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_light-webfont.ttf') format('truetype'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_light-webfont.svg#proxima_nova_ltlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_semibold'; src: url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_semibold-webfont.eot'); src: url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_semibold-webfont.eot?#iefix') format('embedded-opentype'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_semibold-webfont.woff') format('woff'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_semibold-webfont.ttf') format('truetype'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_semibold-webfont.svg#proxima_nova_semibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_black'; src: url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_black-webfont.eot'); src: url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_black-webfont.eot?#iefix') format('embedded-opentype'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_black-webfont.woff') format('woff'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_black-webfont.ttf') format('truetype'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_black-webfont.svg#proxima_nova_black') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_extrabold'; src: url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_extrabold-webfont.eot'); src: url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_extrabold-webfont.woff') format('woff'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_extrabold-webfont.ttf') format('truetype'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_extrabold-webfont.svg#proxima_nova_extrabold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_thin'; src: url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_thin-webfont.eot'); src: url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_thin-webfont.eot?#iefix') format('embedded-opentype'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_thin-webfont.woff') format('woff'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_thin-webfont.ttf') format('truetype'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_thin-webfont.svg#proxima_nova_ththin') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanssemibold'; src: url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/opensans-semibold-webfont.eot'); src: url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/opensans-semibold-webfont.woff') format('woff'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/opensans-semibold-webfont.ttf') format('truetype'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_black_It'; src: url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_black_italic-webfont.eot'); src: url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_black_italic-webfont.eot?#iefix') format('embedded-opentype'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_black_italic-webfont.woff') format('woff'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_black_italic-webfont.ttf') format('truetype'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_black_italic-webfont.svg#proxima_nova_black_It') format('svg'); font-weight: normal; font-style: normal; } /* End Add FONTS */ /* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @font-face { font-family: 'FontAwesome'; src: url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/fontawesome-webfont.eot?v=4.1.0'); src: url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } * { margin:0; padding:0; box-sizing:border-box;-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;} html { font-size:16px; /* Fix for Opera */} body { font:14px/1.3 "proxima_nova_regular'", Arial, Helvetica, sans-serif; background-color:#fff; color:#1e242f; text-align:center;overflow-x: hidden; } #root-wrapper {overflow-x:hidden } img { border:0; vertical-align:top; max-width:100%; } .locator-state a, a { text-decoration:none; color: #1b3b87;} a:hover { text-decoration:underline;} :focus { outline:0; } /* Headings */ h1,h2,h3, h4,h5,h6 { margin:0 0 10px; font-weight:normal; text-transform: none;} h1 { font-size:42px; margin-bottom:20px; font-family: 'Slabo 13px', serif; letter-spacing: -0.25px; color: #1e242f;} h2 { font-size:32px; font-family: 'Slabo 13px', serif; letter-spacing: -0.25px; color: #1e242f;} h3 { font-size:24px; font-family: 'proxima_nova_regular', serif; letter-spacing: -0.25px;} h4 { font-size:18px; font-family: 'proxima_nova_bold', serif; letter-spacing: 0;} h5 { font-size:14px; font-family: 'proxima_nova_bold', serif; letter-spacing: 0.1px; } h6 { font-size:12px; font-family: 'proxima_nova_regular', serif; letter-spacing: 0.1px; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ strong { font-weight:bold; } address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } sup { font-size:1em; vertical-align:top; } /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; min-height:147px; position:relative; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .store-name { font-family: 'proxima_nova_bold'; font-size: 18px; color: #364052; } /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .wrapper {} .page { text-align:left; background-repeat:repeat; background-position:center top; } .page-print { background:#fff; padding:20px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; background:#fff; } .catalog-product-compare-index {overflow-x:scroll} .main-container { background-repeat:repeat; background-position:center top; } .main { padding:20px 0; min-height:370px; } /* Decrease padding on home page */ /* Base Columns */ .col-left { float:left; } .col-main { float:left; } .col-right { float:right; } /* 1 Column Layout */ .col1-layout .col-main {width: 98%;margin-left: 1%;margin-right: 1%;display: block;} /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main {} .col3-layout .col-wrapper { float:left; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .col-narrow { width:33%; } .col2-set .col-wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Form Elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic -------------------------------------------------------------- */ input, select, textarea, button { font:12px/15px Arial, Helvetica, sans-serif; vertical-align:middle; } /* Fix: remove default formatting on iOS (e.g. rounded corners) */ input.input-text, textarea { -webkit-appearance:none; } input.input-text, select, textarea { background:#fff; border:1px solid #dee4ed; color:#999; font-family: "proxima_nova_regular"; padding: 5px 13px; font-size: 14px; /* Box model */ -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; /* Remove default formatting, fix for iOS (rounded corners and shadow) */ -webkit-border-radius:0px; border-radius:0px; -webkit-box-shadow:none; box-shadow:none; width:100% } .footer-top input.input-text{ height: 48px;} input.input-text{ height: 40px;/* line-height:40px; */ } select { height:36px; padding:8px; text-overflow:ellipsis; } select.multiselect { height: auto; } input.input-text, textarea { padding:8px; text-overflow:ellipsis; } select option { padding-right:10px; padding-left:5px; } select.multiselect option { border-bottom:1px solid #eee; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:3em; text-align:center; } /* Active and others -------------------------------------------------------------- */ input.input-text:hover, select:hover, textarea:hover, input.input-text:focus, select:focus, textarea:focus { border-color:#d1d7e0; color:#999; outline:none; -moz-box-shadow: 0 0 5px rgba(153,153,153,.2); /* outer glow */ -webkit-box-shadow: 0 0 5px rgba(153,153,153,.2); /* outer glow */ box-shadow: 0 0 5px rgba(153,153,153,.2); /* outer glow */ } input.input-text:disabled, select:disabled, textarea:disabled {} /* .form-search .input-text:hover, .form-search .input-text:focus {padding-left:10px;} */ /* Buttons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.button span,button.btn-cart span, .find-a-store a.button, .in-store-only span { font-family: 'proxima_nova_bold'; float:left; display:block; padding:0; font-size:18px; text-align:center; white-space:nowrap; background-color:#a3aeb2; color:#fff; border-radius: 4px; background-color: #a3aeb2; -moz-border-radius: 4px; -webkit-border-radius: 4px; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } button.button span span{ padding:0 25px; height:40px; line-height:40px; } button.button.btn-bag span { background: #54b200; } button.button.btn-bag:hover span, button.button.btn-bag span:hover { background: #4a9c00; } .availability.in-store-only a:hover{text-decoration: none;} .availability.in-store-only span {width:100%;display:block;height:51px;line-height:51px;} /*custom style guide*/ ::-webkit-input-placeholder {color: #999 !important;} :-moz-placeholder { /* Firefox 18- */color: #999 !important;} ::-moz-placeholder { /* Firefox 19+ */color: #999 !important;} :-ms-input-placeholder {color: #999;} input.validation-failed, select.validation-failed, textarea.validation-failed, input.validation-failed:hover, select.validation-failed:hover, textarea.validation-failed:hover, input.validation-failed:focus, select.validation-failed:focus, textarea.validation-failed:focus { color: #e50b14; border: 1px solid #e50b14; /* stroke */ /*background-color: #919b9f; /!* layer fill content *!/*/ -moz-box-shadow: 0 0 4px rgba(229,11,20,.2); /* outer glow */ -webkit-box-shadow: 0 0 4px rgba(229,11,20,.2); /* outer glow */ box-shadow: 0 0 4px rgba(229,11,20,.2); /* outer glow */ } input.validation-passed, select.validation-passed, textarea.validation-passed, input.validation-passed:hover, select.validation-passed:hover, textarea.validation-passed:hover, input.validation-passed:focus, select.validation-passed:focus, textarea.validation-passed:focus { color: #56c611; border: 1px solid #55c611; /* stroke */ background-color: #fff; /* layer fill content */ -moz-box-shadow: 0 0 5px rgba(85,170,33,.2); /* outer glow */ -webkit-box-shadow: 0 0 5px rgba(85,170,33,.2); /* outer glow */ box-shadow: 0 0 5px rgba(85,170,33,.2); /* outer glow */ } .validation-passed{border: 1px solid #56c611} .validation-advice{font-size: 12px;} button.button.validation-passed{border: none} input[type=radio]{opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} input[type="radio"] + label{display: block!important;padding: 0 0 0 40px;position: relative;} input[type="radio"] + label:before{background: none repeat scroll 0 0 #fff;border: 10px solid #fff;border-radius: 20px;box-shadow: 0 0 0 1px #dddddd;content: "";height: 10px;left: 0;position: absolute;top: 0;width: 10px;} input[type="radio"] + label { min-height: 35px; cursor: pointer; } input[type="radio"]:checked + label:after{ content: ''; display: block; width: 10px; height: 10px; background: #364052; position: absolute; left: 10px; top: 50%; border-radius: 50%; margin-top: -8px; } input[type=checkbox]{opacity: 0} input[type="checkbox"] + label{display: block!important;padding: 0 0 0 40px;position: relative;line-height: 30px;} input[type="checkbox"] + label:before{background: none repeat scroll 0 0 #fff;border: 1px solid #dee4ed;content: "";height: 28px;left:0;position: absolute;top: 0;width: 28px;} input[type="checkbox"]:checked + label:before{background-image: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland/sprites.png");background-position: 8px -1405px;background-repeat: no-repeat} /* Smaller button - for inline display with input boxes -------------------------------------------------------------- */ button.button.btn-inline span span, .product-view .box-tags .form-add button.button span span { } /* Big button: Add to cart (product view) & Proceed to checkout -------------------------------------------------------------- */ .product-view .btn-cart span span, button.btn-checkout span span { padding:0px!important; font-size:24px; color:#fff;line-height:50px;height:50px; /*14px*/ } /* Fancybox-content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #fancybox-content h2 { font-size: 28px; padding-left: 4px; } .customer-address-form #fancybox-wrap #fancybox-content input[type="radio"] { opacity: 0 !important; } .customer-address-form #fancybox-wrap #fancybox-content input[type="radio"] + label { line-height: 31px; } .customer-address-form.body-account .fieldset .legend { text-transform: none; } .customer-address-form.body-account .form-list .field, .customer-address-form.body-account .form-list .field:first-child, .customer-address-form.body-account .form-list .field:last-child { margin-bottom: 25px; } .customer-address-form.body-account .form-list label { color: #666; margin: 0; line-height: 40px; } .customer-address-form.body-account .form-list .input-box { clear: none; float: right; } .customer-address-form.body-account .form-list .input-box .selector, .customer-address-form.body-account .form-list .input-box .input-text { min-width: 566px; } .customer-address-form.body-account .form-list li:not(:last-child) { margin-bottom: 25px; } .customer-address-form.body-account .form-list .control .input-box { float: left; } .customer-address-form.body-account .form-list .control .input-box label { line-height: 31px; } .customer-address-form.body-account button.button { background: #a3aeb2; border-radius: 5px; } .customer-address-form.body-account button.button:hover { background: #919b9f; } .customer-address-form.body-account button.button span { background: none; font-family: 'proxima_nova_bold', serif; text-transform: none; line-height: 40px; } /* Form %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form lists */ /* Grouped fields */ .form-list li { margin:0 0 6px; } .form-list label { float:left; font-weight:normal; position:relative; z-index:0; margin:0 0 6px 0; } #onestepcheckout-form .form-list label { float: none; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; position:absolute; top:0; right:-8px; } .form-list li.control label { float:none; line-height: 31px;} .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right:6px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } .form-list .input-box { display:block; clear:both; } .form-list .field { float:left; width:100%; margin-bottom:5px;} .form-list input.input-text { width:100%; /*244px;*/ } .form-list textarea { width:100%; height:10em; } .form-list select { width:100%; } .form-list li.additional-row { border-top:1px solid #e5e5e5; margin-top:10px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } .account-create .field.name-lastname {margin-top:25px;} .account-create .form-list .field {margin-bottom:0px;} .account-create .fieldset {margin-bottom:0px; padding: 0;} .account-create .fieldset.fieldset-pass { background: #f6f7f8; padding: 25px; } .account-create .fieldset.fieldset-pass .form-list .input-box .input-text { min-width: 443px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .name-middlename { width:70px; } .form-list .name-middlename input.input-text { width:49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width:140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } /* Orders and Returns form -------------------------------------------------------------- */ #oar_widget_orders_and_returns_form .buttons-set button { float: left; } #oar_widget_orders_and_returns_form .buttons-set .required { text-align: left; } /* Fieldset -------------------------------------------------------------- */ /* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */ .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set { margin:0 0 10px; padding:0; } .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend {} /* Buttons set -------------------------------------------------------------- */ .buttons-set { clear:both; margin:10px 0; } .buttons-set button.button { float:right; margin-right:5px; margin-bottom:5px; } .buttons-set p.required { margin:0 5px 5px 0; } .contacts-index-index .buttons-set { float:left; margin-top:-10px; } .contacts-index-index .buttons-set .required { text-align:left; } .buttons-set .back-link { float:left; margin-bottom:5px; } .buttons-set .back-link a { display:block; line-height:36px; /* Icon size */ } .buttons-set .back-link small { display:inline-block; margin-right:5px; width:36px; height:36px; text-indent:-9999px; background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-107px -107px; } .buttons-set .back-link:hover small { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png); background-position:-107px -157px; } button.disabled {} button.disabled span {color:#fff!important} /* Form Validation -------------------------------------------------------------- */ .validation-advice { clear:both; font-size:0.9166em; line-height:1em; color:#ee001c; margin-top:5px; } .validation-failed { border:1px solid #ee001c; background:#fff } .validation-passed {} /* Required */ p.required { font-size:0.8333em; /*10px*/ text-align:right; } p.required, .product-options dt label.required em, .form-list label.required em { color:#666; color: #d02626;} /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Specific buttons set -------------------------------------------------------------- */ /* Log in */ .account-login .buttons-set button span span, /* Create account */ /* Forgot password */ .customer-account-forgotpassword .buttons-set button span span, /* Orders and Returns form */ #oar_widget_orders_and_returns_form .buttons-set button span span, /* Contact us */ .contacts-index-index .buttons-set .button span span { min-width: 170px;padding:0px; } /* Global Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .success { color:#fff; font-weight:normal; } .error { color:#fff; font-weight:normal; } .notice { color:#000; } .messages, .messages ul { list-style:none !important; margin:0; padding:0; } .messages { overflow:hidden; margin:0 1% 10px; } .messages li { margin:0 0 1%; } .messages li li { margin:0; } .messages a { text-decoration:underline; color:#fff;} .catalog-category-view .messages { margin-top:15px; } .my-account .messages {margin:0px 0px 10px;} .error-msg, .success-msg, .note-msg, .notice-msg { padding:13px 0px 13px 0px !important; font-size:14px !important; text-align:center;border-radius:2px; } .error-msg { border-color:#e50b14; background-color:#e50b14; color:#fff; } .success-msg { border-color:#56c611; background-color:#56c611; color:#fff; } .note-msg, .notice-msg { border-color:#364052; background-color:#364052; color:#fff; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs-container { padding: 20px 0 0px; color: #374153; font-size: 12px; clear: both; float: none; width: 100% } .breadcrumbs-container a { color: #374153; } .breadcrumbs-container li { display: inline-block; } .breadcrumbs-container li * { display: inline-block; vertical-align: middle; } .breadcrumbs a { display:block; float:left; } .breadcrumbs li > span:before { content: "\f105"; font-family: "FontAwesome"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; margin: 0 2px; } .breadcrumbs li strong { font-weight:normal; display:block;font-size: 12px; } /* Page Heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-title h1, .page-title h2 { margin-bottom:0;font-size: 42px;font-family: "Slabo 13px" } .page-title { margin-bottom:19px} /*.category-title { margin-bottom:10px; }*/ .catalogsearch-result-index .page-title h1 {word-wrap:break-word} /* Links in page title */ .page-title .separator { margin:0 3px; } .page-title .separator, .page-title .link-reorder, .page-title .link-rss, .page-title .link-print { font-weight:normal; display:inline-block; margin-top:10px; } .page-title .link-rss { float:right; margin-top:15px; } /* Title with buttons */ .title-buttons { text-align:right; } .title-buttons button { margin-left:1em; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; text-align:left; /* TRICKY: align left as opposition to other elements */ } /* Buttons - adjust the height of heading buttons in customer account (required for the Address Book) */ .my-account .title-buttons button span span { height:35px; line-height:35px; } /* Toolbar: pager and sorter %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* View mode */ .toolbar .sorter .view-mode { display: none;} .sorter .view-mode label { margin-right:5px; } .sorter .view-mode .grid, .sorter .view-mode .list { display:inline-block; vertical-align:middle; width: 59px;height: 60px;line-height: 60px; margin:0 ; background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/img/pix.png); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; } .toolbar .sorter .view-mode span.grid{background-position:0 -193px;} .toolbar .sorter .view-mode span.list{background-position:-60px -193px;} .toolbar .sorter .view-mode a.grid{background-position:0 -252px;} .toolbar .sorter .view-mode a.list{background-position:-60px -252px;} .toolbar .sorter .view-mode a.grid:hover{background-position:0 -193px;} .toolbar .sorter .view-mode a.list:hover{background-position:-60px -193px;} /* Sort by */ .toolbar .sorter .sort-by { float:right; margin-right:10px; } .sorter .sort-by .category-asc, .sorter .sort-by .category-desc { display:inline-block; text-indent:-9999px; overflow:hidden; margin: 0;padding: 0; position: relative; } .sorter .sort-by .category-asc:before, .sorter .sort-by .category-desc:before { content: ''; display: block; position: absolute; width: 14px; height: 14px; border: 1px solid #7b8391; left: 50%; margin-left: -8px; } .sorter .sort-by .category-asc:before { border-width: 1px 1px 0 0; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); bottom: 7px; } .sorter .sort-by .category-desc:before { border-width: 0 0 1px 1px; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 7px; } /* Pager -------------------------------------------------------------- */ .pager { margin:10px 0; padding:0; } .pager .pages { float:right; vertical-align:middle; /* Vertical align to fix positionning issue */ } .pager .pages strong, .pager .pages span { float:left; margin-right:5px; font-weight:normal; color: #666; } .pager .pages ol { display:inline-block; vertical-align:middle; } .pager .pages li { float:left; margin:0 0 0 10px; display:block; text-align:center; } .pager .pages li a { display:block; background-color:transparent; color:inherit; } .pager .pages li.current{color: #fff} .pager .pages li a.previous, .pager .pages li a.next { text-indent:-9999px; overflow:hidden; height: 30px;line-height: 30px; } /* Toolbar. Pager and sorter inside toolbar -------------------------------------------------------------- */ .toolbar { background: #f1f4f8; margin-top: 25px; /* Move up to cover adjacent lines/elements */ position:relative; z-index:1; margin-bottom: 15px; } .toolbar .pager {display: none} /* Pager inside toolbar - align center */ .toolbar .pager { margin:0; border-bottom:none; border-top:1px dashed #e5e5e5; text-align:center; padding-right: 16px} .toolbar .pager .pages { display:inline-block; float:right; } /* Bottom toolbar */ .toolbar-bottom { margin-top:10px; } .toolbar-bottom .toolbar { border-bottom:none;text-align: left } .toolbar-bottom .toolbar .pager { border-top:none;text-align: left } .toolbar-bottom .sorter { display:none; } .toolbar-bottom .toolbar .pager{display: block} .toolbar-bottom .pager .amount,.toolbar-bottom .pager a.view-all{ } .toolbar-bottom .pager .amount:after { content: '|'; margin: 0 2px; } .toolbar-bottom .pager a.view-all{ color: #364052; text-transform: none;line-height: 12px; } .toolbar-bottom .toolbar .pager .pages{float: right} .toolbar-bottom .toolbar .pager .pages li.current{color: #fff} .toolbar .sorter .sort-by{width: 200px;display: inline-block;text-align: left} .toolbar .sorter label{ margin-right: 10px; color: #666; } @media (max-width: 479px) { .toolbar-bottom .pager .amount,.toolbar-bottom .pager a.view-all{ display: none; } .toolbar-bottom .toolbar .pager .pages { float: none; } .toolbar-bottom .toolbar .pager { text-align: center; } } .toolbar .sorter .sort-by div.selector {width: 95px !important;} .toolbar .sorter .limiter div.selector {width: 55px !important;margin-right: 10px} .toolbar .sorter div.selector span{height: 36px;line-height: 36px} .toolbar .sorter div.selector span:after{top: 14px} .toolbar div.selector span:before{border-width: 5px 3px;border-color: #323232 transparent transparent transparent;right: 8px } .toolbar div.selector span:after{display: none} /* Common styles for toolbar elements -------------------------------------------------------------- */ /* Size */ .sorter, .pager { line-height:36px; } /* Important: the same as the height of the form elements */ .sorter .sort-by .category-asc, .sorter .sort-by .category-desc { width:36px; height:36px; line-height:36px; } .pager .pages li { width:30px; height:30px; line-height:30px; } /* Amount */ .pager .amount, .sorter .amount { display: inline-block;margin: 0 auto;font-family: "proxima_nova_regular";color: #364052;font-size: 14px; text-transform: uppercase; letter-spacing: 1px; } .pager .amount strong, .sorter .amount strong { font-weight: normal; } /* Limiter */ .pager .limiter, .sorter .limiter { float:right; } /* All elements - vertical spacing */ .pager .amount, .pager .limiter, .pager .pages, .sorter .amount, .sorter .limiter, /*.sorter .view-mode,*/ .sorter .sort-by {line-height: 60px;line-height: 60px;padding: 0 } /* Data Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .data-table { width:100%; } .data-table th, .data-table td { padding:15px 20px; } .data-table thead { background:none; border-bottom:1px solid #e5e5e5; } .data-table thead th { vertical-align: middle; border-bottom: 1px solid #dee4ed; text-transform: uppercase; color: #666; } .data-table thead th:first-child { padding-left: 0; } .data-table thead th:last-child { padding-left: 0;} .data-table thead th.wrap { white-space:normal; } .data-table td {border-bottom:1px solid #dee4ed;padding-top:20px;padding-bottom:20px;} .data-table tr.odd td.last { border-right:none; } .data-table tr.even td.last { border-right:none; } .data-table tbody tr:hover {} .data-table tbody tr.product-shop-row:hover { background-color:#fff; } /*TODO:?*/ .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.odd tr.last { border-bottom:#e5e5e5 solid 1px; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td {} .data-table th .tax-flag { font-weight:normal; } /* Additional classes for mobile devices -------------------------------------------------------------- */ /* Cell title */ .data-table .cell-label { display:none; } /* Shopping cart total summary row expandable to details %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -53px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#f5f5f5; color:#777; padding:2px 5px !important; } tr.summary-details-first td { border-top:1px solid #d5d5d5; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -53px; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .link-cart { font-weight:bold; } .link-print { background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/i_print.gif) left top no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/i_rss.gif) 0 center no-repeat; padding-left:16px; white-space:nowrap; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; font-weight:normal; color:#e5e5e5; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#e5e5e5; text-indent:-9999em; overflow:hidden; } /* Global site notices -------------------------------------------------------------- */ /* Obsolete: */ .global-site-notice { background:#f5f5f5; color:#333; } .global-site-notice .notice-inner { max-width:66%; margin:0 auto; padding:10px 0 10px 80px; background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/i_notice.gif) 20px center no-repeat; text-align:left; } .global-site-notice .notice-inner p { width:80%; margin:0; padding:10px 10px 10px 0; display:inline-block; vertical-align:middle; } .global-site-notice .notice-inner .actions { display:inline-block; vertical-align:middle; } /* Cookie Notice */ .notice-cookie {} /* Noscript Notice */ .noscript {} /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; } .demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; } .demo-notice .notice-inner p { padding:0; border:0; } /* Buttons remove/close and edit %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Common styles for buttons -------------------------------------------------------------- */ .btn-remove, .btn-remove2, .btn-edit, .tool-tip .btn-close a { display:block; width:17px; height:17px; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .btn-remove, .btn-remove2, .tool-tip .btn-close a { background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/img/pix.png) 0 -150px no-repeat; } /* Button edit -------------------------------------------------------------- */ .btn-edit { background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/img/pix.png) 0 -167px no-repeat; margin:0 5px 0 0; } .btn-edit:hover { background-position: -17px -167px; } .btn-edit:active { background-position: -34px -167px; } /* Class: std %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } .std dl, .std p, .std address, .std blockquote { margin:0; padding:0; } /* Lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered lists -------------------------------------------------------------- */ /* Common basic styling */ ul.bullet, ul.disc { margin:1em 0; padding:0; } /* Disc */ ul.disc { list-style:disc outside none; padding-left:1.5em; } ul.disc li { background-image:none; padding-left:0; } /* Bullet */ ul.bullet { list-style:none outside none; } ul.bullet li { background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } ul.bullet li:hover { background-position:3px 0; } /* Different bullets. IMPORTANT: use together with class "bullet" */ ul.list1 li { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/infortis/_shared/cck/list/list1.png); } ul.list2 li { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/infortis/_shared/cck/list/list2.png); } ul.list11 li { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/infortis/_shared/cck/list/list11.png); } ul.list12 li { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/infortis/_shared/cck/list/list12.png); } ul.list13 li { background-image:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/infortis/_shared/cck/list/list13.png); } /* Separator */ ul .separator { border-bottom:1px solid #fff; margin:8px 1px; overflow:hidden; } /* Nested unordered lists -------------------------------------------------------------- */ ul.bullet ul, ul.disc ul { margin-top:0.5em; margin-bottom:0.5em; } ul.bullet ul li, ul.disc ul li { background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/infortis/_shared/cck/list/bullet-small.png) 0 0 no-repeat; padding-left:1.5em; } /* Lists inside ".std" %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered list without any bullets */ .std ul.no-bullets { list-style:none outside none !important; padding-left:0 !important; } .std ul.no-bullets li { background-image:none !important; padding-left:0 !important; } /* Ordered lists */ .std ol { list-style:decimal outside; margin:10px 0; padding:0 0 0 1.5em; } .std ol ol, .std ul ol, .std ol ul { margin:0.5em 0; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* Override std styles for selected elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .std .products-grid p { margin-bottom:0; } /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-container, .header-container2, .header-container3 { background-repeat:repeat; background-position:center top; background-attachment: scroll; } .header { padding:0; } /* Misc header elements -------------------------------------------------------------- */ .header .item-left { float:left; margin-right:20px; } .header .item-right { float:right; margin-left:20px; } .header .welcome-msg {font-size: 12px;margin: 0;font-weight:normal;-webkit-font-smoothing: antialiased; font-family: 'proxima_nova_regular', sans-serif;} /* Header top %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top .lang-switcher, .header-top .currency-switcher { margin:0; } .header-link-right a{ font-family: 'proxima_nova_semibold';font-size: 12px;text-transform: none;font-weight:normal;-webkit-font-smoothing: antialiased;color: #1e242f; } .header-link-right a span { background: #a3aeb2; border-radius: 3px; color: #fff; display: inline-block; line-height: 14px; margin-bottom: 3px; margin-left: 3px; min-width: 14px; padding-bottom: 0; padding-left: 2px; padding-right: 2px; text-align: center; vertical-align: middle; } .header-link-right li{float: left;margin-left: 17px} /* Logo %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-main{height: 70px} .header .logo-wrapper { text-align: center;position: relative} .header .logo { display:inline-block; margin: 0; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } /* User menu, top links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .user-menu { float:right; margin:10px 0 10px 10px; } #mini-cart { float:right; } .top-links { float:right; } /* Set floating because there can be more than one list of links. */ .top-links ul { float:right; } .header .header-right{ text-align: right; margin-top: 35px; } .header .header-right .mini-cart{ text-align: left; } .header-right a{font-size: 16px} .feature-icon-hover > a { margin-top: 5px;} .header-right .store_locator{ background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/location_df.svg) no-repeat; background-position: 2px 9px; background-size: 17px; font-size:16px; font-family: 'proxima_nova_semibold'; padding-left: 27px;height: 22px;display: inline-block;line-height: 44px;height: 40px;color : #1e242f; } .header-static-block{padding: 12px 0 } .header-static-block li { border: 4px solid #f6f7f8; font-size: 12px; line-height: 13px; font-family: "proxima_nova_black"; text-transform: uppercase; box-sizing: border-box; padding: 10px 0 5px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-font-smoothing: antialiased; } .header-static-block li h2 {font-size: 18px;margin: 0;line-height: 13px;font-weight:normal} .header-static-block li strong{font-weight: normal;font-family: "proxima_nova_black"} .header-static-block li h2 a {font-size: 18px;margin: 0;line-height: 13px;font-weight:normal;} .header-static-block li strong a {font-weight: normal;font-family: "proxima_nova_black";} .header-static-block li h2 a:hover {font-size: 18px;margin: 0;line-height: 13px;font-weight:normal; text-decoration: none; } .header-static-block li strong a:hover {font-weight: normal;font-family: "proxima_nova_black"; text-decoration: none;} /* Quick search %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top-search-wrapper { float:left; margin:10px 0; } /* Deprecated class */ #search_mini_form { clear:both; display:block; } .form-search { position:relative; width: 270px; display: inline-block; } .form-search label { float:left; margin:3px 4px 0 0; display:none; } .form-search .input-text { height:26px; line-height:26px; /*IE8*/ padding:0; /*0 0 0 5px;*/ color:#bbb; background-color:#fff; overflow:hidden; text-overflow:ellipsis; float: left; padding: 5px 0; width: 80%; padding-left:10px; } /* Button */ .form-search{ width: 100%; margin-top: 35px; } .form-search .button { position: absolute; margin-right: 10px; margin-top: 8px; right: 0; z-index: 1; } .form-search .button span { background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/search_df.svg) no-repeat; width:22px; height:36px; background-position: center 3px; background-size: 22px; margin:1px; } .form-search .button:hover span {background-color:transparent; } .form-search .button span span { background:none; display:none; } /* Search autocomplete */ .form-search .search-autocomplete { left:0 !important; /*Fix for IE*/ top:42px !important; position:relative; z-index:4100 !important; } .form-search .search-autocomplete ul { background-color:#fff; text-align:left; padding:3px; } .form-search .search-autocomplete li { padding:3px 5px; cursor:pointer; line-height: 24px; } .form-search .search-autocomplete li .amount { float:right; padding-left:5px; } /* Quick search: skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search: small box -------------------------------------------------------------- */ .search-wrapper-small .form-search .input-text { height:28px; line-height:28px; /*IE8*/ } .search-wrapper-small .form-search .button span { background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png) no-repeat transparent; background-position: -61px -111px; /*-59px -109px*/ width:28px; height:28px; } .search-wrapper-small .form-search .search-autocomplete { top:30px !important; } /* Search: inline -------------------------------------------------------------- */ .search-wrapper-inline #search_mini_form { display: inline-block; vertical-align: middle; } /* Quick search: positions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .search-wrapper-centered .form-search .input-text { float:left; font-size: 16px; width: 100%; height: 43px; border: 1px solid #d6dbe4; z-index: 0;} /* Mini-cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #mini-cart { position:relative; } .after-mini-cart { clear:both; } /* Mini-cart Heading -------------------------------------------------------------- */ #mini-cart .dropdown-toggle { width: 80px;height: 40px; } #mini-cart .caret{display: none} #mini-cart .icon.i-cart{ background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/search_df.svg) no-repeat; background-position: right top; background-size: 28px; width: 34px;height:40px; margin: 0; } #mini-cart .feature-icon-hover{width: 100%;padding: 0;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;} #mini-cart .feature-icon-hover > a { margin-right: 17px; } #mini-cart .feature-icon-hover > a.summary {display: none;} #mini-cart .feature-icon-hover > div { text-align: center; background: #00b6f1; color: #fff; font-size: 14px; height: 20px; width: 25px; line-height: 20px; min-width: 25px; width: auto; position: absolute; right: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-family: 'proxima_nova_bold'; } #mini-cart.open > .dropdown-toggle.cover > div {background: none;} /* Deprecated: */ #mini-cart .dropdown-toggle .icon-cart { width:14px; max-height:32px; background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/img/pix.png) 0px -205px no-repeat; } /* Mini-cart content -------------------------------------------------------------- */ #mini-cart .dropdown-menu { top: 47px; width:380px; padding: 0; text-align:left; /* Because cart can be aligned center */ border: 1px solid #d6dbe4; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #mini-cart .dropdown-menu:before, #mini-cart .dropdown-menu:after { position: absolute; top: 0; right: 20px; content: ''; border-style: solid; border-width: 12px; border-color: transparent; border-bottom-width: 12px; margin-top: -24px; } #mini-cart .dropdown-menu:before { border-bottom-color: #d6dbe4; margin-top: -25px; } #mini-cart .dropdown-menu:after { border-bottom-color: #fff; } #mini-cart .dropdown-menu .incl-tax { display:block; padding-bottom:10px; text-align:right; } #mini-cart .dropdown-menu .empty { padding:16px 0 0px;letter-spacing: -0.1px; } #mini-cart .block-subtitle { padding:0; margin:0 0 10px; } #mini-cart .product-name {} #mini-cart .btn-remove, #mini-cart .btn-edit { float:right; margin-top: 5px} #mini-cart .product-details strong { font-weight:normal; font-family: 'proxima_nova_regular'; } #mini-cart .actions a { display: block; text-align:center; padding: 13px 0; margin: 10px; color: #294d98; font-family: 'proxima_nova_semibold'; font-size: 16px; } #mini-cart .actions a:hover { text-decoration: none; } #mini-cart .cart-sidebar-top { padding: 5%; padding-top: 50px; padding-bottom: 20px; font-family: 'proxima_nova_regular'; position: relative; } #mini-cart .cart-sidebar-top > .close { display: block; width: 14px; height: 14px; background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/plus_df.svg) no-repeat center center; background-size: 20px; cursor: pointer; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -mstransform: rotate(45deg); position: absolute; top: 20px; right: 20px; } #mini-cart .cart-sidebar-top span.qty-total strong{font-family: 'proxima_nova_semibold'; font-weight: normal;} #mini-cart .cart-sidebar-top div.price-total span.price{font-family: 'proxima_nova_semibold';} #mini-cart .btn-checkout {width: 100%;} #mini-cart .btn-checkout span span { font-family: 'proxima_nova_bold'; font-size: 18px; text-transform: none; background: #54b200; } #mini-cart .btn-checkout span span:before{ content: ""; display: inline-block; margin-right: 3px; vertical-align: middle; margin-top: -5px; width: 20px; height: 20px; background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/lock.svg) no-repeat center center; background-size: 16px; } #mini-cart .cart-sidebar-top .qty-total { float: left; display: block; width: 40%; margin-bottom: 20px; color: #1b3b87; font-size: 16px; } #mini-cart .cart-sidebar-top .price-total { float: left; text-align: right; margin-bottom: 20px; width: 60%; font-size: 16px; color: #333; } #mini-cart .cart-sidebar-top .price { font-family: 'proxima_nova_semibold'; } #mini-cart .product-details .price { font-family: 'proxima_nova_regular'; } /* Mini-cart on hover -------------------------------------------------------------- */ /* TODO #mini-cart:hover .block-content { display:block; } #mini-cart.hover:hover .block-content { display:none; }*/ /*Override (remove) default :hover behavior, if JS is enabled*/ /* Block: Recently Compared (dropdown) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .quick-compare { float:right; position:relative; margin:0; padding:0; border:none; } .quick-compare .dropdown-menu { width:300px; padding:25px; text-align:left; /* Because cart can be aligned center */ } .quick-compare .dropdown-menu .empty { padding:10px 0; } .quick-compare .dropdown-menu .item { padding:3px 0; } .quick-compare .dropdown-menu .item .product-name { padding-right:20px; } .quick-compare .btn-remove { float:right; } .quick-compare .actions { border-top:1px dotted #e5e5e5; margin:5px 0 0; padding:5px 0 0; text-align:right; } .quick-compare .actions a { float:right; } .quick-compare .actions button { float:left; } /* Block on hover -------------------------------------------------------------- */ .header .block-compare:hover .block-content { display:block; } /* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block { margin:0 0 10px; } .block .block-title {font-family: "proxima_nova_bold"} .block .block-title strong { font-weight:inherit; } .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin:5px 0 10px; padding:0; font-size:1em; font-weight:bold; } .block .block-content { padding:0 5px; } .block .block-content li.item { padding:5px 0; } .block .block-content li.item .product-name {} .block .btn-remove { float:right; } .block .btn-edit { float:right; } .block .actions { margin:10px 0 0 0; padding:10px 0 0; border-top:1px dotted #e5e5e5; text-align:right; } .block .actions a { float:left; line-height: 40px;} .block .block-content li a { color: #1e242f; font-family: proxima_nova_regular; font-size: 12px; text-transform: uppercase; } /* Block lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed .block-content ol, .block-compare .block-content ol, .block-compared .block-content ol { list-style: outside disc none; padding-left: 0; } .block-viewed .block-content ol li, .block-compare .block-content ol li, .block-compared .block-content ol li { padding: 3px 0; list-style: none; padding-left: 10px !important; } .block-compare .block-content ol li .btn-remove2, .block-compare .block-content ol li .btn-remove, .block-viewed .block-content ol li .btn-remove2, .block-viewed .block-content ol li .btn-remove, .block-compared .block-content ol li .btn-remove2, .block-compared .block-content ol li .btn-remove { margin-right: 5px; } /* Mini Products List %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .mini-products-list { border-bottom: 1px solid #dde4ee; border-top: 1px solid #dde4ee; padding-left: 5%; padding-right: 5%; } .mini-products-list li { padding:15px 0 13px; border-top: 1px solid #dde4ee; } .mini-products-list li:first-child { border-top: none; } .mini-products-list .product-image { float:left; width:60px;} .mini-products-list .product-details { margin-left:69px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } .mini-products-list .product-name {line-height: 19px;margin-bottom: 3px;padding-right: 20px} /* Common styling for mini list and cross-sell list */ .mini-products-list .product-image, .cart .crosssell .product-image { } .mini-products-list .product-image:hover, .cart .crosssell .product-image:hover { border-color:#999; } .mini-products-list .product-details{font-family: "proxima_nova_bold";color: #333;} .mini-products-list .product-details .truncated{font-family: "proxima_nova_regular";font-size: 12px } .truncated a{font-size: 12px !important;} #mini-cart button.btn-viewbag span{background: none;text-transform: none;font-family: "proxima_nova_regular";font-size: 14px} #mini-cart button.btn-viewbag span span{padding-left: 20px} /* Block: Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-account .block-title {} .block-account .block-content { padding: 10px 0; } .block-account .block-content ul { list-style: outside disc none; padding-left:0; } .block-account li > * { padding:4px; display:block; } .block-account li strong { font-weight:normal; } .order-details .product-name, #my-orders-table h3.product-name {border: none;text-transform:uppercase;padding-top:0px;} .order-details .product-name:before, #my-orders-table h3.product-name:before{position: static;border: none} /* Block: Layered Navigation %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-layered-nav .block-content { padding:0; width: 100%;} .block-layered-nav .block-subtitle { display:none; margin-bottom:0; } /* List of filters */ .block-layered-nav dl {} .block-layered-nav dt { padding:0; } .block-layered-nav dd { } .block-layered-nav dd.last { border-bottom:none; } /* Current filters */ .block-layered-nav .currently { margin: 0; background: #f1f4f8; padding: 20px 0 0 20px; } .block-layered-nav .currently .block-subtitle { display: block; padding: 0; font-weight: normal; color: #364052; text-transform: uppercase; font-size: 12px; font-family: 'proxima_nova_bold'; letter-spacing: 1.2px; } .block-layered-nav .currently + .actions { margin: 0; text-align: left; background: #f1f4f8; border: none; padding: 0 20px 35px; position: relative; margin-bottom: 39px; } .block-layered-nav .currently + .actions:after { position: absolute; width: 46px; height: 1px; background: #dee4ed; bottom: -26px; left: 0; content: ""; } .block-layered-nav .currently + .actions a { float: left; line-height: 100%; } .block-layered-nav .currently ol { padding: 10px 10px 10px 0; } .block-layered-nav .currently ol li { margin-bottom:4px; position: relative; padding-right: 20px;} .block-layered-nav .currently .label { margin-right: 4px; color: #1e242f; } .block-layered-nav .currently .btn-remove { float: right; margin-right: 4px; position: absolute; right: 0; top: 2px; } .block-layered-nav .actions { margin: 0 15px 0 0px; } .block-layered-nav .actions a { float:right; } /* List items */ .block-layered-nav dd li, .block-layered-nav .currently ol li { line-height: 24px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } /* Block: Wishlist %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-wishlist li.item .btn-remove { margin-left:5px; } /* Block: Related %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Ccommon styles for all types of the block */ .block-related .block-subtitle { display:none; position:absolute; padding:1em 0; margin:-20px 0 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-weight:normal; z-index:1; } .block-related:hover .block-subtitle { display:block; padding:8px; background-color:#fff; } /* Block: Related. Single product slider -------------------------------------------------------------- */ .block-related-slider input.checkbox { float:left; margin:7px 5px 0 0; } /* Block: Related. Simple thumbnails slider -------------------------------------------------------------- */ .block-related-thumbnails .itemslider .slides { margin-top:10px; } .block-related-thumbnails .product-image { float:left; margin-bottom:10px; } .block-related-thumbnails .product-details { margin-left:110px; } .block-related-thumbnails .product-details > * { margin-bottom:5px; } .block-related-thumbnails .product-name, .block-related-thumbnails .related-add-to-wishlist { font-size:1em; line-height:1.25em; font-family:inherit; font-weight:inherit; display:inline-block; } .block-related-thumbnails .price-box { font-size:1em; line-height:1.25em; } .block-related-thumbnails .checkbox { float:left; margin:2px 5px 0 0; } /* Block: Compare Products %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .catalog-product-compare-index .page-title{text-align: center} .catalog-product-compare-index .page-title h1{float: none;display: inline-block} .compare-table { border:0; } .compare-table .btn-remove { float:right; } .compare-table tbody tr:hover { background-color:#f6f7f8 } .compare-table th, .compare-table td { border: 1px solid #dadada!important; line-height: 20px;vertical-align: middle } .compare-table th{background-color: #f6f7f8; border-left: #d6dbe4 1px solid !important; width: 209px} .compare-table td{width: 385px;vertical-align:top;} .compare-table td button.btn-cart{margin: 10px 0 0} .compare-table tr.add-to-row { background-color:#fff; border-top:1px solid #ccc; } .compare-table tr.add-to-row:hover { background-color:#fff; } /* Cover background applied on tr hover */ .compare-table tr.add-to-row td { text-align:left; } .compare-table tr.first td { text-align:center; } .compare-table tr.first td .product-name { margin:30px 0 10px 0; } .compare-table tr.first td .ratings { width:145px; margin:10px 0; } .compare-table .price{color: #666 !important;font-family: "proxima_nova_regular";font-size: 14px} .compare-table .product-shop-row .price{color: #333 !important;font-family: "proxima_nova_semibold"} .compare-table tr.add-to-row td{text-align: center} .compare-table button.btn-cart span span{line-height: 40px;height: 40px} /* Changes after setting text-align:left */ .compare-table .product-image img { display:block; margin:0 auto; } .compare-table .add-to-links { margin-top:5px; } .compare-table .add-to-links li { float:none;display: block } .compare-table a.link-wishlist { overflow:visible; text-indent:0; background:none; display:inline; border:none; } .compare-table a.link-wishlist:before{content: "+";margin-right: 5px;font-size:16px} .compare-table .out-of-stock{display: block;float: none} /* Block: Recently Viewed %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed {} /* Block: Recently Compared %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-compared {} /* Block: Poll %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-poll .block-subtitle { font-weight:normal; } .block-poll input.radio { float:left; margin:1px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll li { padding:3px 9px; } .block-poll .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-tags .block-content .tags-list { background:none; border:0; font-size:12px; } .block-tags .actions { text-align:right; } .block-tags .actions a { float:none; } /* Block: Subscribe %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-subscribe .input-box { margin-top: 5px; } .block-subscribe input { width:155px; } .block-subscribe .actions button.button { float:none; } /* Block: Reorder %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-reorder input.checkbox { float:left; margin:2px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } .block-reorder .validation-advice { margin:3px 9px 7px; } /* Block: Banner %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Login %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-login label { font-weight:bold; color:#666; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } /* Paypal -------------------------------------------------------------- */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } /* Block: vertical main menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-vertnav .block-content { padding-left:0; padding-right:0; } /* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .category-image { width:100%; overflow:hidden; margin:10px 0; text-align:center; } .category-description { margin:20px 0; position:relative; } /* Negative top margin: to cover bottom border of the category title */ .category-products { margin:0;clear: both } /* Common styles for View Types: List & Grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .product-name, .products-grid .product-name, h3.product-name, .product-name a { /* Sizes are modified for different number of columns */ font-size: 14px;color: #333333;line-height: 18px;text-transform: none;font-weight: normal; } .products-grid .product-name, h3.product-name{ border-top: 1px solid #cdd5e3;padding-top: 10px;position: relative; font-family: 'proxima_nova_regular'; text-shadow: 0 0 0.1px #333; letter-spacing: 0.1px; color: #666; } .products-grid .product-name:before, h3.product-name:before, .products-grid .product-name:after, h3.product-name:after{position: absolute;content: "";border: 6px solid;left: 50%;margin-left: -3px;top: -12px} .products-grid .product-name:before, h3.product-name:before{border-color:transparent transparent #cdd5e3 transparent} .products-grid .product-name:after, h3.product-name:after{top: -11px;border-color: transparent transparent #fff transparent} .products-list .price-box.map-info a, .products-grid .price-box.map-info a { margin-left:3px; } /* Product image -------------------------------------------------------------- */ /* Product alternative image */ .products-list .product-image .alt-img, .products-grid .product-image .alt-img { position:absolute; top:0; left:0; display: none; } /* Fix possible glitches during animation */ .products-list .product-image img, .category-products-grid .product-image img /* Grid only in category view */ { -moz-transform: translateZ(0); } /* View Type: List %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .item { padding-top:25px; padding-bottom:20px; background-color:#fff; position:relative; /* For hover effect */ border: transparent 4px solid ; padding-right:1%; transition: box-shadow 0ms ease-in; -moz-transition: box-shadow 0ms ease-in; -webkit-transition: box-shadow 0ms ease-in; -o-transition: box-shadow 0ms ease-in; } .products-list .item + .item { } .products-list .item:hover{border: 4px solid #d6dbe4} .products-list .product-shop {padding-right: 5%; padding-left: 1%;} .products-list .product-shop-inner { padding-right:15px } .products-list .right-column { float:right;width: 22% } .products-list .product-name { margin:0 0 20px; } .products-list .product-name a { font-family: "proxima_nova_bold"; font-size: 18px; } .products-list .product-image-wrapper {} .products-list .product-image { display:block; position:relative; margin-left:auto; margin-right:auto; } .products-list .price-box { margin:-4px 0 15px; font-size:1.3333em; line-height:1.25em; } .products-list .ratings { margin:10px 0; } .products-list .desc { margin:15px 0px; } .products-list .link-learn {} .products-list .btn-cart { width:100%; } .products-list .button span { float:none;padding: 0 } .products-list .availability { float:none; margin:15px 0; } .products-list .add-to-links { margin:15px 0 0 6px; } /* Hover effect -------------------------------------------------------------- */ .products-list.hover-effect .item:hover { margin-left:-1%; margin-right:-1%; padding-left:1%; padding-right:1%; z-index:10; box-shadow:0 0 20px rgba(0,0,0,0.2); border-color:transparent; transition: box-shadow 400ms ease-out; -moz-transition: box-shadow 400ms ease-out; -webkit-transition: box-shadow 400ms ease-out; -o-transition: box-shadow 400ms ease-out; } /* View Type: Grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Products grid: basic styles (common for all types of product grids) -------------------------------------------------------------- */ .products-grid {text-align: center} .products-grid .item { position:relative; /* For hover effect */ border: 4px solid transparent; padding: 20px 3px 10px; text-align: center; } .products-grid .item:hover{border: 4px solid #d6dbe4} .products-grid .product-name { margin:30px 0 7px; } .products-grid .product-image-wrapper { margin:0 auto; position:relative;padding-top: 20px } .products-grid .product-image { display:block; } .products-grid .price-box { margin:0; display: inline-block;} .product-view .box-up-sell .products-grid .price-box .specialprice { float: right;} .product-view .box-up-sell .products-grid .price-box .specialprice .price { color: #ff0000;} .product-view .box-up-sell .products-grid .price-box .price-label { display: none;} .product-view .box-up-sell .products-grid .price-box .old-price { float: left; } .product-view .box-up-sell .products-grid .price-box .old-price .price { color: #333; text-decoration: none; text-decoration: line-through; text-decoration-color: #ccc; } .products-grid .ratings { margin:10px 0; } .products-grid .actions { margin:10px 0 0; } .products-grid .availability { float:none; margin: 0 0 7px; text-align: center; line-height: 1;} .products-grid .add-to-links { margin:0 } /* Grid: additional styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Equal height of items (buttons displayed at the bottom of items) -------------------------------------------------------------- */ .products-grid.equal-height .item .actions {padding-bottom: 10px } /* Remove equal height */ .products-grid.auto-height .item .actions { position:static; bottom:auto; } /* Deprecated */ /* Display grid item elements only on hover -------------------------------------------------------------- */ .products-grid .item .display-onhover { display:none; } /* Display grid item elements only on hover: fade-in (for sliders) */ .products-grid .item .visible-onhover, .cms-index-index .products-grid .item .border-products .visible-onhover { visibility:hidden; opacity:0; transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -moz-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -webkit-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -o-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; } .products-grid .item:hover .visible-onhover, .cms-index-index .products-grid .item .border-products:hover .visible-onhover { visibility:visible; opacity:1; transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -moz-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -webkit-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -o-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; } /* Product name in a single line -------------------------------------------------------------- */ .products-grid.single-line-name .product-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .products-grid.single-line-name .item:hover .product-name { overflow: visible; white-space: normal; } .cms-index-index .products-grid .item .border-products .visible-onhover /* Align to the center -------------------------------------------------------------- */ .products-grid.centered > li { text-align: center; } .products-grid.centered .item .ratings .rating-box, .products-grid.centered .item .btn-cart { margin-left: 0; margin-right: 0; } .products-grid.centered .item .ratings { display: inline-block; } .products-grid.centered .item .ratings .rating-box { display: inline-block; vertical-align: middle; float: none; /* Remove default float */ } .products-grid.centered .item .ratings .amount { display: inline-block; vertical-align: middle; margin-left: 3px; } .products-grid.centered .item input.checkbox { float: none; } .products-grid.centered .item .actions .add-to-links li { float: none; margin:0; } /* Grid: only in category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .category-products-grid .item { zoom:1; transition: box-shadow 0ms ease-in; -moz-transition: box-shadow 0ms ease-in; -webkit-transition: box-shadow 0ms ease-in; -o-transition: box-shadow 0ms ease-in; } /* Hover effect -------------------------------------------------------------- */ .category-products-grid.hover-effect .item:hover { margin-left:-1%; margin-right:-1%; padding-left:2%; padding-right:2%; z-index:10; box-shadow:0 0 20px rgba(0,0,0,0.2); border-color:transparent; transition: box-shadow 400ms ease-out; -moz-transition: box-shadow 400ms ease-out; -webkit-transition: box-shadow 400ms ease-out; -o-transition: box-shadow 400ms ease-out; } /* Grid: override grid elements to change size %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product name -------------------------------------------------------------- */ .products-grid.size-s .product-name { font-size:1.1666em; /*14px*/ line-height:1.2307em; /*16px*/ } .products-grid.size-xs .product-name { font-size:1em; /*12px*/ line-height:1.25em;/*15px*/ } /* Buttons -------------------------------------------------------------- */ .products-grid.size-s .item button.btn-cart span span { padding:7px 15px; height:auto; line-height:2em; } .products-grid.size-xs .item button.btn-cart span span { padding:3px 8px; height:auto; line-height:2em; } /* Product labels -------------------------------------------------------------- */ .products-grid.size-s .sticker { width:45px; height:45px; font-size:1em; } .products-grid.size-s .item:hover .sticker { width:50px; height:50px; } .products-grid.size-xs .sticker { width:40px; height:40px; font-size:0.9166em; /*11px*/ } .products-grid.size-xs .item:hover .sticker { width:45px; height:45px; } /* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Rating %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-additional-wrap { display: inline-block; width: 100%;} .product-additional-wrap > p{ float: left; letter-spacing: -0.5px;} .product-additional-wrap > p.availability{ float: right;clear: none;} .product-additional-wrap > p.no-rating a{color: #1b3b87;} .ratings, .no-rating {font: normal 14px 'proxima_nova_regular';line-height: 18px; margin: 0 0 15px; } .ratings a { line-height:1.0833em; } .ratings strong { float:left; margin:1px 5px 0 0; } .ratings .rating-links .separator { display:inline-block; text-indent:-9999px; width:1px; background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/img/bg-separator1.gif) no-repeat; } .rating-box { width:76px; height:15px; font-size:0; line-height:0; background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/img/rating.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:15px;line-height: 15px; background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/img/rating.png) 0 100% repeat-x; } .ratings .rating-box { float:left; margin-right:8px; } .ratings .amount { white-space:nowrap; font-size:10px; text-transform:uppercase; } .ratings-table th, .ratings-table td { line-height:1.1666em; padding:3px 0; } .ratings-table th { padding-right:8px; } /* Availability %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Availability - with details */ .availability-only { margin:15px 0; } a.availability-only { cursor:pointer; } .availability-only strong { font-weight:normal; } .availability-only .caret { margin-left:8px; opacity:1; filter:alpha(opacity=100); } .availability-only-details { width:100%; margin:-10px auto 20px; } .availability-only-details thead { border-bottom:1px solid #e5e5e5; } .availability-only-details th { padding:4px 12px; font-weight:bold; } .availability-only-details td { padding:1px 12px; border-right:1px solid #f5f5f5; } .availability-only-details td.last { border-right:none; } /* Product increments */ .product-pricing { line-height:1.25em; /* TODO:15px */ } .extrahint-wrapper .product-pricing { padding:10px; background-color:#f5f5f5; } .product-options-bottom .product-pricing { clear:left; } /* Alerts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .alert-price, .alert-stock { margin:15px 0; padding:2px 0 2px 25px; line-height:15px; } .alert-price { background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/img/icons.png) 0 -120px no-repeat; } .alert-stock { background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/img/icons.png) 0 -160px no-repeat; } /* Product Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .price { white-space:nowrap !important;font-family: "proxima_nova_bold";font-size: 14px;color: #333 } .price-box { margin: 0; } .price-box .price {} .price-box .price-label {} /* Common labels */ .old-price .price-label, .special-price .price-label { white-space:nowrap; } .old-price .price-label { display:none; } .price-box .label{font-size:14px;color:#000;} /* Regular price */ .regular-price {} .regular-price .price {} /* Old price */ .old-price { margin:0; } .old-price .price { font-family: "proxima_nova_bold";text-decoration: line-through; } /* Special price */ .products-grid .special-price { display: inline-block;} .products-grid .special-price .price { color: #ff0000;} .products-grid .old-price { display: inline-block; margin-right: 5px;} .products-grid .old-price .price { text-decoration-color: #ccc;} .special-price { margin:0; padding:0; } .special-price .price, .special-price .price-label { color:#1e242f;/* Override other color changes */ } .special-price .price-excluding-tax .price {} .special-price .price-label{ display: none} /* Minimal price (as low as) */ .minimal-price { margin:0 0 5px; } .minimal-price .price {} .minimal-price .price-label { white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label {} .minimal-price-link .price { color:#1e242f; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price {} /* Configured price */ .configured-price { margin:0; } .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* FPT */ .weee { display:block; font-size:11px; } .weee .price { font-size:11px; font-weight:normal; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from { margin:0; } .price-from .price-label { white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { white-space:nowrap; } /* Price notice next to the options */ .price-notice { margin-left:5px; } .price-notice .price { padding-left:3px; } /* Price as configured */ .price-as-configured .price-label { font-size:1.1666em; font-weight:bold; text-transform:uppercase; white-space:nowrap; color:inherit; } .price-box-bundle .price-box { margin:0 !important; padding:0 !important; border:none !important; } /* Tier Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .tier-prices { margin:0 0 10px; padding-left: 10px; } .tier-prices li { line-height:15px; background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/img/bullet.png) 0 4px no-repeat; padding:0 0 0 11px; margin:3px 0; } .tier-prices .benefit { color:#ee001c; font-weight:normal; } .tier-prices-grouped li { padding:2px 0; } .tier-prices-grouped li .price { font-weight:bold; } /* Add-to links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .add-to-links .separator { display:none; } .add-to-links li { float:left; } .addto-gaps-right li { margin-right:10px; } /* Add gaps at the right side of links */ .addto-gaps-right li:last-of-type{margin-right: 0} /* Add-to links as icons (with no text). Deprecated (will be removed in the next update). -------------------------------------------------------------- */ .addto-icons a.link-wishlist, .addto-icons a.link-compare, .addto-icons a.email-friend { display:block; padding:0; margin:0; width:27px; height:27px; text-indent:-9999em; overflow:hidden; background: #fff url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/img/pix.png) no-repeat; } .addto-icons a.link-wishlist:hover, .addto-icons a.link-compare:hover, .addto-icons a.email-friend:hover { background-color:#fff; } .addto-icons a.link-wishlist { background-position:-27px 0; } .addto-icons a.link-wishlist:hover { background-position:-27px -27px; } .addto-icons a.link-compare { background-position:0 0; } .addto-icons a.link-compare:hover { background-position:0 -27px; } .addto-icons a.email-friend { background-position:-54px 0; } .addto-icons a.email-friend:hover { background-position: -54px -27px; } /* If displayed in a group: add margin between icons */ .add-to-links.addto-icons .link-compare, .add-to-links.addto-icons .email-friend { margin-left:3px; } /* If displayed on product image */ .addto-icons.addto-onimage { float:right; margin-top:-31px; /* Move up: height (29px) + 2 additional pixels */ position:relative; z-index:1; padding-bottom:4px; /* Use padding to cover the image below icons. */ padding-right:4px; } /* Add-to links: simple icons (with no text) -------------------------------------------------------------- */ .addto-links-icons {} /* If displayed in a group: add margin between icons */ .add-to-links.addto-links-icons .link-compare { display: none; } /* If displayed on product image */ .addto-links-icons.addto-onimage { float:right; /*margin-top:-40px; *//* Move up */ position:relative; z-index:1; padding-bottom:4px; /* Use padding to cover the bottom part of the product image below icons */ padding-right:4px; } /* Add to Cart box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .add-to-cart .qty-wrapper {} .add-to-cart .qty { text-align:center; margin: 0 15px 0 5px;font: normal 17px Arial;color: #666;width: 50px;height: 50px; } .add-to-cart .button {width: 100%;height: 50px; } .product-view .add-to-cart {width: 100%;text-align: center} .product-view .add-to-cart .qty-wrapper{width: 100px;float:left;text-align: left} .product-view .add-to-cart img{margin-top: 10px} .product-view .paypal-wrapper { float:left; } .product-view .paypal-wrapper .widget-product{ width: 122%!important; padding-left: 42px!important; height: 54px!important; } .product-view .paypal-wrapper .paypal-logo { margin:0; padding:5px 0 0; text-align:right; } .product-view .paypal-wrapper .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } .product-view .v-centered-content .v-center, .product-view .v-centered-content {display:inline-block;} .product-view .add-to-cart .button { width: 71.5%; float:right; position: relative; } .product-view .additional-price .button { position: relative; } .product-view .additional-price .button img, .product-view .add-to-cart .button img { position: absolute; width: 32px; height: 32px; top: 50%; left: 50%; margin: -16px 0 0 -16px; } .product-view .add-to-cart .button:disabled > span { opacity: 0.5; } .product-view .add-to-cart .button.added span span { background: #ea4800; } .product-view .add-to-cart .button.added:hover span span { background: #de4400; } .product-view .add-to-cart .qty {margin-right:0px;margin-left: 11px} /* Magento's default */ .add-to-cart .paypal-logo { clear:left; margin:0; padding:10px 0 0; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* Box floating right -------------------------------------------------------------- */ .add-to-cart.right {} .add-to-cart.right label { margin-left:10px; } .add-to-cart.right .button { margin-right:0; } /* Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #messages_product_view { margin: 0 auto; width: 98%; } /* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1 Column Layout -------------------------------------------------------------- */ /* Stretch content area (full page width) */ /* Main sections of product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Generic wrapper for product page collaterals */ .product-view .box-additional { margin: 0;width: 100%;z-index:0;} .product-view .box-tabs {margin: 20px 0 0;} .product-view .box-up-sell {margin: 0px 0 0;position:relative} .product-view .box-up-sell > h2 { font-family: 'Slabo 13px', serif; font-weight: normal; font-size: 32px; color: #364052;} .product-view .box-up-sell:before {right:100%} .product-view .box-up-sell:after {left:100%} .box-up-sell > h3{text-align: center;padding: 0;font: normal 24px 'proxima_nova_black';color: #364052;margin-bottom: 50px;padding-right: 0 !important;} .fieldset.giftcard-send-form {display:none;} /* Product images %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-img-column { float:left; margin-bottom:10px; } .col3-layout .product-view .product-img-column { float:none; margin:0 auto; } .product-view .product-img-column .product-image{border: none;text-align: center;} .product-view .product-img-column .zoom-inside{padding: 0 0 0 80px;} .product-view .product-img-column .product-image img{margin: 0 auto;} .product-view .product-img-column .images-slider-tablet .bx-wrapper .bx-viewport { border: none;box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;left: 0;} .product-view .product-img-column .images-slider-tablet #slider-table-prev, .product-view .product-img-column .images-slider-tablet #slider-table-next { position: absolute; top: 50%; z-index: 1000; margin-top: -30px;} .product-view .product-img-column .images-slider-tablet #slider-table-prev { left: 0;} .product-view .product-img-column .images-slider-tablet #slider-table-next { right: 0;} .product-view .product-img-column .images-slider-tablet #slider-table-prev a, .product-view .product-img-column .images-slider-tablet #slider-table-next a{ width: 44px;height: 60px;font-size: 0;display: block;margin: 0 auto 20px; position: relative; background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/arrow-l.svg) no-repeat center top; background-size: 30px 60px; } .product-view .product-img-column .images-slider-tablet #slider-table-next a{ background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/arrow-r.svg) no-repeat center bottom; background-size: 30px 60px; } .product-view .product-img-column .images-slider-tablet a.disabled{opacity: 0.5 !important; } .product-view .product-img-column .more-images{position: absolute;margin: 0;top: 16px;left: -3px;width: 74px;} .product-view .product-img-column .more-images .bx-viewport{border: none;box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;left: 0;} .product-view .product-img-column .more-images #slider-prev a, .product-view .product-img-column .more-images #slider-next a{ width: 50px;height: 25px;font-size: 0;display: block;margin: 0 auto 20px; position: relative; background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/arrow-u.svg) no-repeat center top; } .product-view .product-img-column .more-images #slider-next a{ background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/arrow-d.svg) no-repeat center bottom; } .product-view .product-img-column .more-images a.disabled{opacity: 0.5 !important; } .product-view .product-img-column .more-images a.youtube{display: block;width: 74px;height: 90px;margin-bottom: 21px;background: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland/watch_this_video.png") no-repeat;font-size: 0;} .product-view .product-img-column .more-images a.product360{display: block;width: 74px;height: 90px;margin-bottom: 21px;background: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland/view_technology.png") no-repeat;font-size: 0;} .product-view .product-img-column .more-images .bx-wrapper img{margin: 0 auto;} .product-view .product-img-column #track_hint{clear: both;padding: 35px 0 0 80px;text-align: center;font-size: 14px;color: #666;line-height: 20px;} .product-view .product-image {margin-top:13px;} /* Product primary column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-shop { float:left; } .product-view .product-shop .wrap-product-info{padding: 25px 25px 35px 25px;border: 1px solid #dee4ed;margin-bottom: 10px} .product-view .product-shop .product-name h1 { margin:10px 0;line-height: 1.4;color: #364052;} .product-view .product-shop .ratings-table { margin:15px 0 5px; } .product-view .product-shop .benefits{clear: both;padding: 10px 0;} .product-view .product-shop .benefits ul, .product-view .product-shop .benefits ol { list-style: outside; margin-left: 15px; color: #666;} .product-view .product-shop .benefits li { font-size: 14px; line-height: 18px;margin: 0 0 1em;} .product-view .product-shop .benefits h2{font-size: 14px;line-height: 18px;color: #364052; font-family: "proxima_nova_bold"; letter-spacing: 1px; text-transform: uppercase;} .product-view .product-shop .benefits a{display: inline-block;margin: 3px 0 0; font-size: 14px; color: #1b3b87; line-height: 28px;} .product-view .product-shop .wrap-product-info .availability{margin-top: 41px;} /* Product secondary Column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-secondary-column .inner { padding-top:1px; padding-bottom:10px; /* Stop collapsing margins */ border: none; } @media (max-width: 991px) { .product-view .product-secondary-column, .product-view .product-shop.no-left-gutter.grid12-5, .product-view .product-img-column { width: 98%; margin-left: 1%; margin-right: 1%; margin-bottom: 30px; } .vertnav-top.mobile.show .tab-content { width: 100%; } } /* Product primary column's elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .short-description { margin:15px 0; line-height:1.25em;} .product-view .short-description ul { margin-top:5px; margin-bottom:5px; } /* Add-to links */ .product-view .action-box { padding: 20px 0 0;text-align: center;clear: both;margin: 0; } /* Add-to links in different places of the product page */ .product-view .product-shop .add-to-links { overflow: hidden; } .product-view .product-shop .add-to-links li { width: 32%; float: left; margin: 0; text-align: center; } .product-view .product-shop .add-to-links li + li { margin-left: 1%; } .product-view .product-shop .add-to-links li a { margin: 0; } .product-view .product-shop .add-to-links li a span + span { display: block; text-align: center; text-transform: uppercase; font-size: 12px; color: #999; padding-top: 15px; transition: all 0.25s ease; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -ms-transition: all 0.25s ease; } .product-view .product-shop .add-to-links li a:hover { text-decoration: none; } .product-view .product-shop .add-to-links .icon.i-wishlist-bw { width: 40px; height: 40px; max-width: 40px; max-height: 40px; background-color: #d6dbe4; transition: all 0.25s ease; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -ms-transition: all 0.25s ease; } .product-view .product-shop .add-to-links li a:hover .icon.i-wishlist-bw { background-image: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/heart_w.svg"); background-position: center center; background-color: #364052; } .product-view .product-shop .add-to-links li a:hover span + span { color: #1e242f; } .product-view .product-shop .add-to-links .icon.i-compare-bw { width: 40px; height: 40px; max-width: 40px; max-height: 40px; background-color: #d6dbe4; transition: all 0.25s ease; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -ms-transition: all 0.25s ease; } .product-view .product-shop .add-to-links li a:hover .icon.i-compare-bw { background-image: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/compare.svg"); background-position: center center; background-color: #364052; } .product-view .product-shop .add-to-links .icon.i-recommend-bw { width: 40px; height: 40px; max-width: 40px; max-height: 40px; background-color: #d6dbe4; transition: all 0.25s ease; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -ms-transition: all 0.25s ease; background-image: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/mail-w.svg"); background-position: center center; background-size: 20px; } .product-view .product-shop .add-to-links li a:hover .icon.i-recommend-bw { background-image: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/mail-w.svg"); background-color: #364052; } /* Other elements */ .extrahint-wrapper { margin-bottom:12px; } /* Downloadable product -------------------------------------------------------------- */ .product-type-data .item-options { clear: both; } .product-type-data .item-options dt { float:none; margin:0 0 5px; } /* The same style as "item-options" in cart */ .product-type-data .item-options dd { background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/img/bullet.png) 3px 4px no-repeat; padding-left:15px; } /* Additional information table -------------------------------------------------------------- */ .product-view .data-table th { font-weight:bold; } /* Prices - common for product view and MAP popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Prices on product page and MSRP */ .product-view .product-shop .price-box .price-including-tax .price { font-size:18px; } .product-view .product-shop .price-box .price-excluding-tax .price { font-size:inherit; } /* Main price (prominent) */ .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .special-price .price-label, .product-view .product-shop .price-box .old-price .price, .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-options-bottom .price-box .regular-price .price, .product-view .price-as-configured .price, .map-popup-price .regular-price .price, .product-view .product-shop .price-box .was-old-price .price, .product-view .price-box.map-info .old-price .price { font: normal 42px 'proxima_nova_bold';line-height: 40px;color: #333;} /* color for Special price */ .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .special-price .price-label{color: #e50b14;} /* Old price */ .product-view .product-shop .price-box .old-price .price, .product-view .old-price .price-label {font: normal 18px 'proxima_nova_regular';line-height: 22px;color: #333;text-decoration: line-through;} .product-view .old-price .price-label { white-space:nowrap;display: inline-block;text-decoration: none } /* MSRP price (only in MSRP box) */ .map-popup-msrp .price { display:block; /* Move price below the label */ } /* Move MSRP links below the price */ .product-view .product-shop .price-box.map-info .old-price { display:block; } /* Special price */ .product-view .price-box .special-price { white-space:nowrap; /*Chrome*/ } .product-view .price-box .special-price .price-label { white-space:nowrap; } .product-view .price-box .special-price .price-including-tax, .product-view .price-box .special-price .price-excluding-tax { padding:0 0 0 15px; } /* Price box inside "Add-to-cart" box or inside product options box */ .product-view .add-to-box .price-box, .product-options-bottom .price-box { float:left; margin:18px 15px 10px 0; padding:0; } /* Main containers (e.g. for add-to-cart, product options) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product type specific data */ .product-view .product-type-data {display: inline-block;width: 100%;} .product-view .product-type-data > .price-box{float: left;margin-bottom: 25px; margin-top: 8px;} .product-view .product-type-data > .brand-logo{float: right;} /* Lower part of the container */ /*.product-view .container1-wrapper,*/ .product-view .container2-wrapper, .product-view .add-to-box { clear: both; } /* Button container */ .product-view .add-to-box, .product-view .product-options-bottom { padding: 19px 25px 16px; margin: 0 -25px 5px; border: none; background: #f1f4f8; } .product-view .add-to-box{margin-top: 18px} /* saddle-product */ .saddle-product .fieldset { margin: 0; padding: 0; } .saddle-product .fieldset ul.form-list { } .saddle-product .fieldset ul.form-list li { margin: 0 0 20px; } .saddle-product .fieldset ul.form-list li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .saddle-product .buttons-set .required, .saddle-product .type-text label, .saddle-product .type-textarea label { display: none; } .saddle-product .fieldset ul.form-list li.fields > div { width: 47%; float: left; margin: 0; } .saddle-product .fieldset ul.form-list li.fields > div + div { margin-left: 6%; } .saddle-product .buttons-set { margin: 0 -25px; background: #f1f4f8; padding: 20px 25px; } @media (max-width: 1023px) { } .saddle-product .buttons-set button.button { width: 100%; margin: 0; } .saddle-product .buttons-set button.button span { float: none; } .saddle-product .buttons-set button.button span span { background: #364052; font-size: 24px; font-family: 'proxima_nova_bold'; text-transform: none; line-height: 50px; height: 50px; } .saddle-product .buttons-set button.button:hover span span { background: #1e242f; } .saddle-product .std { font-family: 'proxima_nova_bold'; margin-bottom: 20px; letter-spacing: 1px; color: #364052; } /* config product */ .product-view .product-options{padding-bottom: 2px} .product-view .product-options div.selector span{white-space: nowrap;font-size: 16px;color: #888;font-family: 'proxima_nova_regular';padding-left: 15px; height: 50px; line-height: 50px;opacity: 0.8;} .product-view .product-options div.selector span:before, .product-view .product-options div.selector span:after{top: 19px} .product-view .container1-wrapper{display: inline-block; width: 100%;} .product-view .product-options label.option-title { letter-spacing: 1px;} /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered list in product description */ .product-view .short-description .std ul, .product-view .box-tabs .std ul { list-style:disc outside none; margin-left: 17px; } .product-view .box-tabs .gen-tabs .tabs{position: relative;z-index: 1;text-align: center;} .product-view .box-tabs .gen-tabs .tabs li{display: inline-block;margin: 0 2px;float: none;} .product-view .box-tabs .gen-tabs .tabs a{ font: normal 14px 'proxima_nova_bold';line-height: 16px;padding: 16px 27px;text-transform: uppercase;border-color: #dee4ed; background: #f1f4f8; color: #89909d; letter-spacing: 0.5px; } .product-view .box-tabs .gen-tabs .tabs a.current{ padding-top: 20px;border-bottom: 1px solid #fff; background: #fff; color: #1e242f; } .product-view .box-tabs .gen-tabs .tabs-panels{border: none;position: relative;display: inline-block;width: 100%;padding:48px 0px 10px;} .product-view .box-tabs .gen-tabs .tabs-panels:before{width: 10000px;height: 1px;background: #dee4ed;content: "";position: absolute;top: 0;left: 50%;transform: translate(-50%,0);-moz-transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);} .product-view .box-tabs .gen-tabs .description{margin: 0;} .product-view .box-tabs .gen-tabs .about-the-brand{margin: 0;float: right;} .product-view .box-tabs .gen-tabs h2{font: normal 16px 'proxima_nova_bold';line-height: 18px;color: #364052;margin-bottom:10px;} .product-view .box-tabs .gen-tabs .std{font-size: 14px;line-height: 28px;color: #666;} .product-view .box-tabs .gen-tabs .additional-price{width: 100%;margin: 60px 0 0;clear: both;padding:0px;border: 5px solid #dee4ed;display: inline-block;width: 100%;text-align: right;} .product-view .box-tabs .gen-tabs .additional-price .price-box{float: left;text-align: left; padding-left:32px;padding-top:28px;padding-bottom:20px;width: 70%} .product-view .box-tabs .gen-tabs .additional-price .price-box .price{font: normal 22px 'proxima_nova_bold';line-height: 24px;} .product-view .box-tabs .gen-tabs .additional-price .price-box .old-price, .product-view .box-tabs .gen-tabs .additional-price .price-box .special-price {display:inline-block;float: left} .product-view .box-tabs .gen-tabs .additional-price .price-box .old-price .price{font: normal 18px 'proxima_nova_regular';color: #333;line-height: 22px;text-decoration: line-through;white-space: normal !important} .product-view .box-tabs .gen-tabs .additional-price .price-box .special-price{margin-right: 12px} .product-view .box-tabs .gen-tabs .additional-price #additional-price-options{display: inline-block;vertical-align: top;text-align: left;width:100%;padding:15px 32px 10px;} .product-view .box-tabs .gen-tabs .additional-price #additional-price-options label {display:block;padding-bottom:6px} .product-view .box-tabs .gen-tabs .additional-price #additional-price-options dt{display: none;} .product-view .box-tabs .gen-tabs .additional-price #additional-price-options dd{display: inline-block;vertical-align: top;width: 230px;} .product-view .box-tabs .gen-tabs .additional-price #additional-price-options dd div.selector span{padding-left: 23px;height: 50px;line-height: 50px;} .product-view .box-tabs .gen-tabs .additional-price #additional-price-options dd div.selector span:before, .product-view .box-tabs .gen-tabs .additional-price #additional-price-options dd div.selector span:after{top: 19px;} .product-view .box-tabs .gen-tabs .additional-price #additional-price-options dd div.selector select{height: 50px;} .product-view .box-tabs .gen-tabs .additional-price .add-to-cart, .product-view .box-tabs .gen-tabs .additional-price .find-a-store {float: right;width: 100%;background:#f1f4f8;padding:20px 32px;} .product-view .box-tabs .add-to-cart .qty-wrapper{text-align: left} .product-view .box-tabs .gen-tabs .additional-price .add-to-cart img{margin-top: 0} .product-view .box-tabs .gen-tabs .additional-price .add-to-cart .button{width: 290px;} .product-view .box-tabs .gen-tabs .additional-price .find-a-store a {width:100%} .product-view .box-tabs .gen-tabs .product-options {padding-right:0px;} .product-view .box-tabs .gen-tabs .additional-price .availability{margin-right: 10px;float: right;width: 25%;clear: none;margin-top:35px} .product-view .box-tabs .gen-tabs .additional-price .giftcard-form {padding: 28px 32px 0;} .itemslider .slides > li{box-sizing: content-box;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;} /* Margin for list in long description */ .product-view .box-tabs .std ul { margin-bottom:1em; } .product-view .additional-price { border: 4px solid #d6dbe4; margin-bottom: 40px; padding: 20px; overflow: hidden; position: relative; } .product-view .additional-price button:disabled { opacity: 0.2; } .product-view .enquire-about { border: 4px solid #d6dbe4; margin-bottom: 40px; padding: 20px; overflow: hidden; position: relative; } .product-view .enquire-about h2 { margin: 0; } .product-view .enquire-about a { font-size: 24px; font-family: 'proxima_nova_bold'; color: #fff; background: #364052; border-radius: 5px; line-height: 50px; padding: 0 25px; display: block; position: absolute; top: 50%; margin-top: -25px; right: 20px; } @media (max-width: 1023px) { .product-view .enquire-about a { position: relative; margin: 20px 0 0; left: 0; width: auto; right: auto; display: inline-block; font-size: 17px; } .saddle-product .buttons-set { padding: 10px; margin-left: -10px; margin-right: -10px; } } .product-view .enquire-about a:hover { background: #1e242f; text-decoration: none; } .product-view .additional-price .price-box { float: left; width: 20%; } .product-view .additional-price .availability { display: none; } .product-view .additional-price .price-box .old-price .price{ font: 18px/22px 'proxima_nova_regular'; color: #333; } .product-view .additional-price .price-box .special-price .price { font-family: 'proxima_nova_bold', sans-serif; font-size: 42px; color: #1e242f; } .product-view .additional-price .price-box .price { font-size: 42px; } .product-view .additional-price .price-box .additional-old-price .price { font-size: 18px; font-family: 'proxima_nova_regular'; color: #333; line-height: 22px; } .product-view .additional-price #additional-price-options { width: 40%; float: left; } .product-view .additional-price #additional-price-options .product-options, .product-view .additional-price #additional-price-options dd { margin: 0; } .product-view .additional-price #additional-price-options label {display: none;} .product-view .additional-price .add-to-cart { width: 40%; float: left; } .product-view .additional-price .qty-wrapper { float: left; width: 10%; } .product-view .additional-price .qty-wrapper input { height: 50px; } .product-view .additional-price .btn-cart { float: left; width: 30%; } .product-view .additional-price .add-to-cart .button span span { background: #54b200; text-transform: none; font-family: 'proxima_nova_bold'; } .product-view .find-a-store a { background: #364052; text-transform: none; font-family: 'proxima_nova_bold'; } .product-view .find-a-store a:hover { background: #1e242f; } .product-view .wrap-product-info .find-a-store a.button { width: 100%; } @media (max-width: 1023px) { .product-view .additional-price .price-box { width: 100%; margin-bottom: 20px; } .product-view .additional-price #additional-price-options { width: 85%; margin-bottom: 20px; } .product-view .additional-price .qty-wrapper { width: 15%; text-align: right; } .product-view .additional-price .btn-cart { width: 50%; margin: 0 25%; } .product-view .additional-price .find-a-store { text-align: left; } .product-view .additional-price .find-a-store a.button { width: auto; min-width: 240px; } .product-view .box-reviews { position: relative; margin-top: 20px; padding-top: 0; margin-bottom: 40px; } .product-view .box-reviews:before{ display: none;} } @media (max-width: 767px) { .product-view .additional-price #additional-price-options { width: 100%; } .product-view .additional-price .qty-wrapper { width: 35%; text-align: left; } .product-view .additional-price .btn-cart { width: 65%; margin: 0; } } /* Product options %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-options { position:relative; margin-bottom:15px;padding-right: 15px; } .product-options label.option-title{ font-size: 14px;line-height: 18px;color: #364052;text-transform: uppercase; padding: 0 0 8px;display: inline-block;margin: -21px 0 0; font-family: 'proxima_nova_bold'; } .product-options dt { font-weight:normal;display: none; } .product-options dt label { display:inline-block; font-weight:bold; } .product-options dt label.required em { float:right; margin-left:3px; } .product-options dd .qty-holder { display:none; padding:5px 0 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; } .product-options dd {width: 48.5%;margin-bottom: 10px} .product-options dd:nth-of-type(2n+1){float: left;} .product-options dd:nth-of-type(2n){float: right; } .product-options dd input.input-text { width:100%;} .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { width:100%; height:8em; } .product-options dd select { width:100%; } .product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; } .product-options dd div.selector {max-width: 100%;width: 100% !important;} .product-options dd div.selector span {max-width: 100%;width: 100% !important;} .product-options ul.options-list { margin-right:5px; } .product-options ul.options-list li { line-height:1.5; padding:2px 0; } .product-options ul.options-list input.radio { float:left; } .product-options ul.options-list input.checkbox { float:left; } .product-options ul.options-list .label { display:block; margin-left:18px; } .product-options ul.options-list label { font-weight:normal; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.note { margin:0; font-size:0.9166em; } .product-options p.required { position:absolute; right:0; top:-15px;display: none; } /*bottom*/ .product-options-bottom { margin-top:20px; } .product-options-bottom .tier-prices { margin:0 0 10px; padding:0; border:0; background:0; } .product-options-bottom .tier-prices li { background:0; padding:2px 0; } .product-options-bottom .price-box .price-as-configured {} .product-options-bottom .price-label {} .product-options-bottom .price-tax { float:left; } .product-shop .product-options-bottom {} .product-shop .product-options-bottom .price-label { float:none; padding-right:0; } .product-shop .product-options-bottom .price-tax { float:none; } .product-shop .product-options-bottom .add-to-cart-box { clear:both; float:left; padding-top:12px; } /* Grouped Product %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .grouped-items-table { margin:0; clear:both; } .product-view .grouped-items-table thead th { font-weight:bold; } .product-view .grouped-items-table .price-box { margin:0; padding:0; border:0; } .product-view .grouped-items-table .price-box .price-including-tax .price { font-size:15px; } .product-view .grouped-items-table td { vertical-align:middle; } .product-view .grouped-items-table .price-box .regular-price .price { font-size:14px; } /* Product collateral blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hide first h2 heading (which is the same as tab text) */ .box-tabs .panel > h2:first-child { text-transform: uppercase; letter-spacing: 1px;font-size: 14px;} /* Block: Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-tags .product-tags { display:block; margin:0 0 25px; } .product-view .box-tags .product-tags li { display:inline; padding:0 7px; border-right:1px solid #e5e5e5; } .product-view .box-tags .product-tags li.first { padding-left:0; } .product-view .box-tags .product-tags li.last { padding-right:0; border-right:0; } .product-view .box-tags .form-add label { display:block; font-weight:bold; margin:0 0 5px; } .product-view .box-tags .form-add .input-box { float:left; margin:0 5px 5px 0; } .product-view .box-tags .form-add input.input-text { width:auto; } .product-view .box-tags .note { margin:3px 0 0; font-size:0.9166em; /*11px*/ } /* Block: Reviews %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-reviews { position: relative; margin-top: 20px; padding-top: 45px; margin-bottom: 40px; } .product-view .box-reviews > h2 { font-size: 42px;} .product-view .box-reviews:before{width: 10000px;height: 1px;background: #dee4ed;content: "";position: absolute;top: 0;left: 50%;transform: translate(-50%,0);-moz-transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);} .product-view .box-reviews .reviews-title > div { font: 18px/24px 'proxima_nova_regular'; letter-spacing: -0.25px; color: #1e242f;} .product-view .box-reviews .reviews-title > div .product-name { font-family: 'proxima_nova_bold'; font-weight: normal; } .product-view .box-reviews dl { margin:0 0 15px; } .product-view .box-reviews dt .heading { font-weight:normal; font-size:1.5em; margin-right:10px; } .product-view .box-reviews dt span { font-weight:bold; } .product-view .box-reviews dt a { font-size:18px; margin-right:8px; } .product-view .box-reviews dd { margin:0 0 15px 15px; padding-bottom:15px; border-bottom:1px dashed #e5e5e5; } .product-view .box-reviews dd .date { display:block; margin-top:3px; font-style:italic; } .product-view .box-reviews .form-add { border: 1px solid #d6dbe4; padding: 20px; } .product-view .box-reviews .form-add h2 { text-transform:uppercase; font-size: 14px; font-family: 'proxima_nova_semibold'; margin-bottom: 15px; color: #364052; } .product-view .box-reviews .form-add .rate-type strong { font-family: 'proxima_nova_bold'; font-size: 18px; font-weight: normal; display: block; margin-bottom: 5px; color: #364052; } .product-view .box-reviews .form-add .rate-type { width: 33.3333%; float: left; } #input-message-box { display: block; margin: 20px 0; } .rating-stars { display: inline-block; position: relative; width: 80px; height: 16px; } .rating-stars .radio { cursor: pointer; opacity: 0; margin: 0; z-index: 1; } .rating-stars .radio, .rating-stars .label { width: 16px; height: 16px; display: block; position: absolute; top: 0; left: 0; text-align: center; } .rating-stars .radio + span + input, .rating-stars .label + input + span { left: 16px; } .rating-stars .radio + span + input + span + input, .rating-stars .label + input + span + input + span { left: 32px; } .rating-stars .radio + span + input + span + input + span + input, .rating-stars .label + input + span + input + span + input + span { left: 48px; } .rating-stars .radio + span + input + span + input + span + input + span + input, .rating-stars .label + input + span + input + span + input + span + input + span { left: 64px; } .rating-stars .radio:after, .rating-stars .label:after, .rating-stars:hover .radio:checked + span ~ span:after { color: #efb400; } .rating-stars .radio:checked + span ~ span:after, .rating-stars .radio:hover + .label ~ .label:after { color: #dadada; } .rating-stars span:after{ content: "\f005"; font-family: "FontAwesome"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: 15px; line-height: 1; transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -ms-transition: all 0.25s ease; } .product-view .box-reviews ul.form-list { } .product-view .box-reviews ul.form-list li + li { margin: 20px 0 0; } .product-view .box-reviews ul.form-list label { float: none; margin-bottom: 5px; display: inline-block; } .product-view .box-reviews ul.form-list .input-box { float: right; width: 65%; } .product-view .box-reviews ul.form-list li:last-child .input-box { width: 100%; } /* Send a Friend %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .send-friend .form-list li p { margin:0 15px 0 0; } .send-friend .form-list .field { margin-bottom:8px; } .send-friend .form-list textarea { width:100%; } .send-friend .buttons-set .limit { float:right; margin:0 7px; } /* Content Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-name { margin:0; font-weight:normal; font-size:1em; } /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .advanced-search-summary { padding:20px; margin:10px 0; } .advanced-search-summary ul { float:left; margin:0 4% 10px 0; width:46%; } .advanced-search-summary li { margin:0 0 2px 0; font-size:1.25em; } .advanced-search-summary strong { margin:0 5px 0 0; } .advanced-search-summary p { clear:both; float:left; display:block; margin:20px 0 0; } /* Advanced Search - form */ .advanced-search .form-list label { padding-right:10px; width:140px; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { clear:none; float:left; /* Complex form fields (e.g. price range) require floating for correct layout */ } .catalogsearch-advanced-index .fieldset { margin-bottom:3px; } .catalogsearch-advanced-index .buttons-set { padding-left:0; } .catalogsearch-advanced-index .buttons-set button.button { float:left; margin:0; } .catalogsearch-advanced-index .buttons-set button.button span span { padding-left:60px; padding-right:68px; } /* Sitemap */ .page-sitemap .links { float:right; margin:0 0 5px; text-align:center; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .sitemap { margin:15px; } .page-sitemap .sitemap li { margin:3px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; } .page-sitemap .sitemap li.level-0 a {} .page-sitemap .pager { clear:both; } /* RSS */ .rss-title h1 { background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/i_rss-big.png) 0 center no-repeat; padding-left:30px; } .rss-table .link-rss { display:block; } /* Shopping Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Checkout Types %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .page-title .checkout-types li { margin:0 0 5px; } .cart .title-buttons .checkout-types { float:right;margin-right:1%;width:25.5%; } .cart .title-buttons .checkout-types li { float:right; margin:0 0 0px;width:100% } /* Shopping Cart Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-table thead tr { border-bottom:1px solid #e5e5e5; } .cart-table th.last { border-right:none; } .cart-table .product-image { width:145px; display:block;max-width:145px!important; } .cart-table .product-name { margin:0 0 10px; font-weight:normal; font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } .cart-table .item-msg { margin:5px 0; font-size:0.9166em; font-weight:bold; color:#ee001c; } .cart-table tfoot td { padding:5px 10px; border:none; } /* Table bottom - buttons -------------------------------------------------------------- */ .cart-table tfoot td.last { padding:5px 0; border-bottom:1px solid #dee4ed; } .cart-table tfoot button { padding:0; margin:0 0 0px 0px; } .cart-table .btn-continue { float:left; margin-left:0; } .cart-table .btn-continue, .cart-table .btn-update { position: relative; padding-left: 25px; } .cart-table .btn-continue span span, .cart-table .btn-update span span { color: #1b3b87; } .cart-table .btn-continue:before, .cart-table .btn-update:before { content: ''; background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/refresh.svg) no-repeat center center; display: inline-block; width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -11px; left: 0; background-size: 36px; } .cart-table .btn-continue:before { background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/arrow-back.svg) no-repeat center center; background-size:30px; } .cart-table .btn-continue span, .cart-table .btn-update span, .cart .discount .buttons-set button.button span, .onestepcheckout-coupons button.button span {background:transparent;font-size:14px;text-transform:capitalize} .cart-table .btn-continue span span, .cart-table .btn-update span span, .cart .discount .buttons-set button.button span span, .onestepcheckout-coupons button.button span span {padding:0px;} .cart-table .btn-continue:hover span, .cart-table .btn-update:hover span, .cart .discount .buttons-set button.button:hover span, .onestepcheckout-coupons button.button:hover span {background:transparent;text-decoration:underline} .cart-table .btn-update, .cart-table .btn-empty { float:right; } .cart-table {} /* Cart Collateral blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-collaterals { margin-top:20px; /* Percentage value to keep the same margin as between columns */ } .cart .cart-left-column > *, .cart .cart-right-column > * { margin-bottom:8px; } .cart .cart-right-column { float:left;width:100%; } /* Cross-sell %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .crosssell { padding-top: 40px; } .cart .crosssell h2 { padding: 0; text-align: left; } .cart .crosssell .price { font-family: 'proxima_nova_bold'; } /* -------------------------------------------------------------- */ .cart-wide-box .crosssell li.item { float:left; width:265px; min-height:109px; } .cart-wide-box .crosssell li.item.odd { padding-right:20px; border-right:1px solid #eee; } .cart-wide-box .crosssell li.item.even { padding-left:20px; } /* Common styles: Cross-sell, Discount Codes, Estimate Shipping %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .discount .buttons-set, .cart .shipping .buttons-set { margin:0px 0 0 10px; border:0; padding:0; text-align:left; } .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button { float:none; margin-left:0; } /* Discount Codes (coupons) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .discount { margin-bottom: 20px; padding-top: 20px; } .cart .discount .input-box { float: left; } .cart .discount .input-box input { width: 100%; } .cart .discount button.button { display: inline-block; } .cart .discount button.button span span { background: #364052; border-radius: 0; font-size: 14px; font-family: 'proxima_nova_bold'; border: 1px solid #dee4ed; padding: 0 15px; } @media (max-width: 991px) { .cart .discount { display: table; width: 100%; } .cart .discount .discount-form {display: table-row;} .cart .discount .input-box { display: table-cell; float: none; width: 100%; } .cart .discount .buttons { display: table-cell; float: none; white-space: nowrap; } } /* Estimate Shipping %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .shipping input.input-text, .cart .shipping select { width:100%; } .cart .shipping p { margin-bottom:10px; } .cart .shipping .sp-methods { margin:10px 0 0; } /* Shopping Cart Totals %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .totals, .cart .summary-block{ } .cart .totals-inner { padding: 0 0 15px 0; border:1px solid #d6dbe4; text-align: right; } .cart .totals table { width:100%; } .cart .totals table .a-left { text-align: right !important; } .cart .totals td { padding:5px 30px } .cart .totals tr.last td {} .cart .totals tfoot th { padding:5px 15px 5px 7px; } .cart .totals tfoot td { padding-bottom:5px; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size:14px;font-weight:normal } .cart .totals .checkout-types { text-align:right; padding-top: 10px; } .cart .totals .checkout-types li { clear:both; margin:10px 0; } .cart .totals tfoot .price, .cart .totals tfoot td strong { font-family: 'proxima_nova_bold'; font-size: 24px; color: #1e242f; } /* Cart static blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Item Options and Options Tool Tip %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .item-options { line-height:15px; } .item-options dt { white-space:nowrap; float:left; margin-right:7px; } .item-options dd { padding-left:11px; margin:0 0 2px; } /* Item options in cart/checkout tables */ .data-table .item-options dt { background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/img/bullet.png) 0 4px no-repeat; padding-left:10px; white-space:normal; /* Override 'nowrap' */ } .data-table .item-options { margin:0 0 0 10px; } /* Options Tool Tip -------------------------------------------------------------- */ .truncated { cursor:help; display:inline-block; margin-left:3px; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; text-decoration:none; border-bottom:1px dotted #ccc; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; padding:8px; min-width:100px; } .truncated .truncated_full_value .item-options > p { font-weight:bold; margin-bottom:2px; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:15px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; margin:15px 0 0; } .sp-methods dd { margin: 3px 0 15px; } .sp-methods dd li { margin: 5px 0; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding:10px 10px 10px 30px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li {} .sp-methods .checkmo-list label { padding-right:10px; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .please-wait { float:right; margin-right:5px; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { background-color:#fff; padding:10px; position:absolute; z-index:9999;} .tool-tip .btn-close a { margin:0 0 0 auto; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages { margin:30px 0 10px; } .gift-messages-form { border:1px solid #e5e5e5; padding:20px; position:relative; } .gift-messages-form p { margin-bottom:10px; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; } .gift-messages-form .item .details { margin-left:90px; } .gift-message-link { display:block; background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row .btn-close { float:right; padding:0 7px 0px; } .gift-message dt strong { font-weight:bold; color:#666; } .gift-message dd { margin:5px 0 0; font-size:13px; } .order-gift-message { margin:15px 0; } /* Checkout Agreements */ .checkout-agreements { padding:0 60px 20px; } .checkout-agreements li { margin:0 0 20px; } .checkout-agreements .agree { margin-top: 5px; } .checkout-agreements .agree input.checkbox { margin-right:6px; } .checkout-agreements .agree label { font-weight:bold; } .opc .checkout-agreements { padding:15px 30px; } .checkout-agreements .agreement-content { max-height:250px; overflow:auto; padding-right:30px; } /* Centinel */ .centinel .authentication { border:1px solid #ddd;} .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } /* Generic Info Set */ /* For more styles see Multiple Addresses Checkout */ .info-set .data-table .item-options { margin:5px 0 0; } /********** Common Checkout Styles > */ /* Other */ .block-progress .block-title { background:none; border:0; padding:10px 0;} .block-progress .block-title strong { font-family:inherit; text-transform:none; font-weight:normal; } .block-progress .block-content { background:none; padding:0; margin-top:10px; border:none; } .block-progress dt { background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/img/checkout-progress.png) 0 5px no-repeat; line-height:18px; margin:0 0 5px; padding:6px 0 6px 30px; font-weight:bold; } .block-progress dd { line-height:15px; border-top:0 none; margin:0 0 6px; padding:8px 10px; } .block-progress dt.complete { background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/img/checkout-progress-done.png) 0 5px no-repeat; } .block-progress dt.complete .separator {} .block-progress dt.complete a { font-weight:normal; } .block-progress dd.complete {} .block-progress p { margin:0; } .opc .buttons-set { margin-top:0; padding-top:2em; } .opc .buttons-set p.required { margin:0; padding:0 0 10px; } .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:28px; line-height:28px; } .opc .ul { list-style:disc outside; padding-left:18px; } .opc { position:relative; } .opc .section { margin:0 0 10px; padding:0; } .opc .step-title { background:#f5f5f5; padding:10px; text-align:right; } .opc .step-title .number { float:left; background:#fff; padding:8px 12px; margin:0 8px 0 0; font-size:1.3333em; } .opc .step-title h2 { float:left; margin:0; color:#999; font-size:1.3333em; line-height:2.125em; } .opc .step-title a { display:none; float:right; margin-top:6px; } .opc .section.allow { cursor:pointer; } .opc .section.allow.active { cursor:auto; } .opc .allow .step-title { background:#f5f5f5; } .opc .allow .step-title:hover { background-color:#e5e5e5; } .opc .allow .step-title h2 { color:#333; } .opc .allow .step-title a { display:block; } .opc .active .step-title { background-color:#e5e5e5; cursor:default; } .opc .active .step-title .number { color:#fff; background-color:#333; } .opc .active .step-title a { display:none; } .opc .step { padding:10px 20px; margin-top:10px; position:relative; } .opc .step .tool-tip { right:30px; } #opc-login .form-list { margin:15px 0 15px; } #opc-login .form-list li { margin:0 0 3px;} #opc-login .buttons-set { padding:0; } .opc .gift-messages-form { border:1px solid #e5e5e5; border-width:1px 0;} .opc .gift-messages-form .inner-box { overflow:visible; } #opc-review .step { padding:0; } #opc-review .item-options { margin:5px 0 0; } #opc-review .buttons-set { border:0; padding:15px 30px; } #opc-review .buttons-set p { margin:0; line-height:28px; } #opc-review .buttons-set .please-wait { height:28px; line-height:28px; } #opc-review .authentication { margin:0 auto; width:570px; } #opc-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; } /* Common styles for: Multiple Addresses Checkout and Generic Info Set %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .multiple-checkout h2, .info-set h2 { font-weight:bold; margin:0 0 10px; } .multiple-checkout h3, .multiple-checkout h4, .info-set h3, .info-set h4 { font-size:15px; font-weight:bold; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a, .info-set h2 a, .info-set h3 a, .info-set h4 a { font-size:12px; font-weight:normal; } .multiple-checkout .data-table .product-name, .info-set .data-table .product-name { font-size:14px; margin:0 0 5px; } .multiple-checkout .col2-set h2.legend, .info-set h2.legend { font-weight:normal; } .multiple-checkout .col2-set h3.legend, .info-set h3.legend { color:#ce001a; margin:0 0 10px; } .multiple-checkout .col2-set .divider, .info-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .multiple-checkout .box, .info-set .box { margin:0 0 15px; } /* Multiple Addresses Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .checkout-progress { padding:0 110px; margin:-11px 0 25px; } .checkout-progress li { float:left; width:19%; margin:0 1px 0 0; padding-top:5px; border-top:10px solid #d5d5d5; text-align:center; color:#bbb; } .checkout-progress li.active { border-top-color:#ce001a; color:#ce001a; } .multiple-checkout .page-title { border-bottom:1px solid #e5e5e5; padding-bottom:5px; } .multiple-checkout .buttons-set { border-top:1px solid #e5e5e5; margin-top:40px; padding-top:15px; } /* Styles similar to cart-table */ .multiple-checkout .data-table thead tr { border-bottom:1px solid #bbb; } .multiple-checkout .data-table thead th { padding:10px; font-weight:normal; } .multiple-checkout .gift-messages { margin:15px 0 0; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .col2-set .col-1 { width:32%; } .multiple-checkout p.actions { margin-bottom:10px; } .multiple-checkout .place-order .please-wait { margin-top:10px; } .multiple-checkout .place-order .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .place-order .grand-total .inner div { display:inline; } .multiple-checkout .place-order .grand-total big { display:inline; margin-right:20px; } /* Step 1 */ #multiship-addresses-table td { padding:10px; } /* Step 2 */ .checkout-multishipping-shipping .box-sp-methods { border:1px solid #e5e5e5; padding:15px; margin-bottom:0; position:relative; } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Account Login/Create Pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .account-login .new-users, .account-login .registered-users {margin-left: 0; margin-right: 2%;} .account-login .new-users {margin-right: 0; margin-left: 2%; background: #f6f7f8;} .account-login .new-users .content { padding: 25px; } .account-login .new-users .content h2 { font-size: 32px; text-transform: none; color: #1e242f; } .account-login .new-users .content p { color: #666666; min-height: 0; } .account-login .new-users .buttons-set button.button { margin-left: 25px; margin-bottom: 25px; background: #a3aeb2; } .account-login .new-users .buttons-set button.button:hover { background: #919b9f; } .account-login p { margin-bottom:16px; } .account-login p.required { margin:0; } .account-login .buttons-set { clear:none; padding:0; margin:0;width:100%; } .account-login .buttons-set button.button { background: #364052; border-radius: 5px; } .account-login .buttons-set button.button:hover { background: #2b3342; } .account-login .buttons-set button.button span { background: none; font-family: 'proxima_nova_bold', serif; text-transform: none; } .account-login .buttons-set a { color: #1b3b87; } /* Account Login/Create box elements - login page and checkout page */ .account-login .buttons-set button, #opc-login .buttons-set button { float:left; margin-left:0;margin-top:14px; } .account-login .buttons-set a, #opc-login .buttons-set a { float:right !important; margin:24px 0 0; } .registered-users .content {width:100px; display: inline;} .registered-users .content p { margin-bottom: 30px; } .registered-users .content ul.form-list li { margin-bottom: 25px; } .registered-users .content label { float: left; line-height: 40px; margin: 0; color: #666; } .registered-users .content .input-box { float: right; } .registered-users .content .input-box { float: right; clear: none; } .registered-users .content .input-box input { min-width: 368px; } @media (min-width: 768px) and (max-width: 1023px) { .registered-users .content .input-box input { min-width: 190px; } } .new-users p {min-height:159px;} .customer-account-create .breadcrumbs li strong { font-size: 0; } .customer-account-create .breadcrumbs li strong:before { content: "Create an account"; font-size: 11px; top: 2px; position: relative; } .account-create form { width: 100%; float: left; max-width: 760px; } .account-create .fieldset .legend { display: none; } .account-create .form-list li { margin-bottom: 25px; } .account-create .form-list li.control .input-box { float: left; } .account-create .form-list label { line-height: 40px; margin-bottom: 0; color: #666; } .account-create .form-list .input-box { clear: none; float: right; } .account-create .form-list .input-box .input-text { min-width: 468px; } .account-create .buttons-set {margin: 25px 0px;} .account-create .buttons-set button.button { float: left; background: #364052; border-radius: 5px; } .account-create .buttons-set button.button:hover { background: #2b3342; } .account-create .buttons-set button.button span { background: none; font-family: 'proxima_nova_bold', serif; text-transform: none; } /* My Account Dashboard %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-account .title-buttons .link-rss { float:none; margin:0; } @media (min-width: 1200px) { .body-account .my-account { margin-left: 7%; } .product-view .box-additional .additional-price .btn-cart { float: right; } } /********** < Dashboard */ .customer-account-index .page-title h1 { font-size: 42px; margin-top: 5px; } .dashboard .welcome-msg { margin:0 0 1.6666em; } .dashboard .welcome-msg .hello { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } .dashboard .welcome-msg .hello strong { font-weight: normal; } .dashboard .col-1, .dashboard .col-2 { margin-bottom:1.5em; } /* General Box */ .box-account { margin:0 0 2.5em; } .box-account .box-head { margin:0 0 10px; padding-bottom:5px; } .box-account .box-head a { float:right; margin-top:10px; } .box-account .box-head h2 { float:left; margin:0; background-position:0 0; background-repeat:no-repeat; } .box-account.box-info .col-1 .box, .box-account.box-info .col-2 .box { padding: 25px; min-height: 166px; position: relative; } .box-account.box-info .col-1 .box a.edit-link { background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/edit_df.svg) no-repeat scroll -20px -12px / 50px auto; padding-left: 25px; } .box-account.box-info .col-1 .box .box-title a, .box-account.box-info .col-2 .box .box-title a { position: absolute; bottom: 25px; left: 25px; color: #1b3b87; background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/edit_df.svg) no-repeat scroll -20px -12px / 50px auto; padding-left: 25px; } .box-account.box-info .col-1 .box .box-title a:after { content: " information / "; } .box-account.box-info .col-2 .box .box-title a:after { content: " subscriptions"; } .dashboard .box .box-title { padding:0 0 10px; margin:0 0 10px; text-align:right; border-bottom:1px solid #e5e5e5; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float:left; margin:0; } /* Block: Account Information */ .customer-account-edit.body-account .col2-left-layout .main.container:before { bottom: 15px; } .customer-account-edit .page-title h1 { font-size: 42px; margin-top: 5px; } .customer-account-edit .page-title h1 { font-size: 42px; } .customer-account-edit h2.legend { display: none; } .customer-account-edit .my-account { max-width: 566px; } .customer-account-edit .form-list .input-box { clear: none; float: right; } .customer-account-edit .form-list input.input-text { min-width: 370px; } .customer-account-edit .form-list .field { margin-bottom: 25px; } .customer-account-edit .form-list label { line-height: 40px; margin: 0; color: #666; } .customer-account-edit .form-list .control label { line-height: 31px; } .customer-account-edit .buttons-set .back-link { display: none; } .customer-account-edit .buttons-set button.button { float: left; background: #364052; border-radius: 5px; } .customer-account-edit .buttons-set button.button:hover { background: #2b3342; } .customer-account-edit .buttons-set button.button span { background: none; } .customer-account-edit .buttons-set button.button span{ font-family: 'proxima_nova_regular', serif; float:none; } .customer-account-edit .buttons-set p.required { text-align: left; margin-bottom: 13px; height: 0; visibility: hidden; } .customer-account-edit .my-account form .fieldset:nth-child(2) { background: #f1f4f8; padding: 25px 25px 5px 25px; margin-top: 15px; display: inline-block; } .customer-account-edit .my-account form .fieldset:nth-child(2) .form-list li { margin-bottom: 25px; } .customer-account-edit .my-account form .fieldset:nth-child(2) input.input-text { min-width: 345px; } .customer-address-form .page-title + div[align="right"] { margin-right: 0 !important; margin-bottom: 20px; } .dashboard .box-info h4 { font-weight:normal; text-transform: uppercase;font-size: 14px;} .dashboard a {color: #1b3b87;} .my-account .track-box { padding: 25px 25px 0 25px; background: #f6f7f8; display: inline-block; width: 100%; margin-bottom: 20px; } .my-account .track-box h3 { float: left; margin: 0; text-transform: uppercase; font-size: 14px; color: #364052; font-family: 'proxima_nova_bold', serif; line-height: 40px; } .my-account .track-box form#form-validate { position: relative; float: right; } .my-account .track-box form#form-validate .input-box { margin-right: 78px; } .my-account .track-box form#form-validate input#tracking_code { min-width: 446px; } .my-account .track-box form#form-validate button.button { position: absolute; right: 0; top: 0; background: #364052; height: 40px; border: 1px solid #dddddd; } .my-account .track-box form#form-validate button.button:hover { background: #2b3342; } .my-account .track-box form#form-validate button.button span { background: none; padding: 0 9px; text-transform: none; font-family: 'proxima_nova_bold', serif; } .sales-order-history .data-table thead th:first-child { border-left: none; padding-left: 0; } .sales-order-history .data-table thead th { color: #666; border-top: none; } .sales-order-history .data-table td:first-child { padding-left: 0; } .sales-order-history .data-table td.last { padding-right: 0; } .sales-order-history .data-table td a, .sales-order-history .data-table td .separator { color: #1b3b87; } .sales-order-history .data-table td a.link-reorder { background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/icon-next.jpg) no-repeat right 0; padding-right: 18px; } .sales-order-history .toolbar .amount { display: none; } .sales-order-history .toolbar .limiter { float: left; margin-left: 20px; } .sales-order-history .toolbar div.selector span:before { border-width: 10px; border-color: #999ea7 transparent transparent; right: 14px; } .sales-order-history .toolbar div.selector span:after { border-width: 9px; border-color: #fff transparent transparent; right: 15px; content: ""; display: block; } .sales-order-history .buttons-set .back-link { display: none; } /* Block: Reviews */ .dashboard .box-reviews .number { float:left; font-size:1.3333em; line-height:1.25em; padding:0 10px; } .dashboard .box-reviews .details { margin-left:38px; } .dashboard .box-reviews li.item { margin:0 0 7px; } .dashboard .box-reviews li.item.last { margin:0; } .dashboard .box-reviews .ratings { margin:5px 0 0; } /* Block: Tags */ .dashboard .box-tags .number { float:left; font-size:1.3333em; line-height:1.25em; padding:0 10px; } .dashboard .box-tags .details { margin-left:38px; } .dashboard .box-tags .tags { margin:5px 0 0; } .dashboard .box-tags li.item { margin:0 0 7px; } .dashboard .box-tags li.item.last { margin:0; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display:inline; } /* Address Book %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .box-content address a {display:inline-block;color:#666;} .addresses-list h3 { font-weight:normal; } .addresses-list address { margin-bottom:10px; } .addresses-list .link-remove:hover { color:#ee001c; } .addresses-list .separator { margin:0 3px; } .addresses-list .addresses-primary .item { padding:15px; margin:0 0 10px; background-color:#f5f5f5; } .addresses-list li.empty { background:none; border:0; padding:0; } .addresses-list li.empty p { color:#555; } .addresses-list .addresses-additional .item { padding:15px; margin:0 0 10px; border:1px solid #e5e5e5; } .my-account .pager { margin-bottom:20px; } .customer-address-index.body-account .col2-left-layout .main.container:before { bottom: 0; } .customer-address-index .col2-set .col-1.addresses-primary { width: 65%; } .customer-address-index .col2-set .col-2.addresses-additional { width: 31%; } .customer-address-index .col2-set .col-1.addresses-primary .item { background: none; float: left; width: 48%; padding: 0; } .customer-address-index .col2-set .col-1.addresses-primary .item address { color: #666; } .customer-address-index .col2-set .col-1.addresses-primary .item:first-child { margin-right: 4%; } .customer-address-index .col2-set .col-1.addresses-primary h2, .customer-address-index .col2-set .col-2.addresses-additional h2 { margin-bottom: 33px; } .customer-address-index .col2-set .col-1.addresses-primary .item h3 { text-transform: uppercase; font-size: 14px; font-family: 'proxima_nova_bold', serif; text-transform: uppercase; font-size: 14px; font-family: 'proxima_nova_bold', serif; letter-spacing: 1.2px; } .customer-address-index .col2-set .col-1.addresses-primary .item a { margin-top: 5px; display: inline-block; color: #1b3b87; background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/edit_df.svg) no-repeat scroll -20px -12px / 50px auto; padding-left: 25px; } .customer-address-index .col2-set .col-2.addresses-additional .item { border: none; background: #f1f4f8; padding: 25px; position: relative; } .customer-address-index .col2-set .col-2.addresses-additional .item a.link-remove { position: absolute; top: 25px; right: 25px; width: 23px; height: 23px; background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland/ic_close.png) no-repeat left top; background-size: 100%; font-size: 0; } .customer-address-index .col2-set .col-2.addresses-additional .item a.link-remove { position: absolute; top: 25px; right: 25px; width: 23px; height: 23px; background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland/ic_close.png) no-repeat left top; background-size: 100%; font-size: 0; margin: 0; } .customer-address-index .col2-set .col-2.addresses-additional .item a { margin-top: 5px; display: inline-block; color: #1b3b87; } .customer-address-index .col2-set .col-2.addresses-additional .item a:before { content: "\f040"; font-family: "FontAwesome"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; margin-right: 3px; } .customer-address-index .col2-set .col-2.addresses-additional .item span.separator { display: none; } .customer-address-index .col2-set .col-2.addresses-additional button.button { float: left; min-width: 170px; background: #a3aeb2; border-radius: 5px; margin-top: 15px; } .customer-address-index .col2-set .col-2.addresses-additional button.button:hover { background: #919b9f; } .customer-address-index .col2-set .col-2.addresses-additional button.button span { background: none; font-family: 'proxima_nova_bold', serif; text-transform: none; line-height: 40px; } .customer-address-index .buttons-set .back-link { display: none; } /* Order View %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .order-info { margin:20px 0 10px; } .order-info dt, .order-info dd, .order-info li, .order-info li a { float:left; } .order-info dt { font-weight:bold; } .order-info li { margin-right:0; } .order-info dt, .order-info li.current, .order-info li a { padding:10px; } .order-info dt { padding-left:0; } .order-info li a { background-color:#f8f8f8; } .order-info li a:hover, .order-info li.current { background-color:#e5e5e5; } /* Date */ .order-date { margin:15px 0; color:#ee001c; clear:both; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .order-info-box { margin:0 0 10px; padding:20px; } .order-info-box .col-1 { border-right:#e5e5e5 solid 1px; } .order-info-box h2 {} .order-info-box .box-payment p { margin:0 0 3px; } .order-info-box .box-payment th { font-weight:bold; padding-right:7px; } .order-items .data-table { margin-bottom:20px; } .order-items .data-table td { padding:10px 20px;vertical-align: top } .order-items .data-table .grand_total { font-size:1.3333em; } /* Grand total color */ .order-items .data-table .grand_total .last, .order-items .data-table .grand_total_incl .last {} .order-items { width:100%; } .order-items .product-name { margin:0 0 3px; font-size:14px; color: #333;} .order-items .link-print { font-weight:normal; } .order-items p .link-print { float:none; } .order-items h2, .order-about h2 { margin:15px 0; } .order-items h3.table-caption { font-size:13px; font-weight:bold; } .order-items h2.table-caption a, .order-items h2.sub-title a { font-size:12px; font-weight:normal; text-transform:none; } .order-items .order-links { text-align: right; } .order-items .order-comments h2 {} .order-details h2 {} .order-details h2 .separator { color:#999; font-size:12px; } .order-about { margin:0 0 15px; padding:5px 30px; } .order-about dt { font-weight:bold; } .order-about dd { font-size:12px; margin-bottom:15px; } .tracking-table { margin:0 0 15px; } .tracking-table th { width:20%; font-weight:bold; white-space:nowrap; } .tracking-table th, .tracking-table td { padding:5px 9px; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } .sales-order-view.body-account .col2-left-layout .main.container { margin-bottom: 60px; } .sales-order-view.body-account .col2-left-layout .main.container:before { bottom: 0; } .sales-order-view .buttons-set .back-link { display: none; } .sales-order-view .page-title.title-buttons { position: relative; } .sales-order-view .page-title.title-buttons span.status { position: absolute; right: 0; background: #56c611; color: #fff; text-transform: uppercase; padding: 5px 10px; border-radius: 3px; top: 20px; } .sales-order-view .order-info { display: none; } .sales-order-view .box-actions { background: #f6f7f8; padding: 25px; position: relative; } .sales-order-view .box-actions .link-rss.f-none { display: none; } .sales-order-view .box-actions .order-date { position: absolute; right: 25px; margin: 0; color: #666; top: 25px; } .sales-order-view .box-actions span.separator { display: none; } .sales-order-view .box-actions a { color: #1b3b87; } .sales-order-view .box-actions a.link-reorder { background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/icon-reorder.jpg) no-repeat top left; padding-left: 17px; margin-right: 20px; } .sales-order-view .box-actions a.link-print { background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/icon-print.jpg) no-repeat top left; padding-left: 17px; } .sales-order-view .order-items.order-details { margin-top: 25px; } .sales-order-view .order-items.order-details h2.table-caption { display: none; } .sales-order-view .order-items.order-details .data-table thead th:first-child { padding-left: 0; } .sales-order-view .order-items.order-details .data-table thead th:last-child { padding-right: 0; } .sales-order-view .order-details .product-name, .sales-order-view #my-orders-table h3.product-name { text-transform: none; font-family: 'proxima_nova_bold'; } .sales-order-view .order-items.order-details .data-table thead th { border: none; color: #666; } .sales-order-view .order-items .data-table td:first-child { padding-left: 0; } .sales-order-view .order-items .data-table td.last { padding-right: 0; } .sales-order-view .data-table td { border-bottom: none; } @media (min-width: 640px) { .sales-order-view .data-table tbody td.a-right:not(.last) { text-align: center !important; } } .sales-order-view .data-table td span.nobr { font-size: 0; } .sales-order-view .data-table td span.nobr strong { font-size: 14px; } .order-items .data-table .grand_total td { border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; } .order-items .data-table tfoot td:first-child { padding-right: 88px; position: relative; border: none; } .order-items .data-table .grand_total td:first-child strong:before { content: ""; position: absolute; height: 1px; background: #cfcfcf; top: 0; width: 50%; right: 0; } .order-items .data-table .grand_total td:first-child strong:after { content: ""; position: absolute; height: 1px; background: #cfcfcf; bottom: -1px; width: 50%; right: 0; } .box-infomation-title h2 { color: #1e242f; font-size: 32px; font-family: "Slabo 13px"; margin-bottom: 25px; } #my-orders-table .grand_total strong, #my-orders-table .grand_total .price { font-size: 24px; font-family: 'proxima_nova_bold'; } .sales-order-view .order-info-box { color: #666; margin: 0; } .sales-order-view .order-info-box .col-1 { border: none; } .sales-order-view .order-info-box h2 { font-size: 14px; text-transform: uppercase; color: #364052; font-family: "proxima_nova_bold"; } /* Order Print Pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-print .print-head { margin:0 0 15px; } .page-print .print-head .logo { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h1 { font-size:16px; font-weight:bold; } .page-print h2, .page-print h3 { font-size:13px; font-weight:bold; } .page-print h2.h2 { font-size:16px; font-weight:bold; } .page-print .order-date { background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 10px; margin:0 0 10px; } .page-print .col2-set { margin:0 0 10px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* My Wishlist %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-wishlist .product-image { display: block; margin: 0 0 5px; min-width: 86px; max-width: 86px; } .my-wishlist .product-name { margin-bottom:10px; } .my-wishlist .description { margin-bottom:10px; } .my-wishlist textarea { display: block; width: 92%; height: 59px; border: 1px solid #e5e5e5; padding: 15px; } .my-wishlist .price-box { margin-bottom:5px; } .my-wishlist .add-to-cart-alt { margin-bottom:10px; } .my-wishlist .add-to-cart-alt .input-text.qty {} .my-wishlist .add-to-cart-alt .selector {display: none !important;} @media (max-width: 479px) { .my-wishlist .add-to-cart-alt .input-text.qty {display: none;} .my-wishlist .add-to-cart-alt .selector {display: block !important;} } .my-wishlist .buttons-set { background: #f1f4f8; margin: 20px 0 0 0 !important; padding: 24px 24px 20px 24px; } .my-wishlist .data-table .last td { border-bottom: none; } .my-wishlist .buttons-set button.button { float:none; } #wishlist-table .add-to-links { white-space:nowrap; } .my-wishlist .btn-cart { margin: 0; margin-left: 25px; } .my-wishlist .btn-cart span { font-family: 'proxima_nova_bold'; text-transform: none; } .my-wishlist .data-table tbody td .btn-update:before { display: none; } /* My Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-tag-edit { float:left; margin:0 0 10px; } .my-tag-edit .btn-remove { float:right; margin:5px 0 0 5px; } #my-tags-table { clear:both; } #my-tags-table td { padding:10px; } #my-tags-table .add-to-links { white-space:nowrap; } /* My Reviews TODO:deprecated %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #my-reviews-table td { padding:10px; } .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { margin:0 0 8px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 10px; } .product-review .product-details { margin:0 20px 20px 155px; } .product-review .product-name { font-size:18px; margin:0 0 18px; } .product-review h3 { font-size:12px; margin:15px 0 5px; } .product-review .ratings-table { margin:0 0 15px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:12px; margin:5px 0 0; } .product-reviews .rating-box {display:inline-block;} .product-reviews .data-table thead th { text-transform: capitalize; font-size: 16px; color: #444c5d; font-weight: normal; border-right: 0px; border-left: 0px; padding: 12px 0px; } .product-reviews .data-table td font { font-size: 16px; line-height: 18px; color: #444c5d; font-family: 'proxima_nova_semibold'; font-weight: normal;} .product-reviews .data-table td .reviewDate { font-size: 12px; line-height: 24px; color: #666;} .reviews-title div {margin-bottom:10px;} .reviews-title div .product-name {text-transform:capitalize;font-weight:bold;} .product-reviews .data-table td {vertical-align:top;} .product-reviews .data-table th { padding:10px 0px; border-bottom:0px; } .product-reviews .data-table td { padding: 20px 0 0; border: none; } .product-reviews .data-table td:first-child { padding-right: 20px; } .product-reviews .read-all-reviews {margin-left:-20px;font-size:12px;text-decoration:underline;} /* Billing Agreements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .billing-agreements .form-list li select { float:left; } .billing-agreements .form-list li button.button { float:left; margin-left:10px; } .billing-agreements .table-caption { font-weight:bold; font-size:13px; } /* Popups %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Remember Me Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .window-overlay { background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; } .remember-me label { float:none; margin:0 6px; } .remember-me-popup { left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; z-index:10000; display: none;} .remember-me-popup .remember-me-popup-head { position:relative; } /* Additionally remove the button */ .remember-me-popup .remember-me-popup-close-button { display:none; } /* MAP Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-msrp-totals { color:red; font-size:12px !important; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-transform:lowercase; width:55px; line-height:15px; padding:2px 8px; } .map-cart-sidebar-total:hover { overflow:visible; white-space:normal; background-color:#fff; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2); } .map-popup { margin:10px 0 0; position:absolute; width:300px; z-index:100; } .map-popup-heading { width:240px; } .map-popup-heading h2 { margin:0; overflow:hidden; white-space:nowrap; word-wrap: break-word; text-align:left; text-overflow:ellipsis; } .map-popup-content { overflow:hidden; text-align:left; width:270px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; padding-right:30px; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { clear:right; margin:0 15px; padding:15px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #eee; } /* Common styles for: Remember Me Popup and MAP Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .remember-me-popup, .map-popup { background:#fff; text-align:left; /* + Common shadow styles for multiple items */ } .remember-me-popup h3, .map-popup-heading { border-bottom:1px solid #e5e5e5; padding:12px 45px 12px 15px; } .remember-me-popup h3, .map-popup-heading h2 { font-size:1.5em; /*18px*/ } .remember-me-popup .remember-me-popup-body, .map-popup-content { padding:15px; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close, .map-popup-close { background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/img/pix.png) 0 -150px no-repeat; display:block; position:absolute; top:11px; right:15px; height:17px; width:17px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close:hover, .map-popup-close:hover { background-position:-17px -150px; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close:active, .map-popup-close:active { background-position:-34px -150px; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .calendar { z-index:200; } /* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-container, .footer-container2 { background-repeat:repeat; background-position:center top; background-attachment: scroll; } .footer { margin:0 auto; padding:0; text-align:left; } .footer-bottom { text-align: center; } .footer-bottom .item-left { margin-bottom: 7px; } .block_footer_payment, .belowfooter_securepay { display: inline-block; } /* Footer elements */ .footer .heading, #subscribe-form label { margin-bottom:0.625em; font-size:1.3333em; font-weight:normal; } /* Primary footer additional -------------------------------------------------------------- */ .footer-primary-top-spacing { padding-top:20px; padding-bottom:20px; border-bottom:1px solid; border-color:#eee; border-color:rgba(0,0,0, 0.05); } .footer-container .footer-primary-container { padding-bottom: 30px; } @media (max-width: 768px) { .footer-container .footer-primary-container { padding-bottom: 10px; } } /* Footer elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Newsletter form -------------------------------------------------------------- */ #subscribe-form {} #subscribe-form form { display:block; } #subscribe-form label { float:left; font-weight:normal; position: relative; } #subscribe-form .input-text { float:left; width:100%; } /* Social services -------------------------------------------------------------- */ .social-links span.icon { margin-bottom:3px; } /* Other elements -------------------------------------------------------------- */ .footer-copyright { font-size:12px; /*11px*/ } /* Scroll to top button -------------------------------------------------------------- */ #scroll-to-top { display:none; position:fixed; width:50px; height:50px; bottom:30px; right:30px; z-index:9999; text-indent:-9999px; border-radius:50%; background:url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/sprite.png) -200px -100px no-repeat #e5e5e5; } #scroll-to-top:hover { background-position:-200px -150px; background-color:#333; } /* button in input */ .input-button{width: 280px;border: 1px solid #ddd;background: #fff;position: relative;} .input-button .input-box{width: 74%;float: left;} .input-button input.input-text{border: none;font-family: 'proxima_nova_regular';font-size: 16px;color: #6e7683;padding: 0 0 0 17px;float: left } .input-button input.input-text:hover, .input-button input.input-text:focus, .input-button input.input-text.validation-failed, .input-button input.input-text.validation-passed { border-color:transparent ; outline:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow: none; } .footer-top .input-button button.button , .footer-top .input-button button.button span{ height: 48px; line-height: 48px; font-size: 16px;background: #364052; font-family: 'proxima_nova_semibold';font-weight: normal;} .footer-top .input-button button:hover span{ background: #1e242f} .footer.footer-top button.button:hover span { background: #1e242f} .input-button button.button{float: right;height: 40px;width: 26%;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0; font-size: 16px;} .input-button button.button span{float: none;border-left: 1px solid #dee4ed;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;} .input-button button.button span span{background: none;text-transform: uppercase;font-family: 'Open Sans', sans-serif; font-weight: 800;padding: 0 12px ;border: none } .input-button .input-box .validation-advice{position: absolute;top: 55px;text-align: left} .input-button button.button span span{padding: 0} .input-button button.button{ -webkit-appearance: none; -webkit-border-radius: 0; } /* end button in input */ /* CMS pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Home page */ .cms-index-index .main{padding-top: 0} body.cms-index-index .breadcrumbs { display:none; } /* slider */ .cms-home .gen-slider-pager1-pos-bottom-right .control-nav{bottom: -43px;right: inherit;width: 100%;text-align: center} .cms-home .gen-slider-pager1 .control-nav li{float: none;display: inline-block} /* homepage_centre_largelandscape */ .product-list-featured, .static-block-home-page, .static-block-abovefooter { clear: both; width: 100%; padding-bottom: 25px } .static-block-abovefooter { padding-bottom: 0 } .static-block-home-page img { width: 100% } .homepage_centre_portrait, .homepage_centre_smalllandscape_1, .homepage_centre_smalllandscape_2 { border: 1px solid #d9d9d9 } .homepage_centre_portrait { position: relative; } .homepage_centre_portrait .home-text-content { position: absolute; text-align: center; bottom: 29px; line-height: 26px; font-family: "proxima_nova_thin"; font-size: 22px; color: #fff; padding: 10% 10% 0; text-align: left } .homepage_centre_portrait .home-text-content strong { font-family: "proxima_nova_bold"; font-weight: normal } .homepage_centre_smalllandscape_1 { margin-bottom: 17px } /* static-block-abovefooter */ .static-block-abovefooter{padding-top: 55px;padding-left: 2%;padding-right: 2%} .static-block-abovefooter > div{float: left;width: 23%;padding-right: 1.5%;margin-right: 1.5%;margin-left: 1.5%; border-right: 1px solid #d6dbe4} .static-block-abovefooter > div:first-of-type{margin-left: 1%;} .static-block-abovefooter > div:last-of-type{border-right: none;padding-right: 0;margin-right: 0;width: 21%} .static-block-abovefooter .title{clear: both} .static-block-abovefooter span.icon{width: 59px;height: 59px;display: inline-block;margin-right: 20px;float: left} .static-block-abovefooter h3{display: inline-block; font-size: 20px;font-family: "proxima_nova_black";color: #364052;line-height: 20px;width: 65%;float: left;margin-bottom: 0} .static-block-abovefooter .content{clear: both;padding-top: 20px;font-size: 13px;color: #666;line-height: 18px;margin-bottom: -2px} .static-block-abovefooter .link{font-family: "proxima_nova_bold";font-size: 13px} .static-block-abovefooter .icon{background-image: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland/sprites.png");background-size: 50px auto;background-repeat: no-repeat;} .static-block-abovefooter .abovefooter_cta_1 .icon{background-position: center -455px} .static-block-abovefooter .abovefooter_cta_2 .icon{background-position: center -528px} .static-block-abovefooter .abovefooter_cta_3 .icon{background-position: center -596px} .static-block-abovefooter .abovefooter_cta_4 .icon{background-position: center -656px} /* footer */ .footer-container .footer-top-container { padding: 40px 0 45px; } .footer-top-container{border-top: 1px solid #dee4ed} .footer-top-container h3{margin: 0 auto; line-height: 1;} .footer-top-container .newsletter-subscribe h3{width:100%} .footer-top-container .footer-function-box > div{text-align: center;float: left;position: relative} .footer-top-container .footer-function-box > div:after{content: "";height: 100%;width: 1px; background: #eaedf1;position: absolute;top: 0;right: 0;} .footer-top-container .footer-function-box > div:last-of-type:after{display: none} .footer-top-container .footer-function-box > div.newsletter-subscribe{width: 33.3%;padding: 0 1%;} .footer-top-container .footer-function-box > div.store-locator{padding: 0 2% ;width: 30%;} .footer-function-box .input-button {width: 100%;} .footer-locator .input-button{width: 291px} .footer-locator .input-button .input-box{width: 79%} .footer-locator .input-button button.button{width:21%} .footer-top-container .footer-function-box .social-sharing{padding: 0 2%;width:33.46%} .footer-top .social-sharing a{margin: 6px 6px 0 0;display:inline-block;} .footer-top .social-sharing img{width: 38px;border: none;} .footer-primary-container .section, .footer-bottom-container .section{padding: 0} .footer-primary-container .footer-primary{padding-bottom: 10px} .footer-primary .footer-col{float: left;width: 20%} .footer-primary #footer-links h3, .footer-primary #footer-links .std h3{font-size: 16px; font-family: 'proxima_nova_semibold'; color: #1e242f; text-transform: uppercase;} .footer-primary #footer-links ul li{line-height: 22px;font-family: "proxima_nova_regular";font-size: 14px} .footer-primary #footer-links ul li a{font-family: "proxima_nova_regular";} .footer-primary #footer-links .footer-col{width: 25%} .footer-bottom-container{padding-bottom: 50px;padding-top: 5px;} .footer_contactforinfo{position: relative} .footer_contactforinfo, .footer_contactforinfo h3{font-size: 12px; text-transform: uppercase; font-family: 'proxima_nova_semibold', serif;} .footer_contactforinfo h3 a { font-family: 'proxima_nova_bold', serif;} .footer_contactforinfo h3{line-height: 50px;height: 50px;padding: 0;margin:0} .footer_contactforinfo_left{float: left} .footer_contactforinfo_right{float: right} .footer_contactforinfo_logo{position: absolute;top: 0;left: 50%;margin-left: -46px} .footer_contactforinfo_logo img{width: 110px} .block_footer_payment{margin-left: 5px;} .footer-copyright{font-family: "open sans";line-height: 30px} @media (max-width: 767px) { .footer_contactforinfo_right{ float: none; text-align: center; } .footer_contactforinfo_logo { position: initial; text-align: center; margin: 0; padding-top: 10px; } .footer_contactforinfo h3 { line-height: 30px; height: auto; } .footer-container .footer-secondary > .grid-full > .section { padding: 5px; } .footer-bottom.footer .item-left {padding-top: 5px;} } /* start category */ .catalog-category-view .sidebar{ width: 18.6%;margin-right: 0;padding-top: 23px; position: relative; } .catalog-category-view .sidebar:after { content: ''; display: block; position: absolute; background: #dde4ee; top: 0; bottom: 0; right: -2px; width: 1px; } .catalog-category-view .col-main{ width: 80.4%; padding-left: 7%; margin-left: 0; margin-right: 0; padding-top: 5px; padding-right: 1%; border-left: 1px solid #dde4ee; } .catalog-category-view .col1-layout .col-main { width: 98%; padding: 5px 0 0; border: none; margin-left: 1%; margin-right: 1%; } /* menu side-bar */ .catalogsearch-result-index .sidebar .block-vertnav strong.title-filter, .catalog-category-view .sidebar .block-vertnav strong.title-filter { display: none; } .catalogsearch-result-index .sidebar .block-vertnav .block-title, .catalog-category-view .sidebar .block-vertnav .block-title { position: relative; padding-bottom: 7px; margin-bottom: 17px; text-transform: uppercase; font-size: 16px; } .catalogsearch-result-index .sidebar .block-vertnav .block-title:after, .catalog-category-view .sidebar .block-vertnav .block-title:after { content: ""; width: 41px; height: 1px; background: #dee4ed; position: absolute; left: 0px; bottom: -11px; } .catalogsearch-result-index .sidebar .block-vertnav .accordion-style1 .opener, .catalog-category-view .sidebar .block-vertnav .accordion-style1 .opener { background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/plus_df.svg) no-repeat 0px 6px; background-size: 64%; } .catalogsearch-result-index .sidebar .block-vertnav .accordion li.active > .opener, .catalog-category-view .sidebar .block-vertnav .accordion li.active > .opener { background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/minus_df.svg) no-repeat -5px 12px; background-size: 91%; } .catalogsearch-result-index .sidebar .block-vertnav .accordion-style1 li li a, .catalog-category-view .sidebar .block-vertnav .accordion-style1 li li a { padding-left: 0px; text-transform: none; font-size: 14px; color: #666666; } .catalog-category-view .sidebar .block-layered-nav > .block-title { display: none; } .catalog-category-view .sidebar .block-layered-nav > .block-category { height: 0; overflow: hidden; } .catalog-category-view .sidebar .block-layered-nav .block-content.block-shopby { width: 100%; } .category-cmsblock { margin-bottom: 20px; } .category-cmsblock:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .category-cmsblock > img { width: 50%; float: left; } @media (max-width: 480px) { .category-cmsblock > img { width: 100%;} .category-cmsblock > img + img { display: none; } } .block.block-vertnav ul.accordion { padding-top: 10px; } .block.block-vertnav ul.accordion ul.level0 ul { padding: 10px 0; } .block.block-vertnav ul.accordion > li > a { padding-left: 0; } .block.block-vertnav ul.accordion > li > a span { letter-spacing: 1px; font-family: 'proxima_nova_semibold'; } .block-layered-nav .block-categories-name, .block-layered-nav .block-shopby-name{ font-size: 14px; text-transform: uppercase; font-family: 'proxima_nova_bold'; font-weight: normal; display: inline-block; width: 100%; color: #364052; margin: 10px 0 0; letter-spacing: 1.5px; } .block-layered-nav .block-categories-name{ margin-bottom: 10px } .block-layered-nav .block-content.block-category {margin-bottom:13px;} .block-layered-nav .block-title, .title-hierarchy-label h2{position: relative;padding-bottom: 7px;margin-bottom: 17px;text-transform: uppercase;font-size: 16px} .block-layered-nav .block-title:after,.title-hierarchy-label h2:after {content: "";width: 41px;height: 1px;background: #dee4ed;position: absolute;left: 0px;bottom: -11px;} .block-layered-nav .block-title { color: #364052; } .block-layered-nav .filter-title{ border-top: 1px solid #dee4ed; font-family: "proxima_nova_semibold"; font-size: 12px; color: #364052; padding: 12px 0; cursor: pointer; background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/plus_df.svg) no-repeat 95% 9px; background-size: auto 48%; text-transform: uppercase; letter-spacing: 2px; } .block-layered-nav .filter-title.active{ background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/minus_df.svg) no-repeat 95% 19px; background-size: auto 24%; } .block-layered-nav #narrow-by-list{ padding-top: 20px; border-bottom: 1px solid #dee4ed; } .block-layered-nav .block-content li, .block-layered-nav .block-content li {font-family: "proxima_nova_regular"; color: #666} .block-layered-nav .block-content li a, .block-layered-nav .block-content li a .price{ color: #666; font-family: "proxima_nova_regular"; font-size: 14px; text-transform: none; } .block-layered-nav .block-content li a + * { display: none; } .block-layered-nav .block-content li + li, .block-layered-nav .block-content li + li { margin-top: 7px; } .block-layered-nav .filter-content{padding-top: 5px;padding-bottom: 12px} .block-layered-nav .filter-content li{line-height: 24px} .block-layered-nav .filter-content.last{border:none} .block-layered-nav.mobile-view .block-title { border: 2px solid #364052; height: 45px; line-height: 41px; text-align: center; text-transform: uppercase; cursor: pointer; padding: 0 !important; } .block-layered-nav.mobile-view .block-title span:after{ content: "\f107"; font-family: "FontAwesome"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; padding-left: 8px; font-size: 18px; line-height: 1; } .block-layered-nav.mobile-view .block-title.active span:after{ content: "\f106"; } .block-layered-nav.mobile-view .block-title:after {display: none;} .catalogsearch-result-index .sidebar .accordion-style1 li > a, .catalog-category-view .sidebar .accordion-style1 li > a { padding: 6px 10px; } .catalogsearch-result-index .sidebar .accordion-style1 li.parent > a, .catalog-category-view .sidebar .accordion-style1 li.parent > a{padding-left: 0} .catalogsearch-result-index .sidebar .accordion-style1 li a, .catalog-category-view .sidebar .accordion-style1 li a{border: none} .catalogsearch-result-index .sidebar .accordion-style1 li a:hover, .catalog-category-view .sidebar .accordion-style1 li a:hover{background: none} .category-desc { position: relative; } .category-desc .category-info { position: absolute; left: 5%; top: 50%; right: 5%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); font-size: 24px; } .category-desc .category-info h2 { margin-bottom: 15px; font-size: 133%; } .category-desc .category-info p { margin-bottom: 18px; } .category-desc .category-info li + li { margin-top: 5px; } @media (max-width: 1199px) { .category-desc .category-info { font-size: 18px; } } @media (max-width: 600px) { .category-desc .category-info { font-size: 14px; } .category-desc .category-info h2, .category-desc .category-info p { margin-bottom: 5px; } .category-desc .category-info li + li { margin-top: 0px; } } .category-products .toolbar{padding:0 0 0 25px } .category-products .toolbar-bottom .toolbar{margin-bottom: 0} .toolbar .pager .gen-direction-arrows1 a{background-image: none;position: relative; } .toolbar .pager .gen-direction-arrows1 a:after{content: ""; color: #364052;font-size: 20px;font-family: 'FontAwesome';top: -2px;left: 11px;position: absolute;text-indent: 0} .toolbar .pager .gen-direction-arrows1 a:hover:after{color: #fff} .toolbar .pager .gen-direction-arrows1 a.next:after{content: "\f105";} .toolbar .pager .gen-direction-arrows1 a.previous:after{content: "\f104"} .seo-block{position: relative;padding: 28px 0 0} .seo-block h3{color: #364052;font-size: 16px;text-transform: uppercase} .seo-block .seo-content{line-height: 17px;font-size: 13px;margin-left: -1.2%} .seo-block:before{content: "";height: 100%;background: #fff;width:1%;left:-2.2%;top: 0;position: absolute} /* category landing*/ .top-landing{margin-right: 1%;clear: both} .top-landing .top-pagewidth,.top-landing .small-left,.top-landing .top-right{margin-bottom: 20px} .top-pagewidth{margin-top: 20px} .top-landing .small-left{margin-right: 2%;width: 49.4%;float: left;} .top-landing .top-right{width: 48.6%;float: right} .featured-product-slider .products-grid .add-to-links{top: 28px} .catalog-category-view .product-list-featured{padding-top: 19px;padding-bottom: 0;margin-right: 1%;width: 98%;} .landing-hero-banner-2, .landing-hero-banner, .landing-banner { position: relative; display: inline-block; } .landing-hero-banner-2:before, .landing-hero-banner:before, .landing-banner:before { position: absolute; display: block; content: ''; width: 100%; left: 0; top: 0; height: 100%; transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .landing-hero-banner-2:hover:before, .landing-hero-banner:hover:before, .landing-banner:hover:before { background: rgba(0,0,0,0.4); } .landing-hero-banner-2 > div, .landing-hero-banner > div, .landing-banner > a, .landing-banner > div { position: absolute; left: 0; top: 50%; right: 0; text-align: center; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .landing-hero-banner > div a, .landing-banner > div a { font-family: "proxima_nova_bold"; color: #fff; font-size: 18px; display: inline-block; border: 2px solid #fff; height: 50px; line-height: 46px; padding: 0 20px; margin-top: 40px; } .landing-hero-banner > div a:hover, .landing-banner > div a:hover { text-decoration: none; } .landing-hero-banner > div a:after, .landing-banner > div a:after { content: "\f105"; font-family: "FontAwesome"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; padding-left: 8px; } .landing-banner div img {max-width: 80%;} .landing-hero-banner { margin-bottom: 24px; } .landing-hero-banner > div { left: 50%; } .landing-hero-banner ul li + li { display: none; } .landing-style-1 .landing-banner { width: 49%; float: left; } .landing-style-1 .landing-banner + .landing-banner { margin-left: 2%; } @media (max-width: 1023px) and (min-width: 768px) { .landing-banner > div a { height: 40px; line-height: 36px; margin-top: 20px; padding: 0 10px; } } @media (max-width: 600px) { .landing-style-1 .landing-banner { width: auto; } .landing-style-1 .landing-banner + .landing-banner { margin-left: 0; margin-top: 20px; } .landing-hero-banner { margin-bottom: 20px; } .landing-hero-banner > div { left: 0; } .landing-hero-banner ul li { display: none; } .landing-hero-banner ul li + li { display: block; } } .landing-hero-banner-2 > div { text-align: left; left: auto; width: 515px; max-width: 100%; font-size: 16px; right: 5%; } .landing-hero-banner-2 { margin-bottom: 40px; } .landing-hero-banner-2 > div h2, .landing-hero-banner-2 > div p { margin-bottom: 30px; } .landing-banner-wdesc { display: inline-block; } .landing-style-2 .landing-banner-wdesc { float: left; width: 32%; text-align: center; margin-bottom: 40px; margin-top: 30px; } .landing-style-2 .landing-banner-wdesc .landing-banner { margin-bottom: 15px; } .landing-style-2 .landing-banner-wdesc p a { display: block; margin-top: 20px; } .landing-style-2 .landing-banner-wdesc +.landing-banner-wdesc { margin-left: 2%; } .landing-style-2 .clearfix > .landing-banner { float: left; width: 49%; } .landing-style-2 .clearfix > .landing-banner + .landing-banner{ margin-left: 2%; } .brands { margin: 50px 0; text-align: center; } .brands:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .brands ul { margin: 0 -10px; } .brands ul li { width: 16.6666%; float: left; padding: 0 10px; } .landing-style-2 .brands ul li { width: 14.2857%; } @media (max-width: 1023px) { /* menu */ .vertnav-top.mobile.show { overflow: visible; position: relative; } .nav .vertnav-top.mobile.show .tab-content { /* position: absolute; background: #fff; width: 50%; z-index: 2;*/ width: 100%; } .landing-hero-banner-2 > div { width: 450px; right: 2%; } .landing-hero-banner-2 > div h2, .landing-hero-banner-2 > div p { margin-bottom: 10px; } .catalog-category-view .sidebar { width: 100%; margin: 0; padding: 0; border-left: 0; } .catalogsearch-result-index .sidebar .block-vertnav, .catalog-category-view .sidebar .block-vertnav { display: none; } .catalog-category-view .sidebar .block-layered-nav > .block-content.block-shopby { display: inline-block !important; width: 100%; } .block-layered-nav .block-shopby-name { font-size: 22px; text-align: center; border: 1px solid; padding: 20px; position: relative; text-indent: -13px; } .block-layered-nav .block-shopby-name:after { content: ""; width: 20px; height: 13px; top: 26px; left: 50%; position: absolute; margin-left: 55px; background: url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/icon-down-bold.jpg') no-repeat center; } .block-layered-nav .show .block-shopby-name:after { background: url('//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/icon-up-bold.png') no-repeat center; } .block-layered-nav #narrow-by-list { display: none; } .block-layered-nav .show #narrow-by-list { display: block; } .block-layered-nav #narrow-by-list .filter-title:first-child { border-top: none; } .block-layered-nav .filter-title.active { background-position: 97% -879px; } .catalog-category-view .sidebar:after { display: none;} .catalog-category-view .col-main{ width: 100%; padding-left: 0; border-left: none; } .block .block-title strong { text-transform: none;} } @media (max-width: 767px) { .landing-hero-banner-2 > div { display: none; } .landing-style-2 .landing-banner-wdesc { width: 49%; } .landing-style-2 .landing-banner-wdesc:nth-child(2n+1) { margin-left: 0; } .landing-style-2 .clearfix > .landing-banner + .landing-banner{ margin-left: 0; margin-top: 30px; } .landing-style-2 .clearfix > .landing-banner { width: auto; } .landing-style-2 .brands ul li { width: 25%; margin-bottom: 10px; } .toolbar { margin-top: 0;} } @media (max-width: 600px) { .vertnav-top.mobile.show .tab-content { width: 100%; } .landing-style-2 .landing-banner-wdesc { width: 100%; } .landing-style-2 .landing-banner-wdesc { margin-left: 0; } .landing-style-2 .landing-banner-wdesc + .landing-banner-wdesc { margin-top: 0; } .brands { margin: 50px 0 35px; } .brands ul li { width: 33.33333%; margin-bottom: 15px; } } @media (max-width: 479px) { .brands ul li, .landing-style-2 .brands ul li { width: 50%; } } /* sale category */ .category-sale-desc{background:#cc0000;padding: 12px; margin-bottom: 20px;} .category-specials .category-desc{padding: 5px} .category-sale-wrap{border:6px dashed #fff;text-align: center;padding: 25px } .category-desc .category-sale-desc .page-title h1{font-size: 44px;color: #fff;} .category-sale-desc .category-sale-content, .category-sale-desc .category-sale-content a{font-size: 16px;color: #fff} .category-clearance .breadcrumbs {display: none;} /* end category */ /* detail */ #giftcard_amount_box #amount_label_input, #giftcard_amount_box .notice{color: #999;text-transform: uppercase} #giftcard_amount_box input.input-text{height: 50px;margin-top:5px; } #giftcard_amount_box span.v-fix{margin-right: 23px;display: inline-block;width: 58%} .giftcard-form .giftcard-amount-form{padding: 0;margin:0} #giftcard_amount_box .notice{margin-top: 12px} .product-view .find-a-store {text-align: right;} .product-view .find-a-store a.button{font-size: 24px;width: 30%;float: none;display: inline-block} #ajaxcart-message{border: 1px solid #00b6f1;background:rgba(38,193,243,0.85);padding: 20px;width: 282px;/* min-height: 104px; */border-radius: 5px;position: fixed;right: 50px;top: 90px;z-index: 99999;font-family:"proxima_nova_extrabold";text-align:left; } #ajaxcart-message a{font-family: "proxima_nova_bold";text-decoration: underline;color: #fff} #ajaxcart-message span {font-family: 'proxima_nova_regular';} /* Magento widgets %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .widget-new-products .products-grid .item, .widget-viewed .products-grid .item, .widget-compared .products-grid .item { float: left; max-width: 165px; padding: 0 10px 15px; } .widget-new-products .products-list, .widget-viewed .products-list, .widget-compared .products-list { list-style-type: none; padding: 0; } .widget-new-products .products-list .product-image, .widget-viewed .products-list .product-image, .widget-compared .products-list .product-image { float: left; } /* Clear %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .clear { clear:both; font-size:0; line-height:0; height:0; } /* Additional simple clearing */ .clearer:before, .clearer:after, .header-container:before, .header-container:after, .header-container .top-container:before, .header-container .top-container:after, .header:before, .header:after, .header .quick-access:before, .header .quick-access:after, #nav:before, #nav:after, .main:before, .main:after, .footer:before, .footer:after, .footer-container .bottom-container:before, .footer-container .bottom-container:after, .col-main:before, .col-main:after, .col2-set:before, .col2-set:after, .col3-set:before, .col3-set:after, .col3-layout .product-options-bottom .price-box:before, .col3-layout .product-options-bottom .price-box:after, .col4-set:before, .col4-set:after, .search-autocomplete li:before, .search-autocomplete li:after, .block .block-content:before, .block .block-content:after, .block .actions:before, .block .actions:after, .block li.item:before, .block li.item:after, .block-poll li:before, .block-poll li:after, .block-layered-nav .currently li:before, .block-layered-nav .currently li:after, .page-title:before, .page-title:after, .products-grid:before, .products-grid:after, .products-list li.item:before, .products-list li.item:after, .box-account .box-head:before, .box-account .box-head:after, .dashboard .box .box-title:before, .dashboard .box .box-title:after, .box-reviews li.item:before, .box-reviews li.item:after, .box-tags li.item:before, .box-tags li.item:after, .pager:before, .pager:after, .sorter:before, .sorter:after, .ratings:before, .ratings:after, .add-to-box:before, .add-to-box:after, .add-to-cart:before, .add-to-cart:after, .product-essential:before, .product-essential:after, .product-view .box-tags .form-add:before, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:before, .product-view .product-shop .short-description:after, .product-view .box-description:before, .product-view .box-description:after, .product-options .options-list li:before, .product-options .options-list li:after, .product-options-bottom:before, .product-options-bottom:after, .product-review:before, .product-review:after, .cart:before, .cart:after, .cart-collaterals:before, .cart-collaterals:after, .cart .crosssell li.item:before, .cart .crosssell li.item:after, .opc .step-title:before, .opc .step-title:after, .checkout-progress:before, .checkout-progress:after, .multiple-checkout .place-order:before, .multiple-checkout .place-order:after, .group-select li:before, .group-select li:after, .form-list li:before, .form-list li:after, .form-list .field:before, .form-list .field:after, .buttons-set:before, .buttons-set:after, .page-print .print-head:before, .page-print .print-head:after, .advanced-search-summary:before, .advanced-search-summary:after, .gift-messages-form .item:before, .gift-messages-form .item:after, .send-friend .form-list li p:before, .send-friend .form-list li p:after, .welcome-msg p:last-child:before, .welcome-msg p:last-child:after, .my-account .order-info:before, .my-account .order-info:after, #mini-cart .mini-products-list li.item:before, #mini-cart .mini-products-list li.item:after, .block-related-thumbnails .product:before, .block-related-thumbnails .product:after, .cart .crosssell:before, .cart .crosssell:after, .section-line:before, .section-line:after, .section-title:before, .section-title:after, .container:before, .container:after, .product-list-featured:before, .product-list-featured:after, .static-block-home-page:before, .static-block-home-page:after, .static-block-abovefooter:before, .static-block-abovefooter:after, .input-button:before, .input-button:after, .breadcrumbs:before, .breadcrumbs:after, .category-products:before, .category-products:after, .category-desc:before, .category-desc:after, .top-landing:before, .top-landing:after, .breadcrumbs:before, .breadcrumbs:after, .loc-srch:before, .loc-srch:after, .header-static-block:before, .header-static-block:after { content: " "; display: table; } .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after, .welcome-msg p:last-child:after, .my-account .order-info:after, #mini-cart .mini-products-list li.item:after, .block-related-thumbnails .product:after, .cart .crosssell:after, .section-line:after, .section-title:after, .container:after, .product-list-featured:after, .static-block-home-page:after, .static-block-abovefooter:after, .input-button:after, .breadcrumbs:after, .category-products:after, .category-desc:after, .top-landing:after, .breadcrumbs:after, .loc-srch:after, .header-static-block:after { clear: both; } #additional-cart{border: 6px solid #0007AA;height: 77px;} .at_PinItButton { background-image: url("//s7.addthis.com/static/t00/pinit00.png"); background-repeat: no-repeat; display: block; height: 20px; margin: 0; padding: 0; width: 40px; } .at300b, .at300bo, .at300m, .at300bs { cursor: pointer; } .footer-bottom.footer .item-left {width:100%; text-align: center;} .compare-table .find-a-store {display:inline-block;text-align:center} .compare-table .find-a-store a {height:40px!important;line-height:40px!important;margin:10px auto 0px;display:block;padding:0px 25px;} .compare-table .find-a-store + .add-to-links {margin-top:0px} .block-compare .block-title { border-bottom: 1px solid #dee4ed; margin-bottom: 15px; font-size: 14px; text-transform: uppercase; font-family: 'proxima_nova_bold'; font-weight: normal; display: inline-block; width: 100%; color: #364052; margin: 10px 0 0; letter-spacing: 1.5px; } .block-compare .actions a {padding-top:9px} .block-compare .actions button.button { margin: 8px; } .block-compare .actions button.button:hover span { background: #919b9f; } .catalog-product-view #product_addtocart_form li.price-stock .price-box div {display: inline; float:left;} .catalog-product-view #product_addtocart_form li.price-stock .price-box span.label {float: left; margin-right: 3px; margin-top: 10px;} .category-products .out-of-stock span {color: #ff0000; font-family: "proxima_nova_bold"; font-size: 12px;} /* fixbug 11-11-2014 */ .onestepcheckout-index-index .input-company {margin-bottom:10px;} /* HOR0000-329 - Newsletter signup on homepage */ .footer button.btn-join-now { width: 98.5%; float: right; } .footer button.btn-join-now span { width: 100%; text-align: center; } .footer button.btn-join-now span span { width: 100%; text-align: center; float: right; padding: 0px!important; font-size: 24px; text-transform: uppercase; line-height: 50px; height: 50px; } .button.btn-cart.v-center.price0{ display: none; } .header-right .store_locator{ font-family: proxima_nova_semibold; font-size: 15px; } @media (max-width: 767px) { .is-blog .breadcrumbs-container{ display: none; } } .link-view_account-customer{ color: #1e242f; font-weight: 600; margin-right: 10px; } /* about us */ .horseland_about_us { padding-top: 20px; } .horseland_about_us h3 { text-transform: uppercase; font-family: 'proxima_nova_bold'; font-size: 14px; color: #364052; position: relative; padding-bottom: 13px; margin-bottom: 17px; } .horseland_about_us h3:before { content: ''; display: block; width: 60px; height: 1px; background: #dee4ed; bottom: 0; left: 0; position: absolute; } .horseland_about_us ul li { display: block; } .horseland_about_us ul li + li { margin-top: 12px; } .horseland_about_us ul li a { display: block; text-transform: uppercase; color: #1e242f; font-size: 12px; } .cms-page-view .col2-left-layout .col-left { margin: 0; padding-right: 20px; padding-top: 10px; width: 18%; } .cms-page-view .col2-left-layout .col-main { margin: 0; border-left: 1px solid #dee4ed; padding-left: 6%; padding-top: 10px; width: 82%; } @media (max-width: 767px) { .cms-page-view .col2-left-layout .col-left { padding-right: 0; } .cms-page-view .col2-left-layout .col-main { padding-left: 0; border: none; } } .cms-page-view .col2-left-layout .col-main .std h2 { line-height: 1.2; } .cms-page-view .col2-left-layout .col-main .std h1 + p { color: #364052; } .cms-page-view .col2-left-layout .col-main .std p { margin-bottom: 20px; } .cms-page-view .col2-left-layout .col-main .std h3 { text-transform: uppercase; font-family: 'proxima_nova_bold'; font-size: 14px; color: #364052; } .cms-page-view .col2-left-layout .col-main .std ul { margin-bottom: 25px; } .cms-page-view .find-store { display: inline-block; height: 40px; line-height: 40px; padding: 0 25px; border-radius: 5px; color: #fff; font-size: 18px; font-family: 'proxima_nova_bold'; background: #919b9f; } .cms-page-view .find-store:hover { background: #364052; text-decoration: none; } @media (min-width: 768px) and (max-width: 991px) { .product-view.prd-configurable .product-options { padding-right: 110px; } .product-shop .product-options-bottom { position: relative; } .product-view.prd-configurable .v-centered-content .qty-wrapper { position: absolute; right: 5px; bottom: 100%; margin-bottom: 27px; } .product-view.prd-configurable .add-to-cart .button.btn-cart { width: 50%; margin: 0 25%; } } /* iPhone 4/4s ----------- */ @media (max-width : 320px){ .product-additional-wrap > p.no-rating a, .product-additional-wrap > p.availability { font-size: 12px;} } ul.about-us-mission{ list-style-type:disc; } .cms-sidebar{ text-transform: uppercase; } .cart .discount .input-box input { width: 220px;} @media (max-width: 991px) {.cart .discount .input-box input { width: 100%;}} .checkout-cart-index .totals-inner .tax { color: #1e242f; } .checkout-cart-index .totals-inner .tax .price{ color: #1e242f; } .onestepcheckout-totals .tax{ color: #666; } .onestepcheckout-totals .tax .price{ color: #666; } #onestepcheckout-form .onestepcheckout-enable-newsletter,.create-account-switch,.input-different-shipping label{ color: #666; } #onestepcheckout-form .onestepcheckout-enable-terms{ color: #666; } .catalog-product-view .product-view .product-name h1{ line-height: 48px; } .loc-page .loc-page-data .locator-view-title h1{ font-family: proxima_nova_bold; } .loc-page .loc-page-map-right .link-detail-locator a{ font-family: proxima_nova_bold; } .cart .totals .free-shipping-message{ color: #cc0000; text-align: center; display:none } .reviews-title h2{ font-size: 42px; margin-bottom: 20px; font-family: 'Slabo 13px', serif; letter-spacing: -0.25px; color: #1e242f; } .product-view .product-type-data > .price-box-bundle { border: none; float: left; margin-bottom: 25px; margin-top: 8px; } .product-view .product-type-data > .price-box .price-from, .product-view .product-type-data > .price-box .price-to, .product-view .product-type-data > .price-box > .price:only-child, .product-view .product-type-data .availability, .product-view .product-shop .minimal-price, .product-view .product-shop .price-as-configured .price-label, .product-options-bottom .price-box { display: none; } .product-view .add-to-cart .button.btn-cart.v-center.price0 { display: inline-block; } .product-view .product-shop .product-options .input-box { min-height: 50px; } .product-view .product-shop .product-options div.selector span { display: block; overflow: visible; text-overflow: unset; white-space: normal; } @media (min-width: 992px) { .product-view .product-shop .product-options div.selector span { padding-right: 0; } } /* bootstrap grid */ .row { margin-left: -12px; margin-right: -12px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 12px; padding-right: 12px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.33333%; } .col-xs-2 { width: 16.66667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333%; } .col-xs-5 { width: 41.66667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.33333%; } .col-xs-8 { width: 66.66667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333%; } .col-xs-11 { width: 91.66667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-12 { margin-left: 100%; } /* Global */ .mb-box-price{ display: none; } .show-mb{display: none!important;} label[for='billing:region']{color: #666!important; } .cms-about-us{font-family: 'proxima_nova_regular'; letter-spacing: 1px;} .cms-about-us p.about-us-header{color:#364052;} .cms-about-us h4{ line-height: 1.3;padding-bottom: 23px !important; margin:0!important;border-bottom: none!important; letter-spacing: 1px; font-size: 14pt; color:#364052!important;} .cms-about-us .horseland-provides ul{ padding-left: 27px; } .cms-about-us .horseland-provides ul li{ line-height: 1.7; position: relative; } .cms-about-us .horseland-provides ul li:before{ content: "."; font-size: 30px; height: 20px; left: -13px; position: absolute; top: -22px; color: #1e242f; } .cms-about-us p{line-height: 1.3!important;} .cms-about-us .btn.button{background-color: #919b9f; border-radius: 5px; padding: 12px 37px;font-family: 'proxima_nova_bold'; font-size: 13pt; color: #fff; display: inline-block} .cms-about-us .btn.button:hover{text-decoration: none;} .checkout-cart-index .summary-total-2.tax td.a-right span.price{ font-family: 'proxima_nova_regular'!important; font-size: 14px; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.33333%; } .col-sm-2 { width: 16.66667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333%; } .col-sm-5 { width: 41.66667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.33333%; } .col-sm-8 { width: 66.66667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333%; } .col-sm-11 { width: 91.66667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.33333%; } .col-md-2 { width: 16.66667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333%; } .col-md-5 { width: 41.66667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33333%; } .col-md-8 { width: 66.66667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333%; } .col-md-11 { width: 91.66667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.33333%; } .col-lg-2 { width: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333%; } .col-lg-8 { width: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333%; } .col-lg-11 { width: 91.66667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-12 { margin-left: 100%; } } /* Start Add FONTS */ @font-face { font-family: 'proxima_nova_bold'; src: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_bold-webfont.eot"); src: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_bold-webfont.eot?#iefix") format("embedded-opentype"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_bold-webfont.woff") format("woff"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_bold-webfont.ttf") format("truetype"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_bold-webfont.svg#proxima_nova_bold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_regular'; src: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_regular-webfont.eot"); src: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_regular-webfont.eot?#iefix") format("embedded-opentype"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_regular-webfont.woff") format("woff"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_regular-webfont.ttf") format("truetype"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_regular-webfont.svg#proxima_nova_rgregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_light'; src: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_light-webfont.eot"); src: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_light-webfont.eot?#iefix") format("embedded-opentype"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_light-webfont.woff") format("woff"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_light-webfont.ttf") format("truetype"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_light-webfont.svg#proxima_nova_ltlight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_semibold'; src: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_semibold-webfont.eot"); src: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_semibold-webfont.eot?#iefix") format("embedded-opentype"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_semibold-webfont.woff") format("woff"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_semibold-webfont.ttf") format("truetype"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_semibold-webfont.svg#proxima_nova_semibold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_black'; src: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_black-webfont.eot"); src: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_black-webfont.eot?#iefix") format("embedded-opentype"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_black-webfont.woff") format("woff"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_black-webfont.ttf") format("truetype"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_black-webfont.svg#proxima_nova_black") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_extrabold'; src: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_extrabold-webfont.eot"); src: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_extrabold-webfont.woff") format("woff"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_extrabold-webfont.ttf") format("truetype"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_extrabold-webfont.svg#proxima_nova_extrabold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_thin'; src: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_thin-webfont.eot"); src: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_thin-webfont.eot?#iefix") format("embedded-opentype"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_thin-webfont.woff") format("woff"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_thin-webfont.ttf") format("truetype"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_thin-webfont.svg#proxima_nova_ththin") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanssemibold'; src: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/opensans-semibold-webfont.eot"); src: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/opensans-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/opensans-semibold-webfont.woff") format("woff"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/opensans-semibold-webfont.ttf") format("truetype"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/opensans-semibold-webfont.svg#open_sanssemibold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_black_It'; src: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_black_italic-webfont.eot"); src: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_black_italic-webfont.eot?#iefix") format("embedded-opentype"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_black_italic-webfont.woff") format("woff"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_black_italic-webfont.ttf") format("truetype"), url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/fonts/proxima_nova_black_italic-webfont.svg#proxima_nova_black_It") format("svg"); font-weight: normal; font-style: normal; } /* End Add FONTS */ .cart-table .btn-continue span, .cart-table .btn-update span, .cart .price, .cart .discount .buttons-set button.button span, .onestepcheckout-summary .price, .onestepcheckout-coupons button.button span, #my-orders-table .price, .paypal-express-review .price { font-family: 'proxima_nova_regular'; } .checkout-header .back-link a, .co-login-form a, .order-items .product-name { font-family: 'proxima_nova_extrabold'; } p.onestepcheckout-numbers, .checkout-question h4, .checkout-question h3, .onestepcheckout-button { font-family: 'proxima_nova_black'; } .onestepcheckout-index-index .group-select li.control{display: block;clear: both;padding-left: 12px;} .onestepcheckout-index-index .total span.price, .onestepcheckout-index-index .oc-nameoption{ color: #1e242f; } .onestepcheckout-index-index .onestepcheckout-summary .qty{ font-family: 'proxima_nova_regular'; } .onestepcheckout-index-index .onestepcheckout-totals{color: #1e242f;} .onestepcheckout-index-index .onestepcheckout-toc-link{color: #364052;} .onestepcheckout-index-index #uniform-billing-address-select span{ margin-top: 3px; } .checkout-onepage-success .order-success-number,.checkout-onepage-success .order-success-number a{ color: #666!important; font-weight: bold;} .onestepcheckout-index-index #fancybox-content h2{font-size: 30px;padding: 0 6px;} .onestepcheckout-index-index #fancybox-content #address_confirm_address{opacity: 0!important;} .onestepcheckout-shipping-method{border-bottom: 1px solid #dee4ed;} table.onestepcheckout-totals td.title{text-align: right!important;width: 55% !important;} .onestepcheckout-index-index #fancybox-content input#address_confirm_address:checked + label:after{left: 14px;top: 33%;margin-top: -8px;} .onestepcheckout-index-index #fancybox-content input#address_confirm_address + label:before{left:4px; top:-6px;} .availability span { font-family: 'proxima_nova_semibold'; } .onestepcheckout-place-order-note{display:none;} /* fix ie9 */ /* detail page */ .ie9 .product-view .box-tabs .gen-tabs .tabs a.current { position: relative; } .ie9 .product-view .box-tabs .gen-tabs .tabs a.current:before { position: absolute; width: 100%; background: #fff; height: 3px; bottom: -2px; left: 0; content: ""; } /* fix font on ie */ /*.ie .main-font, .ie h1, .ie h2, .ie h3, .ie h4, .ie h5, .ie .section-title, .ie .feature .heading, .ie .accordion .heading, #mobnav-trigger, .ie #nav > li > a, .ie .vertnav-top li a, .ie #opc-login h3, .ie .box-account .box-head h2, .ie .order-items h2.table-caption, .ie .order-items h2.sub-title, .ie .order-items .order-comments h2, .ie .product-view .box-reviews dt .heading, .ie .gen-tabs .tabs a, .ie .footer .heading, .ie #subscribe-form label, .ie .caption .heading { font-family: 'proxima_nova_black'; }*/ /*.ie .block .block-title, .ie #nav.wide ul.level0 > li > a, .ie .products-list .product-name, .ie .products-grid .product-name, .ie h3.product-name { font-family: "proxima_nova_extrabold"; }*/ /* end fix font on ie */ body { font-size: 14px; line-height: 1.3; font-family: "proxima_nova_regular", Arial, Helvetica, sans-serif; background-color: #fff; text-align: center; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; } .container { max-width: 1176px; } .main { padding: 0; margin-bottom: 35px; } .breadcrumbs { clear: both; float: none; display: block; } .mobile { display: none; } /* button add to cart */ /*button.btn-cart span, .find-a-store a.button{background-color:#00b6f1;}*/ /*button.btn-cart span:hover, button.btn-cart:hover span, .find-a-store a.button:hover{background-color: #00a7dd}*/ button.btn-cart span span, .find-a-store a.button { height: 51px; line-height: 51px; } .find-a-store a.button:hover { text-decoration: none; } .btn-remove2, .btn-remove { background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/close_df.svg) no-repeat center center; background-size: 16px; } .btn-remove2:hover, .btn-remove:hover { background-image: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/close_hv.svg); } /* START remove arrow on input have type="number" */ /* for Chrome & Safari */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* for FF 29 */ input[type=number] { -moz-appearance: textfield; } /* END remove arrow on input have type="number" */ /* phone number on Ipad/ mobile */ a[href^=tel], a[href^=tel]:link, a[href^=tel]:hover, a[href^=tel]:focus, a[href^=tel]:active { color: #666; } ul.ordered-list, ul.unordered-list { margin-top: 7px; } ul.ordered-list li { list-style-type: decimal; margin-left: 14px; margin-bottom: 10px; } ul.unordered-list li { list-style-type: none; padding-left: 14px; margin-bottom: 10px; position: relative; } ul.unordered-list li:before { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; left: 1px; top: 8px; } .out-of-stock span { color: #ff9933; } /* header */ .header-main { margin: 0; height: auto; margin-bottom: 15px; } .header-main:before, .header-main:after { content: " "; display: table; } .header-main:after { clear: both; } .welcome-msg .link-view_account { margin-left: 10px; color: #1b3b87; } .welcome-msg .link-view_account:before { content: "\f08b"; font-family: "FontAwesome"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; margin-right: 3px; } .welcome-msg .link-view_account:hover { text-decoration: none; } .welcome-msg .link-login, .welcome-msg .link-register { color: #1b3b87; font-family: 'proxima_nova_semibold'; } .welcome-msg .link-login {margin-left: 10px;} #nav > li.level0.last .level-top { color: #cc0000; } #nav > li > a, #mobnav-trigger { font-family: 'proxima_nova_bold', serif; letter-spacing: 2.1px; } /* feature product */ .recently-view .owl-controls .owl-buttons div, .slider-arrows1 .owl-controls .owl-buttons div { border-radius: 50%; border: 1px solid #dee4ed; } .recently-view .owl-controls .owl-buttons div, .slider-arrows1 .owl-controls .owl-buttons div +div { margin-left: 8px; } .recently-view .owl-controls.clickable .owl-buttons div:hover, .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover { background-color: #dee4ed; } .recently-view .owl-controls .owl-buttons div.owl-next, .recently-view .owl-controls .owl-buttons div.owl-prev, .slider-arrows1 .owl-controls .owl-buttons div.owl-next, .slider-arrows1 .owl-controls .owl-buttons div.owl-prev { background: none; position: relative; } .recently-view .owl-controls .owl-buttons div.owl-next:before, .recently-view .owl-controls .owl-buttons div.owl-prev:before, .slider-arrows1 .owl-controls .owl-buttons div.owl-next:before, .slider-arrows1 .owl-controls .owl-buttons div.owl-prev:before { content: ''; display: block; position: absolute; width: 14px; height: 14px; border: 1px solid #b2b6bf; top: 50%; margin-top: -8px; } .recently-view .owl-controls .owl-buttons div.owl-next:before, .slider-arrows1 .owl-controls .owl-buttons div.owl-next:before { border-width: 0 1px 1px 0; transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg); left: 14px; } .recently-view .owl-controls .owl-buttons div.owl-prev:before, .slider-arrows1 .owl-controls .owl-buttons div.owl-prev:before { border-width: 1px 0 0 1px; transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg); right: 14px; } .recently-view .owl-wrapper-outer { padding-top: 30px; } .product-list-featured .products-grid .item { margin-top: 22px; } .owl-controls .owl-buttons div:hover { background-color: #09b9f1; } /* listing */ .products-grid .item { padding: 0 3px; position: relative; } .toolbar .sorter div.selector span { padding-right: 15px; } .products-list .price-box { text-align: right; margin: 0 0 15px; } .products-list .price-box .price { font-size: 18px; } .products-list .right-column > * { display: block; } .products-list .btn-cart { background: #919b9f; border-radius: 5px; color: #fff; height: 45px; line-height: 45px; text-align: center; padding: 0 15px; font-size: 18px; font-family: "proxima_nova_bold"; margin-bottom: 25px; } .products-list .btn-cart:hover { background: #828a8d; text-decoration: none; } .products-list .link-wishlist { margin-bottom: 12px; } .products-list .link-wishlist, .products-list .link-compare { font-size: 12px; text-transform: uppercase; color: #999; } .products-list .link-wishlist:hover, .products-list .link-compare:hover { color: #1e242f; text-decoration: none; } .products-list .link-wishlist:hover .icon, .products-list .link-compare:hover .icon { background-color: #364052;} .products-list .link-wishlist .icon, .products-list .link-compare .icon { transition: all 0.3s ease;-ms-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;height: 40px; width: 40px; line-height: 40px; border-radius: 50%; background-color: #d6dbe4; margin-right: 5px; } @media (max-width: 991px) { .products-list .product-shop { padding-right: 1%; width: 73%; } .products-list .right-column.grid12-3 { width: 99%; } .products-list .right-column.grid12-3 .price-box { text-align: left; width: 100%; margin: 10px 0; } .products-list .right-column.grid12-3 > * { display: inline-block; width: auto; vertical-align: middle; margin: 0; } .products-list .right-column.grid12-3 .link-compare, .products-list .right-column.grid12-3 .link-wishlist { margin-left: 20px; } .customer-address-form.body-account .form-list .input-box .selector, .customer-address-form.body-account .form-list .input-box .input-text { min-width: 460px; } .my-account .track-box form#form-validate input#tracking_code { min-width: 315px; } .registered-users .content .input-box input { min-width: 200px; } .vertnav-top.mobile.show .tab-content { width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .vertnav-top.mobile.show .tab-content { width: 50%; } } @media (max-width: 600px) { .products-list .product-image-wrapper { width: 98%; text-align: center; margin-bottom: 15px; } .products-list .product-shop { width: 98%; } .products-list .right-column.grid12-3 { text-align: center; } .products-list .right-column.grid12-3 .btn-cart { width: 100%; margin-bottom: 10px; } .products-list .right-column.grid12-3 .link-wishlist { margin-left: 0; } } /* icon wishlist & compare */ .add-to-links .link-wishlist span.icon:hover { background-position: -291px -11px; position: relative; } .add-to-links .link-wishlist span.icon:hover:after { content: "Add to Wishlist"; background: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland/wishlist-hover.png") no-repeat 0 0; background-size: 109px; width: 109px; height: 36px; font-size: 10px; text-align: center; display: inline-block; line-height: 36px; font-family: "proxima_nova_semibold"; color: #8d929d; text-transform: uppercase; position: absolute; top: -32px; left: 0; } .icon.i-wishlist-bw { background-image: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/heart_w.svg); background-position: center center; } .icon.i-compare-bw { background-image: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/compare.svg); background-position: center center; background-size: 30px; } .products-grid .add-to-links .link-wishlist span.icon { background-image: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/heart-df.svg); background-position: center center; background-size: 40px; } .products-grid .add-to-links .link-wishlist span.icon:hover { background-image: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/heart-hv.svg); background-color: transparent; } .products-grid .add-to-links .link-compare span.icon { background-image: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/compare-df.svg); background-position: center center; background-size: 30px; } .products-grid .add-to-links .link-compare span.icon:hover { background-image: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/compare-hv.svg); background-color: transparent; } /*.category-products .add-to-links .link-compare span.icon{background-color: transparent}*/ /*.category-products .add-to-links .link-compare span.icon:hover{background-color:#00b6f1 }*/ .products-list .add-to-links li a > span:last-of-type { display: none; } .products-list .addto-gaps-right li { float: none; display: inline-block; } /*.products-grid .add-to-links{;display: block !important}*/ .products-grid .add-to-links { position: absolute; top: 5px; z-index: 10; width: 100%; } .products-grid .add-to-links li:first-of-type { float: left; } .products-grid .add-to-links li:last-of-type { float: right; } .product-dkinkus { position: absolute; right: 0; top: 0; z-index: 9; } .product-dkinkus img { clear: both; float: right; } .products-grid .item:hover .product-dkinkus { display: none; } .product-view .product-dkinkus { right: auto; left: 90px; z-index: 991; } /* shopping cart */ .checkout-cart-index .messages { margin: 0px 0px 10px; } .cart .page-title { margin-bottom: 16px; } .cart .static-block { border: 1px solid #d6dbe4; } .cart .static-block [class^="grid12-"] + [class^="grid12-"] { border-left: 1px solid #d6dbe4; min-height: 210px; } .cart .static-block h3 { padding: 15px 20px; text-transform: uppercase; font-size: 14px; font-family: 'proxima_nova_bold'; background: #f1f4f8; color: #1e242f; margin: 0; } .cart .static-block [class^="grid12-"] > p { padding: 25px 20px; } .cart .static-block .call { padding: 25px 20px; } .cart .static-block .phone-number { font-size: 18px; font-family: 'proxima_nova_bold'; color: #1e242f; } .product-view .btn-cart span, button.btn-checkout span, .onestepcheckout-button { width: 100%; text-align: center; } .product-view .btn-cart span:hover, button.btn-checkout span:hover, .product-view .btn-cart:hover span, button.btn-checkout:hover span, .onestepcheckout-button:hover { background-color: #4a9c00; } .upsell-itemslider-wrapper .gen-slider-arrows1-pos-top-right .direction-nav {top: -55px;} .upsell-itemslider-wrapper .gen-slider-arrows1 .direction-nav a.disabled {cursor: pointer;} .upsell-itemslider-wrapper .gen-slider-arrows1 .direction-nav .prev, .upsell-itemslider-wrapper .gen-slider-arrows1 .direction-nav .next { background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/arrow-l.svg) no-repeat center center; border: 1px solid #dee4ed; border-radius: 50%; background-size: 13px; } .upsell-itemslider-wrapper .gen-slider-arrows1 .direction-nav .next { margin-left: 5px; background-image: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/arrow-r.svg); } .upsell-itemslider-wrapper .gen-slider-arrows1 .direction-nav .prev:hover, .upsell-itemslider-wrapper .gen-slider-arrows1 .direction-nav .next:hover { background-color: #dee4ed; background-position: center center } .cart button.btn-checkout, .onestepcheckout-button { width: 100%; } .onestepcheckout-button span span, .cart button.btn-checkout span span { font-family: 'proxima_nova_bold'; letter-spacing: 1px; background: #54b200; } .cart .cart-price .price { padding-top: 12px; display: inline-block; } .cart .cart-table h2.product-name { padding-top: 8px; text-transform: capitalize; line-height: 18px; margin-bottom: 10px; } .cart .cart-table td:nth-child(4), .my-wishlist #wishlist-table td:nth-child(4) { text-align: center; } .cart .cart-table td:nth-child(4) .selector, .my-wishlist #wishlist-table td:nth-child(4) .selector { width: 70px !important; } .cart .cart-table td:nth-child(4) div.selector span, .my-wishlist #wishlist-table td:nth-child(4) div.selector span { text-align: left; text-indent: 3px; } .cart .btn-remove2 { margin-top: 13px; } .cart .cart-table .link-wishlist { display: block; position: relative; padding-left: 23px; color: #666; text-decoration: none; } .cart .cart-table .link-wishlist:before { content: ''; background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/heart-hv.svg) no-repeat center center; display: inline-block; width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -11px; left: 0; background-size: 34px; } .cart-collaterals.nested-container { width: 100%; margin-top: 20px; } /*.cart-empty p:nth-of-type(2){color:#00b6f1}*/ .cart-empty > ul + p, .cart-empty > p:first-child { font-size: 32px; color: #cc0000; margin-bottom: 40px; font-family: 'Slabo 13px';} .cart-empty > p > a { display: block; border-top: 1px solid #dee4ed; border-bottom: 1px solid #dee4ed; position: relative; padding: 12px 0 12px 18px; } .cart-empty > p > a:after, .cart-empty > p > a:before { display: block; content: ''; position: absolute; } .cart-empty > p > a:before { width: 8px; height: 8px; border: 1px solid #253e84; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); left: 0; top: 50%; margin-top: -4px; border-width: 1px 0 0 1px; } .cart-empty > p > a:after { width: 12px; height: 0; border-top: 1px solid #253e84; left: 0; top: 50%; } .recently-view { padding-top: 50px; } .recently-view .widget-title h2 { font-size: 32px; text-align: left; } .recently-view .products-list .item a { font-family: 'proxima_nova_regular'; font-size: 14px; } .recently-view .price-box { text-align: center; } .recently-view .products-list .price-box .price { font-size: 14px; } .cart .summary-block { text-align: center; background: #f1f4f8; padding: 15px 20px; font-family: 'proxima_nova_bold'; text-transform: uppercase; color: #00b6f1; } .cart .totals-inner #shopping-cart-totals-table { margin-top: 15px; } .data-table tbody td .btn-update { float: none; display: inline-block; } .data-table tbody td .btn-update:before { content: ''; height: 20px; width: 20px; display: block; background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/refresh.svg); background-size: 40px; background-position: center center; } .data-table tbody td .btn-update span { display: none; } .cart-table .product-options span { display: inline-block;} .cart-table .product-options .product-option-label { margin-right:5px; } .cart-table thead th:first-child { text-align: left !important; } .cart-table h2.product-name, .cart-table .price { font-family: 'proxima_nova_bold'; } .cart-table thead th { text-align: center !important; } .cart .data-table thead th { padding: 15px 0; border-top: none; } .cart .data-table thead th:first-child { border-left: none; } .data-table thead th:last-child { border-right: none; } .cart .data-table tbody td:first-child { padding-left: 0; } .cart .col-qty { min-width: 145px; } .cart .data-table tbody td .btn-update { margin-top: -4px; width: 20px; height: 20px; } /* checkout-onepage-success */ .checkout-onepage-success .grid-col2-main { width: 100%; text-align: center; } .checkout-onepage-success .sub-title { color: #364052; font-size: 72px; margin-bottom: 40px; padding-bottom: 16px; position: relative; text-align: center; padding-top: 7.7%; } .checkout-onepage-success .grid-col2-main p a, .checkout-onepage-success .success-guest { color: #666; font-size: 16px; font-weight: bold; } .checkout-onepage-success .sub-title:after { background-color: #dee4ed; bottom: 0; content: ""; height: 1px; left: 45%; margin: auto; position: absolute; width: 11%; } .checkout-onepage-success .grid-col2-main p:first-child { padding-top: 40px; } #onestepcheckout-form div.onestepcheckout-threecolumns { margin-top: 10px; } div.onestepcheckout-threecolumns .opacity-overload { position: relative; } div.onestepcheckout-threecolumns .opacity-overload:after { background: #ffffff; content: ""; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; z-index: 1; } #onestepcheckout-form div.onestepcheckout-threecolumns h1 { font-family: 'Slabo 13px', serif; font-weight: normal; font-size: 42px; } #onestepcheckout-form h2 { margin-bottom: 20px; } #onestepcheckout-form .group-select li.co-login-form { border: none; background: #f1f4f8; } #onestepcheckout-form .group-select li.co-login-form a { background: #364052; font-family: 'proxima_nova_bold'; } #onestepcheckout-form .group-select li.co-login-form .fast-checkout { margin-top: 15px; color:#1b3b87;} #onestepcheckout-form p.onestepcheckout-login-link { padding-top: 0; } #onestepcheckout-form .group-select li.co-login-form { padding: 25px 23.097% 20px; } #onestepcheckout-form .group-select li[class*="col-"] { padding-left: 12px; padding-right: 12px; } div.checkoutcontainer div.input-different-shipping, #onestepcheckout-form .create-account-switch { border-top: 1px solid #dee4ed; padding-top: 15px; } .col-xs-first { clear: left; } #onestepcheckout-form .required { color: red; } #onestepcheckout-form .shipment-methods dd { padding-left: 40px; position: relative; } #onestepcheckout-form .shipment-methods dd:after, #onestepcheckout-form .shipment-methods dd:before { content: ''; position: absolute; top: 50%; display: block; border-radius: 50%; } #onestepcheckout-form .shipment-methods dd:before { width: 28px; height: 28px; border: 1px solid #e1e6ef; left: 0; margin-top: -15px; } #onestepcheckout-form .shipment-methods dd:after { width: 10px; height: 10px; background: #364052; left: 10px; margin-top: -5px; } .onestepcheckout-shipping-method-block { overflow: hidden; } div.onestepcheckout-threecolumns div.onestepcheckout-column-right .order-review-wrapper { background: #f6f7f8; padding: 12px 20px 5px; } div.onestepcheckout-threecolumns .oc-total { background: #fff; border: 1px solid #d6dbe4; } div.onestepcheckout-threecolumns .oc-total .grand-total .title, div.onestepcheckout-threecolumns .oc-total .grand-total .price { font-size: 24px; font-family: 'proxima_nova_bold'; } div.onestepcheckout-threecolumns div.onestepcheckout-comments { border-bottom: 1px solid #d6dbe4; padding-bottom: 4px; } div.onestepcheckout-threecolumns div.onestepcheckout-comments > span { display: block; cursor: pointer; position: relative; margin-bottom: 10px; color: #1e242f; } div.onestepcheckout-threecolumns div.onestepcheckout-comments > span:before { content: ''; display: block; position: absolute; width: 14px; height: 14px; border: 1px solid #7b8391; right: 3px; border-width: 1px 1px 0 0; transform: rotate(135deg); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); top: 50%; margin-top: -12px; } div.onestepcheckout-threecolumns div.onestepcheckout-comments > span.active:before { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); margin-top: -3px; } div.onestepcheckout-threecolumns div.onestepcheckout-comments textarea { width: 100%; margin-bottom: 10px; } div.onestepcheckout-threecolumns .onestepcheckout-button { background: #54b200; font-family: 'proxima_nova_bold'; border: none; cursor: pointer; } div.onestepcheckout-threecolumns .onestepcheckout-coupons { overflow: hidden; } div.onestepcheckout-threecolumns .onestepcheckout-coupons input#id_couponcode { width: 70%; float: left; } div.onestepcheckout-threecolumns .onestepcheckout-coupons #onestepcheckout-coupon-add { width: 30%; float: left; margin: 0; } div.onestepcheckout-threecolumns .onestepcheckout-coupons #onestepcheckout-coupon-add span { display: block; width: 100%; } div.onestepcheckout-threecolumns .onestepcheckout-coupons #onestepcheckout-coupon-add span span { border: 1px solid #dee4ed; font-family: 'proxima_nova_bold'; background: #364052; color: #fff; text-transform: uppercase; border-radius: 0; } div.onestepcheckout-threecolumns .onestepcheckout-coupons #onestepcheckout-coupon-add:hover span span { background: #1e242f; text-decoration: none; } div.onestepcheckout-threecolumns table.onestepcheckout-summary th { text-transform: uppercase; padding-bottom: 10px; } div.onestepcheckout-threecolumns table.onestepcheckout-summary td.name img { margin: 0 10px 0 0; padding: 0; } div.onestepcheckout-threecolumns table.onestepcheckout-summary td .price, div.onestepcheckout-threecolumns table.onestepcheckout-summary td { font-family: 'proxima_nova_bold'; } div.onestepcheckout-threecolumns table.onestepcheckout-summary td.name .oc-nameoption { overflow: hidden; float: none; width: auto; } div.onestepcheckout-threecolumns table.onestepcheckout-summary td { padding: 15px 0; border-bottom: 0; border-top: 1px solid #dee4ed; } div.onestepcheckout-threecolumns .payment-methods { box-shadow: none; border: 1px solid #d6dbe4; padding: 20px; background: none; color: #666; overflow: hidden; } div.onestepcheckout-threecolumns .payment-methods dt { min-height: 40px; } .onestepcheckout-threecolumns .onestepcheckout-custom-options{ margin-top: 10px;} .onestepcheckout-threecolumns .onestepcheckout-custom-options li{font-family: 'proxima_nova_regular'; padding:0;} .checkout-block { background: #f1f4f8; padding: 30px 0 10px; margin-bottom: 20px; } .checkout-block [class^="col-"] { padding-bottom: 30px; } .checkout-block h3 { font-size: 18px; font-family: 'proxima_nova_bold'; margin-bottom: 5px; color: #364052; } .checkout-block h4 { font-size: 18px; font-family: 'proxima_nova_regular'; color: #364052; margin-bottom: 15px; } div.onestepcheckout-threecolumns div.onestepcheckout-place-order { margin: 17px 0; } #id_accept_terms.validation-failed { position: relative; z-index: 1; } #id_accept_terms.validation-failed + div { border: 1px solid #ff0000; display: block; height: 30px; left: 0; margin: 0; position: absolute; text-indent: -999em; top: 0; width: 30px; z-index: 0; } @media (max-width: 479px) { .onestepcheckout-summary .total, .onestepcheckout-summary .qty { display: none; } .onestepcheckout-summary td.name img { width: 80px; } } .onestep-success h1 { margin-bottom: 10px; padding-top: 5px; } .onestep-success h2 { margin-bottom: 30px; } .onestep-success p { margin-bottom: 20px; } .onestep-success .button-ctn { height: 40px; line-height: 40px; background: #919b9f; border-radius: 4px; padding: 0 25px; color: #fff; font-family: 'proxima_nova_bold'; font-size: 18px; display: inline-block; } .onestep-success .button-ctn:hover { text-decoration: none; background: #364052; } div.onestepcheckout-threecolumns .payment-logo { padding: 20px 20px 30px; } /* login .account-login .page-title, .account-create .page-title {margin-left:1%;} /*my account*/ .customer-account-forgotpassword .page-title, .customer-account-forgotpassword p { margin-left: 0; } .customer-account-forgotpassword p { margin-top: -4px; } .customer-account-forgotpassword .buttons-set button.button { min-width: 170px; float: left; background: #364052; border-radius: 5px; } .customer-account-forgotpassword .buttons-set button.button:hover { background: #2b3342; } .customer-account-forgotpassword .buttons-set button.button span { background: none; font-family: 'proxima_nova_bold', serif; text-transform: none; } .customer-account-forgotpassword .fieldset, .customer-account-forgotpassword .buttons-set { width: 100%; max-width: 760px; } .customer-account-forgotpassword .fieldset { padding: 25px 0; } .customer-account-forgotpassword .fieldset .input-box { clear: none; float: right; } .customer-account-forgotpassword .fieldset .input-box .input-text { min-width: 468px; } .customer-account-forgotpassword .fieldset label { line-height: 40px; margin-bottom: 0; color: #666; } .customer-account-forgotpassword .buttons-set { margin: 0; } .customer-account-forgotpassword .back-link { float: left; width: 100%; margin-top: 17px; } .customer-account-forgotpassword .back-link small { display: none; } .my-account .back-link a, .customer-account-forgotpassword .back-link a { background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/icon-back.jpg) no-repeat left center; padding-left: 17px; font-size: 14px; color: #1b3b87; } .body-account .col2-left-layout .main.container { position: relative; margin-top: 5px; } .body-account .col2-left-layout .main.container:before { content: ""; width: 1px; position: absolute; background: #dee4ed; top: 0; left: 19%; bottom: 34px; display: inline; } .body-account .col2-left-layout .main.container .col-left.sidebar { padding-top: 20px; } .body-account .grid12-9 { width: 78%; } .body-account .grid12-3 { width: 18%; } .my-account { margin: 0 0 0 1%; } .block-account .block-title { background: none; padding-left: 0 !important; padding-top: 0; position: relative; margin-bottom: 26px; } .block-account .block-title:after { position: absolute; content: ''; width: 41px; height: 1px; background: #dadada; left: 0; top: 37px; } .block-account.block .block-title strong { font-family: 'proxima_nova_bold'; font-size: 14px; text-transform: uppercase; color: #1e242f; } .block-account.block .block-title strong a { color: #1e242f; } .block-account .block-content { padding: 26px 0 0; } .block-account .block-content li { margin-bottom: 6px; list-style: none; } .block-account li.current strong { font-weight: normal; /* text-decoration: underline; */ font-family: proxima_nova_regular; border-bottom: 1px solid #d9dadc; color: #1e242f; text-transform: uppercase; font-size: 12px; } .block-account li > * { padding: 0px; line-height: 14px; display: inline-block; margin-bottom: 7px; } .welcome-msg .hello { padding-bottom: 20px; } .box-info > .col2-set > .col-1 { width: 62%; background: #f1f4f8; } .box-info > .col2-set > .col-2 { float: right; width: 35%; background: #f1f4f8; } .box-info > .col2-set:last-child { background: #f1f4f8; padding: 25px 25px 10px 25px; } .box-info > .col2-set:last-child .box-title { border-bottom: none; margin-bottom: 3px; } .box-info > .col2-set:last-child .box-title a { display: none; } .box-info > .col2-set:last-child h4 { margin-bottom: 15px; } .box-info > .col2-set:last-child .box-content address a { margin-top: 17px; color: #1b3b87; background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/edit_df.svg) no-repeat scroll -20px -12px / 50px auto; padding-left: 25px; } .my-account .fieldset { padding: 0; } .customer-address-form .form-list .field:first-child { margin-bottom: 7px; } .customer-address-form .form-list .field:last-child { margin-bottom: 0; } .my-account .buttons-set { margin: 10px 0; } .my-account .buttons-set button.button { margin-right: 0; } .my-account .buttons-set button.button.btn-add.btn-cart span { font-family: 'proxima_nova_bold'; text-transform: none; background: #54b200; font-size: 24px; } /*--wishlist--*/ .my-wishlist { margin-top: 8px; } .my-wishlist .page-title { margin-bottom: 19px; } .my-wishlist .product-name { border: none; margin-bottom: 2px; margin-top: 15px; } .my-wishlist .product-name:before { position: static; border: none; } .my-wishlist button.save span { background: none; display: block !important; color: #1b3b87; } .my-wishlist button.save span:before { display: none; } .my-wishlist button.save span span { background: none; font-size: 14px; font-family: 'proxima_nova_regular'; text-transform: capitalize; padding: 0; } .my-wishlist button.save span:hover, .my-wishlist button.save:hover span, button.btn-update:hover span, button.btn-update span:hover, button.btn-share:hover span, button.btn-share span:hover, button.btn-print:hover span, button.btn-print span:hover, button.btn-continue:hover span, button.btn-continue span:hover { text-decoration: underline; } .my-wishlist button.save span { background: none; } .my-wishlist .data-table th { padding: 17px 30px; text-align: center; border: none; color: #666; } .my-wishlist .data-table thead th:first-child { padding-left: 0; border-left: 0; text-align: left; } .my-wishlist .data-table th { padding: 17px 30px; text-align: center; } .my-wishlist .data-table td:nth-child(1), .my-wishlist .data-table th:nth-child(1) { width: 12.17%; padding-left: 0;} .my-wishlist .data-table td:nth-child(2), .my-wishlist .data-table th:nth-child(2) { width: 47.61%; } .my-wishlist .data-table td:nth-child(3), .my-wishlist .data-table th:nth-child(3) { width: 6.11%; } .my-wishlist .data-table td:nth-child(4), .my-wishlist .data-table th:nth-child(4) { width: 38.15%; } .my-wishlist .data-table th:nth-child(5) { font-size: 0; } .my-wishlist .data-table td:nth-child(5), .my-wishlist .data-table th:nth-child(5) { width: 7.13%; } .my-wishlist .data-table .product-price { text-align: center; padding-top: 25px; } .my-wishlist .cart-cell { margin-top: 13px; } .my-wishlist .data-table .product-price .price { font-family: 'proxima_nova_regular'; } .my-wishlist button.btn-cart span span { height: auto; line-height: 40px; padding: 0px; min-width: 160px; } .my-wishlist .data-table td.last a.btn-remove { background: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland/ic_close.png") no-repeat; width: 16px; height: 16px; margin: 24px auto 0; background-size: 16px auto; } .my-wishlist .buttons-set button.button-wishlist { margin-right: 20px; } .my-wishlist .buttons-set button.button:not(.btn-cart) { height: auto; margin-top: 20px; } .my-wishlist .buttons-set button.button:not(.btn-cart) > span span { background: none; color: #1b3b87; text-transform: none; font-weight: normal; font-family: 'proxima_nova_bold'; font-size: 14px; padding: 0; line-height: 100%; height: auto; } .my-wishlist .buttons-set button.btn-update.button-wishlist > span { background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/icon-reorder.jpg) no-repeat top left; padding-left: 17px; } .my-wishlist .buttons-set button.btn-share.button-wishlist > span { background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/icon-email.jpg) no-repeat 3px 0; padding-left: 19px; } .my-wishlist .buttons-set button.button-wishlist.btn-print > span { background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/icon-print.jpg) no-repeat top left; padding-left: 17px; } .my-wishlist button.btn-add.btn-cart { float: right; } .my-wishlist button.btn-add.btn-cart span { height: 50px; line-height: 50px; min-width: 279px; padding: 0px; font-size: 24px; } .my-wishlist .data-table .item-options dt { background: none; padding-left: 0; } .my-wishlist .data-table .item-options { margin-left: 0; } .my-wishlist .item-manage { margin-bottom: 18px; } .my-wishlist .out-of-stock { width: 100%; } .my-wishlist h3.product-name:before, .my-wishlist h3.product-name:after { margin-left: 0px; } /*order*/ .my-account .amount { float: left; } .my-account .limiter label, .my-account .limiter .selector, .my-account .limiter .per-page { display: inline-block; margin-right: 15px; } .my-account .limiter .per-page { margin-right: 0; } .my-account .limiter .selector { width: 80px !important; } /* .order-details .product-name, #my-orders-table h3.product-name {border: none;text-transform:uppercase;padding-top:0px;} .order-details .product-name:before, #my-orders-table h3.product-name:before{position: static;border: none} */ .order-details .price-incl-tax .price, .order-details .price { font-family: 'proxima_nova_regular'; font-weight: normal; font-size: 14px; color:#1e242f; } /*.order-details .data-table tbody td.a-right{text-align: center !important;}*/ .my-account .back-link small { display: none; } .my-account .back-link a { position: relative; padding-left: 20px; } .box-content address a { color: #666; display: inline-block !important; } .order-details .data-table th { padding: 15px 20px; } .order-details .nobr strong { font-weight: normal; } .order-info-box .box-payment .box-content table td { padding-right: 10px; } .order-details .data-table th.a-center {} /* order-review-paypal */ .paypal-express-review .page-title { margin-left: 1%; } #details-reload #details-table h3.product-name:before, #details-reload #details-table h3.product-name { border: none; padding-top: 0px; } .paypal-express-review .info-set { padding-left: 10px; } .paypal-express-review .data-table tr.odd td.last { text-align: right; } .paypal-express-review button.btn-checkout span span { padding: 0px 25px !important; } .paypal-express-review .please-wait { margin-right: 0; margin-top: 10px; text-align: right; width: 100%; } /*error*/ .cms-no-route .std { margin-bottom: 40px; } .cms-no-route .std h2 { margin-bottom: 25px; } .cms-no-route .std h1 { margin-bottom: 0; } .cms-no-route .prd-slide {padding-top: 60px;} .cms-no-route .std a { color: #1b3b87; } /* start blog page */ .is-blog .header-static-block { display: none; } .is-blog .main-container { padding-top: 10px; } .is-blog .sidebar, .is-blog .main { background: none; margin-bottom: 0; } /*.is-blog .col-main {background: #fff}*/ .is-blog .block .block-title { padding-top: 0; color: #364052; font-size: 16px; margin-bottom: 8px; } .is-blog .block .block-title strong { color: #364052; font-size: 18px; font-family: 'proxima_nova_bold'; font-weight: normal; } .is-blog .col-main { width: 73%; margin-left: 1%; margin-right: 1%; } .is-blog .col1-layout .col-main { width: 98%; } .is-blog .home-search { width: 23%; float: right; } .is-blog .home-search .blog-search { padding: 0; border: none; width: 100%; } .is-blog .home-search .blog-search .input-box { width: 100%; float: none; position: relative; } .is-blog .home-search .blog-search { padding: 0; border: none; width: 100%; } .is-blog .home-search .blog-search .input-box { width: 100%; float: none; position: relative; } .is-blog .home-search .blog-search .input-text { display: block; width: 100%; height: 44px; border: 1px solid #d6dbe4; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; padding-right: 45px; color: #6e7683; } .is-blog .home-search .blog-search .input-text:focus, .is-blog .sidebar .blog-search .input-text:hover { border: 1px solid #d6dbe4; color: #1e242f; } .is-blog .home-search .blog-search button.button span span { display: none; } .is-blog .home-search .blog-search button.button { position: absolute; top: 0; right: 10px; width: auto; padding: 5px; height: 44px; } .is-blog .home-search .blog-search button.button > span:before { content: "\f002"; font-family: "FontAwesome"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; color: #464052; line-height: 1; } .is-blog .home-search .blog-search button.button > span { background: none; border: none; } .is-blog .sidebar { width: 23%; float: right; margin-left: 1%; margin-right: 1%; } .wp-sidebar { margin-left: 0; } .is-blog .sidebar .blog-search { padding: 0; border: none; width: 100%; } .is-blog .sidebar .blog-search .input-box { width: 100%; float: none; position: relative; } .is-blog .sidebar .blog-search .input-text { display: block; width: 100%; height: 44px; border: 1px solid #d6dbe4; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; padding-right: 45px; color: #6e7683; } .is-blog .sidebar .blog-search .input-text:focus, .is-blog .sidebar .blog-search .input-text:hover { border: 1px solid #d6dbe4; color: #1e242f; } .is-blog .sidebar .blog-search button.button span span { display: none; } .is-blog .sidebar .blog-search button.button { position: absolute; top: 0; right: 10px; width: auto; padding: 5px; height: 44px; } .is-blog .sidebar .blog-search button.button > span:before { content: "\f002"; font-family: "FontAwesome"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; color: #464052; line-height: 1; } .is-blog .sidebar .blog-search button.button > span { background: none; border: none; } .is-blog .sidebar .block .block-content li.item { padding: 1px 0; } .is-blog .sidebar .block .block-content li a { font-family: 'proxima_nova_regular'; } .is-blog .sidebar .block { background: #f6f7f8; padding: 16px 20px; margin-bottom: 20px; } .is-blog .sidebar .block-blog-search { padding: 0; } .is-blog .sidebar .block .block-title { padding: 0; } .is-blog .sidebar#blog-search{ margin-right: 0;} .wordpress-post-category-view #post-list li.item { padding: 0; margin-bottom: 30px; } .is-blog .col-right > * { margin-left: 0; } .post-view .post-date { color: #999; font-style: italic; margin-bottom: 20px; } .post-view .post-date .by-author { color: #666; } .post-view img { width: auto; } .post-view .featured-image { width: 100%; } @media (min-width: 1024px) and (max-width: 1280px) { #onestepcheckout-form h2 { font-size: 26px;} .block-layered-nav .filter-title { letter-spacing: 1.2px; } } @media (min-width: 768px) and (max-width: 1023px) { .is-blog .sidebar { width: 28%; } .is-blog .col-main { width: 68%; } div.onestepcheckout-threecolumns div.onestepcheckout-column-left{width:47%!important; } div.onestepcheckout-threecolumns div.onestepcheckout-column-middle{width: 50%!important; margin-right: 0!important;} div.onestepcheckout-threecolumns div.onestepcheckout-column-right{width: 100%!important;} div.onestepcheckout-threecolumns div.onestepcheckout-column-right .order-review-wrapper{padding:27px!important; background: #f1f4f8;} div.onestepcheckout-threecolumns .oc-total {background: #fff;border: 2px solid #d6dbe4;} table.onestepcheckout-totals td.title{text-align: right!important;} div.onestepcheckout-threecolumns .onestepcheckout-coupons #onestepcheckout-coupon-add{width: 15%;} div.onestepcheckout-threecolumns .onestepcheckout-coupons input#id_couponcode{ width: 85%;} div.onestepcheckout-threecolumns .onestepcheckout-button {display: inline-block;width: 50%;} div.onestepcheckout-threecolumns .onestepcheckout-place-order-note{ display: none;} div.onestepcheckout-threecolumns .onestepcheckout-place-order-logo-security{ width: 46%;} .cms-page-view.cms-about-us-html .col2-left-layout .col-main{width: 100%; border: none!important;} .cms-page-view.cms-about-us-html .col2-left-layout .col-left{width: 100%;margin-left: 6%;} .cms-page-view.cms-contact-us-html .col2-left-layout .col-main{width: 100%; border: none!important;} .cms-page-view.cms-contact-us-html .col2-left-layout .col-left{width: 100%;margin-left: 6%;} .contact-form label{width: 29%;} .contact-form .input-box{ width: 70% !important;} } .is-blog h1.blog-title{ padding-bottom: 10px!important;} .post-view .post-meta { margin-top: 40px; } .block .block-content { padding: 0; } .block-blog-categories .block-title { padding-bottom: 20px; position: relative; margin-bottom: 20px; } .block-blog-categories .block-title:after { content: ""; width: 41px; height: 1px; background: #cacaca; position: absolute; bottom: 0; left: 0; } .block-recent-posts .page-title { padding: 44px 0 0; margin-bottom: 13px; } .block-recent-posts .page-title h1 { text-align: center; } .block-recent-posts ul li.item { width: 100%; margin-right: 2%; float: left; text-align: left; } .block-recent-posts ul li.item:last-of-type { margin-right: 0; } .block-recent-posts ul li.item .article-title { font-size: 18px; font-family: "proxima_nova_extrabold"; padding: 18px 0 5px; display: inline-block; line-height: 21px; } .block-recent-posts .block-content li a.read-more { display: block; margin-top: 5px; text-transform: capitalize; } a.read-more .meta-nav { display: none; } .home-blog .featured-image { margin-bottom: 0; } .block-recent-posts ul li.item .post-image img { height: 220px; } .sidebar .block.block-recent-posts .block-content li a { font-family: 'proxima_nova_bold'; } .is-blog .sidebar .block .block-content a { color:#1b3b87; } .is-blog .sidebar .block {color: #666;} .block-recent-posts .item + .item { margin-top: 20px; } .block-recent-posts .item .img { width: 80px; float: left; display: block; margin-right: 10px; } .block-recent-posts .item > div { overflow: hidden; } /*wordpress-post-category-view*/ .page-title-blog-cate { margin-bottom: 0; } .page-title-blog-cate h1, .page-title-blog-cate-list { height: 50px; line-height: 50px; background: #364052; font-family: "proxima_nova_black_It"; font-size: 24px; padding: 0 25px; display: inline-block; } .page-title-blog-cate-list { height: auto; overflow: hidden; margin-bottom: -5px; } .page-title-blog-cate-list h1 { display: inline; padding: 0; height: auto; line-height: normal; } .page-title-blog-cate-list h1:after { content: " ,"; } .page-title-blog-cate-list h1:last-of-type:after { display: none; } .post-list .item { background: #fff; padding: 18px 22px 22px; } .post-title { margin-bottom: 15px; } .post-list-item .post-title, .post-title h1 { font-size: 42px; line-height: 42px; padding: 0 0 5px; margin: 0; } .post-title a { color: #364052; } .post-list .read-more, .post-skips { border-top: 1px solid #dee4ed; border-bottom: 1px solid #dee4ed; padding: 5px 0; } .post-skips .post-skip { display: inline-block; position: relative; line-height: 40px; color: #1b3b87; } .post-skips .post-skip:hover { color: #4a9c00; text-decoration: none; } .post-skips .post-skip-previous { padding-left: 25px; } .post-skips .post-skip-next { padding-right: 25px; } .post-skips .post-skip:before { content: ''; background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/arrow-back.svg) no-repeat center center; background-size: 30px; display: inline-block; width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -11px; } .post-skips .post-skip-previous:before { left: 0; } .post-skips .post-skip-next:before { background-image: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/arrow-next.svg); right: 0; } #comments .fieldset { padding: 0; width: 70%; } #comments .legend { text-transform: none; margin-bottom: 20px; } #comments .fieldset .form-list li:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } #comments .field { margin-bottom: 20px; } #comments .form-list li.fields { margin: 0; } #comments .form-list li { margin-bottom: 20px; } #comments .form-list label.required em { position: relative; float: none; color: red; right: auto; } #comments .fieldset .form-list li > label, #comments .fieldset .field label { width: 30%; float: left; } #comments .fieldset .form-list li > .input-box, #comments .fieldset .field .input-box { width: 70%; float: left; clear: none; } #comments .buttons-set { margin: 0; } #comments .buttons-set button.button { margin: 0; float: none; } #comments .buttons-set button.button span span { padding: 0 50px; font-family: 'proxima_nova_bold'; text-transform: none; } .wordpress-post-category-view .pager { text-align: center; } .wordpress-post-category-view .pager .amount { display: none; } .wordpress-post-category-view .pager .pages { float: none; display: inline-block; } .featured-image { float: none; display: block; margin-bottom: 17px; } .post-list .featured-image { margin: 0 0 10px; } .post-list img { width: 100%; } .post-view br { display: none; } .blog-home ul#post-list { margin: 0 -11px 40px; } .blog-home ul#post-list:before, .blog-home ul#post-list:after { content: " "; display: table; } .blog-home ul#post-list:after { clear: both; } .blog-home ul#post-list > li.item { float: left; width: 33.3333%; padding: 0 11px; text-align: center; margin-bottom: 25px; } .blog-home ul#post-list > li.item:first-child { width: 100%; text-align: left; } .blog-home ul#post-list > li.item:first-child > .post-list-item { border: 1px solid #dee4ed; } .blog-home ul#post-list > li.item:first-child .post-entry-with-image .post-content { position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 0; width: 50%; } .blog-home ul#post-list > li.item:first-child .post-content { padding: 20px; } .blog-home ul#post-list > li.item:first-child .featured-image { border: none; float: left; width: 50%; margin: 0; } .blog-home ul#post-list > li.item:first-child h2 { margin-bottom: 20px; } .blog-home ul#post-list > li.item:first-child .btn-read-post { margin-top: 20px; } @media (max-width: 991px) { .blog-home ul#post-list > li.item:first-child .featured-image { width: 100%; } .blog-home ul#post-list > li.item:first-child .post-entry-with-image .post-content { position: relative; top: 0; transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); right: 0; width: 100%; clear: both; } } .blog-home ul#post-list > li.item .post-list-item { position: relative; } .blog-home ul#post-list > li.item:nth-child(3n+2) { clear: left; } .blog-home ul#post-list > li.item .featured-image { border: 1px solid #dee4ed; } .blog-home ul#post-list > li.item .btn-read-post { display: block; margin-top: 12px; color: #1b3b87; } .blog-home ul#post-list > li.item h2 { line-height: 1.2; } .blog-home ul#post-list > li.item .featured-image { margin-bottom: 10px; } @media (max-width: 991px) { .blog-home ul#post-list > li.item { width: 50%; } .blog-home ul#post-list > li.item:nth-child(3n+2) { clear: none; } .blog-home ul#post-list > li.item:nth-child(2n+2) { clear: left; } } @media (max-width: 479px) { .blog-home ul#post-list > li.item { width: 100%; } } /*wordpress-post-view */ .wordpress-post-view .post-page { margin-bottom: 40px; } /* End blog page */ /* detail page */ .box-up-sell .section-title.padding-right { padding-right: 0 !important; } .share-wrap { text-align: center; } .share-wrap .addthis_toolbox { display: inline-block; text-align: left; padding-top: 20px; padding-left: 80px; } .share-wrap .addthis_toolbox .addthis_label { font-family: 'proxima_nova_regular'; font-size: 14px; color: #666; line-height: 18px; float: left; margin-right: 10px;} .custom-sidebar-right { margin-right: 1%; width: 40.67%; } /* cmspage */ .cms-about-us-html .main { margin-bottom: 103px; } .cms-page-view .sidebar { width: 19%; } .cms-page-view .col-main { width: 77%; } .cms-page-view .col1-layout .col-main { width: 100%; } .cms-page-view .breadcrumbs { margin-left: 0; } .cms-page-view .page-title { padding-top: 5px; margin-bottom: 17px; } .cms-page-view { color: #666; } .cms-page-view p { margin-bottom: 10px; line-height: 20px; } .cms-page-view .std h4 { line-height: 24px; margin-bottom: 25px; padding-bottom: 25px; border-bottom: #dadada 1px solid; } .title-hierarchy-label h2 { padding-top: 2px; } .cms-contact-us-html .title-hierarchy-label h2 { display: none;} .cms-contact-us-html .cms-sidebar { margin-top: 10px;} .cms-contact-us-html .cms-sidebar li strong{ text-decoration-color: #d6d7d8;text-decoration: underline; letter-spacing: 1px; color: #1e242f; font-size: 12px; line-height: 18px;} .cms-contact-us-html .cms-sidebar li a{ letter-spacing: 1px; color: #1e242f; font-size: 12px; line-height: 18px;} .cms-sidebar { margin-top: 24px; } .cms-sidebar li { line-height: 25px; } .cms-sidebar li a { color: #364052; font-family: "proxima_nova_regular";font-weight: 300 } .cms-sidebar li strong { font-family: "proxima_nova_regular"; text-decoration: underline; color: #364052; font-weight: normal; } /* contact us */ .cms-contact-us-html .page-title { margin-bottom: 20px; } .cms-contact-us-html .main { margin-bottom: 57px; } .contact-content-full { line-height: 20px; } .contact-content { width: 62.3%; float: left; } .contact-content header h2 { margin-bottom: 13px; display: none; } .contact-content .contact-desc { margin-bottom: 21px; } .contact-form label { margin-bottom: 5px; display: inline-block; width: 24%; } .contact-form .input-box { margin-bottom: 5px; width: 75%; display:inline-block } .contact-form textarea { min-height: 175px; } .contact-content-full .horseland-head-office{float:right; width: 32.5%;} .contact-form .req{color:#cc0000;} .btn-contact { margin-top: 20px; } .btn-contact .button { border: none; display: block; width: 169px; } .btn-contact .button span { float: none; } .contact-form .hide { display: none; } .contact-form li{ margin-top: 25px;} .contact_info { width: 100%; background: #f6f7f8; padding: 17px 23px 12px; margin-bottom: 25px; } .contact_info li p{margin-bottom: 3px!important;} .contact_info .head-title{color:#364052; font-size: 14px;} .contact_info h3{ font-size: 14pt!important; text-transform: none!important; color: #364052!important;} .contact_info > h3 { margin-bottom: 20px; } .contact_info li { margin-bottom: 20px; } .cms-page-view .contact_info p { margin-bottom: 0; } .contact_info .first a{color:#1e242f; font-size: 13px;letter-spacing: 1px; } /* end contact us */ /* END PC */ /* RESPONSIVE */ /*min 1200px */ @media screen and (min-width: 1200px) { /*megamenu */ /* listing */ .products-list .right-column { /*padding-right: 5%; */ text-align: left; } .sorter .view-mode .grid{ background-position: 10px -252px;} .sorter .view-mode .list{background-position:-60px -252px} .cms-home .product-list-featured .products-grid .item .border-products { height: 380px; } .cms-home .product-list-featured .product-name { max-height: 65px; /* overflow:hidden */ } .cms-home .product-list-featured .product-name a { overflow: hidden; max-height: 58px; display: block; } } @media screen and (max-width: 1200px) { /* locator */ .locator-state { width: 100%; clear: both; text-align: left; } /* blog */ /*.is-blog .col-main{width: 78%}*/ /*.is-blog .sidebar{width: 18%}*/ } /* Tablet & Mobile */ @media screen and (max-width: 1023px) { /* megamenu */ .nav-container { height: 50px; position: relative;} .trigger-icon { width: 23px; height: 18px; } #mobnav-trigger .trigger-icon { margin-top: 14px; } #mobnav-trigger .trigger-icon .line { margin-bottom: 6px; } #mobnav-trigger { background: none !important; } #nav > li:hover > a, .vertnav-top li > a:hover { background: none; } #mobnav-trigger span.icon-text { line-height: 20px; float: left; margin-left: 10px; } /* shopingbag */ .cart-right-column .static-block .first p { padding-right: 0px; } .cart-right-column .static-block { padding: 10px; } .cart-right-column .static-block .second .call { padding-left: 10px; } .cart-right-column .static-block h3 { width: 100%; } /* category */ .content-listing-copy { float: none; clear: both; display: block; width: 100%; text-align: left; padding: 0 0 10px; } /* detail */ #giftcard_amount_box span.v-fix { width: 100%; float: none; } .box-up-sell .gen-slider-arrows1-pos-top-right .direction-nav { top: -55px; } .box-up-sell > h3 { margin-bottom: 60px; } /* tabs accodion */ .product-view .box-tabs { margin: 20px 0 0; } .product-view .box-tabs .gen-tabs .tabs-panels:before { display: none; } .product-view .box-tabs .gen-tabs .tabs-panels > h2 { clear: both; padding: 15px 0; position: relative; display: block; background: none; border-top: 2px solid #d6dbe4; text-transform: uppercase; margin-bottom: 0; } .product-view .box-tabs .gen-tabs .tabs-panels > h2.tab-delivery { border-bottom: 2px solid #d6dbe4; } .product-view .box-tabs .gen-tabs .tabs-panels > h2.current.tab-delivery { border-bottom: none; } .product-view .box-tabs .gen-tabs .tabs-panels > h2:after { content: ""; background-image: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland/sprites.png"); background-repeat: no-repeat; background-position: 150% -830px; width: 38px; height: 38px; background-size: 50px auto; position: absolute; right: 5px; top: 5px; display: inline-block; } .product-view .box-tabs .gen-tabs .tabs-panels > h2.current:after { background-position: 150% -880px; } /* blog */ .post-title, .post-title h1 { font-size: 26px; line-height: 30px; } .my-wishlist button.btn-update.save { margin-right: 10px; } .my-wishlist .data-table td { padding: 17px 5px; } .product-view .box-tabs .gen-tabs .additional-price #additional-price-options { padding: 15px 10px 20px; } .product-view .box-tabs .gen-tabs .additional-price .add-to-cart, .product-view .box-tabs .gen-tabs .additional-price .find-a-store { padding: 20px 10px; } .product-view .box-tabs .gen-tabs .additional-price .price-box { padding-left: 10px; } .page-title-blog-cate-list { line-height: normal; } .page-title-blog-cate h1, .page-title-blog-cate-list h1 { font-size: 18px !important; height: auto; line-height: 35px; } .page-title-blog-cate-list h1 { display: inline; } /* contact us */ .contact-content, .contact_info { padding: 20px; } .contact-form .input-box, .btn-contact .button { width: 100%; } } /* Desktop middle */ @media screen and (min-width: 1023px) and (max-width: 1199px) { /* megamenu */ #nav > li > a { padding: 0 10px; } /* listing */ .cms-home .product-list-featured .products-grid .item .border-products { height: 440px; } /* footer */ /* footer-top-container */ .footer-top-container h3 { font-size: 26px; width: 70%; } .input-button, .footer-locator .input-button, #subscribe-form .input-text { width: 100%; } .input-button button.button { width: 30%; } .input-button .input-box { width: 70%; } .footer-top-container .footer-function-box .social-sharing { width: 40%; } .footer-top-container .footer-function-box .store-locator, .footer-top-container .footer-function-box .newsletter-subscribe { width: 29% !important; padding: 0 2% !important; } .static-block-abovefooter span.icon { margin-right: 10px; } .static-block-abovefooter h3 { font-size: 16px; } /*--- DETAIL PAGE ---*/ .product-view .box-tabs .gen-tabs .additional-price #additional-price-options dd { width: 190px; } .product-view .box-tabs .gen-tabs .additional-price .add-to-cart .button { width: 200px; } .product-view .add-to-links li { width: 32%; margin-right: 2%; } .registered-users .content, .account-login .buttons-set { width: 100%; } .product-view .add-to-cart .button { width: 68%; } /* fix thumbnal img for detail*/ .product-view .product-img-column .more-images { width: 60px; } .product-view .product-img-column .more-images a.youtube { width: 60px; background-size: 60px; height: 74px; margin-bottom: 5px; } .product-view .product-img-column .more-images #slider-prev a { margin-bottom: 10px; } .product-view .product-img-column .more-images #slider-next a { margin-top: 10px; } .data-table th, .data-table td { padding: 15px 20px; } .homepage_centre_portrait .home-text-content { bottom: 5px; } .my-wishlist .cart-cell .btn-cart { margin: 0; } } /* Only Tablet */ @media screen and (min-width: 768px) and (max-width: 1023px) { .info-content, .registered-users .content, .account-login .buttons-set, .static-block-abovefooter h3, .account-create form, .input-button, .footer-locator .input-button, #subscribe-form .input-text { width: 100%; } /* footer */ .static-block-abovefooter .title { text-align: center; } .static-block-abovefooter span.icon, .static-block-abovefooter h3 { float: none; display: inline-block; margin: 0; clear: both; margin-bottom: 10px; } /* footer-top-container */ .footer-top-container h3 { font-size: 20px } .footer-top-container h2 { font-size: 26px; letter-spacing: -0.5px; } .input-button { padding: 0; } .input-button input.input-text { font-size: 14px; padding: 10px; line-height: 30px; } .input-button button.button span { height: 30px; line-height: 30px; } .input-button button.button { width: 30%; padding: 0; } .input-button .input-box { width: 70%; } .footer-top-container .footer-function-box .social-sharing { width: 30%; padding: 0 1%; } .footer-top-container .footer-function-box .store-locator, .footer-top-container .footer-function-box .newsletter-subscribe { width: 35% !important; padding: 0 1% !important; } .footer-top .social-sharing a { margin-right: 5px; } .footer-top .social-sharing img { width: 35px; } .input-button .input-box .validation-advice { top: 45px; } .footer-bottom-container { padding-bottom: 30px; } .footer-primary #footer-links h3, .footer-primary #footer-links .std h3 { font-size: 14px; } .footer-primary #footer-links ul li a { font-size: 13px; } .cms-home .product-list-featured .products-grid .item .border-products { height: 440px; } /* end listing */ /* shopping bag */ .data-table th, .data-table td { padding-right: 15px; padding-left: 15px; } /*--- DETAIL PAGE ---*/ .product-view .product-shop .product-name h1 { font-size: 26px; } .product-view .product-shop .wrap-product-info { padding: 10px; } .product-view .add-to-box, .product-view .product-options-bottom { padding: 10px; margin: 10px -10px 0; } .product-options { padding-right: 0; } .product-view .add-to-links li { width: 32%; margin-right: 2%; } .product-view .product-shop .price-box .special-price .price { font-size: 32px; } .product-view .box-tabs .gen-tabs.accor .tabs-panels .panel { border-bottom: none; padding-bottom: 20px; } .product-view .box-tabs .gen-tabs .additional-price .add-to-cart .button { width: 196px; } .product-view .box-tabs .gen-tabs .additional-price #additional-price-options { margin: 0 0 10px; } .product-view .box-tabs .gen-tabs .additional-price #additional-price-options dd { width: 49%; } .product-view .box-tabs .gen-tabs .additional-price #additional-price-options dd div.selector span { padding-left: 10px; } .product-view .add-to-cart .button { width: 63%; } /* fix thumbnal img for detail*/ .product-view .product-img-column .more-images { width: 60px; } .product-view .product-img-column .more-images a.youtube { width: 60px; background-size: 60px; height: 74px; margin-bottom: 5px; } .product-view .product-img-column .more-images #slider-prev a { margin-bottom: 10px; } .product-view .product-img-column .more-images #slider-next a { margin-top: 10px; } /*End product detail */ /* locator */ .store_hours_weekday { width: 45%; } .store_hours { width: 55%; } #mini-cart .hide-below-960 { display: inline-block !important; } .my-wishlist .data-table th { padding: 17px 0; } .my-wishlist .data-table th:first-child { text-align: left; } .my-wishlist button.btn-add.btn-cart span { min-width: 226px; } /* my account */ .account-login .new-users, .account-login .registered-users { padding: 15px; } /* blog */ /* error */ .cms-no-route .page-title h1 { font-size: 50px; margin-top: 40px; } .contact-form label{ width: 100%;} } @media screen and (max-width: 1023px) { /* listing */ .category-products .products-grid .item { width: 25%; } .category-products .itemgrid-5col .item:nth-child(4n+1) { clear: left; } .category-products .itemgrid-5col .item:nth-child(5n+1) { clear: none; } .header-container .desktop { display: none; } .header-container .mobile { display: inline-block; } .header-top-container { display: none; } .header .logo-wrapper { width: 98%; padding: 20px 0; } .header .logo-wrapper img { height: 60px; } /* header */ .header-top { text-align: left; line-height: 31px; height: 31px; } .header-top .item.item-left { float: left; margin: 0; } .header-top .item.item-right { float: right; margin: 0; } .header-top a { color: #fff; } .header-main { height: 36px; } #mobile-search-box { display: block; position: absolute; top: 100%; width: 100%; z-index: 999; } #mobile-search-box .form-search {margin: 0;} #mobile-search-box .form-search .button { width: 20%; margin: 0; float: right; position: relative; height: 48px; line-height: 48px; } #mobile-search-box .form-search .input-text { width: 80%; background: #fff; border: 1px solid #e5e5e5; color: #666; padding: 0px; height: 50px; line-height: 50px; text-indent: 14px; } #mobile-search-box .form-search .input-text:focus,#mobile-search-box .form-search .input-text:hover {box-shadow: none;} #mobile-search-box .form-search .button:after { content: "GO"; height: 48px; border: 1px solid #e5e5e5; border-left: 0px; position: absolute; top: 0px; right: 0px; background: #fff; width: 100%; z-index: 999; font-family: "proxima_nova_black"; line-height: 48px; font-size: 18px; text-transform: uppercase; } #mobile-search-box .form-search .button:before { content: ""; height: 40px; background: #e0e3ec; width: 1px; position: absolute; left: -2px; top: 5px; z-index: 999; } .header-static-block { width: 100%; clear: both; } .breadcrumbs { white-space: nowrap; width: 100%;display: none; } .breadcrumbs li strong { text-overflow: ellipsis; overflow: hidden; } /* megamenu */ #mobnav { display: inline-block !important; width: 25% !important; text-align: center; margin: 0 auto; height: 48px; } .nav-container .container { margin: 0; width: 100%; padding: 0; } #mobnav-trigger { display: inline-block; width: 100%; text-align: center; } #mobnav-trigger .trigger-icon { display: inline-block; width: 23px; float: none; } #mobnav-trigger span.icon-text { display: none; } .search-icon, .store_locator, .minicart-icon { text-indent: -999em; text-align: center; width: 25%; position: relative; margin: 0; border-left: 1px solid #ddd; float: right; height: 48px; } .search-icon { background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/search_df.svg) no-repeat center center; background-size: 23px; } .store_locator { background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/location_df.svg) no-repeat center center; background-size: 18px; } .minicart-icon { background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/bag_df.svg) no-repeat center center; background-size: 24px; text-indent: 0px; } .mobile.count-cart { display: inline-block; padding-top: 4px; } .nav .vertnav-top.mobile .level0.last > a { color: #cc0000; } .nav .vertnav-top.mobile .level0.last { margin-bottom: 10px; } .nav .accordion.mobile li.active > .opener { background-size: 100% auto; } .nav .accordion.mobile li a { border-bottom: 1px solid #ddd; } .vertnav-top ul.level0 > li > a { font-size: 16px; } /* homepage */ .the-slideshow-wrapper { margin: 0 -15px; padding-bottom: 10px; } .the-slideshow { margin: 0; } .the-slideshow-wrapper .direction-nav { display: none; } .static-block-home-page > div, .homepage_centre_smalllandscape_1 { margin-bottom: 10px; } .static-block-abovefooter > div { width: 100% !important; margin: 0; border: none; padding: 0; } .static-block-abovefooter h3 { font-size: 30px; line-height: 26px; margin-top: 3px; } .homepage_centre_portrait .home-text-content { height: 171px; bottom: 0; background-color: #012e1a; font-size: 24px; line-height: 28px; padding-top: 14%; } } @media screen and (max-width: 991px) { .body-account .col2-left-layout .main.container:before { left: 20%; } .box-info > .col2-set > .col-1 { width: 57%; } .box-info > .col2-set > .col-2 { width: 40%; } /* Address book */ .customer-address-index .col2-set .col-1.addresses-primary, .customer-address-index .col2-set .col-2.addresses-additional { width: 100%; } .customer-address-index .col2-set .col-2.addresses-additional h2 { margin-bottom: 33px; margin-top: 15px; } .my-wishlist .cart-cell .btn-cart { margin: 10px 0 0 0; } .wishlist-index-index.body-account .col2-left-layout .main.container:before { bottom: 0; } .my-wishlist .buttons-set { padding: 24px; } .my-wishlist button.btn-add.btn-cart { width: 100%; } } /* Only Mobile*/ @media screen and (max-width: 767px) { /* show/hide */ .desktop { display: none; } .mobile { display: inline-block; } .cms-index-index .col-xs-12 { width: 100%; text-align: center; } .is-blog .sidebar { width: 98%; } .is-blog .home-search#blog-search { width: 100%; } .is-blog .col-main { width: 98%; } .cart .static-block { display: none; } #comments .fieldset { width: 100%; } .toolbar .sorter .amount { display: inline-block !important; float: left; } .category-products .products-grid .item { width: 48%; } /* common */ .container, .container.stretched { padding-left: 15px; padding-right: 15px; width: 100%; } .main { margin-bottom: 20px; } .page-title { margin-left: 0px; } .page-title h1, .product-view .product-shop .product-name h1 { font-size: 1.7em; } div.selector span { white-space: normal; } .messages { margin-left: 0px; margin-right: 0px; } .input-button { width: 100%; } .input-button .input-box { width: 75%; float: left; } .input-button input.input-text { width: 100%; padding-left: 12px; } .input-button button.button { width: 25%; float: left; } .input-button .input-box .validation-advice { top: 105%; } /* fix breadcumb on detail page*/ .catalog-product-view .breadcrumbs li { display: none; } .catalog-product-view .breadcrumbs li.home, .catalog-product-view .breadcrumbs li:nth-child(2), .catalog-product-view .breadcrumbs li:last-child { display: block !important; } /* shopping bag */ .cart .summary-block, .cart .title-buttons .checkout-types, .customer-account-forgotpassword .fieldset, .customer-account-forgotpassword .buttons-set, .cart .discount .input-box { width: 100%; } .cart .data-table tr { position: relative;margin-bottom: 0;} .cart .data-table tbody tr { position: relative; margin-bottom: 0; padding-bottom: 10px; } .cart .data-table tbody tr:first-child{border-top: 1px solid #e5e5e5 !important;} .cart .data-table tbody tr:last-child{margin-bottom: 11px;} .cart .btn-remove2 { position: absolute; bottom: 16px; left: 90%; } .cart-collaterals.nested-container { margin-top: 0px; } .cart .cart-left-column > *, .cart .cart-right-column > * { margin-bottom: 5px; } .cart-right-column .static-block .second .call { border-right: 0px; border-left: 0px; padding: 0px; } .cart-right-column .static-block .second h3 { margin: 25px 0px 30px; } .cart .title-buttons button { margin-left: 0px; } .cart .summary-block { margin-bottom: 20px; } .cart-right-column .static-block .second .call { text-align: center; } .cart .discount .buttons-set, .cart .shipping .buttons-set { margin-left: 0px; } .cart-table tfoot button { margin-right: 20px; } .cart-table tfoot .btn-update { margin-right: 0px; } .cart-table tfoot tr.first td {text-align: center !important;padding: 0;margin-bottom: 8px!important;} .cart .data-table tbody td.col-img {float: left;width: 30%;} .cart .data-table tbody td.col-img a{width: 76px;height: auto;} .cart .data-table .cell-label{display: none;} .cart .data-table .product-options{margin-bottom: 0;} .cart .data-table .mb-box-price:before{content: 'x'; padding: 3px;} .cart .data-table .mb-box-price{display:inline-block;} .cart .data-table .col-unit-price, .cart .data-table .col-delete{display: none;} .cart .data-table .col-qty {margin-left: 30%; padding-left: 0;} .cart .data-table .col-qty .selector{display: inline-block} .cart .data-table .col-total{display: none;} .cart .data-table .link-wishlist.show-mb, .cart .data-table .link-remove.show-mb{display: block!important;position: relative;float: none;text-align: left;margin-top: 10px;} .cart .data-table .link-wishlist {display: none;} .checkout-onepage-success .sub-title { font-size: 45px; } .checkout-onepage-success .sub-title:after { left: 30%; width: 40%; } .customer-account-forgotpassword .fieldset, .customer-account-forgotpassword .buttons-set, .customer-account-forgotpassword .page-title, .customer-account-forgotpassword p { padding-left: 0px; margin-left: 0px; } .grid12-4.no-gutter.second { border: 1px solid #d6dbe4; border-right: 0px; border-left: 0px; margin: 20px 0px 15px; } .grid12-4.first > h3, .cart-right-column .static-block .first p, .cart-right-column .static-block .thirth .call { padding-top: 15px; } .cart-right-column .static-block .second h3 { margin-bottom: 10px; } .cart-right-column .static-block .thirth .call p { padding-bottom: 20px; } /* footer */ .static-block-abovefooter { padding: 43px 0 0; } .static-block-abovefooter > div { margin: 0 0 30px !important; padding: 0; } .static-block-abovefooter > div:last-of-type { margin-bottom: 0 !important; } .static-block-abovefooter .content { padding-top: 14px; } .static-block-abovefooter h3 { width: 72%; } .static-block-abovefooter .abovefooter_cta_4 h3 { letter-spacing: -1.5px; } .footer-top-container { padding: 30px 0; } /*footer-primary-container{*/ .footer-primary .section { padding: 0; } .footer-primary .footer-col { float: none; width: 100%; clear: both; } .footer-primary ul { display: none; } .footer-primary ul h3 { cursor: pointer; } .footer-primary-container { padding: 25px 0 10px; } .footer-primary .footer-col ul { position: relative; padding: 15px 0; margin-bottom: 15px; } .footer-primary .footer-col > h3 { cursor: pointer; position: relative; } .footer-primary .footer-col > h3:before { content: ''; display: block; height: 30px; width: 30px; background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/plus_df.svg) no-repeat center center; position: absolute; right: 0; margin-top: -15px; top: 50%; background-size: 20px; } .footer-primary .footer-col.active > h3:before { background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/minus_df.svg) no-repeat center center; background-size: 30px; } .footer-primary .footer-col > h3 { cursor: pointer; position: relative; } .footer-primary .footer-col ul:after, .footer-primary .footer-col ul:before { content: ''; display: block; height: 1px; width: 60px; background: #dee4ed; position: absolute; left: 0; top: 0; } .footer-primary .footer-col ul:before { top: auto; bottom: 0; } .footer-primary .footer-col ul li +li { margin-top: 6px; } .footer-primary .footer-col { width: 100% !important; } .footer-top-container .footer-function-box > div { width: 100% !important; padding: 0 0 20px !important; margin: 0 !important; } .footer-top-container .footer-function-box > div.store-locator { padding-bottom: 0 !important; } .footer-top-container .footer-function-box > div.social-sharing { padding-bottom: 20px !important; } .footer-top-container .footer-function-box > div:after { display: none; } #subscribe-form .input-button .input-box { float: left; width: 75%; margin: 0; } #subscribe-form .input-button button.button { float: left; width: 25%; } .footer-container .footer-top-container {padding: 20px 0;} .footer-locator .input-button { width: 100%; } .footer-bottom-container { padding: 0 0 20px; } .footer-bottom { padding: 0; } .footer-bottom .item { float: none; clear: both; width: 100%; margin: 0; } .footer .item-right { padding: 5px 0; } .block_footer_payment { border: none; } /* account */ .account-create form { width: 100%; padding: 20px; } .account-create .fieldset, .registered-users .content { width: 100%; } .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend { font-size: 1.3em; } .account-create .fieldset .legend { padding-bottom: 10px; } .account-login .new-users, .account-login .registered-users { width: 100%; margin: 0; padding: 0; } .account-login .buttons-set a, #opc-login .buttons-set a { float: left !important; margin-bottom: 10px; margin-right: 15px; } .registered-users { margin-top: 20px; } .body-account .grid12-9, .body-account .grid12-3 { width: 100%; } body[class*='customer-'] .col-left.sidebar,.sales-order-history .col-left.sidebar,.wishlist-index-index .col-left.sidebar{ display:block!important; padding-top: 20px;border-top: 1px solid #dee4ed;} .col-left.sidebar .block-account{ letter-spacing: 1px; font-size: 15px;} .col-left.sidebar .block-account li.current strong{font-size: 14px;} .col-left.sidebar .block-account li a{ font-size: 14px;} .col-left.sidebar .block-account .block-title{font-size: 18px;} .col-left.sidebar .block-account .block-title strong{font-size: 18px; letter-spacing: 1px;} body[class*='customer-'] .col-main{margin-bottom: 10px;} .body-account .col2-left-layout .main.container:before { display: none; } .box-info > .col2-set > .col-1, .box-info > .col2-set > .col-2 { width: 100%; } .order-info li { width: 100%; margin-right: 0; } .order-info li a { width: 100%; } .my-account .page-title a, .sales-order-view .page-title span { float: left; } .my-account .page-title h1 { float: left; clear: both; width: 100%; } .my-account .page-title .link-rss { float: left !important; margin-top: 10px !important; display: block; } .price-incl-tax { display: inline-block; } .my-account .data-table .cell-label { font-family: 'proxima_nova_bold'; font-weight:normal; text-transform: uppercase; vertical-align: top; margin-right: 0px; width: 45% !important; display: inline-block;} .my-account .data-table td {padding: 6px 0;} .my-wishlist .data-table td { border-bottom: none; } .my-wishlist .data-table tbody td.last { display: none; } .my-wishlist .data-table td:nth-child(1) { width: 86px; position: absolute; left: 0; } .my-wishlist .data-table thead { display: none; } .my-wishlist .data-table td:nth-child(2), .my-wishlist .data-table td:nth-child(3), .my-wishlist .data-table td:nth-child(4) { width: 100%; display: inline-block; padding: 5px 0; max-width: 100% !important; } .my-wishlist .data-table td:nth-child(2) .cell-label, .my-wishlist .data-table td:nth-child(3) .cell-label, .my-wishlist .data-table td:nth-child(4) .cell-label { display: inline-block; text-transform: none; color: #333333; font-family: 'proxima_nova_regular'; vertical-align: middle; font-size: 18px; float: left; width: 30% !important; } .my-wishlist .data-table td .product-image img { width: 100%; } .my-wishlist button.btn-update.save { float: none; } .my-wishlist textarea { width: 100%; } .my-wishlist .price-box { display: inline-block; margin: 0;} .my-wishlist .data-table .product-price { text-align: left; padding-top: 0; } .my-wishlist .data-table .product-price .price { font-family: 'proxima_nova_bold'; font-size: 18px; } .page-title .link-print { margin-top: 7px; margin-left: 10px; } .order-details .nobr { display: inline-block; } .dashboard .welcome-msg { height: auto; } .my-wishlist .data-table td:nth-child(5), .my-wishlist .data-table th:nth-child(5) { width: 100%; } .my-wishlist .btn-cart { margin-top: 15px; float: left; margin-left: 21%; } .my-wishlist .data-table td.last a.btn-remove { margin: 24px 0 0 48%; } .my-wishlist .buttons-set button.button-wishlist { margin-right: 5px; margin-top: -20px; } .my-wishlist button.btn-add.btn-cart { float: none; width: 100%; } .my-wishlist button.btn-add.btn-cart span { width: 100%; } .account-create .buttons-set button span span, .account-create .buttons-set button span, .account-create .buttons-set button { width: 100%; padding: 0px; } .account-login .page-title, .account-create .page-title { margin-left: 0px; } .order-items h2.table-caption a, .order-items h2.sub-title a { width: 100%; display: inline-block; padding-top: 0px; } .my-wishlist .add-to-cart-alt { text-align: left; } .my-wishlist .add-to-cart-alt input.input-text { float: left; } .my-wishlist .add-to-cart-alt span.cell-label { line-height: 40px; } .customer-address-index .my-account button.button { width: 100%; margin-left: 0px; margin-top: 15px; } .customer-address-index .my-account button.button span { width: 100%; padding: 0px; } .my-account .data-table tfoot td.last { padding-left: 0px !important; padding-right: 0px !important; } #wishlist-table tbody tr { position: relative; padding-left: 100px; padding-bottom: 10px; display: inline-block; } .my-wishlist .cart-cell .btn-cart { margin: 0 0 0 30px; } .my-wishlist .data-table td.last a.btn-remove { left: 65%; position: absolute; bottom: 74px; margin: 0px; } .my-wishlist .data-table thead th { display: none; } /* category */ .catalog-category-view .col-main { padding-left: 0; border: none; } .top-landing { margin: 0; } .top-landing .top-pagewidth, .top-landing .small-left, .top-landing .top-right { float: none; clear: both; width: 100%; margin: 0 0 10px 0; } .seo-block:before { display: none; } .toolbar-bottom .pager .pages, .toolbar-bottom .pager .amount { line-height: 50px; } /*--- DETAIL PAGE ---*/ .product-view .product-shop .wrap-product-info { padding: 20px 10px; } .product-view .product-shop .product-name { text-align: center; } .product-view .product-type-data { margin-bottom: 10px; } .ratings, .no-rating { text-align: center; } .product-view .product-type-data > .price-box, .product-view .product-type-data > .price-box-bundle { margin: 0 0 10px; } .availability { float: none; clear: both; margin: 0; } .product-options label.option-title { margin: 0; } .product-options { padding-right: 0; } .product-view .add-to-box, .product-view .product-options-bottom { padding: 10px; margin: 0 -10px; } .product-view .add-to-links li { width: 32%; margin-right: 0; } .product-view .box-tabs .gen-tabs.accor .tabs-panels .panel { border-bottom: none; margin: 0 15px;} .product-view .box-tabs .gen-tabs .tabs-panels:before { display: none; } .product-view .box-tabs .gen-tabs h2 { margin-bottom: 10px; } .product-view .box-tabs .gen-tabs .tabs-panels { padding: 0px; } .product-view .box-tabs { margin-top: 0px; } .product-shop.no-left-gutter.grid12-5 { margin-bottom: 10px !important; } .product-view .box-tabs .gen-tabs .additional-price .add-to-cart { width: 100%; float: none; } .product-view .box-tabs .gen-tabs .additional-price .price-box, .product-view .box-tabs .gen-tabs .additional-price .availability { float: none; text-align: left; padding-left: 10px; padding-top: 20px; width: 100%; } .product-view .box-tabs .gen-tabs .additional-price .availability { margin-top: 0; padding-top: 10px; } .product-view .box-tabs .gen-tabs .additional-price .add-to-cart .button, .product-view .add-to-cart .qty-wrapper { width: 100%; display: block; text-align: center; margin: 5px 0; } .product-view .add-to-cart .qty-wrapper { width: 100px; margin: 5px 0 0; } .product-view .add-to-cart .button { margin: 5px 0 0; width: 60%; } .catalog-product-view .col-main { margin-bottom: 20px; } .product-view .box-tabs .gen-tabs .additional-price { margin-top: 20px; } .gen-tabs.accor .tabs-panels .panel { margin-bottom: 0px; } .product-view .product-shop .wrap-product-info .availability { margin: 20px 0; } .product-view .product-img-column #track_hint, .product-view .product-img-column #track_hint ~ .addthis_toolbox { padding-left: 0; padding-top: 20px; } .product-view .product-img-column .zoom-inside { padding: 0; } .product-view .product-img-column .more-images { width: 100%; position: relative; padding-top: 20px; } .product-view .product-img-column .more-images .bx-wrapper { z-index: 1; width: 70%; } .product-view .product-img-column .more-images .bx-wrapper li { text-align: center; } .product-view .product-img-column .more-images a.youtube { display: inline-block; margin-bottom: 0; height: 97px; } .product-view .product-img-column .more-images #slider-prev a, .product-view .product-img-column .more-images #slider-next a { width: 24px; height: 44px; margin: 0; display: inline-block; position: absolute; z-index: 2; top: 50%; margin-top: -22px; } .product-view .product-img-column .more-images #slider-prev a { left: 0; background-position: 0 0; } .product-view .product-img-column .more-images #slider-next a { right: 0; background-position: -25px 0; } .product-view .product-img-column .more-images #slider-prev a:hover { background-position: -52px 0; } .product-view .product-img-column .more-images #slider-next a:hover { background-position: -78px 0; } .product-view .product-img-column .more-images #slider-prev a.disabled:hover { background-position: 0 0; } .product-view .product-img-column .more-images #slider-next a.disabled:hover { background-position: -25px 0; } .product-view .box-tabs .gen-tabs .additional-price #additional-price-options { width: 100%; margin: 0; } .product-view .box-tabs .gen-tabs .additional-price #additional-price-options dd { width: 100%; margin: 5px 0; } .product-view .box-tabs .add-to-cart .qty-wrapper { text-align: center; } .product-view .product-img-column .addthis_toolbox { clear: both; width: 100%; margin-top: 20px; } .product-view .product-img-column .addthis_toolbox > label { margin-bottom: 5px; display: block; } .product-view .share-wrap .addthis_toolbox { text-align: center; padding: 0; } .img-box .product-image { width: 100%; } .addthis_toolbox .addthis_button_facebook_like, .addthis_toolbox .addthis_button_pinterest_pinit { margin-left: 5px; } .locator-search input, .locator-search p, #tab1, #tab2, .leftmap-con, .rightmap, .search-store, .footer-top-container .footer-locator h3, #subscribe-form, .locator input, .locator-search .mid-contain > input, .locator-search .mid-contain input.input-text { width: 100%; } /*locator*/ .more-link span { color: #e50b14; } .cart .totals button.btn-checkout span span { /* line-height:42px; */ padding: 0px; } .link-detail-locator { float: left; padding-top: 5px; margin-bottom: 37px; margin-top: 10px; } .locator-location-index .container, .locator-search-index .container { width: 96%; padding-left: 2%; padding-right: 2%; } .locator-search .mid-contain { margin-right: 4%; } /*.locator-distance{width: 17%}*/ .locator-search .mid-contain, .locator-distance, .km-locator { display: inline-block; } .locator input { width: 100%; } .km-locator { width: 7%; } .locator-state .OR { display: block; } .loc-srch { padding: 10px; } .locator-search .km-locator { margin-right: 0; margin-top: 37px; } .locator-distance { margin-top: 37px; } .search-store { border-top: 1px solid #dadada; margin-top: 20px; padding-top: 20px; margin-bottom: 15px; } .locator-state .OR { margin-right: 0; } .search-store button.button { width: 100%; } .search-store button.button span { float: none; } .locator-state { text-align: center; height: auto; } .locator-location-index .loc-srch { display: none; } .locator-view-title h1 { font-size: 18px; padding-bottom: 14px; } .store-view-attr { clear: both; } .locator-view-title .link-detail-locator a.button { display: inline-block; } .loc-page-map-right .link-detail-locator a.button.desktop { display: none; } .search-store { padding-left: 0; } .loc-page-data { padding-right: 0; } .link-detail-locator { width: 100%; float: none; clear: both; } .link-detail-locator a.button { width: 100%; display: block; margin: 0; } .link-detail-locator { margin-bottom: 20px; } .locator-state a:hover { text-decoration: none; } /* .tool-tip img {width:100%} */ /* .tool-tip {left:16px!important;top:15px!important;width:90%;margin:auto;} */ .tool-tip { left: 0px !important; } .cart .discount input.input-text { padding-top: 9px; } .compare-table .out-of-stock { min-width: 170px; } /* blog */ .block-recent-posts { margin-bottom: 20px; padding-bottom: 20px; } .block-recent-posts ul li.item { width: 100%; } /* contact us */ .contact-content, .contact_info { float: none; width: 100%; clear: both; margin-bottom: 20px; } /* error page */ .cms-no-route .page-title h1 { font-size: 22px; margin-top: 20px; } .cms-no-route .page-title { margin-bottom: 10px; } #ajaxcart-message { left: 3%; right: 3%; width: 94%; } #subscribe-form .input-box { position: static; } #subscribe-form .input-box .validation-advice { background: none repeat scroll 0 0 #fff; line-height: 18px; padding: 10px; width: 100%; z-index: 20; } .footer-top-container .newsletter-subscribe h3 { width: 83%; } /*checkout page*/ .onestepcheckout-index-index #fancybox-content{width: 100%!important;} .onestepcheckout-index-index #fancybox-content h2{font-size: 22px;padding: 0 6px;} .onestepcheckout-index-index #fancybox-wrap{width: 100%!important;} /*contact page*/ .contact-content-full .horseland-head-office{ width: 100%;display: none;} .contact-form label{ width: 100%;} .cms-about-us .btn.button{width: 100%; text-align: center} .contact-content, .contact_info{ padding: 0px !important;} } @media only screen and (max-width: 767px) and (min-width: 667px) { /* my account */ .account-login .buttons-set a, #opc-login .buttons-set a { margin-left: 40px; } .sales-order-view .page-title.title-buttons span.status { top: 0; } } @media only screen and (max-width: 666px) { /* my account */ .customer-account-edit .form-list .input-box, .account-create .form-list .input-box { clear: both; float: left; width: 100%; } .customer-account-forgotpassword .fieldset .input-box .input-text, .customer-account-edit .form-list input.input-text, .customer-account-edit .my-account form .fieldset:nth-child(2) input.input-text, .account-create .fieldset.fieldset-pass .form-list .input-box .input-text, .account-create .form-list .input-box .input-text { min-width: 100%; } .box-info > .col2-set > .col-1, .box-info > .col2-set > .col-2 { width: 100%; } } @media only screen and (max-width: 666px) and (min-width: 640px) { /* my account */ .customer-address-form.body-account .form-list .input-box select, .customer-address-form.body-account .form-list .input-box .input-text .customer-account-forgotpassword .fieldset .input-box .input-text, .customer-account-edit .form-list input.input-text, .customer-account-edit .my-account form .fieldset:nth-child(2) input.input-text, .account-create .fieldset.fieldset-pass .form-list .input-box .input-text, .account-create .form-list .input-box .input-text, .registered-users .content .input-box input { min-width: 295px; } .account-login .buttons-set a, #opc-login .buttons-set a { margin-left: 17px; } } @media only screen and (max-width: 639px) { /* my account */ .customer-address-form.body-account .form-list .input-box, .account-create .fieldset.fieldset-pass .form-list .input-box, .account-create .form-list .input-box .input-text, .customer-account-forgotpassword .fieldset .input-box, .registered-users .content .input-box { clear: both; float: left; width: 100%; } .account-login .buttons-set { text-align: center; width: 100%; } .account-login .buttons-set button.button { float: none; clear: both; width: 100%; text-align: center; margin-bottom: 15px; } .account-login .buttons-set button.button span { width: 100%; } .account-login .buttons-set > a { clear: both; margin: auto; width: 100%; margin-bottom: 40px; } .account-login .new-users .buttons-set { padding: 0 25px 25px 25px; } .account-login .new-users .buttons-set button.button { margin: 0; } .customer-account-forgotpassword .buttons-set button.button { width: 100%; } .customer-account-forgotpassword .buttons-set button.button span { width: 100%; } .box-info .col2-set .col-1, .box-info .col2-set .col-2 { width: 100%; } .customer-address-form.body-account .form-list .input-box select, .customer-address-form.body-account .form-list .input-box .input-text, .customer-account-forgotpassword .fieldset .input-box .input-text, .account-create .fieldset.fieldset-pass .form-list .input-box .input-text, .account-create .form-list .input-box .input-text, .registered-users .content .input-box input { min-width: 0; } .my-account .track-box form#form-validate { width: 100%; } .my-account .track-box form#form-validate input#tracking_code { min-width: 100%; } .sales-order-history .data-table thead { display: none; } .sales-order-history .data-table tr { display: inline-block; width: 100%; position: relative; border-bottom: 1px solid #cfcfcf; float: right; padding: 15px 0; } .sales-order-history .data-table td { display: inline-block; width: 50%; border: none; clear: both; float: right; padding: 5px 20px; } .sales-order-history .data-table td:first-child { position: absolute; left: 0; } .sales-order-history .data-table td span:before { content: attr(name)": "; text-transform: uppercase; color: #ddd; } .sales-order-history .data-table td.last { text-align: left !important; } .sales-order-history .data-table td.last span:before { display: none; } .sales-order-view .data-table tbody { display: table-caption; } .sales-order-view .data-table thead { display: none; } .sales-order-view .data-table tbody tr { display: inline-block; width: 100%; position: relative; border-bottom: 1px solid #cfcfcf; float: right; padding: 15px 0; } .sales-order-view .data-table tbody td { display: inline-block; width: 47%; border: none; clear: both; float: right; padding: 5px 20px; text-align: left !important; } .sales-order-view .data-table tbody td:first-child { position: absolute; left: 0; } .sales-order-view .data-table tbody td .cell-label { display: inline-block; text-transform: uppercase; color: #ddd; font-family: 'proxima_nova_regular'; width: auto !important; margin-right: 5px; font-size: 14px; } .sales-order-view .data-table tbody td.last { text-align: left !important; } .sales-order-view .data-table tbody td.last span:before { display: none; } } /* 321-640*/ @media screen and (min-width: 480px) and (max-width: 640px) { .locator-search .mid-contain { width: 50%; } } /* max: 480*/ @media screen and (max-width: 479px) { .products-list .item { padding: 10px; } .my-account .page-title h1 { font-size: 30px; } .locator-search .mid-contain { width: 70%; margin-right: 6px; } .locator-distance { width: 42px; margin-right: 6px; } .locator-search .km-locator { width: 22px; } .locator-distance { margin-top: 0; } .locator-search .km-locator { margin-top: 40px; } /* listing */ .category-products .products-grid .item { width: 50%; } .category-products .itemgrid-5col .item:nth-child(2n+1) { clear: left; } .category-products .itemgrid-5col .item:nth-child(3n+1) { clear: none; } .product-view .paypal-wrapper { width: 100%; } .product-view .paypal-wrapper .widget-product { padding-left: 0 !important; width: 100% !important; } } .lte-ie8 .static-block-abovefooter > DIV { width: 22%; } .lte-ie8 .static-block-abovefooter .icon, .lte-ie8 .form-search .button span, #mini-cart .icon.i-cart, .lte-ie8 .header-right .store_locator, .lte-ie8 .owl-controls .owl-buttons div, .lte-ie8 .block-layered-nav .filter-title { background-image: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/bag.svg"); } .lte-ie8 .cart-table-wrapper table, .lte-ie8 .nav-container, .lte-ie8 .footer-primary-container, .lte-ie8 .footer-top-container, .lte-ie8 .footer-container, .lte-ie8 .footer-container2, .lte-ie8 .footer-secondary-container, .lte-ie8 .footer-bottom-container, .lte-ie8 .product-view .product-shop .wrap-product-info { width: 100%; float: left; } .lte-ie8 .input-button { float: left; } .lte-ie8 .footer-top input.input-text { line-height: 40px; } .lte-ie8 .header-static-block .grid-full { margin-top: 12px; margin-bottom: 12px; } .lte-ie8 .static-block-abovefooter > div.abovefooter_cta_4 { margin-right: 0px; padding-right: 0px; width: 21%; border-right: 0px !important; } .lte-ie8 .static-block-home-page { margin-top: 30px; } .lte-ie8 .footer-top-container .footer-function-box > div.store-locator:after { background: transparent !important; } .lte-ie8 .product-view .add-to-links li { margin-right: 20px; } .lte-ie8 .main:after, .lte-ie8 .products-grid:after, .lte-ie8 .products-list:after, .lte-ie8 .products-list .item:after, .lte-ie8 .cart-table-wrapper:after, .lte-ie8 .cart .page-title:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .lte-ie8 .product-list-featured .products-grid .item .border-products { vertical-align: top; height: 380px; } /*.lte-ie8 #ajaxcart-message {background:#00b6f1}*/ .lte-ie8 .product-view .box-tabs .gen-tabs .tabs a.current { position: relative; } .lte-ie8 .product-view .box-tabs .gen-tabs .tabs a.current:before { position: absolute; width: 100%; background: #fff; height: 3px; bottom: -2px; left: 0; content: ""; } .lte-ie8 .btn-remove2, .lte-ie8 .btn-remove { background-image: url("//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland/ic_close_ie8.png"); } .lte-ie8 .product-view .add-to-links li a.feature .icon { width: 40px; height: 40px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; behavior: url(/skin/frontend/ultimo/horseland_new/pie/PIE.htc); position: relative; } .lte-ie8 .product-options dd { float: left; } .lte-ie8 .product-options dd.last { float: right; } .locator-store-manager-image { width: 110px; height: 110px; border: solid 1px #cccccc; margin-bottom: 15px; } .locator-store-manager-image img { width: 110px; height: 110px; } .locator-store-manager-name { text-transform: uppercase; } .itemslider { padding-top: 0; } .itemslider .viewport, .itemslider .owl-wrapper-outer { padding-top: 30px; } .itemslider .price-box .price-label { display: none; } .itemslider .price-box .specialprice { float: right; } .itemslider .price-box .specialprice .price { color: #e50b14; } .itemslider .price-box .specialprice ~ .old-price { float: left; } .itemslider .price-box .specialprice ~ .old-price .price { text-decoration: line-through; text-decoration-color: #333; float: left; } body ul#sli_autocomplete.rich { display: none; width: 490px !important; background-color: #fff; border: 1px solid #d6dbe4; border-radius: 5px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); list-style: outside none none; margin: 12px 0 0; padding: 0; position: absolute; z-index: 300000; font-size: 14px; text-align: left; } body ul#sli_autocomplete.rich:before, body ul#sli_autocomplete.rich:after { position: absolute; top: 0; left: 25%; content: ''; border-style: solid; border-width: 12px; border-color: transparent; border-bottom-width: 12px; margin-top: -24px; } body ul#sli_autocomplete.rich:before { border-bottom-color: #d6dbe4; margin-top: -25px; } body ul#sli_autocomplete.rich:after { border-bottom-color: #f1f4f8; } body ul#sli_autocomplete.rich .sli_ac_suggestions h2 { background: #f1f4f8; font-size: 14px; font-family: 'proxima_nova_bold'; color: #364052; font-weight: normal; padding: 14px 20px; letter-spacing: 1px; border-radius: 5px 5px 0 0; border: none; border-bottom: 1px solid #d6dbe4; } body ul#sli_autocomplete.rich .sli_ac_suggestions ul { text-align: left; padding: 20px; } body ul#sli_autocomplete.rich .sli_ac_suggestions ul li.sli_ac_active, body ul#sli_autocomplete.rich .sli_ac_suggestions ul li:nth-child(2n+1), body ul#sli_autocomplete.rich .sli_ac_suggestions ul li { background: none; padding: 0; } body ul#sli_autocomplete.rich .sli_ac_suggestions ul li.sli_ac_active + li, body ul#sli_autocomplete.rich .sli_ac_suggestions ul li:nth-child(2n+1) + li, body ul#sli_autocomplete.rich .sli_ac_suggestions ul li + li { margin-top: 7px; } body ul#sli_autocomplete.rich .sli_ac_suggestions ul li.sli_ac_active .sli_ac_suggestion, body ul#sli_autocomplete.rich .sli_ac_suggestions ul li:nth-child(2n+1) .sli_ac_suggestion, body ul#sli_autocomplete.rich .sli_ac_suggestions ul li .sli_ac_suggestion { color: #1b3b87; font-size: 16px; } body ul#sli_autocomplete.rich .sli_ac_suggestions ul li.sli_ac_active .sli_ac_suggestion b, body ul#sli_autocomplete.rich .sli_ac_suggestions ul li:nth-child(2n+1) .sli_ac_suggestion b, body ul#sli_autocomplete.rich .sli_ac_suggestions ul li .sli_ac_suggestion b { font-weight: normal; color: #1b3b87; } body ul#sli_autocomplete.rich .sli_ac_products h2 { background: #f1f4f8; font-size: 14px; font-family: 'proxima_nova_bold'; color: #364052; font-weight: normal; padding: 14px 20px; letter-spacing: 1px; border-top: 1px solid #d6dbe4; border-bottom: 1px solid #d6dbe4; } body ul#sli_autocomplete.rich .sli_ac_products ul { padding: 20px; } body ul#sli_autocomplete.rich .sli_ac_products ul:before, body ul#sli_autocomplete.rich .sli_ac_products ul:after { content: " "; display: table; } body ul#sli_autocomplete.rich .sli_ac_products ul:after { clear: both; } body ul#sli_autocomplete.rich .sli_ac_products ul li { height: 100px; width: 50%; padding: 15px 0 15px 15px; border-top: 1px solid #d6dbe4; border-left: 1px solid #d6dbe4; } body ul#sli_autocomplete.rich .sli_ac_products ul li:nth-child(2n+1) { background: none; border-left: none; padding: 15px 15px 15px 0; } body ul#sli_autocomplete.rich .sli_ac_products ul li:first-child + li, body ul#sli_autocomplete.rich .sli_ac_products ul li:first-child { border-top: none; padding-top: 0; } body ul#sli_autocomplete.rich .sli_ac_products ul li .sli_ac_iwrap { margin: 0 10px 0 0; height: 70px; max-width: 60px; float: left; } body ul#sli_autocomplete.rich .sli_ac_products ul li .sli_ac_iwrap img.sli_ac_image { max-height: 70px; max-width: 100%; } body ul#sli_autocomplete.rich .sli_ac_products ul li .sli_auto_price.price { color: #333; text-align: left; font-size: 14px; font-family: 'proxima_nova_regular'; } body ul#sli_autocomplete.rich .sli_ac_products ul li h3, body ul#sli_autocomplete.rich .sli_ac_products ul li.sli_ac_active h3 { background: none; text-align: left; color: #1e242f; font-size: 14px; margin-bottom: 10px; } body ul#sli_autocomplete.rich .sli_ac_products ul li h3 b, body ul#sli_autocomplete.rich .sli_ac_products ul li.sli_ac_active h3 b { color: #1b3b87; } body ul#sli_autocomplete.rich .sli_ac_products ul li.sli_ac_active { background: none; } .cms-index-index .landing-banner { margin-bottom: 20px; } .nav-block-right .landing-banner {margin-bottom: 12px;} .cms-index-index .landing-banner { position: relative; overflow: hidden; } .cms-index-index .col-sm-6 .landing-banner > div {margin-top: -20px;} .cms-index-index .landing-banner > div {margin-top: -3px;} .cms-index-index .promo-banner { margin-bottom: 24px; } .cms-index-index .promo-banner img + img { display: none; } @media (max-width: 566px) { .order-items .data-table .grand_total td:first-child strong:after, .order-items .data-table .grand_total td:first-child strong:before { width: 75%; } .category-products .products-grid .item { width: 50%; } .category-products .itemgrid-5col .item:nth-child(2n+1) { clear: left; } } @media (max-width: 479px) { .col-sm-6 .landing-banner > img { transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); } .cms-index-index .promo-banner img:first-child { display: none; } .cms-index-index .promo-banner img:first-child + img { display: block; } .customer-address-index .col2-set .col-1.addresses-primary .item { width: 100%; margin-right: 0 !important; margin-bottom: 20px; } .sales-order-history .data-table td { display: inline-block; width: 100%; padding: 5px 0; } .box-infomation-title h2 { font-size: 24px; } .sales-order-view .data-table tbody td { width: 100%; padding: 5px 0; } .sales-order-history .data-table td:first-child, .sales-order-view .data-table tbody td:first-child { position: static; } .order-items .data-table .grand_total td:first-child strong:after, .order-items .data-table .grand_total td:first-child strong:before { width: 100%; } .order-items .data-table tfoot td:first-child { padding-right: 50px; } .sales-order-view .col2-set .col-1, .sales-order-view .col2-set .col-2 { width: 100%; } .my-wishlist .cart-cell .btn-cart { position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; } #wishlist-table tbody tr { padding-bottom: 53px; } .my-wishlist .data-table td:nth-child(2), .my-wishlist .data-table td:nth-child(3), .my-wishlist .data-table td:nth-child(4) { max-width: 180px; } .my-wishlist .cart-cell .btn-cart span { width: 100%; } .my-wishlist .buttons-set { margin-bottom: 30px !important; } .my-wishlist .buttons-set button.button:not(.btn-cart) { width: 100%; } .my-wishlist button.btn-add.btn-cart span { min-width: 0; } .my-wishlist .data-table td:nth-child(2) .cell-label, .my-wishlist .data-table td:nth-child(3) .cell-label, .my-wishlist .data-table td:nth-child(4) .cell-label { width: 35% !important; } .category-products .toolbar { padding: 0 0 0 5px; } .toolbar .pager { padding-right: 5px; } .category-products .products-grid .item { /*width: 100% !important;*/ } } .cms-index-index .breadcrumbs-container { display: none; } .instagram-feed .tagtray-gallery > h2 { margin: 0 auto 25px; max-width: 1172px; color: #364052; padding: 0 10px; position: relative; color: #364052; background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/ico-ins.svg) no-repeat 10px center; background-size: 24px; padding-left: 45px; } .instagram-feed .ttbx-wrapper .bx-pager { display: none; } .instagram-feed .ttbx-wrapper { max-width: 1172px !important; padding: 0 10px; } .instagram-feed .ttbx-viewport { overflow: visible !important; } .instagram-feed .tagtray-gallery-item .tagtray-item-overlay { display: block; opacity: 0; } .instagram-feed .tagtray-gallery-item:hover .tagtray-item-overlay { opacity: 1; } .instagram-feed .ttbx-wrapper { border: none; box-shadow: none; } .instagram-feed .ttbx-wrapper .tagtray-social-icon-overlay { display: none !important; } .instagram-feed .ttbx-wrapper .tagtray-item-overlay { transition: all 0.35s ease; -ms-transition: all 0.35s ease; -webkt-transition: all 0.35s ease; -moz-transition: all 0.35s ease; } .instagram-feed .ttbx-wrapper .bx-controls-direction { position: absolute; top: -70px; right: 10px; } .instagram-feed .ttbx-wrapper .bx-controls-direction:before, .instagram-feed .ttbx-wrapper .bx-controls-direction:after { content: " "; display: table; } .instagram-feed .ttbx-wrapper .bx-controls-direction:after { clear: both; } .instagram-feed .ttbx-wrapper .bx-controls-direction a { top: auto; bottom: auto; right: auto; left: auto; position: relative; margin: 0; display: block; width: 50px; height: 50px; border: 1px solid #d6dbe4; border-radius: 50%; float: left; background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/arrow-r.svg) no-repeat center center; background-size: 10px; } .instagram-feed .ttbx-wrapper .bx-controls-direction a.bx-prev { background-image: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/arrow-l.svg); margin-right: 8px; } .instagram-feed .ttbx-wrapper .bx-controls-direction a:hover { background-color: #dee4ed; } @media (max-width: 479px) { .instagram-feed { display: none; } } .the-slideshow .slides > li { text-align: center; } .the-slideshow .slides img { display: inline-block; } .the-slideshow .slide-banners { position: relative; z-index: 0; } .the-slideshow .slide-banners img + img { display: none; } @media (max-width: 991px) { /*.the-slideshow .slide-banners img { display: none; }*/ .the-slideshow .slide-banners img:first-child + img { display: inline-block; } } @media (max-width: 479px) { /*.the-slideshow .slide-banners img { display: none; }*/ .the-slideshow .slide-banners img:first-child + img { display: none; } .the-slideshow .slide-banners img:first-child + img + img { display: inline-block; } } .the-slideshow .slide-desc { padding: 0 5px;position: absolute; top: 41%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; text-align: left; font-size: 20px; color: #1b3b87; letter-spacing: -0.25px; } .the-slideshow .slide-desc .container { padding: 0 4.6%; } .the-slideshow .slide-desc h1 { font-size: 62px; line-height: 1.2; margin: 0; letter-spacing: -1.8px; color: #1b3b87; } @media (max-width: 1023px) { .the-slideshow .slide-desc h1 { font-size: 42px; } } @media (max-width: 479px) { .the-slideshow .slide-desc h1 { font-size: 32px; } .the-slideshow .slide-desc p { max-width: 50%; } .the-slideshow .slide-desc a { padding: 0 20px; border-width: 1px; } } .the-slideshow .slide-desc p { margin-bottom: 25px; } .the-slideshow .slide-desc a { text-align: center; min-width: 195px; color: #1b3b87; display: inline-block; height: 50px; border: 2px solid rgba(27, 59, 135, 0.5); background: rgba(255, 255, 255, 0.3); line-height: 46px; padding: 0 25px; font-size: 18px; font-family: 'proxima_nova_bold'; margin-bottom: 10px; } .the-slideshow .slide-desc a:hover {text-decoration: none; } .the-slideshow .slide-desc a:after { content: "\f105"; display: inline-block; font-family: "FontAwesome"; font-size: inherit; padding-left: 8px; text-rendering: auto; } .the-slideshow .control-paging { display: none; } .header-container .nav-container { box-shadow: none; } #nav > li.active > a:after, #nav > li#nav-home > a:after, #nav > li:hover > a:after { display: none; } #nav > li > a, #nav > li.active > a, #nav > li#nav-home > a, #nav > li:hover > a { margin: 0px; border: none; line-height: 48px; padding-top: 0; padding-bottom: 0; } .nav-container .vertnav-top { margin-top: 0px !important; border-top: 1px solid #dee4ed; transition: none 0s ease 0s; } .vertnav-top.mobile.show { transition: none 0s ease 0s; } #nav > li.parent:hover > a { position: relative; } #nav > li.parent:hover > a:before { content: ''; display: block; position: absolute; top: 100%; background: #fff; border: 1px solid #dee4ed; width: 18px; height: 18px; left: 50%; margin-left: -7px; z-index: 1; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); margin-top: -9px; border-width: 1px 0 0 1px; } #nav.wide ul.level0 > li > a { font-family: 'proxima_nova_bold'; color: #333; margin-bottom: 14px; position: relative; } #nav.wide ul.level0 > li > ul a { color: #666; } #nav.wide ul.level0 > li > a:before { content: "\f105"; font-family: "FontAwesome"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 15px; color: #464052; line-height: 1; position: absolute; left: -15px; top: 0; } #nav.wide ul.level0 > ul li a { color: #999; } #nav.wide ul.level0 > li.item { padding-left: 2%; padding-right: 2%; padding-bottom: 10px; padding-top: 10px; } .nav-container #nav .level0-wrapper .level0-wrapper2, .vertnav-tab { background: #fff; } .vertnav-tab .tab-head { border-bottom: 1px solid #dee4ed; } .vertnav-tab .tab-head span { display: block; width: 50%; float: left; height: 50px; text-align: center; cursor: pointer; position: relative; color: #364052; text-transform: uppercase; font-family: 'proxima_nova_bold'; padding-top: 20px; } .vertnav-tab .tab-head span.active:before { width: 14px; height: 14px; content: ''; display: block; border: 1px solid #dee4ed; background: #fff; transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); position: absolute; left: 50%; margin-left: -7px; bottom: -8px; border-width: 1px 0 0 1px; z-index: 3; } .vertnav-tab .tab-content { padding: 20px 0; } .vertnav-tab .tab-content > div { display: none; } .vertnav-tab .tab-content > div.active { display: block; } .vertnav ul.accordion > li > a { font-size: 18px; text-transform: uppercase; font-family: 'proxima_nova_bold'; } .vertnav ul.accordion > li > ul { position: relative; margin: 15px 0; padding: 15px 0; } .vertnav ul.accordion > li > ul:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 15px; width: 60px; border: 1px solid #dee4ed; border-width: 1px 0; } .vertnav ul.accordion a { color: #364052; } .vertnav ul.accordion > li > ul > li > a { font-family: 'proxima_nova_bold'; padding: 12px 10px; } .vertnav ul.accordion > li > ul > li a { padding-top: 12px; padding-bottom: 12px; } .vertnav.vertnav-top li .opener:hover, .vertnav.vertnav-top li .opener { background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/plus_df.svg) no-repeat center center; background-size: 20px; } .vertnav.vertnav-top li.active:hover > a + .opener, .vertnav.vertnav-top li.active:hover > a + .opener:hover, .vertnav.vertnav-top li.active > .opener:hover, .vertnav.vertnav-top li.active > .opener { background: url(//www.horseland.com.au/skin/frontend/ultimo/horseland_new/images/horseland-new/svg/minus_df.svg) no-repeat center center; background-size: 20px; } .tab-acc-content { padding: 0 20px; color: #1e242f; } .tab-acc-content p a { color: #364052; text-transform: uppercase; font-family: 'proxima_nova_bold'; } .tab-acc-content p { padding: 10px 0; } .welcome-top a { font-family: 'proxima_nova_bold'; color: #1e242f; white-space: nowrap; } .welcome-top a + a { float: right; color: #1b3b87; display: block; position: relative; font-family: 'proxima_nova_regular'; } .welcome-top a + a:before { content: "\f08b"; font-family: "FontAwesome"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; margin-right: 3px; } .welcome-top a + a:hover {text-decoration: none;} .w-bottom .block-title {display: none;} .w-bottom .block-account li.current strong {border: none;} .w-bottom .block-account li.current strong, .w-bottom .block .block-content li a, .w-bottom strong { text-transform: uppercase; font-family: 'proxima_nova_bold'; font-size: 14px; margin-bottom: 18px; } .w-bottom .block-account .block-content ul { padding-top: 25px; } #mobnav { position: relative; } #mobnav-trigger.active:before { background: #fff;height: 3px; content: ''; display: block; position: absolute; bottom: -1px; left: 0; width: 100%; z-index: 1; } .mobile.count-cart { background: #00b6f1; color: #fff; min-width: 16px; line-height: 16px; font-family: 'proxima_nova_bold'; border-radius: 3px; margin: 5px 0 0 20px; padding: 0 2px; } .preface .the-slideshow {margin: 0 auto 2.5%} .nav-container #nav .level0-wrapper { padding: 0; background: #fff; visibility: hidden; left: 0; box-sizing: padding-box; } .nav-container #nav > li:hover .level0-wrapper { visibility: visible; } .nav-container #nav .level0-wrapper .level0-wrapper2 { padding: 0; background: #f1f4f8; overflow: hidden; max-width: 100%; } .nav-container #nav .level0-wrapper .level0-wrapper2:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .itemgrid-1col ul.level0 {padding: 0 20px;} #nav.wide .itemgrid-1col ul.level0 >li.item {padding: 0;} .nav-block-right.grid12-3 { width: 25%;} .nav-block-center.grid12-9 {width: 75%;} .nav-block-center.grid12-12 {width: 100%;} .nav-block-center { background: #fff; margin: 0; padding: 30px 24px; } .nav-block-right { padding: 30px 24px; margin: 0; position: relative; } .nav-block-right:before { content: ''; background: #fff; right: 100%; width: 1000px; height: 100%; position: absolute; z-index: -1; } .nav-block-right h5 {color: #333333; margin-bottom: 18px;} .header-nav-dropdown-wrapper {padding: 30px 24px;} @media (max-width: 479px) {.owl-controls {display: none !important;} .product-view .btn-cart span span, button.btn-checkout span span { font-size: 18px; } .product-options dd { width: 100%; } .product-options dd .selector { margin-bottom: 10px; } .box-up-sell .gen-slider-arrows1-pos-top-right .direction-nav { top: 0; width: 100%; text-align: center; position: static; } .gen-slider-arrows1 .direction-nav li { float: none; display: inline-block; } } @media (max-width: 374px) { .category-products .products-grid .item { /*width: 100%;*/ } } /* custom service partner */ .outer1 .item { padding: 0 !important; } @media (max-width: 991px) { .product-view .box-tabs .gen-tabs.accor .tabs-panels .panel { margin: 0; padding: 10px 0; } .product-view .box-tabs .gen-tabs h2 { font-family: 'proxima_nova_semibold'; } } #product-attribute-specs-table { line-height: 1.6; } #product-attribute-specs-table > tbody > tr:nth-of-type(2n) { background: #f1f4f8; } #product-attribute-specs-table th { font-weight: normal; font-family: 'proxima_nova_semibold'; } #product-attribute-specs-table th, #product-attribute-specs-table td { border: none; padding: 10px 25px; } #zipmoney-widget-general-addtocart, #zipmoney-widget-specific-addtocart { clear: left; margin: 0; text-align: left; padding-top: 10px; } .zipmoney-express-cart-product { padding-top: 10px; } #zipmoney-express-product .zipmoney-express-cart-product-learn-more { float: none; } .zip-order-success-message { border: 1px solid #3d6611; background-color: #eff5ea; background-image: url(//www.horseland.com.au/skin/frontend/base/default/zipmoney/images/i_msg-success.gif); color: #3d6611; padding: 10px; } .zip-hover:hover{ cursor: pointer; } .zm-landing-container { width: 900px !important; }