article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none;} /* ========================================================================== Base ========================================================================== */ @font-face { font-family: 'latoregular'; src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/lato-regular-webfont.eot'); src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/lato-regular-webfont.woff2') format('woff2'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/lato-regular-webfont.woff') format('woff'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/lato-regular-webfont.ttf') format('truetype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/lato-regular-webfont.svg#latoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latobold'; src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/lato-bold-webfont.eot'); src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/lato-bold-webfont.woff2') format('woff2'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/lato-bold-webfont.woff') format('woff'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/lato-bold-webfont.ttf') format('truetype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/lato-bold-webfont.svg#latobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoitalic'; src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/lato-italic-webfont.eot'); src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/lato-italic-webfont.woff2') format('woff2'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/lato-italic-webfont.woff') format('woff'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/lato-italic-webfont.ttf') format('truetype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/lato-italic-webfont.svg#latoitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latolight'; src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/lato-light-webfont.eot'); src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/lato-light-webfont.woff2') format('woff2'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/lato-light-webfont.woff') format('woff'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/lato-light-webfont.ttf') format('truetype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/lato-light-webfont.svg#latolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewayblack'; src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Black-webfont.eot'); src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Black-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Black-webfont.woff2') format('woff2'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Black-webfont.woff') format('woff'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Black-webfont.ttf') format('truetype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Black-webfont.svg#ralewayblack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewayblack_italic'; src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-BlackItalic-webfont.eot'); src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-BlackItalic-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-BlackItalic-webfont.woff2') format('woff2'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-BlackItalic-webfont.woff') format('woff'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-BlackItalic-webfont.ttf') format('truetype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-BlackItalic-webfont.svg#ralewayblack_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaybold'; src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Bold-webfont.eot'); src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Bold-webfont.woff2') format('woff2'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Bold-webfont.woff') format('woff'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Bold-webfont.ttf') format('truetype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Bold-webfont.svg#ralewaybold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaybold_italic'; src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-BoldItalic-webfont.eot'); src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-BoldItalic-webfont.woff2') format('woff2'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-BoldItalic-webfont.woff') format('woff'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-BoldItalic-webfont.ttf') format('truetype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-BoldItalic-webfont.svg#ralewaybold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewayextrabold'; src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ExtraBold-webfont.eot'); src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ExtraBold-webfont.woff2') format('woff2'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ExtraBold-webfont.woff') format('woff'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ExtraBold-webfont.ttf') format('truetype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ExtraBold-webfont.svg#ralewayextrabold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewayextrabold_italic'; src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ExtraBoldItalic-webfont.eot'); src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ExtraBoldItalic-webfont.woff2') format('woff2'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ExtraBoldItalic-webfont.woff') format('woff'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ExtraBoldItalic-webfont.ttf') format('truetype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ExtraBoldItalic-webfont.svg#ralewayextrabold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewayextralight'; src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ExtraLight-webfont.eot'); src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ExtraLight-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ExtraLight-webfont.woff2') format('woff2'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ExtraLight-webfont.woff') format('woff'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ExtraLight-webfont.ttf') format('truetype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ExtraLight-webfont.svg#ralewayextralight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewayextralight_italic'; src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ExtraLightItalic-webfont.eot'); src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ExtraLightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ExtraLightItalic-webfont.woff2') format('woff2'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ExtraLightItalic-webfont.woff') format('woff'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ExtraLightItalic-webfont.ttf') format('truetype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ExtraLightItalic-webfont.svg#ralewayextralight_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewayitalic'; src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Italic-webfont.eot'); src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Italic-webfont.woff2') format('woff2'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Italic-webfont.woff') format('woff'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Italic-webfont.ttf') format('truetype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Italic-webfont.svg#ralewayitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaylight'; src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Light-webfont.eot'); src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Light-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Light-webfont.woff2') format('woff2'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Light-webfont.woff') format('woff'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Light-webfont.ttf') format('truetype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Light-webfont.svg#ralewaylight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaylight_italic'; src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-LightItalic-webfont.eot'); src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-LightItalic-webfont.woff2') format('woff2'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-LightItalic-webfont.woff') format('woff'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-LightItalic-webfont.ttf') format('truetype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-LightItalic-webfont.svg#ralewaylight_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaymedium'; src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Medium-webfont.eot'); src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Medium-webfont.woff2') format('woff2'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Medium-webfont.woff') format('woff'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Medium-webfont.ttf') format('truetype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Medium-webfont.svg#ralewaymedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaymedium_italic'; src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-MediumItalic-webfont.eot'); src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-MediumItalic-webfont.woff2') format('woff2'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-MediumItalic-webfont.woff') format('woff'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-MediumItalic-webfont.ttf') format('truetype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-MediumItalic-webfont.svg#ralewaymedium_italic') format('svg'); font-weight: normal; font-style: normal; } /*@font-face { font-family: 'Raleway', sans-serif; src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Regular-webfont.eot'); src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Regular-webfont.woff2') format('woff2'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Regular-webfont.woff') format('woff'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Regular-webfont.ttf') format('truetype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Regular-webfont.svg#ralewayregular') format('svg'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'ralewaysemibold'; src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-SemiBold-webfont.eot'); src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-SemiBold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-SemiBold-webfont.woff2') format('woff2'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-SemiBold-webfont.woff') format('woff'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-SemiBold-webfont.ttf') format('truetype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-SemiBold-webfont.svg#ralewaysemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaysemibold_italic'; src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-SemiBoldItalic-webfont.eot'); src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-SemiBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-SemiBoldItalic-webfont.woff2') format('woff2'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-SemiBoldItalic-webfont.woff') format('woff'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-SemiBoldItalic-webfont.ttf') format('truetype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-SemiBoldItalic-webfont.svg#ralewaysemibold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaythin'; src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Thin-webfont.eot'); src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Thin-webfont.woff2') format('woff2'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Thin-webfont.woff') format('woff'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Thin-webfont.ttf') format('truetype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-Thin-webfont.svg#ralewaythin') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaythin_italic'; src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ThinItalic-webfont.eot'); src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ThinItalic-webfont.woff2') format('woff2'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ThinItalic-webfont.woff') format('woff'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ThinItalic-webfont.ttf') format('truetype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/fonts/Raleway-ThinItalic-webfont.svg#ralewaythin_italic') format('svg'); font-weight: normal; font-style: normal; } html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%;/* 2 */ } body { margin: 0; } /* ========================================================================== Links ========================================================================== */ a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ h1 { font-size: 2em; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: normal; font-family: 'latobold'; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * Define consistent border, margin, and padding. */ form { display: block } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; /* 1 */ padding: 0;/* 2 */ } button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0;/* 3 */ } button, input { line-height: normal; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer;/* 3 */ } /* * Re-set default cursor for disabled elements. */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to `content-box` in IE 8/9. * 2. Removes excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0;/* 2 */ } /* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Removes inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE 8/9. * 2. Improves readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top;/* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* ============================================ * * Reset * ============================================ */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* Prevent tap highlight on iOS/Android */ -webkit-text-size-adjust: 100%;/* Prevent automatic scaling on iOS */ } body { background: #FFFFFF; color: #000000; line-height: 1; } html, body, img, fieldset, abbr, acronym { border: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } th, code, cite, caption { font-weight: normal; font-style: normal; text-align: left; } address { font-style: normal; font-size: 13px; } fieldset { margin: 0; padding: 0; border: 0; } img { display: block; } ol, ul { list-style: none; } q:before, q:after { content: ''; } input:focus, input[type="search"]:focus { outline-offset: 1px; outline: 0px; } input[type="search"] { -webkit-appearance: none; /* 1 */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /* 2 */ box-sizing: border-box; } /* ============================================ * * Base Styles * ============================================ */ @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } a, button { -ms-touch-action: manipulation; touch-action: manipulation; } body, button, input, select, table, textarea { font-family: 'latoregular', sans-serif; color: #636363; font-size: 14px; line-height: 1.5; border-radius: 0px !important; } a { color: #303030; text-decoration: none; outline: 1px; outline-color: #b80838; } a:hover { color: #b80838; text-decoration: none; } a:focus { outline: 1px; color: #b80838; } .cms-after-sales a, .news-index-index a, .news-detail-index a{ color: #b80838; text-decoration: none; outline: 1px; outline-color: #000; } .cms-after-sales a:hover, .news-index-index a:hover, .news-detail-index a:hover { color: #000; text-decoration: none; } .cms-after-sales a:focus, .news-index-index a:focus, .news-detail-index a:focus { outline: 1px; color: #000;} ol, ul { list-style: none; margin: 0; padding: 0; } p { font-size: 13px; } ::selection { background: #b80838; color: #FFF; } ::-moz-selection { background:#b80838; color:#FFF; } select option::selection { background: #b80838; color: #FFF; } select option::-moz-selection { background:#b80838; color:#FFF; } /* ============================================ * * Typography * ============================================ */ h1, .h1 { margin: 0; margin-bottom: 0.7em; color: #b80838; font-size: 28px; font-weight: 400; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; } h2, .h2 { margin: 0; margin-bottom: 0.5em; color: #636363; font-size: 24px; font-weight: 400; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; } h3, .h3 { margin: 0; margin-bottom: 10px; color: #202020; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; } h4, .h4 { margin: 0; margin-bottom: 10px; color: #636363; font-size: 14px; font-weight: 400; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; } h5, .h5 { margin: 0; margin-bottom: 10px; color: #636363; font-size: 13px; font-weight: 400; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; } h6, .h6 { margin: 0; margin-bottom: 5px; color: #636363; font-size: 12px; font-weight: 400; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; } /* ANIMATION(Transition) EFFECTS CSS */ .product-image img, .no-touch .product-img-box .product-image:not(.zoom-available):hover img, .cart-table th, .cart-table td, .cart-table tbody td, .button2, #discount-coupon-form .button-wrapper > button, .cart .giftcard .button-wrapper > button, #discount-coupon-form .button-wrapper, .cart .giftcard .button-wrapper, .cart-table .cart-footer-actions .button2, .shipping .form-list li, .shipping #co-shipping-method-form .buttons-set .button, .opc h3, .opc p.back-link a, .opc .please-wait, .buttons-set, #discount-coupon-form .input-text, .cart .giftcard .input-text, .opc #checkout-shipping-method-load, .opc #onepage-checkout-shipping-method-additional-load, .customer-account-login .col2-set .col-1, .customer-account-login .col2-set .col-2, .customer-account-login .new-users .field, .customer-account-login .registered-users .field, #login-form .registered-users:before, .customer-account-edit .my-account, .buttons-set button.button, #wishlist-table td.customer-wishlist-item-image, #wishlist-table td.customer-wishlist-item-info, #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price, #wishlist-table td.customer-wishlist-item-cart, #wishlist-table td p a.button.link-edit, p.back-link a, #wishlist-table td .button.btn-cart, #wishlist-table .item-manage .button, #wishlist-table .product-name a, .sidebar .actions button.button, .my-account .buttons-set p a, .my-account .buttons-set p .button, .button, .cart-table .product-cart-actions .button, #co-shipping-method-form .buttons-set .button, .footer .button, body.customer-account .data-table td.view a, .block-account li a, .block-cms-menu li a, h2.product-name a, h3.product-name a, h4.product-name a, h5.product-name a, p.product-name a, .sidebar .block:not(.block-layered-nav) .block-title > strong:after, #payment-tool-tip, .pages li, body.customer-account .data-table td .nobr a, body.customer-address-index .col2-set .col-1, body.customer-address-index .col2-set .col-2 { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } /* TEXT TRANSFROM FOR ITALIC */ .dashboard .welcome-msg .hello, form .form-instructions { -ms-transform: skewX(-10deg); /* IE 9 */ -webkit-transform: skewX(-10deg); /* Safari */ transform: skewX(-10deg); /* Standard syntax */ } /* ============================================ * * Shared Classes * ============================================ */ .address-list address { margin-bottom: 1em; } .availability { margin-bottom: 0; font-size: 13px; text-transform: uppercase; } .availability .label { display: none; } .availability.in-stock { color: #11b400; } .availability.available-soon, .availability.out-of-stock { color: #df280a; } .availability-only { color: #df280a; margin-bottom: 10px; } /* -------------------------------------------- * * Block Module */ .block, .col-left-first { margin-bottom: 20px; } .col-left-first .block:last-of-type { margin-bottom: 0; } .block-title { position: relative; padding: 10px 0 0; margin-bottom: 0px; border-top: 1px solid #909090; } .block-title h2, .block-title h3, .block-title strong { margin: 0; color: #fff; font-size: 16px; line-height: 24px; font-weight: normal; font-family: 'latobold'; font-style: normal; text-rendering: optimizeSpeed; text-transform: uppercase; } .block-progress .block-title strong { font-size: 18px; } .block-title small { font-size: 100%; font-weight: normal; color: #FFF; padding-left: 5px; } body:not(.customer-account) .block:first-child .block-title { border-top: none; padding-top: 0; } .block-subtitle { font-weight: normal; margin-bottom: 7px; } .block-content { margin-top: 0px; } .block-content.unpad { padding: 0; } .block-content li.item { margin: 0 0 10px 0; padding-left: 20px; padding-right: 20px; } .block-content li.item:last-child { margin-bottom: 0; } .block .actions { margin: 10px 0 0; } .block .actions:after { content: ''; display: table; clear: both; } .block .actions a { float: left; } .block .actions .button { float: right; } .col-left .block .actions .button ~ a, .col-right .block .actions .button ~ a { line-height: 33px; margin-right: 5px; } @media only screen and (max-width: 770px) { .sidebar .block:not(.block-layered-nav) { /* margin-bottom:25px; */ } .sidebar .block:not(.block-layered-nav) .block-title { /* padding: 0; */ margin-top: 0; border-bottom: 0px solid; border-top: 0px solid; margin-bottom: 0; cursor: pointer; } .sidebar .block:not(.block-layered-nav) .block-title > strong { color: #FFF; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; padding: 0 0 0 10px; position: relative; /* background-color: #909090; display: block; width: 100%; border-width: 1px; border-style: solid; border-color: #cccccc; font-size: 14px; font-weight:normal; line-height: 1.4; font-family:'latobold'; font-style: normal;margin: 0; margin-bottom: 10px;margin-bottom: 0px; */ } .sidebar .block:not(.block-layered-nav) .block-title > strong:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 9px solid #FFF; border-right: none; left: -7px; top: 50%; margin-top: -7px; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; transition: all 0s ease;} /* .sidebar .block:not(.block-layered-nav) .block-title > strong:hover { background-color: #707070; } */ .sidebar .block:not(.block-layered-nav) .block-title.active > strong { /*margin: 0; margin-bottom: 10px; text-rendering: optimizeSpeed; */ -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .sidebar .block:not(.block-layered-nav) .block-title.active > strong:after { border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 9px solid #FFF; border-bottom: none; left: -10px; top: 50%; margin-top: -4px; } /* .sidebar .block:not(.block-layered-nav) .block-title.active > strong:hover { background-color: #777; } */ .sidebar .block:not(.block-layered-nav) .block-content { /*padding: 10px;*/ margin-top: 0; margin-bottom: 10px; border-bottom: 0px solid #d9d9d9; } .sidebar .block:last-of-type { border-bottom: 0px solid #cccccc; } .customer-account .col-left .block-account .block-title:after { display: none; } } /* -------------------------------------------- * * Secondary Navigation */ .block-account .block-title, .block-cms-menu .block-title { padding-top: 0; border-top: none; } .block-account li, .block-cms-menu li { text-transform: uppercase; margin: 7px 0; padding-left: 15px } .customer-account .col-left .block-account ul { padding: 15px 0; } .customer-account .col-left .block-account li { text-transform: uppercase; margin: 0; padding: 0 20px 9px 20px; } .customer-account .col-left .block-account li:last-child { padding-bottom: 0; } .customer-account .col-left .block-content { margin: 0px; border-bottom: solid 5px #d9d9d9; background: #ebebeb; } .customer-account .col-left .block-content .empty { margin: 0px; padding: 10px; } .customer-account .col-left .block-content .block-subtitle { margin: 0px; padding: 10px 20px 0; text-transform: uppercase; } .customer-account .col-left .block-account li:hover { text-transform: uppercase; margin: 0; } .customer-account .col-left .block-account .current { color: #fc4653; } .block-account li strong, .block-cms-menu li strong { font-weight: normal; color: #fc4653; } .block-account li a, .block-cms-menu li a { font-weight: 500; color: #6c6c6c; text-decoration: none; } .block-account li a:hover, .block-cms-menu li a:hover { color: #fc4653; } /* ============================================ * * Buttons * ============================================ */ /* Secondary Buttons */ .cart .buttons-set .button, .cart-table .button, .sidebar .actions .button, .button.button-secondary { background: #909090; color: #fff; padding: 9px 12px; } .cart .buttons-set .button:hover, .cart-table .button:hover, .sidebar .actions .button:hover, .button.button-secondary:hover { background: #b80838; cursor: pointer; } .cart .buttons-set .button:active, .cart-table .button:active, .sidebar .actions .button:active, .button.button-secondary:active { background: #c4c4c4; color: #636363; } .cart .buttons-set .button:focus, .cart-table .button:focus, .sidebar .actions .button:focus, .button.button-secondary:focus { color: #636363; background: #c4c4c4; outline: none; } .sidebar .actions button.button { white-space: normal; } /* Primary Buttons */ .button, .cart-table .product-cart-actions .button, #co-shipping-method-form .buttons-set .button, .footer .button { background: #b80838; display: inline-block; padding: 9px 12px; border: 0; color: #FFFFFF; font-size: 14px; font-weight: normal; line-height: 19px; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; font-family:'latobold'} .button:hover, .cart-table .product-cart-actions .button:hover, #co-shipping-method-form .buttons-set .button:hover, .footer .button:hover { background: #909090; cursor: pointer; } .button:active, .cart-table .product-cart-actions .button:active, #co-shipping-method-form .buttons-set .button:active, .footer .button:active { background: #b80838; color: #FFFFFF; } .button:focus, .cart-table .product-cart-actions .button:focus, #co-shipping-method-form .buttons-set .button:focus, .footer .button:focus { background-color: #b80838; outline: none; color: #FFFFFF; } a.button { text-decoration: none; } a.button:hover { color: #FFFFFF; } /* Disabled - class for anchor, state for form elements */ .button.disabled, .button:disabled { background: #C8C8C8; opacity: 0.6; cursor: not-allowed; } /* Adjacent buttons */ .button + .button { margin-left: 5px; } /* -------------------------------------------- * * Paypal Button */ .paypal-logo.paypal-after { float: left; } .paypal-after .paypal-or { float: left; } .paypal-or { line-height: 34px; margin: 0px 10px 5px; } .paypal-after .paypal-button { float: left; } .paypal-button { line-height: 0px; } .paypal-button img { display: inline; } @media only screen and (max-width: 740px) { .paypal-or { line-height: 20px; } .paypal-logo, .paypal-or, .paypal-button { text-align: center; width: 100%; display: block; margin-right: 0; margin-left: 0; float: none; } } /* -------------------------------------------- * * Button Sets */ .buttons-set { margin: 10px 0 0; padding-top: 10px; text-align: right; } .buttons-set p.required { margin: 0; line-height: 36px; float: right; } .buttons-set .back-link { float: left; margin: 0; line-height: 33px; } .buttons-set a:not(.button) { line-height: 20px; display: inline-block; padding: 5px; } .buttons-set button.button { float: right; margin-left: 15px; margin-bottom: 5px;/* min-width: 140px; */ } .buttons-set:after { content: ''; display: table; clear: both; } /* -------------------------------------------- * * Icons */ .icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid, .sorter > .view-mode .list, .skip-nav .icon, .top-toggle .icon, .top-toggle .icon, .skip-search .icon, #search_mini_form .search-button:before, .skip-account .icon, .skip-cart .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating, .listarrow ul li:before, .listdot ul li:before, .listcheck ul li:before, .cart-table .cart-links > li:first-child > a:after, input[type="checkbox"] + label:before, input[type="radio"] + label:before, .opc .section.allow:not(.active) .step-title a:after, .changelink a:after, .my-account .box-title a:after, .btn-remove:after, .cart-table .cart-links > li > a.link-wishlist:after, .pages .next:before, .pages .previous:before, #wishlist-table td p a.button.link-edit:after, .add-to-links a.link-wishlist:after { background-image: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png); background-repeat: no-repeat; text-indent: -9999px; } @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid, .sorter > .view-mode .list, .skip-nav .icon, .top-toggle .icon, .skip-search .icon, #search_mini_form .search-button:before, .skip-account .icon, .skip-cart .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating, .listarrow ul li:before, .listdot ul li:before, .listcheck ul li:before, .cart-table .cart-links > li:first-child > a:after, input[type="checkbox"] + label:before, input[type="radio"] + label:before, .opc .section.allow:not(.active) .step-title a:after, .changelink a:after, .my-account .box-title a:after, .btn-remove:after, .cart-table .cart-links > li > a.link-wishlist:after, .pages .next:before, .pages .previous:before, #wishlist-table td p a.button.link-edit:after, .add-to-links a.link-wishlist:after { background-image: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite@2x.png); background-size: 100px 1000px; } } /* -------------------------------------------- * * Breadcrumbs */ .breadcrumbs { overflow: hidden; margin:0 0 4px 0; padding: 20px 28px 8px 30px; border-bottom: none 0px ; } .breadc-wrap { margin: 0 auto; max-width: 1220px; padding: 0 30px; position: relative; } .breadcrumbs li { float: left; font-size: 14px; font-family: 'Raleway', sans-serif; } .breadcrumbs a { float: left; color: #333; font-family: 'Raleway', sans-serif;} .breadcrumbs a:hover { color: #b80838; font-family: 'Raleway', sans-serif;} .breadcrumbs strong { color: #636363; font-weight: normal; color: #b80838; } .breadcrumbs span { float: left; padding: 0 7px; } @media only screen and (max-width: 770px) { .breadcrumbs { display: none; } } /* -------------------------------------------- * * Button - Remove / Previous */ .btn-remove, .btn-previous { display: inline-block; width: 20px; height: 20px; /* border: 1px solid #ededed */ text-align: center; /* Hide text */ font: 0/0 a; text-shadow: none; color: transparent; position: relative; } .btn-previous:hover { background-color: #b80838; border-color: #b80838; } /*.btn-remove:after { content: 'X'; color: #b80838; height: 20px; line-height: 20px; width: 100%; font-size: 10px; font-weight: bold; } .btn-remove:hover:after { color: #FFFFFF; text-decoration: none; } */ .btn-remove2 { border: none; vertical-align: top; background: none; } .btn-remove2:after, .btn-remove:after { background-position: 1px -648px; content: ""; height: 20px; width: 20px; display: block; } .btn-remove2:hover:after, .btn-remove:hover:after { background-color: transparent; background-position: -49px -648px; } .btn-previous:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #b80838; border-left: none; position: absolute; top: 50%; left: 50%; margin-left: -2px; margin-top: -4px; } .btn-previous:hover:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid white; border-left: none; } .block-layered-nav .currently .btn-remove, .block-layered-nav .currently .btn-previous, .mini-products-list .btn-remove, .mini-products-list .btn-previous, #compare-items .btn-remove, #compare-items .btn-previous { float: right; margin-left: 6px; } .mini-products-list .btn-remove{ margin-top:7px;} /* -------------------------------------------- * * Checkout Agreements */ .checkout-agreements li { margin-bottom: 20px; } .checkout-agreements .agreement-content { overflow-y: auto; max-width: 670px; max-height: 125px; margin-bottom: 10px; padding: 10px; border: 1px solid #cccccc; background: #f4f4f4; } /* -------------------------------------------- * * CVV Security Code */ #payment-tool-tip { background: #ffffff; border: 1px solid #cccccc; left: 50%; margin-left: -250px; margin-top: -120px; max-width: 500px; padding: 10px; position: absolute; top: 50%; width: 100%; z-index: 999; } .tool-tip-content > img { max-width: 100%; } .cvv-what-is-this { margin-left: 10px; font-size: 13px; line-height: 35px; } .btn-close > a { position: absolute; z-index: 9; top: -11px; right: -12px; font-size: 0; background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) no-repeat scroll 1px -648px; width: 22px; height: 22px; } /* -------------------------------------------- * * Container */ .top-menu { position: absolute; right:137px; top: 34px; z-index: 999;} .top-menu > ul{ margin:0; padding:0 0 0 0;} .top-menu > ul >li{ margin:0; padding:0px 0 0 4px; display:inline-block; vertical-align:top;} .top-menu > ul > li:first-child{ border-right: solid 1px #ccc; padding:0 20px 0 0;} .top-menu > ul > li > a{font-family: 'ralewaymedium'; font-size:18px; color:#FFF; text-transform:uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;line-height: 21px;height: auto;} .top-menu > ul > li > a:hover{ text-decoration:none; color:#ed1c24; position:relative; cursor:pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .top-menu > ul > li.top-toggle > a{ position:relative; padding-right:39px;} .top-menu > ul > li.top-toggle:hover > a{color:#ed1c24; text-decoration: none;} .top-menu > ul > li.top-toggle > a:before{ content:''; position:absolute; right:0; top:1px; width:23px; height:18px; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) no-repeat scroll 0px 0; } .top-menu > ul > li.top-toggle:hover > a:before{ background-position:0 -23px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .top-menu > ul > li.top-toggle > a.skip-active:before{background-position:-31px -24px;} .main-container, .footer-container { position: relative; max-width: 1220px; margin: 0 auto; } .main-container:after, .footer-container:after { content: ''; display: table; clear: both; } @media only screen and (min-width: 480px) { .main-container, .footer-container { padding: 30px 25px; } } .footer-container { padding-top: 0px; } /* -------------------------------------------- * * Column Layouts */ .main:after, .col-wrapper:after { content: ''; display: table; clear: both; } .col-left { float: left; position: relative; width: 366px; z-index: 1; clear: left; } .col-left img { max-width: 100%; } .customer-account .col-left .block-title { background: #909090; padding: 15px 20px; color: #FFF; } .customer-account .col-left .block-account { /* background:#fcecdb; */ color: #FFF; } .customer-account .col-left .block-account .block-title:after { display: block; width: 60px; height: 45px; content: ""; position: absolute; right: 0px; top: 2px; background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) no-repeat 12px -172px; } .col-right { float: right; width: 270px; } .col-right img { max-width: 100%; } .col2-left-layout .col-main, .col3-layout .col-main { float: right; margin-left: -366px; padding-left: 399px; width: 100%; } .col1-layout .col-main { float: none; width: auto; padding: 0;/* Remove the 15px padding */ } .col2-right-layout .col-main { padding-left: 0;/* Remove the 15px padding */ } .col2-right-layout .col-main, .col3-layout .col-wrapper { float: left; width: 100%; margin-right: -270px; padding-right: 300px; } @media only screen and (max-width: 770px) { .col-left, .col-right, .col-main, .col1-layout .col-left, .col1-layout .col-right, .col1-layout .col-main, .col2-left-layout .col-left, .col2-left-layout .col-right, .col2-left-layout .col-main, .col2-right-layout .col-left, .col2-right-layout .col-right, .col2-right-layout .col-main, .col3-layout .col-wrapper .col-left, .col3-layout .col-right, .col3-layout .col-wrapper .col-main { margin-bottom: 15px; float: none; width: auto; } .col3-layout .col-wrapper { float: none; width: auto; margin-right: 0px; padding-right: 0px; } .col3-layout .col-main { margin-left: 0px; padding-left: 0px; } } /* Content Columns */ .col2-set { margin: 0 -15px; } .col2-set .col-1, .col2-set .col-2 { width: 50%; padding: 0 15px; } body.sales-order-view .col2-set { margin: 0; } body.customer-account-login .col2-set { margin: 0; } @media only screen and (max-width: 770px) { .col2-set { margin: 0 -10px; } .col2-set .col-1, .col2-set .col-2 { padding: 10px; } } .col2-set .col-1 { float: left; } .col2-set .col-2 { float: right; } .col2-set .col-2 .box { max-width: 275px; margin: 0 auto; } .col2-set .narrow { width: 33%; } .col2-set .wide { width: 65%; } .col2-set:after { content: ''; display: table; clear: both; } .box-account .col2-set .col-2 .box { margin: 0; } /* -------------------------------------------- * * Top Container */ @media only screen and (min-width: 771px) { .top-container { max-width: 1260px; margin: 0 auto; padding: 0 30px; } } /* -------------------------------------------- * * Global Site Notice */ .global-site-notice { background: #676157; color: #e6e6e6; font-size: 11px; display:none; } .global-site-notice .notice-inner { padding-left: 120px; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; line-height: 11px; min-height: 40px; padding-top: 14.5px; padding-bottom: 14.5px; background-image: url("https://www.jllennard.com.au/skin/frontend/jll/podpack/images/demo-logo-new.png"); background-position: left; background-repeat: no-repeat; background-size: 110px; } .global-site-notice p { margin-bottom: 0; } .global-site-notice#notice-cookie-block{ display: block; background: #e9001c; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; } .global-site-notice#notice-cookie-block p{ color: #fff; } .global-site-notice#notice-cookie-block p a{ color: #222; text-decoration: underline; } .global-site-notice#notice-cookie-block p a:hover{ color: #fff; text-decoration: none; } .global-site-notice#notice-cookie-block .button{ background: #222222; } .global-site-notice#notice-cookie-block .button:hover{ background: #909090; } @media (max-width:767px){ .global-site-notice#notice-cookie-block{ display: none; } } /* -------------------------------------------- * * Promotional Message Banner */ .promo-msg { color: #b80838; text-align: center; margin: 10px; text-transform: uppercase; font-family: "Raleway", sans-serif; } /* -------------------------------------------- * * Grid */ .grid:after { content: ''; display: table; clear: both; } /* -------------------------------------------- * * Messages */ .success { color: #11b400; } .error { color: #df280a; font-weight: normal; font-family: 'latobold'; } .notice { color: #e26703; font-weight: normal; font-family: 'latobold'; } .catalog-category-view .note-msg { font-weight: normal; font-family: 'latobold'; font-size: 17px; } .catalog-category-view .note-msg a{ color: #b80838; text-decoration: none; outline: 1px; outline-color: #000; } .catalog-category-view .note-msg a:hover { color: #000; text-decoration: none; } .catalog-category-view .note-msg a:focus { outline: 1px; color: #000;} /* -------------------------------------------- * * Messages */ .messages { margin-bottom: 10px; } .messages li li { position: relative; margin-bottom: 5px; padding: 7px 10px 7px 20px; background: #f4f4f4; font-size: 15px; } .messages li li:before { top: 50%; left: 0; margin-top: -6px; } .messages .error-msg li { color: black; border-left: 5px solid #df280a; background-color: #faebe7; } .messages .error-msg li:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #df280a; border-right: none; } .messages .notice-msg li { color: black; border-left: 5px solid #e26703; background-color: #f9ebe6; } .messages .notice-msg li:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #e26703; border-right: none; } .messages .success-msg li { color: black; border-left: 5px solid #11b400; background-color: #eff5ea; } .messages .success-msg li:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #11b400; border-right: none; } @media only screen and (min-width: 915px) { .order-list-grid .col-1 { width: 30%; } .order-list-grid .col-2 { width: 50%; padding-right: 20px; } .order-list-grid .col-3 { clear: none; width: 20%; padding-top: 0; } } /* -------------------------------------------- * * Page Popup */ .page-popup { padding: 20px; background: #FFFFFF; height: auto; } .page-popup h1 { margin: 0 0 0.5em; font-size: 36px; } /* -------------------------------------------- * * Payment Methods */ .payment-methods { margin-bottom: 20px; } .payment-methods dt { padding: 5px 0; } .payment-methods dd { padding-top: 10px; } .payment-methods .form-list { position: relative; display: inline-block; max-width: 100%; margin: 5px 15px 15px; padding: 15px; border: 1px solid #cccccc; background: #f4f4f4; } .payment-methods .form-list:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #cccccc; border-top: none; top: -11px; left: 30px; } .payment-methods .form-list:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #f4f4f4; border-top: none; top: -10px; left: 30px; } .payment-methods .form-list li:last-child { margin-bottom: 0; } /* -------------------------------------------- * * Please Wait (Loading Indicator) */ .please-wait { display: inline-block; margin-left: 10px; margin-top: 5px; line-height: 24px; height: 24px; white-space: nowrap;/* Prevent the linebreak in the HTML from causing layout issues */ } .please-wait img { float: left; margin-right: 5px; width: 24px; } /* -------------------------------------------- * * Price Box - Standard */ .price-box { margin: 7px 0; font-family: trebuchet ms; } .price-box p { margin-bottom: 0; } .price-notice { color: #a0a0a0; } .price-box .price { color: #b80838; font-size: 16px; } .price-box .price-label { color: #a0a0a0; white-space: nowrap; font-family: trebuchet ms; } .price-box .minimal-price-link { padding-left: 1em; color: #b80838; display: block;/* We want this to show on its own line, otherwise the layout looks funky */ } .price-box .minimal-price-link .label { color: #a0a0a0; } /* -------------------------------------------- * * Price Box - Special */ .price-box .old-price, .price-box .special-price { display: inline-block; } .price-box .old-price .price-label, .price-box .special-price .price-label { display: none; } .price-box .old-price .price, .price-box .special-price .price { display: inline-block; } .price-box .old-price .price { color: #a0a0a0; text-decoration: line-through; } .price-box .special-price { color: #b80838; padding-left: 1em; } .price-box .special-price .price-label { color: #D84D3C; } /* -------------------------------------------- * * Price Box - Taxes */ .price-box .price-excluding-tax, .price-box .price-including-tax { display: block; } span.weee { display: block; } /* -------------------------------------------- * * Tier Prices */ .product-pricing, .tier-prices, .tier-prices-grouped { display: inline-block; padding: 4px 8px; background: #FBF4DE; border: 1px solid #E2D4C7; margin-top: 7px; } .product-pricing li, .tier-prices li, .tier-prices-grouped li { font-size: 12px; } .product-pricing .benefit, .tier-prices .benefit, .tier-prices-grouped .benefit { font-style: italic; } .product-pricing .price, .tier-prices .price, .tier-prices-grouped .price { font-weight: normal; font-family: 'latobold'; } /* ============================================ * * Item Options * ============================================ */ .item-options { font-size: 12px; } .item-options:after { content: ''; display: table; clear: both; } .item-options dt { float: left; clear: left; font-weight: 500; font-family: 'latobold'; padding-right: 0px; } .item-options dt:after { content: ': '; } .item-options dd { float: left; padding-left: 5px; margin: 0 0 2px; } .truncated, .truncated a.dots { cursor: help; } .truncated a.details { cursor: help; height: 16px; line-height: 16px; color: #666; } .truncated a.details:hover { text-decoration: none; } .truncated .truncated_full_value { position: relative; z-index: 300; } .truncated .truncated_full_value .item-options { display: none; position: absolute; z-index: 300; width: 200px; padding: 3px 0px 0px; border: 1px solid #b80838; background-color: #FFF; top: 25px; left: 50%; margin-left:-100px; } .truncated .truncated_full_value .item-options:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #b80838; border-top: none; left: 50%; margin-left:-7px; top: -7px; } .truncated .truncated_full_value .item-options > p { font-weight: normal; font-family: 'latobold'; text-transform: uppercase; margin-bottom: 8px; } .truncated .show .item-options { display: block; padding: 5px 8px; } @media only screen and (max-width: 479px) { .truncated { cursor: inherit; } .truncated a.details { display: none; } .truncated .truncated_full_value .item-options { display: block; position: static; z-index: 1; width: 100%; border: none; background-color: transparent; } .truncated .truncated_full_value .item-options p { float: none; } .truncated .truncated_full_value .item-options:after { display: none; } } /* -------------------------------------------- * * Printer Friendly Page */ .page-print { width: 6.5in; margin: 20px; background: #FFFFFF; } .page-print.sales-order-print > div { position: relative; } body.page-print h1 { position: absolute; right: 0; top: 15px; } .body.page-print h2 { margin-top: 20px; margin-bottom: 5px; } .body.page-print .order-date { font-weight: bold; position: absolute; right: 0; top: 55px; } /* -------------------------------------------- * * Add to links */ .add-to-links { margin: 7px 0; } .add-to-links a { display: inline-block; padding: 0px 3px 3px; } .add-to-links .separator { display: none; } /* -------------------------------------------- * * Ratings */ .ratings { margin: 7px 0; } .ratings .rating-box, .ratings .rating-links { margin: 5px 0; } .ratings .rating-box { width: 65px; height: 13px; background-repeat: repeat-x; background-position: 0 -615px; overflow: hidden; } .ratings .rating-box .rating { float: left; height: 13px; background-repeat: repeat-x; background-position: 0 -600px; } .ratings .amount { display: block; margin: 5px auto; } .ratings .rating-links .separator { margin: 0 3px; } /* -------------------------------------------- * * Standard Formatted Text Block */ .std p { margin: 0 0 1.5em; } .std ol { list-style: decimal outside; margin-bottom: 1.5em; } .std ol li { margin-left: 2em; } .std ul { list-style: disc outside; margin-bottom: 1.5em; } .std ul li { margin-left: 2em; } .std .note { color: #a0a0a0; font-size: 13px; } /* -------------------------------------------- * * Tabs */ .tabs { margin-bottom: 10px; background: #FFFFFF; } /* -------------------------------------------- * * Toolbar */ .toolbar { margin-top: 10px; margin-bottom: 15px; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; background: #f4f4f4; padding: 5px 10px 0px 10px; } .toolbar:after { content: ''; display: table; clear: both; } .pager-no-toolbar { margin-bottom: 10px; } .pager-no-toolbar ~ .pager-no-toolbar { margin-top: 10px; } .toolbar, .pager { color: #636363; line-height: 35px; font-size: 12px; } .toolbar label, .pager-no-toolbar label { font-weight: normal; text-transform: uppercase; } .sorter { float: left; margin-bottom: 5px; } .sorter label { float: left; margin-right: 5px; } .sorter label:after { content: ':'; } .sorter > .sort-by { float: left; margin-right: 5px; height: 30px; } .sorter > .sort-by .sort-by-switcher { width: 30px; height: 30px; display: inline-block; } .sorter > .sort-by .sort-by-switcher--asc { background-position: 4px -542px; } .sorter > .sort-by .sort-by-switcher--asc:hover { background-position: -46px -542px; } .sorter > .sort-by .sort-by-switcher--desc { background-position: 4px -567px; } .sorter > .sort-by .sort-by-switcher--desc:hover { background-position: -46px -567px; } .sorter > .view-mode { float: right; } .sorter > .view-mode .grid, .sorter > .view-mode .list { float: left; width: 30px; height: 30px; } .sorter > .view-mode .grid { margin-right: 5px; background-position: 8px -492px; } .sorter > .view-mode strong.grid, .sorter > .view-mode a.grid:hover { background-position: -42px -492px; } .sorter > .view-mode .list { background-position: 11px -517px; } .sorter > .view-mode strong.list, .sorter > .view-mode a.list:hover { background-position: -39px -517px; } .pager { float: right; overflow: hidden; } .pager > .count-container { float: left; } .pager .amount { float: left; white-space: nowrap; margin: 0 15px 0 0; } .pager .limiter { float: left; height: 35px; line-height: 35px; width: 120px; } .pager .limiter > label { padding-right: 2px; } .pager .limiter > label:after { content: ':'; } .pager .amount, .pager .limiter, .pager .pages { margin-bottom: 5px; } .pages { float: right; overflow: hidden; margin-left: 15px; } .pages strong { display: none; } .pages li { float: left; width: 32px; height: 32px; display: inline-block; text-align: center; vertical-align: middle; border: 1px solid #CCC; white-space: nowrap; margin-left: 5px; line-height: 30px; outline: none; } .pages li:hover { border: 1px solid #b80838; } .pages li:hover a { color: #b80838; text-decoration: none; } .pages a, .pages .current { display: inline-block; border: 0; font-size: 14px; font-family: sans-serif; text-align: center; text-transform: uppercase; vertical-align: middle; line-height: 30px; padding: 0; color: #303030; } .pages a { width: 100%; height: 100%; outline: none; } .pages .current, .pages .current:hover { color: #b80838; border: 1px solid #b80838; cursor: default; } .pages .next, .pages .previous { font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; position: relative; display: block; width: 100%; height: 100%; } .pages .next:hover, .pages .previous:hover { } .pages .next:before { content: ''; position: absolute; width: 15px; height: 15px; display: block; top: 50%; background-position: -65px -804px; margin-top: -5px; left: 50%; margin-left: -7px; } .pages .next:hover:before { background-position: -65px -826px; } .pages .previous:before { content: ''; position: absolute; width: 15px; height: 15px; display: block; top: 50%; background-position: -25px -804px; top: 50%; margin-top: -5px; left: 50%; margin-left: -5px; } .pages .previous:hover:before { background-position: -25px -826px; } @media only screen and (max-width: 479px) { .pager .amount--has-pages { /* display: none; */ } .myac-bottom-toolbar .pager-no-toolbar .amount--has-pages { display: none; } .pages { float: left; } .limiter label { display: none; } } @media only screen and (max-width: 770px) { .col1-layout .sorter, .col1-layout .pager { width: 100%; } .col1-layout .pager { float: left; clear: both; } .col1-layout .pager .pages { float: left; margin-left: 0; } .col1-layout .pager .count-container { float: right; } } @media only screen and (max-width: 979px) { .col2-left-layout .sorter, .col2-left-layout .pager, .col2-right-layout .sorter, .col2-right-layout .pager, .col3-layout .sorter, .col3-layout .pager { width: 100%; } .col2-left-layout .pager, .col2-right-layout .pager, .col3-layout .pager { float: left; clear: both; } .col2-left-layout .pager .pages, .col2-right-layout .pager .pages, .col3-layout .pager .pages { float: right; margin-left: 0; } .col2-left-layout .pager .count-container, .col2-right-layout .pager .count-container, .col3-layout .pager .count-container { float: right; } } @media only screen and (max-width: 1279px) { .toolbar .view-mode > label { display: none; } } /* ============================================ * * Tax - Full Tax Summary * ============================================ */ #checkout-review-table .summary-collapse, #shopping-cart-totals-table .summary-collapse, body.customer-account .data-table .summary-collapse { position: relative; cursor: pointer; } #checkout-review-table .summary-collapse:before, #shopping-cart-totals-table .summary-collapse:before, body.customer-account .data-table .summary-collapse:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid #b80838; border-bottom: none; position: static; display: inline-block; margin-right: 5px; } #checkout-review-table .summary-collapse:hover:before, #shopping-cart-totals-table .summary-collapse:hover:before, body.customer-account .data-table .summary-collapse:hover:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid #246b8f; border-bottom: none; position: static; display: inline-block; margin-right: 5px; } #checkout-review-table .show-details .summary-collapse:before, #shopping-cart-totals-table .show-details .summary-collapse:before, body.customer-account .data-table .show-details .summary-collapse:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #b80838; border-top: none; position: static; display: inline-block; margin-right: 5px; } #checkout-review-table .show-details .summary-collapse:hover:before, #shopping-cart-totals-table .show-details .summary-collapse:hover:before, body.customer-account .data-table .show-details .summary-collapse:hover:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #246b8f; border-top: none; position: static; display: inline-block; margin-right: 5px; } #shopping-cart-totals-table tfoot td .summary-collapse:before, #shopping-cart-totals-table tfoot td .summary-collapse:hover:before { margin-bottom: 5px; } /* ============================================ * * Magento Helpers * ============================================ */ .a-center { text-align: center; } .a-right, .align-right { text-align: right; } .no-display { display: none !important; } .nobr, .nowrap { white-space: nowrap; } .width-full { width: 100%; } /* ============================================ * * Custom Helpers * ============================================ */ .hidden { display: none; } /* ============================================ * * Print Styles * ============================================ */ .page-print .print-head { margin: 0 0 15px; } .page-print .print-head .logo { float: none; max-height: 50px; width: auto; } /* ============================================ * * FORMS - COMMON * ============================================ */ /* -------------------------------------------- * * Fieldsets */ .fieldset p { margin-bottom: 7px; } .fieldset p.required { margin-bottom: 5px; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 0px; } .scaffold-form .fieldset p.required { margin-bottom: 5px; float: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 0px; text-align:right; } .customer-account-create .fieldset p.required { width:100%; text-align:right; padding-right:10px;} .fieldset + .fieldset { margin-top: 5px; } form .legend { margin: 0; margin-bottom: 10px; color: #636363; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; margin-bottom: 15px; padding-bottom: 7px; border-bottom: 1px solid #ededed; } /* -------------------------------------------- * * Input Box */ .input-box { padding-top: 2px; } .input-box:after { content: ''; display: table; clear: both; } li.centinel-logos div.input-box img { display: inline; vertical-align: middle; } /* For adjacent select inputs. */ /* Example: credit card expiration month and year. */ .input-box .v-fix { float: left; margin-right: 5px; max-width: 100%; } /* -------------------------------------------- * * Hints */ .input-hint { color: #a0a0a0; font-size: 12px; } /* -------------------------------------------- * * Select */ select { font-size: 13px; } select + select { margin-left: 5px; } select[multiple] { width: 270px; border: 1px solid silver; font-size: 13px; padding: 5px; } /* -------------------------------------------- * * Textarea */ textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 450px; padding: 5px; } /* -------------------------------------------- * * Inputs */ .input-text { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; border: 1px solid silver; background: #FFFFFF; font-size: 15px; border-radius: 0px !important; } textarea { resize: none; } .selector.focus { overflow: visible; } .contact-mgt .form-list .fields .field input:focus, .contact-mgt .form-list .fields .field textarea:focus { outline-color: #b80838; border: 1px solid #b80838; } .input-text:focus { outline-color: #b80838; border: 1px solid #b80838; } .selector.focus span { /* box-shadow: 0 0 1px 0px #900612; */ border: 1px solid #E3616C; } .input-text.validation-failed, .selector span.validation-failed { border-color: #b80838; } .input-text.validation-failed:focus { outline-color: #b80838; } input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text] { height: 50px; padding: 0 7px; font-size: 13px; } input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text] { width: 365px; max-width: 100%; width: 100%; } .customer-account-login h2 { color: #fff; font-size: 18px; font-family: 'latobold'; padding: 15px 20px; width: auto; background: #909090; margin-bottom: 15px; } .customer-account-login .form-instructions { color: #606060; font-size: 13px; margin-bottom: 10px; font-style: normal; } .customer-account-login .new-users .content ul { margin: 0; padding: 0; } .customer-account-login .new-users .content ul li { color: #606060; margin: 5px 0; font-size: 13px; padding-left: 20px; list-style: none; font-style: normal; background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) no-repeat -4px -221px; } .customer-account-login .field { padding: 0 20px; width: auto; display: block; } .customer-account-login .registered-users .field ul li a { color: #303030; text-decoration: underline; font-size: 13px; } .customer-account-login .registered-users .field ul li a:hover { color: #b80838; text-decoration: none; } /* Only show on iPhones (not iPads or any other device) */ @media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 0) { input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text], select { font-size: 16px; border-radius: 0px !important;/* Prevent from zooming on focus */ } } .ie8 .input-text { max-width: none; } /* -------------------------------------------- * * Inputs - Quantity */ input[type=number].qty, input[type=text].qty { width: 3em; text-align: center; vertical-align: middle; } /* -------------------------------------------- * * Placeholder */ ::-webkit-input-placeholder { color: #a0a0a0; } input:-moz-placeholder { color: #a0a0a0; } /* -------------------------------------------- * * Checkbox And Radio */ .checkbox + label, .radio + label { padding: 0 0 0 8px; font-size: 13px; font-weight: normal; vertical-align: top; } /* ============================================ * * Form List * ============================================ */ .form-list > li { padding-bottom: 23px; } .form-list select { margin-top: 4px; width: 365px; } .form-list .input-range .input-text { width: 74px; } .form-list .wide, .form-list .control { padding-bottom: 10px; } /* Turn the label of controls (radio/checkbox) into a button style that wraps the input */ .form-list .control, .sp-methods dt, #checkout-shipping-method-load .sp-methods dd, #co-shipping-method-form .sp-methods dd, .product-options ul.options-list { /* When a label is next to an input that is set to not display, we should style the label in a non-clickable state */ } .form-list .control div.input-box, .sp-methods dt div.input-box, #checkout-shipping-method-load .sp-methods dd div.input-box, #co-shipping-method-form .sp-methods dd div.input-box, .product-options ul.options-list div.input-box { display: inline; float: left; } .form-list .control div.input-box:after, .sp-methods dt div.input-box:after, #checkout-shipping-method-load .sp-methods dd div.input-box:after, #co-shipping-method-form .sp-methods dd div.input-box:after, .product-options ul.options-list div.input-box:after { display: none; } .registered-users .form-list > li:last-child { padding-bottom: 7px; } /* .form-list .control input.radio, .form-list .control input.checkbox, .sp-methods dt input.radio, .sp-methods dt input.checkbox, #checkout-shipping-method-load .sp-methods dd input.radio, #checkout-shipping-method-load .sp-methods dd input.checkbox, #co-shipping-method-form .sp-methods dd input.radio, #co-shipping-method-form .sp-methods dd input.checkbox, .product-options ul.options-list input.radio, .product-options ul.options-list input.checkbox { float: left; margin-right: -40px; margin-top: 10px; margin-left: 15px; } .form-list .control label, .sp-methods dt label, #checkout-shipping-method-load .sp-methods dd label, #co-shipping-method-form .sp-methods dd label, .product-options ul.options-list label { color: #636363; background-color: #f4f4f4; padding: 5px 10px; display: inline-block; width: auto; max-width: none; min-width: 250px; float: none; padding: 6px 10px 6px 40px; } .form-list .control label:hover, .sp-methods dt label:hover, #checkout-shipping-method-load .sp-methods dd label:hover, #co-shipping-method-form .sp-methods dd label:hover, .product-options ul.options-list label:hover { background-color: #ececec; } .form-list .control .no-display + label, .sp-methods dt .no-display + label, #checkout-shipping-method-load .sp-methods dd .no-display + label, #co-shipping-method-form .sp-methods dd .no-display + label, .product-options ul.options-list .no-display + label { padding-left: 10px; background-color: transparent; } .form-list .control .no-display + label:hover, .sp-methods dt .no-display + label:hover, #checkout-shipping-method-load .sp-methods dd .no-display + label:hover, #co-shipping-method-form .sp-methods dd .no-display + label:hover, .product-options ul.options-list .no-display + label:hover { background-color: transparent; } */ .product-options ul.options-list label, .col2-set .form-list .control label { min-width: inherit; width: 250px; max-width: 100%; } .form-list .control.remember-me-box label { width: auto; max-width: none; min-width: inherit; } .form-list .control { padding-top: 4px; } .form-list .control label { float: none; /* font-weight:bold; */ font-family: 'ralewaybold'; } .form-list .control .radio, .form-list .control .checkbox { margin-right: 6px; } .form-list .control .input-box { clear: none; display: inline-block; width: auto; padding: 0; } form .form-instructions { /* font-style: italic; */ font-size: 13px; color: #656565; } /* ============================================ * * Table Helpers * ============================================ */ .hide-th { text-indent: -9999px; } /* ============================================ * * Data Table * ============================================ */ .data-table { width: 100%; } .data-table td, .data-table th { padding: 10px; vertical-align: top; } .data-table th { background: #E5E5E5; text-transform: uppercase; font-family: 'latobold'; line-height: 1.4;/*white-space: nowrap;*/ } .data-table .date { text-align: left; } .data-table thead th, .data-table tbody td, .data-table tfoot td { border: 1px solid #cecece; } .my-account .data-table thead th, .my-account .data-table tbody td, .my-account .data-table tfoot td { border: 0px; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; } .sales-order-history .data-table tbody td { border-bottom: 1px solid #cecece; } .data-table thead th:first-child { border-left: 1px solid #cecece; text-align:center; } .data-table thead th:last-child { border-right: 1px solid #cecece; } .data-table tfoot tr { background: #f4f4f4; } .data-table tbody td .item-options dt:after { content: ':'; } /*.data-table thead th.number{width:10%;} .data-table thead th.date{width:10%;} .data-table thead th.ship{width:35%;} .data-table thead th.total{width:10%;} .data-table thead th.status{width:10%;}*/ .data-table thead th.view { width: 25%; } /* ============================================ * * Generic Info Table * ============================================ */ .info-box { border: 1px solid silver; padding: 12px 15px; margin: 0 0 15px; } .info-box h2 { font-family: 'latobold'; font-size: 13px; } .info-table th, .info-table td { vertical-align: top; } .info-table th { font-family: 'latobold'; padding: 4px 20px 4px 0; } .info-table td { padding: 4px 0; } /* ============================================ * * Zebra-Stripe Table * ============================================ */ .zebra-table tr:first-child, .zebra-table th:first-child { border-top: 1px solid silver; } .zebra-table td, .zebra-table th { border-bottom: 1px solid silver; padding: 6px; background-color: transparent; } .zebra-table tr { background-color: #eeeded; } .zebra-table tr:nth-child(odd) { background-color: #f8f7f5; } /* ============================================ * * Linearize Table * ============================================ */ @media only screen and (max-width: 479px) { .linearize-table { /* Helpers */ } .linearize-table tr, .linearize-table th, .linearize-table td { display: block; } .linearize-table thead th { border-right: 0; border-left: 0; } .linearize-table thead th.lin-hide { display: none; } .linearize-table thead th:nth-child(1n+2) { display: none; } .linearize-table tbody tr { position: relative; border-bottom: 1px solid #cccccc; } .linearize-table tbody td { padding: 0 10px 4px; border-right: 0; border-bottom: 0; } .linearize-table tbody td.lin-hide { display: none; } .linearize-table tbody td:first-child { padding-top: 10px; } .linearize-table tbody td:first-child, .linearize-table tbody td:first-child h3 { font-family: 'latobold'; } .linearize-table tbody td[data-rwd-label] { text-align: left; padding-left: 30px; } .linearize-table tbody td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; padding-right: 5px; text-transform: uppercase; } .linearize-table tfoot tr { display: block; text-align: right; } .linearize-table tfoot tr:after { content: ''; display: table; clear: both; } .linearize-table tfoot td { display: block; float: left; } .linearize-table tfoot td.lin-hide { display: none; } .linearize-table tfoot td:nth-child(odd) { clear: left; width: 60%; } .linearize-table tfoot td:nth-child(even) { text-align: left; width: 40%; } .linearize-table .linearize-hide { display: none; } .linearize-table .linearize-unpad { padding: 0; } .linearize-table .linearize-show { display: block; } } @media only screen and (max-width: 599px) { .linearize-table-large { /* Helpers */ } .linearize-table-large tr, .linearize-table-large th, .linearize-table-large td { display: block; } .linearize-table-large thead th { border-right: 0; border-left: 0; } .linearize-table-large thead th.lin-hide { display: none; } .linearize-table-large thead th{ display: none; } .linearize-table-large tbody tr { position: relative; border-bottom: 1px solid #cccccc; } .linearize-table-large tbody td { padding: 0 10px 4px; border-right: 0; border-bottom: 0; } body.sales-order-view .linearize-table-large tbody td { border-right: 1px solid #cccccc; border-bottom: 0; border-top: 0; border-left: 1px solid #cccccc; } body.sales-order-view .linearize-table-large tfoot td { border-top: 0; } .linearize-table-large tbody td.lin-hide { display: none; } .linearize-table-large tbody td:first-child { padding-top: 10px; } .linearize-table-large tbody td:first-child, .linearize-table-large tbody td:first-child h3 { font-family: 'latobold'; } .linearize-table-large tbody td[data-rwd-label] { text-align: left; padding-left: 30px; } .linearize-table-large tbody td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; padding-right: 5px; text-transform: uppercase; font-family:'latobold'} .linearize-table-large tfoot tr { display: block; text-align: right; } .linearize-table-large tfoot tr:after { content: ''; display: table; clear: both; } .linearize-table-large tfoot td { display: block; float: left; } .linearize-table-large tfoot td.lin-hide { display: none; } .linearize-table-large tfoot td:nth-child(odd) { clear: left; width: 60%; } .linearize-table-large tfoot td:nth-child(even) { text-align: left; width: 40%; } body.sales-order-view .linearize-table-large tfoot td:nth-child(even) { text-align: right; } .linearize-table-large .linearize-hide { display: none; } .linearize-table-large .linearize-unpad { padding: 0; } .linearize-table-large .linearize-show { display: block; } } @media only screen and (min-width: 600px) { .linearize-table .linearize-collapse { display: none; } } /* ============================================ * * Global * ============================================ */ html, body { height: auto; } body {overflow-x:hidden !important;} .wrapper { min-width: inherit; min-height: 100%; margin: 0 auto; background: #FFFFFF; } .wrapper:after { content: ''; display: table; clear: both; } /* ============================================ * * Header * ============================================ */ @media only screen and (min-width: 771px) { .page-header { max-width: 1260px; margin: 0 auto; padding: 0 30px; } .page-header-container { position: relative; } } .header-language-container, .page-header { } /* ============================================ * * Language switcher + welcome message * ============================================ */ .header-language-background { padding: 10px; background-color: #b80838; text-transform: uppercase; } .header-language-background .header-language-container { max-width: 1200px; margin-left: auto; margin-right: auto; } .header-language-background:after { content: ''; display: table; clear: both; } .header-language-background .form-language, .header-language-background .currency-switcher { float: left; margin-right: 10px; } .header-language-background .welcome-msg { float: right; } .page-header-container .store-language-container { float: right; max-width: 35%; padding: 13px 15px 10px 10px; } .page-header-container .store-language-container label { display: none; } .page-header-container .store-language-container select { max-width: 100%; } @media only screen and (max-width: 479px) { .page-header-container .store-language-container { padding-top: 8px; } .page-header-container .store-language-container select { font-size: 12px; } } .header-language-background, .header-language-background a { color: #e6e6e6; } @media only screen and (max-width: 770px) { .header-language-background { display: none; } } /* ============================================ * * Logo * ============================================ */ .logo { display: block; float: left; width: 65%; min-width: 100px; min-height: inherit; text-align: center; padding:0px; margin-right:41px;} .logo img { max-width: 100%; } .logo .small { display: block; } .logo .large { display: none; } @media only screen and (min-width: 771px) { .logo { max-width: 190px; min-height: 46px; } .logo .small { display: none; } .logo .large { display: block; } } /* ============================================ * * Skip Links * ============================================ */ .skip-links { overflow: hidden;} @media only screen and (min-width: 771px) { .skip-links { border: 0; overflow: visible; } } /* -------------------------------------------- * * Skip - Link */ .skip-link { position: relative; float: left; width: 50%; height: 44px; color: #636363; line-height: 39px; text-align: center; } a.skip-link { text-decoration: none; padding:0 8px 0 5px; } .skip-link:not(.skip-active):hover { opacity: 0.8; } .enquiry-minicart {display:inline-block; float:left; width:30px;} .enquiry-minicart a {position:relative; display:inline-block; text-indent:-999em;} .enquiry-minicart a:before {position:absolute; content:""; display:block; width:20px; height:26px; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) no-repeat; background-position:-66px -189px; left:0; right:0; margin:0 auto; top:10px;} @media only screen and (max-width: 770px) { .skip-link { line-height:33px; } .skip-link:last-child { border-right: 0; } } @media only screen and (min-width: 500px) { .skip-link { width: inherit; } } /* -------------------------------------------- * * Skip Link - Active */ @media only screen and (max-width: 770px) { .skip-link.skip-active { color: inherit; } .skip-link.skip-active span { color: inherit; } } /* -------------------------------------------- * * Skip Link - Icon */ .skip-link .icon { display: inline-block; width: 29px; height: 27px; vertical-align: middle; } .skip-link.skip-nav .icon, .top-toggle .icon, .skip-link.skip-cart:not(.no-count) .icon { margin-right: 0px; } @media only screen and (min-width: 500px) { .skip-link .icon { margin-right: 0px; } } /* -------------------------------------------- * * Skip Link - Label */ .skip-link .label { display: none; } @media only screen and (min-width: 500px) { .skip-link .label { display: inline; } } /* ============================================ * * Skip Content * ============================================ */ .skip-content { display: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .skip-content.skip-active { display: block; background: #ededed; color:#FFF; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } /* ============================================ * * Global Header Navigation * ============================================ */ @media only screen and (max-width: 770px) { #header-account li a, .nav-primary a.level0 { padding: 0 10px 0 10px; border-bottom: 1px solid #eaedef; text-align: left; color:#919bac; text-transform: uppercase; line-height: 30px; } #header-account li:last-child a, .nav-primary li.level0:last-child a.level0 { border-bottom: 0; } .no-touch #header-account a:hover, .no-touch .nav-primary a:hover { background-color:#f2f0f0; color:#919bac; text-decoration: none; } .skip-content.skip-active { display: block; position: absolute; top:61px; width:300px; right:0; z-index:999; } .header-minicart .minicart-actions .cart-link {margin-right:10px;} } .account-cart-wrapper { position: absolute; bottom: 6px; right: 0px; } .account-cart-wrapper .flags{ width: auto; float:left; margin-top: 5px;} .account-cart-wrapper .flags a{ float:left; margin-right:0;} @media only screen and (max-width: 770px) { .account-cart-wrapper { position: static; } } /* ============================================ * * Nav - Skip Link * ============================================ */ .skip-nav { width: 15%; } .skip-nav:not(.skip-active):hover { text-decoration: none; } .skip-nav:not(.skip-active):hover .icon {background-position: 0 8px; } .show-menu .mobile-header-menu .skip-link .icon { background: #FFF url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/closebox1.png) no-repeat 50% 50%; width:40px; height:40px;} .skip-nav .label { display: inline; } .skip-nav .icon, .top-toggle .icon { background-position: 0px 8px; } @media only screen and (min-width: 500px) { .skip-nav { width: auto; } } @media only screen and (min-width: 771px) { .skip-nav { display: none; } } /* ============================================ * * Nav - Skip Content * ============================================ */ @media only screen and (max-width: 770px) { #header-nav { padding: 5px 0; } } @media only screen and (min-width: 771px) { #header-nav { display: block; /*Force visibility */} .skip-nav{ display:none;} } /* ============================================ * * Nav Primary * ============================================ */ @media only screen and (min-width: 771px) { .nav-primary { display: inline-block; width:100%; margin-top: 10px; border-top: solid 1px #ce1b4c;} } /* ============================================ * * General Navigation Styles * ============================================ */ .nav-primary a { text-decoration: none; position: relative; display: block; color: #fff; line-height: 30px; } .nav-primary li { position: relative; } .nav-primary li.level1 a { border-bottom: 1px solid #cccccc; } .nav-primary .menu-active > ul.level0, .nav-primary li.level0 li.sub-menu-active > ul { display: block; } .nav-primary li > a { text-transform: uppercase; padding:8px 15px 13px; font-family: 'ralewaymedium'; font-size:14px; color:#FFF;} .nav-primary li > a.active:before{ content:''; position: absolute; bottom: -8px; left:45%; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0px 10px; border-color: #b80838 transparent transparent} .nav-primary li.active:before{ content:''; position: absolute; bottom: -8px; left:45%; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0px 10px; border-color: #b80838 transparent transparent} /* ============================================ * * Small Viewports - Accordion Style Menu * ============================================ */ @media only screen and (max-width: 1023px) { .mobile-header-menu .skip-nav{ display:block;} .mobile-header-menu { background:#222222; display: inline-block; padding: 10px; width: 100%; text-align:right;} .mobile-menu {padding-top: 42px; overflow: auto !important;} #header.sticky {left: 0; position: fixed; top: 44px; width: 100%; z-index: 999;} } @media only screen and (max-width: 770px) { .nav-primary a.level0, .nav-primary a { line-height: 23px; padding:5px 10px 5px 36px; border-bottom: 1px solid #fff; text-align: left; } .nav-primary li.level0 ul { display: none; } .nav-primary li.level0 li { padding: 0 0 0 25px; } .nav-primary li.level1 a { padding: 0 15px 0 25px; } .nav-primary li.parent > a:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #cccccc; border-right: none; top: 50%; left: 10px; right: auto; margin-top: -5px; } .nav-primary li.parent.sub-menu-active > a:after, .nav-primary li.parent.menu-active > a:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #cccccc; border-bottom: none; top: 50%; left: 10px; right: auto; margin-top: -5px; } .nav-primary li.menu-active > a, .nav-primary li.sub-menu-active > a { color: #b80838; } .skip-nav{ display: none;} .mobile-header-menu .skip-nav { display: block; } .mobile-header-menu { background: #222222; display: inline-block; padding: 10px; width: 100%; text-align: right; } .skip-nav .label { display: none; } .mobile-header-menu ul.header-toggle-nav { box-shadow: 0 0 0px 0 #ccc; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; border-radius: 0; position: relative; right: 0; top: 0; width: auto; z-index: 200; text-align: left; } .page .mobile-menu { right: -75%; display: none; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .page.show-menu .mobile-menu { box-shadow: 0 0 3px 0 #000; background: #222 none repeat scroll 0 0; display: block; left: 0; position: fixed; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 999; } .page.show-menu { left: auto; overflow: hidden; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .logo img { max-width: 80%; } .page.show-menu .mobile-menu{ box-shadow: 0 0 3px 0 #000; background: #222 none repeat scroll 0 0; display: block; left: 0; position: fixed; top: 0; width: 100%; height:100%; overflow:scroll; z-index: 999;} .page.show-menu { left: auto; overflow:hidden; position:relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .show-menu .mobile-header-menu .skip-nav { right: 5px; position: fixed; z-index: 9999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; padding-right: 0; } } /* ============================================ * * Large Viewports - Dropdown Menu * ============================================ */ @media only screen and (min-width: 771px) { .nav-primary { /* Default styles for 1+ drop-down menus */ /* Level 2+ */ /* Class for js to add briefly to evaluate element positioning. */ /* Correct menus that will hang off the page (class added by js) */ /* Level 1+ */ } .nav-primary a.level0 {} .nav-primary li.level0, .nav-primary a.level0 { display: inline-block; } .nav-primary li.level0.nav-1 a{ /*padding-left:0;*/} .nav-primary li:last-child > a { border-bottom: none; } .nav-primary a:hover, .nav-primary li:hover > a { color: #fff; } .nav-primary .menu-active { z-index: 200; } .nav-primary li.level0 ul { background: #FBFBFB; border: solid 1px #cccccc; position: absolute; left: 0; top: 30px; /* Height of ".nav-primary a.level0" */ z-index: 10; width: 250px; padding-left: 10px; padding-right: 10px; display: none;/* Hide until displayed. */ } .nav-primary li.level1 ul { left: 60px; top: 15px; } .nav-primary li.level0 ul.level0.position-test { display: block; } .nav-primary li.level0 ul.level0.spill { right: 0; left: auto; } .nav-primary li.level0 ul.level0.spill li.level1 ul { left: auto; right: 50px; top: 20px; } .nav-primary li.level0 li.parent > a { position: relative; } .nav-primary li.level0 li.parent > a:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #cccccc; border-right: none; right: 5px; top: 50%; margin-top: -3px; } } .nav-primary li.menu-active > ul { display: block; } /* ============================================ * * Search - Skip Link * ============================================ */ .skip-search:not(.skip-active):hover .icon { background-position: -46px -146px; } .skip-search .icon { background-position:-46px -146px; margin-top:5px;} @media only screen and (min-width: 771px) { .skip-search {/* display: none;*/ } } /* ============================================ * * Search - Skip Content * ============================================ */ #header-search { padding:12px; border-radius: 5px; border: solid 1px #eaedef; display: block; z-index: 200; top: 71px; right:75px; width: 300px;background: #FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;box-shadow: 0 0 3px 0 #ccc; -webkit-box-shadow: 0 0 3px 0 #ccc; display:none; } .no-touch #header-search { right:110px; } #header-search.skip-content.skip-active{ display:block; } #header-search.skip-content.skip-active:before { content: ''; position: absolute; top: -10px; right:6px; width:0; height:0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #dadada;} #header-search #search_mini_form { position:relative; } @media only screen and (min-width: 771px) { #header-search { position: absolute; /*top:70px; right: 0; width: 25%;*/} } /* ============================================ * * Search Input * ============================================ */ #search_mini_form .input-box { position: relative; padding-top: 0; } #search_mini_form label { display: none; } #search { width: 100%; height: 40px; padding-right: 40px; } #search_mini_form .search-button { text-indent: -9999px; position: absolute; top: 0; right: 0; width: 40px; height: 40px; border: 0; background: none; } #search_mini_form .search-button:before { content: ''; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; background-position: 4px -146px; } #search_mini_form .search-button:hover:before { opacity: 0.8; } #search_mini_form .search-button:active:before { margin-top: -13px; margin-left: -13px; } /* ============================================ * * Header - Account * ============================================ */ /* -------------------------------------------- * * Skip Link - Account */ .skip-account:not(.skip-active):hover .icon{ background-position: 2px -44px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .skip-account .icon{ background-position: 2px -44px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .skip-account.skip-active .icon{ background-position: -31px -44px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .header-nav .skip-account:not(.skip-active):hover .icon { background-position: 0px 7px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .header-nav .skip-account .icon, .top-toggle .icon { background-position: 0px 7px; width:19px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .header-nav .skip-active .icon, .top-toggle .skip-active .icon { background-position: -34px 7px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .header-nav a{ padding:0 0 0 10px;} @media only screen and (min-width: 771px) { .skip-account { float: none; width: auto; vertical-align: top; display: inline-block; padding:0px 1px 0px 9px; text-transform: uppercase; } #header-account.skip-active { box-shadow: 0 0 3px 0 #ccc; -webkit-box-shadow: 0 0 3px 0 #ccc; background:#fff; border-radius:5px; border: solid 1px #eaedef; display: block; position: absolute; z-index: 200; top: 68px; right: 115px; width: 200px; } #header-account a { display: block; padding: 5px 10px; color:#919bac; line-height: 2; border-bottom: 1px solid #eaedef;} #header-account .last a{ border:none 0px;} #header-account a:hover { color:#919bac; background:#f2f0f0; text-decoration:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} } /* -------------------------------------------- * * Account Links */ #header-account { padding:0; } #header-account .links:before{ content:''; position: absolute; top: -10px; right: 6px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff; } #header-account a { position: relative; display: block; padding: 5px 10px; line-height: 23px; color:#919bac; } #header-account .last a{ border:none 0px; } #header-account a:hover {color: #919bac; background:#f2f0f0; text-decoration:none;} ul.header-toggle-nav:before, .top-main-links ul:before{ content:''; position: absolute; top: -10px; right: 6px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #dadada; } ul.header-toggle-nav, .top-main-links ul { box-shadow: 0 0 3px 0 #ccc; -webkit-box-shadow: 0 0 3px 0 #ccc; background:#fff; border-radius:5px; border: solid 1px #eaedef; display: block; position: absolute; z-index: 200; top:10px; right: -6px; width: 220px; -webkit-transition: height 0.3s ease-in; -moz-transition: height 0.3s ease-in; -o-transition: height 0.3s ease-in; -ms-transition: height 0.3s ease-in; transition: height 0.3s ease-in;} .top-main-links{top:40px;} ul.header-toggle-nav li, .top-main-links li { padding:0; margin:0; } ul.header-toggle-nav li a, .top-main-links li a { position: relative; display: block; padding: 10px 10px 10px 40px; line-height: 23px; color:#6e7988; border-bottom: solid 1px #ebebeb; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .top-main-links li a{padding-left:10px;} ul.header-toggle-nav li.last a, .top-main-links li:last-child { border:none 0px; } ul.header-toggle-nav li a:hover, .top-main-links li a:hover { color: #6e7988; background:#f2f0f0; text-decoration:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} ul.header-toggle-nav li a.active, .top-main-links li a.active { color: #6e7988; background:#f2f0f0; text-decoration:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} ul.header-toggle-nav li a.latestnews:before { content:''; position:absolute; left:0px; top:2px; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) 100px -1504px; height: 24px; display:inline-block; width:32px;} ul.header-toggle-nav li a.our-brands:before { content:''; position:absolute; left:0px; top:2px; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) 67px -1504px; height: 24px; display:inline-block; width:32px;} ul.header-toggle-nav li a.industry-links:before { content:''; position:absolute; left:0px; top:2px; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) 35px -1504px; height: 24px; display:inline-block; width:32px;} ul.header-toggle-nav li a.after-sales:before { content:''; position:absolute; left:0px; top:2px; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) 100px -1535px; height: 27px; display:inline-block; width:32px;} ul.header-toggle-nav li a.about-us:before { content:''; position:absolute; left:0px; top:2px; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) 67px -1535px; height: 24px; display:inline-block; width:32px;} ul.header-toggle-nav li a.contact:before { content:''; position:absolute; left:0px; top:2px; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) 35px -1535px; height: 24px; display:inline-block; width:32px;} ul.header-toggle-nav li a.where-to-buy-coffee-pods:before { content:''; position:absolute; left:0px; top:2px; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) 107px -2504px; height: 24px; display:inline-block; width:32px;} ul.header-toggle-nav li a.newsletter:before { content:''; position:absolute; left:0px; top:2px; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) 80px -2504px; height: 24px; display:inline-block; width:32px;} ul.header-toggle-nav li a.coffee-industry:before { content:''; position:absolute; left:0px; top:2px; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) 46px -2504px; height: 24px; display:inline-block; width:32px;} ul.header-toggle-nav li a.instalogo:before { content:''; position:absolute; left:0px; top:2px; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) 6px -2529px; height: 24px; display:inline-block; width:32px;} ul.header-toggle-nav li a:before { top:50% !important; transform:translateX(0) translateY(-50%); -o-transform:translateX(0) translateY(-50%); -webkit-transform:translateX(0) translateY(-50%); -o-transform:translateX(0) translateY(-50%); -ms-transform:translateX(0) translateY(-50%); -moz-transform:translateX(0) translateY(-50%); } ul.header-toggle-nav li a.pdf-brouchers:before {content:''; position:absolute; left:7px; top:2px; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon-pdffile.png); height:25px; display:inline-block; width:27px;} /* ============================================ * * Header - Cart * ============================================ */ /* -------------------------------------------- * * Skip Link - Cart */ .skip-cart:not(.skip-active):hover .icon { background-position: -50px -95px; } .skip-cart .icon { background-position: 0px -95px; } .header-nav { display: inline-block; vertical-align: top;} @media only screen and (min-width: 771px) { .skip-cart { width: auto; padding: 2px 7px; } #header-cart.skip-active { box-shadow: 0 0 3px 0 #ccc; -webkit-box-shadow: 0 0 3px 0 #ccc; background:#fff; border-radius:5px; border: solid 1px #eaedef; display: block; position: absolute; z-index: 200; top: 71px; right:35px; width: 300px; background: #FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} #header-cart.skip-active:before{ content:''; position: absolute; top: -10px; right: 6px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #dadada; } } /* -------------------------------------------- * * Skip Cart Notifier */ .skip-cart .count { -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; display: inline-block; border: solid 1px #b80838; top: 0px; left:-12px; right:inherit; position: relative; z-index: 5; width: 22px; height: 22px; background: #FFF; color: #b80838; font-size: 11px; line-height: 22px; text-align: center; } .skip-link.skip-active .count { color: #b80838; } .skip-cart.no-count .count { /*display: block;*/ } @media only screen and (max-width: 499px) { .skip-cart .count { margin-left: 0px; } } @media only screen and (min-width: 771px) { .skip-cart { color: #b80838; text-transform: uppercase; } a.skip-link.skip-cart{padding-left:7px;} .skip-cart:hover { text-decoration: none; } .skip-cart .count { background: #fff none repeat scroll 0 0; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; font-size: 11px; left:inherit; right: 0px; line-height: 20px; margin-left: 0; width:22px; height:22px; position: absolute; top: 0; border: solid 1px #b80838;} .skip-cart .count:before { content: ''; } .skip-cart .count:after { content: ''; } .skip-cart .count, .skip-link.skip-active .count { color: #b80838; } } .skip-cart .count.empty { display: none; } /* -------------------------------------------- * * Mini Cart - Empty */ .cart-menu .empty { padding: 20px; text-align: center; } /* -------------------------------------------- * * Mini Cart - Full */ /* Actions */ .cart-menu .actions { overflow: hidden; padding: 15px; } .cart-menu .actions .button { float: left; width: 48%; } .cart-menu .actions .button + .button { margin-left: 4%; } /* Subtotal */ .cart-menu .subtotal { padding: 0 15px 15px; font-size: 24px; line-height: 1.2; } /* List */ .mini-cart-list { margin-bottom: 5px; } .mini-cart-list li { position: relative; min-height: 90px; padding: 15px 15px 15px 90px; border-top: 1px solid #c0c0c0; font-size: 13px; line-height: 1.35; } .mini-cart-list .product-name { display: inline-block; } .mini-cart-list .product-image { position: absolute; left: 15px; top: 15px; } .mini-cart-list .product-image img { width: 60px; height: 60px; } .mini-cart-list .has-options { margin-bottom: 0; color: #a0a0a0; font-size: 12px; } /* Too full - additional items will be shown in cart */ .cart-menu .last-added { padding: 10px 15px 15px; border-top: 1px solid #c0c0c0; font-size: 13px; } /* ============================================ * * Footer * ============================================ */ /* -------------------------------------------- * * Footer */ .footer, .footer button { } .footer { clear: both; width: 100%; } @media only screen and (max-width: 479px) { .footer { padding-top: 15px; } } .footer .block-title { border-bottom: 0; padding: 3px 0; } .footer .block-title strong { font-weight: normal; font-family: 'latobold'; } .footer .block-title, .footer address { color: #b80838; } .footer .links { float: left; width: 17%; padding: 0 30px 0 0; margin-bottom: 30px; } .footer .links li { word-break: break-all; line-height: 1.4; padding: 4px 0; } .footer .links a { color: #636363; } .footer .links a:hover { color: #b80838; } .footer .block-subscribe { float: right; width: 320px; margin-bottom: 30px; } .footer .links, .footer .block-subscribe { text-transform: uppercase; font-size: 12px; } .footer .form-subscribe-header { display: none; } .footer .links.social-media em { background-image: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/social_icons.png); background-repeat: no-repeat; width: 13px; vertical-align: middle; display: inline-block; margin-right: 7px; } @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .footer .links.social-media em { background-image: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/social_icons@2x.png); background-size: 50px 125px; } } .footer .links.social-media em.facebook { background-position: 0 -0px; height: 13px; } .footer .links.social-media a:hover em.facebook { background-position: -25px -0px; } .footer .links.social-media em.twitter { background-position: 0 -24px; height: 13px; } .footer .links.social-media a:hover em.twitter { background-position: -25px -24px; } .footer .links.social-media em.youtube { background-position: 0 -49px; height: 13px; } .footer .links.social-media a:hover em.youtube { background-position: -25px -49px; } .footer .links.social-media em.pinterest { background-position: 0 -74px; height: 15px; } .footer .links.social-media a:hover em.pinterest { background-position: -25px -74px; } .footer .links.social-media em.rss { background-position: 0 -99px; height: 13px; } .footer .links.social-media a:hover em.rss { background-position: -25px -99px; } .footer .block-subscribe .input-box { float: left; width: 65.625%; padding-top: 0; } .footer .block-subscribe .input-text { width: 100%; border-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .footer .block-subscribe .block-content { padding-top: 7px; } .footer .block-subscribe .block-content:after { content: ''; display: table; clear: both; } .footer .block-subscribe .actions { float: left; width: 34.375%; margin: 0; } .footer .block-subscribe .actions .button { height: 35px; line-height: 17px; float: left; } .footer .bugs, .footer address { clear: both; } .footer .bugs { display: none; } .footer .form-language, .footer .currency-switcher, .footer .store-switcher { clear: both; margin-bottom: 10px; } .footer .form-language, .footer .currency-switcher { display: none; } .footer address { border-top: 1px solid #c0c0c0; text-align: center; width: 100%; font-size: 11px; margin-top: 30px; padding: 30px 0; } @media only screen and (max-width: 1199px) { .footer .links { width: 22.65625%; padding-right: 0; margin-right: 3.125%; } .footer .links:nth-child(4) { margin-right: 0; } .footer .block-subscribe { clear: both; float: none; margin: 0 auto 30px auto; } } @media only screen and (max-width: 770px) { .footer .form-language, .footer .currency-switcher { display: block; } ul.header-toggle-nav li a.pdf-brouchers:before {display:none;} } @media only screen and (max-width: 599px) { .footer .links { width: 48.4375%; margin-right: 0; } .footer .links:nth-child(odd) { margin-right: 3.125%; clear: both; } .footer .block-subscribe { clear: both; float: left; width: 100%; } } /* ================================================= * * General Product List Styles (not module-specific) * ================================================= */ /* -------------------------------------------- * * Product List General */ .category-title h1, body.catalogsearch-result-index .page-title h1 { border-bottom: none; } .category-image { margin-bottom: 1.5em; } .products-list .action .button, .products-grid .actions .button { white-space: normal; } /* -------------------------------------------- * * Product Name */ h2.product-name, h3.product-name, h4.product-name, h5.product-name, p.product-name { margin: 0; margin-bottom: 0.5em; color: #636363; font-style: normal; text-rendering: optimizeLegibility; text-transform: uppercase; font-size: 14px; font-weight: normal; line-height: 1.4; } h2.product-name a, h3.product-name a, h4.product-name a, h5.product-name a, p.product-name a { color: #636363; } h2.product-name a:hover, h3.product-name a:hover, h4.product-name a:hover, h5.product-name a:hover, p.product-name a:hover { color: #b80838; text-decoration: none; } .products-grid .product-name, .products-list .product-name { text-transform: uppercase; margin-bottom: 5px; font-size: 14px; } .products-grid .product-name a, .products-list .product-name a { font-weight: 500; } .products-grid { margin: 0 -10px; } .products-grid li { width: 33.33%; float: left; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* ============================================ * * Mini Product List * ============================================ */ .mini-products-list .product-image { float: left; min-width: 50px; border:solid 1px #ccc; } .mini-products-list .product-details { margin-left: 60px; color:#333; } .mini-products-list .product-details .product-name { padding-top: 10px; } .mini-products-list li { margin-bottom: 10px; clear: both; } .mini-products-list li:after { content: ''; display: table; clear: both; } .mini-products-images-list:after { content: ''; display: table; clear: both; } .mini-products-images-list li.item { float: left; width: 50%; margin: 0; padding: 0 5px 10px 0; } .mini-products-images-list li.item:nth-child(even) { padding-right: 0; padding-left: 5px; } .mini-products-images-list li.item .product-image { display: block; } .mini-products-images-list li.item .product-image img { width: 100%; max-width: 100%; } /* ============================================ * * Catalog - List * ============================================ */ .category-image { border: none 0px; padding: 0px; } .category-image img { width: auto; max-width: inherit; margin:0 auto; } .category-image img:hidden { display: none;} /* ============================================ * * Layered Navigation * ============================================ */ .block-layered-nav .block-subtitle--filter { display: none; margin: 0; margin-bottom: 10px; color: #636363; font-size: 14px; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 7px 10px 7px 24px; border: 1px solid #cccccc; position: relative; background-color: #f4f4f4; cursor: pointer; } .block-layered-nav .block-subtitle--filter:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #b80838; border-bottom: none; left: 10px; top: 50%; margin-top: -3px; } .block-layered-nav .block-subtitle--filter:hover { background-color: #ececec; } .block-layered-nav .block-content .toggle-tabs { display: none; } .block-layered-nav .block-content > dl > dt { margin: 0; margin-bottom: 10px; color: #636363; font-size: 14px; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 7px 10px 7px 24px; border: 1px solid #cccccc; position: relative; background-color: #f4f4f4; display: block; } .block-layered-nav .block-content > dl > dt:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #b80838; border-bottom: none; left: 10px; top: 50%; margin-top: -3px; } .block-layered-nav .block-content > dl > dt:hover { background-color: #ececec; } .block-layered-nav .block-content > dl > dd { padding: 10px; margin: 0; border-width: 0 1px; border-style: solid; border-color: #cccccc; } .block-layered-nav .block-content > dl > dd:last-child { border-width: 0 1px 1px 1px; } .block-layered-nav dl dd { margin-bottom: 10px; margin-top: 10px; } .block-layered-nav dl dd ol > li > span, .block-layered-nav dl dd ol > li > a { padding: 5px 15px; display: block; } .block-layered-nav dl dd ol > li > a .count { color: #a0a0a0; } @media only screen and (min-width: 771px) { .block-layered-nav .block-content > dl > dt { padding-left: 10px; } .block-layered-nav .block-content > dl > dt:after { display: none; } } @media only screen and (max-width: 770px) { .category-image img { width: 100%; max-width: inherit; margin:0 auto; } .sidebar .block.block-layered-nav { border-bottom: none; } .block-layered-nav--no-filters .block-title { display: none; } .block-layered-nav .block-content { padding-top: 0; margin-top: 15px; } .block-layered-nav .block-content > dl > dt { cursor: pointer; border-bottom-width: 0; } .block-layered-nav .block-content > dl > dt:hover { color: #b80838; } .block-layered-nav .block-content > dl > dt:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #b80838; border-right: none; } .block-layered-nav .block-content > dl > dt.last { border-bottom-width: 1px; } .block-layered-nav .block-content > dl > dd { display: none; } .block-layered-nav .block-content.accordion-open > dl > dt.current { border-bottom-width: 1px; } .block-layered-nav .block-content.accordion-open > dl > dt.current:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #b80838; border-bottom: none; left: 6px; top: 50%; margin-top: -3px; } .block-layered-nav .block-content.accordion-open > dl > dd.current { display: block; } .block-layered-nav .block-subtitle--filter { background-color: #b80838; border: 0; margin-bottom: 0; display: block; color: #FFFFFF; } .block-layered-nav .block-subtitle--filter:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid white; border-right: none; right: 10px; top: 50%; margin-top: -5px; } .block-layered-nav .block-subtitle--filter:hover { background-color: #2e8ab8; color: #FFFFFF; } .block-layered-nav .block-subtitle--filter.active:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid white; border-bottom: none; right: 10px; top: 50%; margin-top: -3px; } #narrow-by-list, #narrow-by-list2 { padding: 10px; border: 1px solid #cccccc; border-top: 0; } .block-layered-nav dl ol > li > a, .block-layered-nav dl ol > li > span { padding: 7px; margin: 5px; } .block-layered-nav dl ol > li > a { color: #636363; background-color: #f4f4f4; padding: 5px 10px; } .block-layered-nav dl ol > li > a:hover { text-decoration: none; background: #ececec; } } .block-layered-nav .currently .block-subtitle { display: block; margin: 0; margin-bottom: 10px; color: #636363; font-size: 14px; font-family: 'latobold'; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; } .block-layered-nav .currently ol { padding-left: 10px; margin-bottom: 10px; } .block-layered-nav .currently ol li { margin-bottom: 5px; } .block-layered-nav .currently ol li .label { font-family: 'latobold'; } .block-layered-nav .currently ol li:after { content: ''; display: table; clear: both; } .block-layered-nav .actions { text-align: right; margin-bottom: 7px; } /* ============================================ * * Catalog - Product * ============================================ */ .product-view .product-essential .extra-info .ratings .rating-box, .product-view .product-essential .extra-info .ratings .amount { float: left; } .product-view .product-essential .extra-info .ratings .rating-box { margin-top: 8px; margin-right: 10px; } .product-view .product-essential .extra-info .ratings:after { content: ''; display: table; clear: both; } .product-view .product-essential:after { content: ''; display: table; clear: both; } .product-view .product-shop .product-name .h1, .product-view .product-img-box .product-name h1 { color: #b80838; margin-bottom: 10px; border: 0; } .product-view .product-shop { width: 42%; float: right; } .product-view .product-shop .product-name { display: none; float: left; } .product-view .product-shop .product-name .h1 { float: left; margin-bottom: 5px; } .product-view .product-shop .extra-info { float: left; padding-right: 15px; clear: left; width: 70%; } .product-view .product-shop .price-info { float: right; padding-left: 15px; text-align: right; } .product-view .product-shop .extra-info, .product-view .product-shop .price-info { max-width: 70%; margin-bottom: 0px; } .product-view .product-shop .short-description { margin-bottom: 10px; clear: both; } .product-view .product-shop .ratings { margin-bottom: 8px; } .product-view .product-shop .availability { font-size: 16px; } .product-view .product-shop .price-box { margin-top: 0; } .product-view .product-shop .price-box .old-price, .product-view .product-shop .price-box .special-price, .product-view .product-shop .price-box .regular-price { padding-right: 0; line-height: 1.2; } .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .full-product-price .price { color: #b80838; font-size: 24px; } .product-view .product-shop .price-box .special-price .price-label { font-size: 16px; text-transform: uppercase; } .product-view .product-shop .price-box .special-price span.weee { color: #636363; } .product-view .product-shop .price-box .special-price span.weee span.price { font-size: 16px; } .product-view .product-shop .price-box .price-excluding-tax, .product-view .product-shop .price-box .price-including-tax { display: block; line-height: 1.2; color: #636363; } .product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 16px; font-weight: 300; } .product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 20px; } .product-view .price-box.map-info a { display: inherit; } .product-view .old-price .price-label { display: none; } .product-view .add-to-cart-wrapper, .product-view .block-related { width: 50%; float: right; clear: right; } .not-found-h1 { color:#b80838; font-family: "latobold"; font-size: 30px; line-height: 38px; margin-bottom: 13px; padding-top: 20px; } .not-found-content { color: #5c5c5c; font-size: 16px; font-style: normal; line-height: 30px; margin-bottom: 30px; } .not-found-bottom-text::before { content: "\00bb"; display: block; left: 0; position: absolute; top: -3px; font-size:30px; color:#b80838;} .not-found-bottom-text { color: #b80838; font-family: "latobold"; font-size: 20px; line-height: 22px; padding-left:20px; margin-bottom:50px; position: relative;} .not-found-bottom-text a { color: #b80838; text-decoration: underline; } @media only screen and (max-width: 850px) { .product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 15px; } .product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 18px; } } @media only screen and (max-width: 770px) { .product-view .add-to-cart-wrapper { float: none; width: 100%; clear: both; } .product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 16px; } .product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 20px; } } @media only screen and (max-width: 420px) { .product-view .product-shop .price-box .price-excluding-tax, .product-view .product-shop .price-box .price-including-tax { margin-bottom: 5px; } .product-view .product-shop .price-box .price-excluding-tax span, .product-view .product-shop .price-box .price-including-tax span { display: block; } } .product-img-box { width: 58%; float: left; } .product-img-box .product-name h1 { border: 0; } .product-img-box .product-image { margin-bottom: 10px; } .product-img-box .product-image img { max-width: 100%; max-height: 750px; margin: 0px auto; } @media only screen and (max-width: 479px) { .product-img-box .product-image img { max-height: 450px; } } .product-image-gallery { position: relative; border:solid 1px #aaaba6; } .product-image-gallery .gallery-image { display: none; } .product-image-gallery .gallery-image.visible { display: block; } .product-image-gallery .gallery-image.visible.hidden { visibility: hidden; } .product-image-gallery:before, .product-image-gallery:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; } .product-image-gallery:before { background-color: white; opacity: 0.8; z-index: 2; } .product-image-gallery:after { background-image: url("https://www.jllennard.com.au/skin/frontend/jll/podpack/images/opc-ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; } .product-image-gallery.loading { position: relative; } .product-image-gallery.loading:before, .product-image-gallery.loading:after { display: block; } .product-image-thumbs li { display: inline-block; } .product-image-thumbs li:first-child { margin-left: 3px; } .product-image-thumbs a { display: inline-block; border: 1px solid transparent; } .no-touch .product-image-thumbs a:hover { border-color: #c7c7c7; } .product-view .product-shop, .product-view .add-to-cart-wrapper, .product-view .block-related { padding-left: 15px; } .product-img-box { padding-right: 15px; } .product-view .product-shop, .product-img-box, .product-collateral, .product-view .block-related, .box-collateral { margin-bottom: 10px; } .product-view { /* Set a min-height so that the floated elements break appropriately */ } .product-view .add-to-box:after, .product-view .add-to-cart:after { content: ''; display: table; clear: both; } .product-view .add-to-cart { padding-bottom: 3px; margin-bottom: 10px; border-bottom: 1px solid #cccccc; } .product-view .add-to-cart .qty-wrapper, .product-view .product-options-bottom .price-box, .product-view .add-to-cart-buttons { min-height: 40px; } .product-view .product-options-bottom .price-box, .product-view .add-to-cart .qty-wrapper, .product-view .add-to-cart-buttons .button, .product-view .add-to-cart-buttons .paypal-logo { margin-bottom: 10px; } .product-view .add-to-cart .qty-wrapper, .product-view .add-to-cart .qty-wrapper label { margin-right: 7px; float: left; } .product-view .add-to-cart .qty-wrapper label { line-height: 40px; } .product-view .add-to-cart .qty-wrapper .qty { float: left; height: 40px; } .product-view .add-to-cart-buttons { float: left; margin-right: 10px; max-width: 100%; } .product-view .add-to-cart-buttons .paypal-logo { clear: left; text-align: center; } .product-view .add-to-cart-buttons .paypal-logo .paypal-button { margin: 0 auto; display: block; width: 170px; } .product-view .add-to-cart-buttons .paypal-logo .bml_button { display: block; width: 174px; margin: 0 auto; } .product-view .add-to-cart-buttons .paypal-logo .bml_button a { text-align: center; } .product-view .add-to-cart-buttons .paypal-logo .paypal-or { display: block; margin-bottom: 10px; margin-left: 0; margin-right: 0; line-height: 1; text-align: center; } .product-view .add-to-cart-buttons .button { min-height: 40px; line-height: 40px; font-size: 16px; padding: 0px 30px; float: left; min-width: 160px; width: 100%; white-space: normal; } .product-view .alert-price, .product-view .alert-stock { clear: both; } @media only screen and (max-width: 479px) { .product-view .add-to-cart-buttons .paypal-or { line-height: 20px; } .product-view .add-to-cart-buttons .paypal-logo, .product-view .add-to-cart-buttons .paypal-or, .product-view .add-to-cart-buttons .paypal-button, .product-view .add-to-cart-buttons .button { text-align: center; width: 100%; display: block; margin-right: 0; margin-left: 0; float: none; } } /* This is the "or" that separates the "Add to Cart" and "Add to X" links */ .add-to-box .or { display: none; } .product-view .add-to-links { clear: both; margin-top: 0px; margin-right: 15px; float: left; } .product-view .add-to-links:after { content: ''; display: table; clear: both; } .product-view .add-to-links li { float: left; } .product-view .add-to-links a { padding: 2px 7px 2px 0px; margin-left: 7px; border-right: 1px solid #cccccc; } .product-view .add-to-links li:first-child a { margin-left: 0px; } .product-view .add-to-links li:last-child a { border-right: 0px; } .product-view .sharing-links { float: left; } .product-view .sharing-links:after { content: ''; display: table; clear: both; } .product-view .sharing-links li { float: left; padding: 0px 7px 7px; } .product-view .sharing-links a { text-indent: -9999px; display: block; width: 26px; height: 26px; } .product-view .sharing-links a:hover { opacity: 0.8; } .product-view .sharing-links a.link-wishlist { background-position: 0px -225px; } .product-view .sharing-links a.link-compare { background-position: 0px -250px; } .product-view .sharing-links a.link-email-friend { background-position: 0px -322px; } .product-view .sharing-links a.link-facebook { background-position: 0px -425px; } .product-view .sharing-links a.link-twitter { background-position: 0px -372px; } @media only screen and (max-width: 599px) { .add-to-box .add-to-links a { float: none; width: auto; text-indent: 0; } } .product-collateral { clear: both; } .collateral-tabs dd h2 { display: none; } .box-collateral { clear: both; } @media only screen and (min-width: 771px) { .product-collateral .toggle-tabs { display: block; width: 100%; position: relative;} .product-collateral .toggle-tabs li { float: left; } .product-collateral .toggle-tabs li > span { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; display: inline-block; font-family: 'ralewayextrabold'; color:#333333; padding: 0 60px 0 0px; height: 40px; line-height: 30px; cursor: pointer; text-transform: uppercase; font-size: 24px; position: relative; bottom: 0px; } .product-collateral .toggle-tabs li.current { border-bottom: 0px solid #cccccc; } .product-collateral .toggle-tabs li.current:before{ content:''; background:#535353; width:69px; height:4px; position: absolute; bottom:-7px;} .product-collateral .toggle-tabs li.current > span { background-color: #FFFFFF; z-index: 5; } .product-collateral .toggle-tabs li.current span, .product-collateral .toggle-tabs li:hover span { color: #b80838; } .product-collateral .toggle-tabs li:first-child { border-left: none; } .product-collateral .toggle-tabs:after { content: ''; display: table; clear: both; } .product-collateral > dl { width: 100%; } .product-collateral > dl > dt { display: none; } .product-collateral > dl > dd { width: 100%; display: none; padding: 40px 0 0px 0; border: 0px solid #cccccc; border-top: 0;} .product-collateral > dl > dd .tab-content { font-family: 'Raleway', sans-serif; font-size:18px; line-height:30px; color:#333; margin-bottom:30px;} .product-collateral > dl > dd .tab-content .std p{ font-family: 'Raleway', sans-serif; font-size:18px; line-height:30px; color:#333; margin-bottom:30px;} .product-collateral > dl > dd.current { display: block; } .product-collateral > dl > dd .tab-content ul{ margin:0px; padding:0; display:inline-block; width:100%} .product-collateral > dl > dd .tab-content ul li{ padding:0;} .product-collateral > dl > dd .tab-content ul li a{ min-width: 160px; border: 1px solid #d3d3d3; display: block; list-style: outside none none; margin-left: 0; padding: 10px; text-align: center; text-decoration: none;} .product-collateral > dl > dd .tab-content ul li .fileext-pdf{ color:#FFF; background:#e41f35; float: left; margin-right: 10px;} .product-collateral > dl > dd .tab-content ul li .fileext-docx{ color:#FFF; background:#2B5695; float: left; margin-right: 10px;} .product-collateral > dl > dd .tab-content ul li .fileext-xlsx{ color:#FFF; background:#1d7146; float: left; margin-right: 10px;} .product-collateral > dl > dd .tab-content ul li .fileext-pdf:before { background: rgba(0, 0, 0, 0) url("https://www.jllennard.com.au/skin/frontend/jll/podpack/images/pdfIcon.png") no-repeat scroll 0 0; content: ""; display: block; height: 60px; margin: 0 auto 10px; width: 60px;} .product-collateral > dl > dd .tab-content ul li .fileext-docx:before { background: rgba(0, 0, 0, 0) url("https://www.jllennard.com.au/skin/frontend/jll/podpack/images/Wordicon.png") no-repeat scroll 0 0; content: ""; display: block; height: 60px; margin: 0 auto 10px; width: 60px;} .product-collateral > dl > dd .tab-content ul li .fileext-xlsx:before { background: rgba(0, 0, 0, 0) url("https://www.jllennard.com.au/skin/frontend/jll/podpack/images/Excelicon.png") no-repeat scroll 0 0; content: ""; display: block; height: 60px; margin: 0 auto 10px; width: 60px;} } @media only screen and (max-width: 770px) { .product-collateral .toggle-tabs { display: none; } .product-collateral > dl > dt { margin: 0; margin-bottom: 10px; font-size: 14px; font-family: 'ralewayextrabold'; color:#333333; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 10px 10px 10px 24px; border: 1px solid #cccccc; position: relative; display: block; } .product-collateral > dl > dt:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #b80838; border-bottom: none; left: 10px; top: 50%; margin-top: -3px; } .product-collateral > dl > dt:hover { background-color:#222222; } .product-collateral > dl > dd { padding: 10px; margin: 0; border-width: 0 1px; border-style: solid; border-color: #cccccc; } .product-collateral > dl > dd:last-child { border-width: 0 1px 1px 1px; } .product-collateral > dl > dt { cursor: pointer; border-bottom-width: 0; } .product-collateral > dl > dt:hover { color: #fff; } .product-collateral > dl > dt:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #b80838; border-right: none; } .product-collateral > dl > dt.last { border-bottom-width: 1px; } .product-collateral > dl > dd { display: none; } .product-collateral.accordion-open > dl > dt.current { border-bottom-width: 1px; } .product-collateral.accordion-open > dl > dt.current:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #b80838; border-bottom: none; left: 6px; top: 50%; margin-top: -3px; } .product-collateral.accordion-open > dl > dd.current { display: inline-block; width:100% } .product-collateral > dl > dd .tab-content ul li a{ min-width: 100px; text-align:center; padding:10px; margin-bottom:10px;} .product-collateral > dl > dd .tab-content ul li .fileext-pdf{ color:#FFF; background:#e41f35; float: left; margin-right: 10px;} .product-collateral > dl > dd .tab-content ul li .fileext-docx{ color:#FFF; background:#2B5695; float: left; margin-right: 10px;} .product-collateral > dl > dd .tab-content ul li .fileext-xlsx{ color:#FFF; background:#1d7146; float: left; margin-right: 10px;} .product-collateral > dl > dd .tab-content ul li .fileext-pdf:before { background: rgba(0, 0, 0, 0) url("https://www.jllennard.com.au/skin/frontend/jll/podpack/images/pdfIcon.png") no-repeat scroll 0 0; content: ""; display: block; height: 60px; margin: 0 auto 10px; width: 60px;} .product-collateral > dl > dd .tab-content ul li .fileext-docx:before { background: rgba(0, 0, 0, 0) url("https://www.jllennard.com.au/skin/frontend/jll/podpack/images/Wordicon.png") no-repeat scroll 0 0; content: ""; display: block; height: 60px; margin: 0 auto 10px; width: 60px;} .product-collateral > dl > dd .tab-content ul li .fileext-xlsx:before { background: rgba(0, 0, 0, 0) url("https://www.jllennard.com.au/skin/frontend/jll/podpack/images/Excelicon.png") no-repeat scroll 0 0; content: ""; display: block; height: 60px; margin: 0 auto 10px; width: 60px;} } @media only screen and (max-width: 770px) { .product-view .product-shop, .product-view .add-to-cart-wrapper, .product-view .block-related, .product-img-box, .product-collateral { width: 100%; float: none; padding-right: 0; padding-left: 0; } } @media only screen and (min-width: 771px) { .product-view .product-shop .product-name { display: block; } .product-img-box .product-name { display: none; } } @media only screen and (max-width: 479px) { .product-view .product-shop, .product-img-box, .product-collateral, .product-view .block-related, .box-collateral { margin-bottom: 15px; } } .product-view .ratings .rating-links { clear: left; float: left; margin-top: 0; } #product-attribute-specs-table { max-width: 50em; border: 1px solid silver; } #product-attribute-specs-table th { border-right: 1px solid silver; border-bottom: 1px solid silver; } /* -------------------------------------------- * * Catalog - Grouped Product List */ .grouped-items-table-wrapper { border: solid 1px silver; width: 100%; padding: 10px; margin-bottom: 15px; } .grouped-items-table-wrapper tbody tr:last-child td { border-bottom: none; } @media only screen and (max-width: 479px) { .grouped-items-table-wrapper { margin-bottom: 15px; } } .grouped-items-table .name-wrapper { color: #b80838; } .grouped-items-table .qty-wrapper { padding-top: 7px; } .grouped-items-table .qty-label { margin-left: 7px; } .grouped-items-table td { padding: 4px; } .grouped-items-table td:last-child { width: 30%; text-align: left; } .grouped-items-table .price-box { text-align: right; } /* -------------------------------------------- * * Catalog - Product Options */ .product-options { width: 100%; margin: 10px 0 0; padding: 10px 15px 15px; border: 1px solid #cccccc; clear: both; position: relative; } .product-options p.required { position: absolute; top: 6px; right: 15px; text-align: right; } @media only screen and (max-width: 979px) { .product-view .product-options .required { position: static; } } .product-options dt { margin: 10px 0 3px; font-weight: normal; } .product-options dt:first-child { margin-top: 0; } .product-options dd .qty-holder { display: block; padding: 10px 0 0 0; } .product-options dd .qty-holder .qty { width: 3em; } .product-options dd .qty-holder label { vertical-align: middle; } .product-options dd .qty-disabled { background: none; border: 0; padding: 0 2px; } .product-options dd { padding: 0 0 10px 0; margin: 0 0 5px; border-bottom: 1px solid #ededed; } .product-options dl.last dd.last { border-bottom: 0; padding-bottom: 5px; margin-bottom: 0; } .product-options dd .input-text { width: 98%; } .product-options dd .input-box { padding-top: 0; } .product-options dd input.datetime-picker { width: 150px; } .product-options dd .time-picker { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; padding: 2px 0; vertical-align: middle; } .product-options dd textarea { width: 98%; height: 8em; } .product-options dd select { /* width: 330px; */ max-width: 100%; } .product-options ul.options-list { margin-right: 5px; } .product-options ul.options-list li { line-height: 1.5; margin-bottom: 7px; } .product-options ul.options-list li:last-child { margin-bottom: 0; } .product-options ul.options-list .radio, .product-options ul.options-list .checkbox { float: left; margin-top: 5px; } .product-options ul.options-list .label { display: block; } .product-options ul.options-list label { font-weight: normal; } .product-options p.note { margin: 0; font-size: 11px; } .product-options-bottom { background-color: #f4f4f4; padding: 15px 20px; border: 1px solid #cccccc; border-top: 0; margin-bottom: 10px; } .product-options-bottom:after { content: ''; display: table; clear: both; } .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { float: right; margin: 0; padding: 0 0 10px; border: 0; background: 0; color: #636363; } @media only screen and (max-width: 1199px) { .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { float: none; width: 100%; text-align: right; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #cccccc; } } .product-options-bottom .tier-prices li { background: 0; padding: 2px 0; } .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit { color: #636363; } /* "display: none" should be removed if products on site have a long list of product options and those product options */ /* affect the price so that the customer can see the updated price close to the "Add to Cart" button */ .product-options-bottom .price-box { display: none; float: right; margin: 0 0 10px; padding: 0; } @media only screen and (max-width: 479px) { .product-options-bottom .price-box .price-as-configured { text-align: right; } .product-options-bottom .price-box .price-as-configured .price-label { display: block; } } .product-options-bottom .price-tax { float: left; } /* -------------------------------------------- * * Related Products */ /* Block: Related */ .block-related li { margin-bottom: 7px; } .block-related .block-title { border-bottom: none; } .block-related .block-title h2 { margin: 0; margin-bottom: 0.5em; color: #636363; font-size: 24px; font-family: 'latobold'; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; margin-bottom: 0; } .block-related .block-subtitle { margin-bottom: 7px; } .block-related .product { margin-left: 20px; position: relative; } .block-related .checkbox { float: left; margin-top: 36px; } .block-related .product-details { margin-left: 90px; } .block-related .product-name { margin-bottom: 3px; } .block-related .product-details .price-box { margin: 2px 0 3px; } .block-related .product-details .price-box a, .block-related .product-details .price-box p, .block-related .product-details .price-box span { float: left; margin-left: 3px; } .block-related .product-details .price-box a:first-child, .block-related .product-details .price-box p:first-child, .block-related .product-details .price-box span:first-child { margin-left: 0; font-size: 16px; padding-right: 5px; padding-left: 5px; } .block-related .product-details .price-box:after { content: ''; display: table; clear: both; } .block-related .link-wishlist { display: none; } /* -------------------------------------------- * * Upsell Products */ .box-up-sell { margin-top: 20px; } .box-up-sell .ratings { display: none; } /* ============================================ * * Catalog - MSRP MAP Popup * ============================================ */ .cart-msrp-totals { color: red; font-size: 12px !important; font-family: 'latobold'; margin: 10px 10px 0; padding: 10px; text-align: right; text-transform: uppercase; } .map-cart-sidebar-total { color: red; display: block; font-size: 10px; font-family: 'latobold'; text-align: left; padding: 2px 5px; } .map-popup { background: #FFFFFF; border: 5px solid #cccccc; margin: 12px 0 0; position: absolute; text-align: left; width: 450px; z-index: 100; } @media only screen and (min-width: 771px) { .map-popup.map-popup-right { left: 10px !important; } .map-popup.map-popup-left { left: auto !important; right: 10px !important; } } @media only screen and (max-width: 770px) { .map-popup { width: 100%; left: 0px !important; } } .map-popup .map-popup-heading { padding: 8px 10px; margin-right: 40px; width: auto; } .map-popup .map-popup-heading h3 { font-size: 14px; margin: 0; overflow: hidden; white-space: nowrap; word-wrap: break-word; text-align: left; text-overflow: ellipsis; } @media only screen and (max-width: 479px) { .map-popup .map-popup-heading h3 { text-align: center; } } .map-popup .map-popup-close { display: block; position: absolute; top: 0px; right: 0px; height: 36px; width: 36px; font-size: 20px; line-height: 32px; text-align: center; } .map-popup .map-popup-content { border-top: 1px solid #ededed; padding: 10px; margin: 0 10px; overflow: hidden; text-align: left; } @media only screen and (max-width: 479px) { .map-popup .map-popup-content { text-align: center; } } .map-popup .map-popup-checkout { padding: 10px 0; } .map-popup .map-popup-checkout form:after { content: ''; display: table; clear: both; } .map-popup .map-popup-checkout span { display: block; } .map-popup .map-popup-checkout .button { float: left; margin: 0 2px; clear: left; } .map-popup .map-popup-checkout .additional-addtocart-box { float: left; min-width: 210px; } .map-popup .map-popup-checkout .additional-addtocart-box li { list-style-type: none; } .map-popup .map-popup-checkout .paypal-logo { width: auto; } .map-popup .map-popup-checkout .paypal-logo a { display: inline-block; float: left; clear: left; } .map-popup .map-popup-checkout .paypal-logo .paypal-or { float: left; text-align: center; padding: 5px 15px; clear: left; } .map-popup .map-popup-checkout .paypal-logo:after { content: ''; display: table; clear: both; } .map-popup .map-popup-checkout .paypal-logo .bml_button a { clear: left; } @media only screen and (max-width: 479px) { .map-popup .map-popup-checkout { text-align: center; } .map-popup .map-popup-checkout .button, .map-popup .map-popup-checkout .additional-addtocart-box, .map-popup .map-popup-checkout .paypal-logo a, .map-popup .map-popup-checkout .paypal-logo .paypal-or { float: none; } .map-popup .map-popup-checkout .additional-addtocart-box { min-width: 0px; } .map-popup .map-popup-checkout .paypal-logo .paypal-or { margin: 0px; margin-bottom: 10px; } } .map-popup .map-popup-checkout:after { content: ''; display: table; clear: both; } .map-popup .map-popup-price { padding: 10px 0; } @media only screen and (max-width: 479px) { .map-popup .map-popup-price { text-align: center; padding-top: 0px; } } .map-popup .map-popup-price .price-box, .map-popup .map-popup-price .price-box .special-price { display: inline-block; margin: 0; padding: 0; } .map-popup .map-popup-price .price-box .minimal-price-link { display: inline-block; } .map-popup .map-popup-text { padding: 10px 0; margin: 0 10px; word-wrap: break-word; } .map-popup .map-popup-text, .map-popup .map-popup-only-text { border-top: 1px solid #ededed; } /* ============================================ * * Catalog - MSRP Product Listing * ============================================ */ .price-box .map-link { display: block; text-align: center; } /* ============================================ * * Catalog - Compare * ============================================ */ .block-compare .product-name:after { content: ''; display: table; clear: both; } .compare-table .product-image { display: inline-block; } .compare-table .product-shop-row.top td { padding-bottom: 0; border-bottom: 0; } .compare-table .product-shop-row.bottom td { padding-top: 0; } .cart .page-title { margin-bottom: 15px; /* border-bottom: 1px solid #ededed; */ } .cart .page-title:after { content: ''; display: table; clear: both; } .cart .page-title h1 { float: left; border-bottom: none; margin-bottom: 0; margin-right: 10px; padding: 6px 0 5px; } .checkout-types { float: right; text-align: right; max-width: 100%;/* We always want this shipping method to display on its own line */ } .checkout-types li { vertical-align: top; margin: 0 0 5px 5px; } .checkout-types li:after { content: ''; display: table; clear: both; } .checkout-types li img { display: inline; vertical-align: top; } .checkout-types li:first-child { margin-left: 0; } .checkout-types .method-checkout-cart-methods-multishipping { display: block; } .checkout-types.top li { display: inline-block; } .checkout-types.top .bml_button { display: inline-block; vertical-align: top; } .checkout-types.top .bml_button img { display: block; } .checkout-types.top .paypal-logo .paypal-or { margin-top: 5px; } .checkout-types.bottom .paypal-logo a, .checkout-types.minicart .paypal-logo a { display: block; } .checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or { margin: 0px; display: block; text-align: center; } @media only screen and (min-width: 741px) { .checkout-types.bottom .paypal-or { text-align: right; padding-right: 70px; } } /* ============================================ * * Checkout - Cart Cross sell * ============================================ */ .crosssell h2 { color: #b80838; } .crosssell .item a.product-image { width: auto; float: left; } .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; } .products-list li:before, .products-list li:after { content: ''; display: table } .products-list li:after { clear: both; } .products-list li { zoom: 1; padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 10px } .products-list li:last-child { margin-bottom: 0; padding-bottom: 0; } .products-list .product-image { display: block; float: left; width: 35%; } .products-list .product-shop { float: left; padding-left: 20px; width: 65%; } /* Change the layout to 2 columns at a breakpoint that is higher than a 3 columns layout would normally break */ @media only screen and (max-width: 979px) { .crosssell { /* Undo three-column config */ } .crosssell .products-grid > li:nth-child(even), .crosssell .products-grid > li:nth-child(3n), .crosssell .products-grid > li { width: 47.72727%; margin-right: 4.54545%; } .crosssell .products-grid > li:nth-child(odd) { clear: left; } .crosssell .products-grid > li:nth-child(even) { margin-right: 0; } .crosssell .products-grid > li:nth-child(3n+1) { clear: none; } } @media only screen and (max-width: 599px) { .cart-table .cart-tax-total:after { right: -9px; } .cart-table .cart-tax-total.cart-tax-total-expanded:after { right: -13px; } } @media only screen and (max-width: 320px) { .crosssell ul .item { padding: 0 0px 40px; } .crosssell ul .product-details .crosssell-actions { padding: 0 5px; } } /* ============================================ * * Configurable Swatches * ============================================ */ /* Clears */ .clearfix:after, .configurable-swatch-list:after, .product-view .product-options .swatch-attr:after { content: ''; display: table; clear: both; } /* General Swatch Styling */ .swatch-link, .swatch-label { display: block; border-radius: 3px; font-size: 14px; text-align: center; color: #636363; text-decoration: none; box-sizing: content-box; } .swatch-link { border: 1px solid #cccccc; margin: 0 0 3px; } .swatch-link img { border-radius: 2px; } .swatch-link:hover { cursor: pointer; text-decoration: none; } .swatch-link .x { display: none; text-indent: -999em; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/bg_x.png) center no-repeat transparent; z-index: 10; } .swatch-link.has-image .swatch-label { position: relative; } .swatch-link.has-image img { position: absolute; top: 0; left: 0; } .swatch-label { border: 1px solid #fff; margin: 0; white-space: nowrap; background: #f4f4f4; } .configurable-swatch-list { margin-left: -3px; zoom: 1; clear: both; -webkit-transform: translateZ(0px); } .configurable-swatch-list li { float: left; zoom: 1; margin: 0 0 0 3px; } .products-grid .configurable-swatch-list li { display: inline-block; float: none; margin: 0; vertical-align: top; } .configurable-swatch-list .not-available .x { display: block; } .configurable-swatch-list .not-available .swatch-link { border-color: #ededed; position: relative; } .configurable-swatch-list .not-available .swatch-link.has-image img { opacity: 0.4; filter: alpha(opacity=40); } .configurable-swatch-list .not-available .swatch-label { color: #aaa; background: #fff; } .configurable-swatch-list .wide-swatch .swatch-label { padding: 0 6px; } .configurable-swatch-list .not-available a:focus { outline: 0; } #narrow-by-list dd .configurable-swatch-list li { margin: 0 0 0 3px; width: 47%; } #narrow-by-list dd .swatch-link { border: none; line-height: 25px; margin-right: 2px; text-align: left; } #narrow-by-list dd .swatch-link.has-image { line-height: inherit; } #narrow-by-list dd .swatch-link:hover .swatch-label { border-color: #b80838; } #narrow-by-list dd .swatch-label { background: #f4f4f4; border: 1px solid #cccccc; border-radius: 3px; display: block; float: left; line-height: 1.5em; margin: 0 5px 0 0; padding: 1px 5px; white-space: nowrap; } #narrow-by-list dd .swatch-label img { border: 1px solid #fff; border-radius: 3px; box-sizing: content-box; } #narrow-by-list dd .has-image .swatch-label { padding: 0; } @media only screen and (max-width: 770px) { #narrow-by-list dd .configurable-swatch-list li:nth-child(odd) { clear: left; } } .currently .swatch-current { position: relative; } .currently .swatch-current .btn-remove { margin-top: -10px; position: absolute; right: 0; top: 50%; } .currently .swatch-current span { display: block; float: left; } .currently .swatch-link { display: inline-block; margin: 0 0 0 3px; } .currently .swatch-link:hover { border-color: #cccccc; cursor: default; } /* Other Swatch States */ .configurable-swatch-list .hover .swatch-link, .configurable-swatch-list .selected .swatch-link, .swatch-link:hover { border-color: #b80838; } .configurable-swatch-box { background: none !important; } .configurable-swatch-box select.swatch-select { display: none; } .configurable-swatch-box .validation-advice { margin: 0 0 5px; background: #df280a; padding: 2px 5px !important; font-family: 'latobold'; color: #fff !important; float: left; display: block; border-radius: 3px; } /* CUSTOM */ .availability.out-of-stock span { color: #a0a0a0; } .product-view .product-options .swatch-attr { float: none; display: block; clear: both; border: 0; } .product-view .product-options .swatch-attr label, .product-view .product-options .swatch-attr .select-label { font-size: 12px; } .product-view .product-options .swatch-attr label { display: block; line-height: 1.3; } .product-view .product-options .swatch-attr .select-label { display: inline; font-weight: normal; color: #b80838; padding-left: 5px; } .product-view .product-options dd .input-box { width: auto; height: auto; } .product-view .product-options .select-label { display: none; } .product-view .add-to-cart button.out-of-stock { background-position: -80px -362px; cursor: default; } /* ============================================ * * Customer * ============================================ */ .customer-account-login .scaffold-form label { text-transform: uppercase; margin-bottom: 3px; } .customer-account-login .col2-set .buttons-set { text-align: left; border-top: 0; } .customer-account-login .col2-set .buttons-set button, .customer-account-login .col2-set .buttons-set .button { float: none; /* min-width: 50%; */ margin: 0; font-family: 'latobold'; font-size: 14px; } .flright { float: right; } .customer-account-login .col2-set .buttons-set button.button.flright { float: left; margin-left: 0; } .customer-account-login .col2-set .buttons-set button.customer-account-login .col2-set .col-1 ul { list-style: disc; padding-left: 0; margin: 10px 0 20px 0; } .customer-account-login .col2-set .buttons-set p.required { line-height: 37px; float: left; margin-left: 15px; } #login-form .col2-set { position: relative; } #login-form .col2-set .new-users a.button { background: #909090; position: relative; left: 0; } #login-form .col2-set .new-users a.button:hover { background: #b80838; } #login-form .registered-users { position: relative; } #login-form .registered-users:before { content: "OR"; display: block; position: absolute; left: -30px; font-family: 'latoitalic'; height: 60px; width: 60px; background: #FFF; border-radius: 50px; border: 2px solid #EAEAEA; line-height: 57px; text-align: center; font-size: 20px; top: 50%; margin-top: -30px; color: #777; font-weight: 600; } #login-form .registered-users .buttons-set { padding-top: 0px; } .customer-account-login .col2-set .col-1 { padding: 0px; padding-right: 115px; } .customer-account-login .col2-set .col-2 { padding: 0px; padding-left: 115px; border-left: 2px solid #EAEAEA; } .customer-account-login .new-users .field { padding-right: 175px; background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/create-icon.png) no-repeat 95% 15px; } .customer-account-login .registered-users .field { background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/login-icon.png) no-repeat 100% 20px; } .customer-account-login .registered-users input { max-width: 270px; line-height: normal; } .opc #opc-login p:not(.required) { font-size: 13px; color: #333; } .remember-me-box a.hide { display: none; } .remember-me-box .link-tip { font-size: 13px; padding-left: 10px; } .remember-me-popup { display: none; border: 1px solid #cccccc; padding: 10px; position: relative; } .remember-me-popup.show { display: block; } .remember-me-popup p { } .remember-me-popup .remember-me-popup-close { position: absolute; top: 0; right: 0; padding: 10px; font-size: 12px; } .remember-me-popup .remember-me-popup-close-button { display: none; } .customer-account-create .buttons-set { max-width: 455px; } .customer-account-create .fieldset, .customer-account-create .buttons-set { margin-left: 30px; } @media only screen and (max-width: 479px) { .customer-account-create .fieldset, .customer-account-create .buttons-set { margin-left: 0; } } .customer-account-create .fieldset .hidden { display: none; } .customer-account-create #remember-me-popup { max-width: 455px; } .customer-account-forgotpassword .fieldset, .customer-account-forgotpassword .buttons-set { margin-left: 0; max-width: 400px; } .customer-account-forgotpassword .fieldset ul.form-list { margin: 0 0 0 0; } .customer-account-forgotpassword .fieldset h2 { font-size: 17px; color: #404040; } .customer-account-forgotpassword form { background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/forgot-password.png) no-repeat 90% center; } @media only screen and (max-width: 479px) { .customer-account-forgotpassword .fieldset, .customer-account-forgotpassword .buttons-set { margin-left: 0; } } .customer-account-forgotpassword .fieldset .input-box input.input-text { width: 100%; } /* ============================================ * * My Account Global Styles * ============================================ */ .page-title { margin-top: -6px; } body.customer-account .my-account .page-title h1 { border: 0; text-align: left; margin-bottom: 7px; } body.customer-account .my-account .title-buttons { position: relative; text-align: right; } body.customer-account .my-account .title-buttons .button { position: absolute; right: 0; top: 0; } body.customer-account .my-account .title-buttons a, body.customer-account .my-account .title-buttons span.separator { position: relative; top: -42px; } body.customer-account .my-account .fieldset h2, body.customer-account .my-account .addresses-list h2, body.customer-account .my-account .order-details h2 { width: 100%; display: inline-block; font-size: 18px; line-height: 24px; font-family: 'latobold'; color: #606060; padding-bottom: 7px; margin-bottom: 13px; position: relative; } body.customer-account .data-table { margin-top: 5px; } body.customer-account .data-table td a { text-transform: uppercase; font-style: normal; font-size: 12px; } body.customer-account .data-table span.nobr { /* white-space: normal; */ } body.customer-account .data-table span.nobr a { white-space: nowrap; } body.customer-account .data-table th.total, body.customer-account .data-table td.total { text-align: right; } body.customer-account .data-table th.status, body.customer-account .data-table td.status { text-align: center; } body.customer-account .data-table td.view.last { text-align: center; } body.customer-account .data-table td.view a { display: inline-block; margin: 2px 0; } body.customer-account .data-table .separator { padding: 0 5px; } body.customer-account .sidebar .block ol#compare-items li { padding: 10px 20px 5px; margin-bottom: 0px; } body.customer-account .sidebar ol#compare-items li p.product-name { margin-bottom: 0; } body.customer-account .sidebar .block .block-content p.block-subtitle { margin-bottom: 15px; } body.customer-account .sidebar .block .block-content .actions { margin: 10px 20px; } body.customer-account .sidebar ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0; } body.customer-account .sidebar ol#cart-sidebar-reorder li p.product-name { display: inline-block; margin-bottom: 0; } body.customer-account .sidebar .block-cart .summary { margin-bottom: 15px; } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0; position: relative; } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li input { margin-right: 4px; position: relative; top: 2px; } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li input.checkbox { cursor: pointer; height: 20px; margin-right: 0; opacity: 0; position: absolute; top: 2px; left: 13px; width: 20px; z-index: 99999999; clip: rect(auto, auto, auto, auto); } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder p.product-name { display: inline; margin-bottom: 0; } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder label a { margin-bottom: 0; color: #303030; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day { width: 40px; float: left; margin-right: 10px; } .form-list .customer-dob .dob-year { width: 80px; float: left; } #cart-sidebar-reorder-advice-container{padding:5px 0 0 20px;} /* ============================================ * * Dashboard * ============================================ */ .dashboard .box-head { border-bottom: 1px solid #cccccc; padding-bottom: 7px; } .dashboard .box-head h2 { font-size: 15px; font-family: 'latobold'; display: inline-block; margin-bottom: 0; } .dashboard .box-head a { padding: 10px; } .dashboard .box-title a, .dashboard .box-head a { text-transform: uppercase; font-size: 12px; } .my-account .box-title-inner { display: inline-block; position: relative; padding-right: 50px; } .my-account .box-title a { font-size: 0px; height: 18px; width: 18px; display: block; position: absolute; right: 5px; top: 0; text-indent: -9999px; } body.customer-account-index .my-account .box-title a {/* right:10px; */ } .dashboard .box-account p, .dashboard .box-account address { /*font-style: italic;*/ } .dashboard .col2-set .col-1 .box-title, .dashboard .col2-set .col-2 .box-title { padding-bottom: 10px; } .dashboard .col2-set .box-title:before, .dashboard .col2-set .box-title:after { content: ''; display: table } .dashboard .col2-set .box-title:after { clear: both } .dashboard .col2-set .box-title { zoom: 1; } .dashboard .col2-set .col-1 .box-title h2, .col2-set .box-title h3, .dashboard .col2-set .col-2 .box-title h2 { font-family: 'latobold'; font-size: 14px; color: #616161; } .dashboard .col2-set .col-1 .box-title a, .dashboard .col2-set .col-2 .box-title a { line-height: 19.6px; } .dashboard .box-reviews.box-account { padding-bottom: 0; } .dashboard .box-reviews li { padding: 10px 0; border-top: 1px solid #ededed; } .dashboard .box-reviews li:first-child { border-top: 0; } .dashboard .box-reviews li .number { margin-right: -20px; float: left; line-height: 1.4; font-size: 13px; } .dashboard .box-reviews li .details { margin-left: 20px; } .dashboard .box-reviews li .details .ratings { content: ''; display: table; clear: both; margin-bottom: 0; } .dashboard .box-reviews li .details .ratings strong { float: left; font-size: 13px; margin-right: 5px; } .dashboard .box-reviews li .details .ratings .rating-box { float: left; margin: 3px 0 0 0; } .dashboard .welcome-msg { margin-bottom: 30px; } /* ============================================ * * Address Book * ============================================ */ .my-account { /* min-height:800px; */ } .customer-account-edit .my-account { background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/account-information-bg.png) no-repeat 80% 105px; margin-bottom: 30px; } .my-account .addresses-list { } .my-account .addresses-list .item:first-child { padding-left: 0; border-left: 0px; border-right: 1px solid #cccccc; } .my-account .addresses-list .item { margin: 0 0 30px 0; position: relative; padding: 0 5% 0 13%; width: 50%; float: left; } .my-account .addresses-list .item p { margin-top: 10px; } .my-account .addresses-list .item p a { background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon-edit.png) no-repeat center bottom; position: absolute; top: 2px; font-size: 0px; height: 18px; width: 18px; right: 35px; } .my-account .addresses-list .item p a.link-remove { background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) no-repeat 1px -648px; position: absolute; top: 0px; font-size: 0px; height: 20px; width: 20px; right: 10px; } .my-account .addresses-list .item p a:hover { opacity: .5; } body.customer-address-index .my-account { background: none; min-height: inherit; } body.sales-order-history .my-account { background: none; min-height: inherit; } body.wishlist-index-index .my-account { background: none; min-height: inherit; } body.customer-account-index .my-account { background: none; min-height: inherit; } .my-account .addresses-list .col-2.addresses-additional { border-top: 1px solid #cccccc; clear: both; padding-top: 15px; } @media only screen and (max-width: 770px) { .my-account .addresses-list .col2-set { padding-top: 10px; } .my-account .addresses-list .col-1, .my-account .addresses-list .col-2 { width: 100%; padding-top: 0; } .my-account .addresses-list .col-1 li.empty, .my-account .addresses-list .col-2 li.empty { width: 100%; } .col2-set .col-2 .box { max-width: none; margin-left: 0; } } @media only screen and (max-width: 599px) { .my-account .addresses-list .addresses-additional p a { white-space: nowrap; } } /* ============================================ * * Order View * ============================================ */ .order-info { padding-bottom: 10px; border-bottom: 1px solid #ededed; width: 100%; margin-bottom: 30px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display: inline; } .order-info dt { margin-right: 5px; } .order-info li { margin: 0 0 0 20px; } .order-info li.current { font-family: 'latobold'; } .order-info li:first-child { margin-left: 0; } .order-date { text-transform: uppercase; } .order-info-box + .order-info-box { padding-bottom: 40px; border-bottom: 1px solid #ededed; } .order-info-box .col-1 { padding: 0; width: 50%; } .order-info-box .col-2 { width: 50%; } .order-info-box .col-1, .order-info-box .col-2 { overflow: hidden; padding-top: 0; padding-bottom: 0; } .order-info-box .box-title { width: auto; padding-right: 10px; float: left; } .order-info-box .box-title h2 { font-size: 14px; font-family: 'latobold'; line-height: 1.5; } .order-info-box .box-title h2:after { content: ':'; } .order-info-box .box-content { float: left; clear: both; } .order-info-box .box-content td, .order-info-box .box-content th { line-height: 1.3; } .order-info-box .box-content th { padding-top: 10px; } .order-info-box .box-content td { padding-left: 15px; } .order-info-box .box-content strong { font-weight: normal; text-transform: uppercase; } .MyOrders-Select { display: inline; width: 70px; overflow: hidden; float: right; border: 0px solid #cecece; } .MyOrders-Select select { /* background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon-select-arrow.png) no-repeat 58% center; */ padding: 6px 3px; width: 138%; max-width: none; border: 0px; } #my-orders-table .option-label { margin-left: 10px; font-family: 'latobold'; font-style: italic; } #my-orders-table .option-value { margin-left: 20px; } #my-orders-table tr.bundle:not(:last-child) td { border-bottom: none; border-top: none; } ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0; } ol#cart-sidebar-reorder li input { margin-right: 10px; } ol#cart-sidebar-reorder p.product-name { display: inline; } @media only screen and (max-width: 599px) { #my-orders-table .option-label { margin-left: 20px; } #my-orders-table .option-value { margin-left: 35px; } #my-orders-table td[data-rwd-label=Qty] .nobr br { display: none; } #my-orders-table td[data-rwd-label=Qty] .nobr strong { margin-right: 10px; } #my-orders-table tr.bundle { border-color: #ededed; } #my-orders-table tr.bundle.child td[data-rwd-label] { padding-left: 60px; } #my-orders-table tfoot tr.shipping { margin-top: 0; } } .order-additional { margin: 40px 0; } .order-gift-message dd { margin-top: 10px; } @media only screen and (max-width: 1199px) { body.customer-account .data-table td.view a { white-space: nowrap; } } @media only screen and (max-width: 979px) { body.customer-account .my-account .title-buttons { text-align: left; } body.customer-account .my-account .title-buttons span.separator, body.customer-account .my-account .title-buttons a { top: -12px; } } @media only screen and (max-width: 770px) { .order-info-box .box-content { clear: left; } .addresses-list .item { float: left; width: 50%; padding-right: 30px; } .order-info dt { display: none; } .dashboard .page-title { margin-top: 20px; } .dashboard .page-title h1 { margin-top: 0; } .dashboard .welcome-msg .hello { /* font-style: italic; */ } .dashboard .box-account { padding-bottom: 15px; margin-bottom: 30px; } .dashboard .col2-set .col-1 { float: left; margin-right: 4%; } .dashboard .col2-set .col-2 { float: right; } } @media only screen and (max-width: 599px) { body.customer-account .my-account .form-list .control { padding-left: 0; } } @media only screen and (max-width: 479px) { body.customer-account .my-account .page-title h1 { text-align: left; } body.customer-account .my-account .title-buttons { text-align: left; } body.customer-account .my-account .title-buttons .button + .button { margin-left: 0px; } body.customer-account .my-account .fieldset h2 { margin-bottom: 15px; } body.customer-account .my-account .order-details h2 { margin-bottom: 15px; } body.customer-account .my-account .buttons-set { border-top: 0; } body.customer-account .my-account .addresses-list .item { margin-bottom: 15px; padding-right: 0; float: none; width: auto; } .order-info { margin-top: 15px; } .data-table.orders .link-reorder, .data-table.orders .date { display: none; } .data-table.orders td.view { text-align: right; } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { width: 100%; margin-top: 15px; } .order-info-box { margin: 0; } .order-info-box .col-1{border-bottom: 1px solid #ededed; padding-bottom:10px;} .order-info-box .col-1, .order-info-box .col-2 { width: 100%; } .order-info-box .col-2{padding-top:10px;} .order-info-box + .order-info-box { padding-bottom: 0; border-bottom: 0; margin-bottom: 30px; } #my-reviews-table .nobr { white-space: normal; } } /* ============================================ * * Newsletter Subscriptions * ============================================ */ body.newsletter-manage-index .my-account .fieldset { margin-bottom: 20px; } body.newsletter-manage-index .my-account .fieldset h2 { display: none; } body.newsletter-manage-index .my-account .form-list { border-top: 1px solid #ededed; padding-top: 10px; } /* ============================================ * * Contacts * ============================================ */ .contacts-index-index .buttons-set { margin-left: 30px; max-width: 435px; } .contacts-index-index .buttons-set p.required { float: left; } @media only screen and (max-width: 599px) { .contacts-index-index .buttons-set { max-width: 330px; margin-left: 0; } .contacts-index-index .buttons-set button { float: left; margin-left: 0px; } .contacts-index-index .buttons-set p.required { float: right; } } /* ============================================ * * PayPal * ============================================ */ @media only screen and (max-width: 870px) and (min-width: 771px) { .paypal-review-order .col2-set .col-1, .paypal-review-order .col2-set .col-2 { padding: 0px; } } .paypal-review-order .info-set { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ededed; } .paypal-review-order .buttons-set { margin-top: 0px; padding-top: 0px; border: 0; } .paypal-review-order .buttons-set button { margin-bottom: 10px; } @media only screen and (max-width: 770px) { .paypal-review-order .col-1 { padding-bottom: 0; } .paypal-review-order .field.inactive { display: none; } } .top-container .bml-ad { margin-top: 7px; margin-bottom: 7px; text-align: center; } .top-container .bml-ad span { display: inline-block; } .top-container .bml-ad span a { display: block; } .bml-ad { display: none; text-align: center; margin-bottom: 5px; } .bml-ad span { display: block; line-height: 0; } .bml-ad a { display: inline-block; max-width: 100%; } .bml-ad a:hover { opacity: 0.7; } .bml-ad img { height: auto !important; max-width: 100%; } .cart-totals-wrapper .bml-ad.large img { display: block; margin: 0; } @media only screen and (max-width: 770px) { .bml-ad.small { display: block; } } @media only screen and (min-width: 771px) { .bml-ad.large { display: block; } } div.paypal-logo { text-align: center; margin: 15px 0; max-width: 100%; } div.paypal-logo span { display: block; width: 100%; } div.paypal-logo span a { display: inline-block; max-width: 100%; } div.paypal-logo span a img { max-width: 100%; } div.paypal-logo span > img { display: none; } .checkout-types div.paypal-logo { text-align: right; } .bml-checkout-type { list-style-type: none; } .sidebar .paypal-logo { text-align: center; line-height: 0; } .sidebar .paypal-logo > a { display: inline-block; max-width: 100%; } .sidebar .paypal-logo > a:hover { opacity: 0.8; } .sidebar .paypal-logo > a img { display: block; } .sidebar .paypal-logo .label { margin-top: 4px; } .sidebar .paypal-logo .label a { font-size: 12px; line-height: 1.5; } /* ============================================ * * Review - Customer * ============================================ */ #customer-reviews { width: auto; float: none; } #customer-reviews .review-heading { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 10px 0 5px; } #customer-reviews .review-heading:after { content: ''; display: table; clear: both; } #customer-reviews .review-heading h2 { float: left; display: block; } #customer-reviews .review-heading .pager { clear: none; float: right; width: auto; } #customer-reviews .review-heading .pager .count-container .limiter { margin-bottom: 0; } #customer-reviews .review-heading .pager .count-container .limiter label { font-size: 10px; text-transform: uppercase; } #customer-reviews .review-heading .pager .amount { display: none; } #customer-reviews h2 { color: #b80838; font-size: 12px; text-transform: uppercase; } #customer-reviews h2 span { color: #636363; } #customer-reviews h3 { font-size: 12px; font-weight: normal; text-transform: uppercase; } #customer-reviews h3 span { color: #b80838; } #customer-reviews .fieldset { padding-top: 25px; width: 470px; } #customer-reviews .fieldset h4 { border-bottom: 1px solid #cccccc; font-size: 12px; font-weight: normal; padding-bottom: 5px; text-transform: uppercase; } #customer-reviews .fieldset h4 em { display: none; } #customer-reviews .fieldset .form-list { font-size: 12px; font-weight: normal; margin: 10px 0; text-transform: uppercase; width: 470px; } #customer-reviews .fieldset .form-list .inline-label:after { content: ''; display: table; clear: both; } #customer-reviews .fieldset .form-list label { font-size: 12px; font-weight: normal; } #customer-reviews .fieldset .form-list textarea { border: 1px solid #cccccc; border-radius: 0; min-width: 100%; -webkit-appearance: none; } #customer-reviews .fieldset .form-list input { border: 1px solid #cccccc; border-radius: 0; } #customer-reviews .fieldset .form-list input[type="text"] { width: 100%; } #customer-reviews .buttons-set { border: none; margin: 0; width: 470px; } #customer-reviews dl { font-size: 12px; font-weight: normal; margin-bottom: 10px; } #customer-reviews dl dt { margin: 10px 0; text-transform: uppercase; } #customer-reviews dl dd { font-size: 14px; margin: 10px 0; } #customer-reviews dl dd .ratings-table { font-size: 12px; width: 100%; } #customer-reviews dl dd .ratings-table tr { margin-right: 15px; } #customer-reviews dl dd .ratings-table .review-label { width: 300px; max-width: 70%; } #customer-reviews dl dd table { margin: 15px 0; } #customer-reviews dl dd .review-meta { color: #b80838; font-size: 10px; font-weight: normal; text-transform: uppercase; } .review-summary-table { border-bottom: 1px solid #cccccc; margin: 0 0 10px; } .review-summary-table thead { background: transparent; } .review-summary-table thead th { background: transparent; border: none; padding: 15px 7px 10px 8px; } .review-summary-table tbody th { background: #FFFFFF; font-size: 12px; } .review-summary-table tbody td { border: none; text-align: center; padding: 0; } .review-summary-table tbody td label { width: 100%; display: block; padding: 11px 0; } .review-summary-table .rating-box .rating-number { display: none; } .review-summary-table .rating-box .rating-number:after { content: ""; display: inline-block; background-position: 0px -599px; width: 13px; height: 14px; margin-left: 5px; position: relative; top: 2px; } /* ============================================ * * Ratings - Global * ============================================ */ .ratings-table { font-size: 12px; text-transform: uppercase; } .ratings-table th { padding-right: 10px; } .ratings-table .rating-box { background-position: 0 -615px; background-repeat: repeat-x; height: 13px; overflow: hidden; text-indent: -9999px; width: 65px; } .ratings-table .rating-box .rating { background-position: 0 -600px; background-repeat: repeat-x; float: left; height: 13px; text-indent: -9999px; } @media only screen and (max-width: 770px) { body.review-product-list .product-view .product-shop .price-info { padding-left: 0; } body.review-product-list .product-view .product-shop .extra-info { padding: 0; min-width: 84%; } body.review-product-list .product-view .product-shop .extra-info .ratings-table { margin: 10px 0; width: 100%; } body.review-product-list .product-view .product-shop .extra-info .ratings-table tr { margin-right: 15px; } } @media only screen and (max-width: 535px) { body.review-product-list .product-view .product-shop .extra-info { min-width: 0; } body.review-product-list .product-view .product-shop .extra-info .ratings-table tr { float: none; margin-right: 0; } } @media only screen and (max-width: 520px) { #customer-reviews .fieldset { width: 100%; } #customer-reviews .fieldset .form-list { width: 100%; } #customer-reviews .fieldset .form-list .inline-label label, #customer-reviews .fieldset .form-list .inline-label .input-box { float: none; } #customer-reviews .buttons-set { width: 100%; } #customer-reviews .review-summary-table thead th { padding-left: 0px; padding-right: 0px; } #customer-reviews .review-summary-table tbody th { padding-left: 0px; padding-right: 0px; } #customer-reviews .review-summary-table tbody td { width: 20%; padding: 0px; } #customer-reviews .review-summary-table .rating-box { text-indent: 0px; text-align: center; background: none; height: 19.6px; width: 100%; } #customer-reviews .review-summary-table .rating-box .rating { display: none; } #customer-reviews .review-summary-table .rating-box .rating-number { display: inline-block; } } @media only screen and (max-width: 450px) { #customer-reviews dl dd .ratings-table tr { float: none; } } /* ============================================ * * Review View Page * ============================================ */ .review-product-view .product-review .product-details h2 { border-bottom: none; } .review-product-view .product-review .product-img-box { width: auto; max-width: 50%; } .review-product-view .product-review .product-img-box > a { width: 100%; } .review-product-view .product-review .product-img-box .product-image { width: 100%; } @media only screen and (max-width: 770px) { .review-product-view .product-review .product-img-box { max-width: 100%; } } /* ============================================ * * Slideshow * ============================================ */ .slideshow-container { position: relative; display: block; width: 100%; margin:0px 0; } .slideshow-container .slideshow { width: 100%; padding: 0; position: relative; margin: 0;} .slideshow-container .slideshow > li { overflow:hidden; position: absolute; top: 0; left: 0; width: 100%; padding: 0; display: block; margin: 0; background:#000;} .slideshow-container .slideshow > li:first-child { position: static; z-index: 100; } .slideshow-container .slideshow > li img { overflow:hidden; opacity: 0.5; max-width: inherit; width: auto; height:100%; transform:translateX(-50%) translateY(-0%); -o-transform:translateX(-50%) translateY(-0%); -webkit-transform:translateX(-50%) translateY(-0%); -o-transform:translateX(-50%) translateY(-0%); -ms-transform:translateX(-50%) translateY(-0%); -moz-transform:translateX(-50%) translateY(-0%); left:50%; position:relative;} .slideshow-pager { display:none; text-align: center; width: 100%; z-index: 115; position: absolute; bottom: 0px; top: auto; overflow: hidden; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .slideshow-pager span { font-family: arial; width: 20px; height: 20px; display: inline-block; color: #DDDDDD; cursor: pointer; } .slideshow-pager span:before { content: ''; display: block; width: 10px; height: 10px; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px; border-radius: 1px; background-color: #FFFFFF; position: relative; } .slideshow-pager span:hover:before { background-color: #b80838; } .slideshow-pager span.cycle-pager-active:before { background-color: #b80838; } .slideshow-pager > * { cursor: pointer; } .slideshow-prev, .slideshow-next { position: absolute; top: 0; width: 15%; max-width: 80px; height: 100%; opacity: 0.6; z-index: 110; cursor: pointer; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .slideshow-prev:before, .slideshow-next:before { content: ''; width: 0; height: 0; font-size: 0; position: absolute; border-style: solid; display: block; top: 50%; margin-top: -15px; } .slideshow-prev:hover, .slideshow-next:hover { opacity: 1; } .slideshow-prev.disabled, .slideshow-next.disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; cursor: default; } .slideshow-prev { left: 8px; } .slideshow-prev:before { border-width: 15px 15px 15px 0; border-color: transparent #b80838 transparent transparent; top: 50%; left: 10px; } .slideshow-prev:hover:before { border-color: transparent #2e8ab8 transparent transparent; } .slideshow-next { right: 8px; } .slideshow-next:before { border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #b80838; top: 50%; right: 10px; } .slideshow-next:hover:before { border-color: transparent transparent transparent #303030; } .cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 110; } .cycle-overlay { font-family: tahoma, arial; position: absolute; bottom: 0; width: 100%; z-index: 120; background: black; color: white; padding: 15px; opacity: .5; } .banner { position: relative; width: 100%;} .homebanner-mobile{ display:none;} .banner-cap { position: absolute; top: 59.2%; left:49.4%; text-align:center; z-index: 999; transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%);} .banner-logo { margin-bottom:10px;} .banner-logo img{ margin:0 auto; width:auto;} .banner-cap h2{min-width:1093px; font-size:60px; color:#FFF; font-family: 'ralewayextrabold'; line-height:70px; margin-bottom:20px; text-shadow: -2px 0px 0px rgba(0, 0, 0, 0.19); text-transform:none;} .categ-banner{ margin:0 auto;} .categ-banner ul{ margin:0 0 20px; padding:20px 20px 5px; background:rgba(0, 0, 0, 0.3); display:inline-block;} .categ-banner ul li{display: inline-block; font-family: 'ralewaymedium'; font-size:24px; color:#FFF; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/banner-bullet.png) no-repeat left 15px; color:#FFF; margin:0; padding:0px 20px 15px;} .categ-banner ul li a{ color:#FFF; text-decoration:none;} .categ-banner ul li a:hover{ color:#b80838; text-decoration:none;} .scroll{ font-size:14px; color:#fff; line-height:16px; text-transform:uppercase; margin-top:10px; font-family: "Raleway",sans-serif;} .down-arrow { margin:0; z-index: 11; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; transition: all 1.5s ease; text-align:center; } .fp-viewing-0 .main-banner .down-arrow { display: block; bottom: 10px; } .down-arrow a { cursor: default; text-decoration:none; } .main-banner.active-0 .down-arrow { opacity: 1; } .main-banner.active-1 .down-arrow, .main-banner.active-2 .down-arrow { opacity: 0.75; } .main-banner.active-3 .down-arrow, .main-banner.active-4 .down-arrow { opacity: 0.50; } .main-banner.active-5 .down-arrow { opacity: 0.25; } .main-banner.active-5 .down-arrow .mouse, .main-banner.active-5 .down-arrow span, .main-banner.active-6 .down-arrow .mouse, .main-banner.active-6 .down-arrow span { border-color: #000; } .main-banner.active-5 .down-arrow .wheel, .main-banner.active-6 .down-arrow .wheel { background: #000 } .main-banner.active-6 .down-arrow { opacity: 1; bottom: -30px; transition-delay: 0.5s; -webkit-transition-delay: 0.5s; } .main-banner.active-6 .down-arrow a { cursor: pointer } .down-arrow span { display: block; width: 5px; height: 5px; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); border-right: 2px solid white; border-bottom: 2px solid white; margin: 4px 0 5px 8px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .mouse { height: 50px; width: 28px; border-radius: 10px; transform: none; border: 2px solid #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; margin:0 auto; cursor:pointer; } .fp-viewing-0 .down-arrow {/*opacity:0; visibility:hidden*/ margin-top: 20px;} .main-banner .mouse { border-color: #fff; } .wheel { height: 15px; width: 2px; display: block; margin: 5px auto; background: #fff; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .main-banner .wheel { background: #fff; } .wheel { -webkit-animation: mouse-wheel 1.2s ease infinite; -moz-animation: mouse-wheel 1.2s ease infinite; } #sidebar-nav-menu.broucher-catnav{padding:10px 0 25px;} #sidebar-nav-menu > li.brocuher-nav{list-style:none; padding:15px 15px 0px 30px;} #sidebar-nav-menu > li.brocuher-nav a{line-height:36px; font-family: 'ralewaysemibold'; font-size: 16px; color:#FFF; font-weight: normal;} #sidebar-nav-menu > li.brocuher-nav a:hover{color:#333;} .broucher-imglist{padding:15px 0; margin:0 -10px;} .broucher-imglist:after{content:''; display:block; clear:both; display:table;} .broucher-imglist li{list-style:none; float:left; width:25%; text-align:center; padding:0 10px 20px;} .broucher-imglist li:nth-child(4n+1){clear:both;} .broucher-imglist .brochure-image{display:block; clear:both; margin-bottom:10px;} .broucher-imglist .brochure-image a{display:block; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out;} .broucher-imglist .brochure-image a img{display:block; max-width:100%; margin:0 auto;} .broucher-imglist .brochure-image:hover a{box-shadow:0 2px 7px #999; -webkit-box-shadow:0 2px 7px #999; -o-box-shadow:0 2px 7px #999;} .broucher-imglist .brochure-name{text-align:center; padding:10px 0 0; text-transform: uppercase; display: block; font-family: 'ralewaysemibold';} .broucher-imglist .brochure-name a{display: block; font-size:14px; line-height:17px;} #sidebar-nav a.all-brouchers{right:0; color:#FFF; margin-right:15px; display:none;z-index: 2;position:absolute;top: 20px;} @-webkit-keyframes mouse-wheel { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(14px); -ms-transform: translateY(14px); transform: translateY(14px); } } @-moz-keyframes mouse-wheel { 0% { top: 1px; } 100% { top: 14px; } } @-webkit-keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } @-moz-keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } @-o-keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } @keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } /* ============================================ * * Search - Auto Suggest * ============================================ */ .search-autocomplete { left: 0 !important; overflow: visible !important; position: relative !important; top: 15px !important; width: 100% !important; z-index: 200; } .search-autocomplete ul { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background-color: #FFFFFF; border: 1px solid #b80838; left:-13px; right:-13px; padding-left: 0; position: absolute; top: 0; width:auto; } .search-autocomplete ul li { border-bottom: 1px solid #f4f4f4; color: #b80838; cursor: pointer; font-size: 12px; padding: 4px 6px; text-align: left; display:block;} .search-autocomplete ul li a{display:block; position:relative; color:#b80838 !important;} .search-autocomplete ul li a:after{content:''; display:table; clear:both; position:relative;} .search-autocomplete ul li:hover { color:#000 !important; } .search-autocomplete ul li.selected { background-color: #f1f1f1; color: #000; } .search-autocomplete ul li img{margin-right:10px;} .search-autocomplete ul li .amount { float: right; font-family: 'latobold'; } .search-autocomplete ul li:last-child { border-bottom: none; } .search-autocomplete:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #b80838; border-top: none; left: 50%; top: -7px; } .search-autocomplete ul li.suggest span.amount{color:#FFF !important;} .search-autocomplete ul li.suggest.selected span.amount{color:#000 !important;} /* ============================================ * * Search - Advanced * ============================================ */ .advanced-search { background: #f4f4f4; border: 1px solid #ededed; padding: 30px; } .advanced-search select.multiselect option { border-bottom: 1px solid #ededed; padding: 2px 5px; } @media only screen and (max-width: 479px) { .advanced-search { padding: 15px; } } /* ============================================ * * Account - Reviews * ============================================ */ .product-review .product-img-box p.label { border-bottom: 1px solid #cccccc; font-size: 16px; margin-top: 20px; padding-bottom: 10px; text-transform: uppercase; } .product-review .product-img-box .rating-box { margin: 15px 0; } .product-review .product-details h2 { border-bottom: 1px solid #cccccc; color: #b80838; font-size: 16px; font-family: 'latobold'; padding-bottom: 10px; } .product-review .ratings-table { } .product-review .ratings-table th { padding-right: 10px; } .product-review .ratings-table tr { float: left; font-size: 12px; margin-right: 10px; text-transform: uppercase; } .product-review .ratings-description dt { border-bottom: 1px solid #cccccc; font-size: 16px; font-family: 'latobold'; margin-top: 20px; padding: 10px 0; text-transform: uppercase; } .product-review .ratings-description dd { color: #737373; font-size: 13px; } @media only screen and (min-width: 771px) { .product-review .ratings-table tr { float: none; } } @media only screen and (min-width: 1126px) { .product-review .ratings-table tr { float: left; margin-right: 15px; } } @media only screen and (max-width: 320px) { .product-review .ratings-table tr { float: none; } } /* ============================================ * * CMS Pages * ============================================ */ .cms-page-view .page-title h1, .cms-page-view .page-title h3, .cms-page-view .page-head h1, .cms-page-view .page-head h3, .cms-no-route .page-title h1, .cms-no-route .page-title h3, .cms-no-route .page-head h1, .cms-no-route .page-head h3 { /* border: none; */ } .cms-page-view .std img, .cms-no-route .std img { max-width: 100%; display: inline-block;} .cms-page-view .std p, .cms-no-route .std p { color: #333333; font-family: "Raleway",sans-serif; font-size: 18px; line-height: 30px; text-align:left;} .cms-page-view .std h1, .cms-no-route .std h1 { color: #333333; } .cms-page-view .std h2, .cms-no-route .std h2 { color: #333333; } .cms-page-view .std li, .cms-no-route .std li { color: #333333; position: relative; list-style: inherit; padding: 0 3px 0 17px; font-family: "Raleway",sans-serif; font-style: normal; font-size: 18px; line-height: 30px; } .cms-page-view .col-left:after, .cms-no-route .col-left:after { content: ''; display: table; clear: both; } .cms-no-route .std img { width: 100%; } .cms-page-view .std .messages, .cms-home .std .messages, .cms-no-route .std .messages { margin-bottom: 10px; } .cms-page-view .std .messages ul, .cms-home .std .messages ul, .cms-no-route .std .messages ul { margin-bottom: 0; } .cms-page-view .std .messages li, .cms-home .std .messages li, .cms-no-route .std .messages li { list-style: none; margin-left: 0; font-style: normal; } #accordion .toggle-tabs { display: none; } #accordion > dl > dt { margin: 0; margin-bottom: 10px; color: #636363; font-size: 14px; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 7px 10px 7px 24px; border-width: 1px; border-style: solid; border-color: #cccccc; position: relative; background-color: #f4f4f4; display: block; } #accordion > dl > dt:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #b80838; border-bottom: none; left: 10px; top: 50%; margin-top: -3px; } #accordion > dl > dt:hover { background-color: #ececec; } #accordion > dl > dd { padding: 10px; margin: 0; border-width: 0 1px; border-style: solid; border-color: #cccccc; } #accordion > dl > dd:last-child { border-width: 0 1px 1px 1px; } #accordion li { position: relative; overflow: hidden; } #accordion li .plusimage h2 { margin-right: 10px; } .page-sitemap .links { display: block; text-align: right; margin: 0 20px 0 0; } .page-sitemap .links a { position: relative; } .page-sitemap .sitemap { padding: 0 20px; margin: 15px 0; font-size: 12px; } .page-sitemap .sitemap li { margin: 3px 0; } .contacts-index-index h1 { border: none; } #contactForm { padding-left: 0px; } #contactForm h2 { display: none; } #contactForm:after { content: ''; display: table; clear: both; } #contactForm .fieldset .legend + .required { margin: 0; } @media only screen and (max-width: 770px) { #contactForm { padding-left: 0; } #sidebar-nav a.all-brouchers{display:block !important;} #sidebar-nav-menu > li.brocuher-nav {padding: 5px 10px 0px 20px;} } /* ============================================ * * Pricing Conditions * ============================================ */ .price-box .minimal-price-link .label { color: #cf5050; font-size: 12px; text-transform: uppercase; } .map-info { white-space: nowrap; } .catalog-product-view .map-info { white-space: normal; } .catalog-product-view .map-info > span { float: right; margin-bottom: 5px; } .catalog-product-view .map-info .price-box.map-info > a { float: right; width: 100%; } /* ============================================ * * Cookies * ============================================ */ .notice-cookie .notice-inner { padding-bottom: 0; } .notice-cookie .notice-inner:after { content: ''; display: table; clear: both; } .notice-cookie .notice-text { float: left; max-width: 90%; padding-top: 4px; text-align: left; } .notice-cookie .notice-text p { padding-bottom: 14.5px; line-height: 1.3; } .notice-cookie .actions { float: left; text-align: right; padding-bottom: 14.5px; } @media only screen and (max-width: 979px) { .notice-cookie .notice-text { max-width: 86%; } } @media only screen and (max-width: 770px) { .notice-cookie { padding: 0 20px; } .notice-cookie .notice-text { max-width: 82%; padding-top: 0; } } @media only screen and (max-width: 620px) { .notice-cookie { padding: 0 20px; } .notice-cookie .notice-inner { background-position: left 10px; } .notice-cookie .notice-inner:after { content: ''; display: table; clear: both; } .notice-cookie .notice-text { float: none; max-width: 100%; padding-top: 0; } .notice-cookie .actions { text-align: left; } } /* ============================================ * * Tags * ============================================ */ #addTagForm button { margin-top: 5px; margin-bottom: 10px; } #addTagForm .form-add { margin-top: 10px; } .product-tags { background-color: #f4f4f4; border: 1px solid #cccccc; float: left; margin-bottom: 10px; padding: 5px 1% 10px; width: 98%; } .product-tags li { float: left; margin-right: 15px; } .product-tags li.last { margin-right: 0px; } .tags-list { float: left; width: 100%; margin-bottom: 10px; } .tags-list > li { float: left; margin-right: 10px; } .block-tags .actions > a { font-size: 12px; } .my-tag-edit .button.btn-remove { padding: 0; } .my-tag-edit .button.btn-remove:after { color: white; } @media only screen and (max-width: 770px) { .tags-list > li, .tags-list { float: none; } } /* ============================================ * * Captcha * ============================================ */ .captcha-note { clear: left; padding-top: 5px; } .captcha-image { float: left; display: inline; max-width: 100%; position: relative; width: 258px; margin-bottom: 10px; } .captcha-image .captcha-img { border: 1px solid #b6b6b6; vertical-align: bottom; width: 100%; } .registered-users .captcha-image { margin: 0; } .captcha-reload { cursor: pointer; position: absolute; top: 2px; right: 2px; } .captcha-reload.refreshing { animation: rotate 1.5s infinite linear; -webkit-animation: rotate 1.5s infinite linear; -moz-animation: rotate 1.5s infinite linear; } .customer-account-create .scaffold-form .captcha-input-container label:first-child { width: 100%; } .captcha-reload { position: absolute; right: 4px; top: 4px; } .captcha-img { border: 20px solid #bbbbbb; } .captcha-input-container { margin-bottom: 10px; } .control.newsletter-box, .captcha-input-container, .captcha-img-container { float: none; clear: both; } .control.newsletter-box:after, .captcha-input-container:after, .captcha-img-container:after { content: ''; content: ''; display: table; clear: both; } /* ============================================ * * Checkout Billing Fix to place the Captcha properly * ============================================ */ #co-billing-form ul.form-list > .control { float: left; margin: 0 0 5px; width: 100%; /*padding-left:0px;*/ padding: 0; } /*#co-billing-form ul.form-list li ul { margin-left:-1.7%; margin-right:-1.7%; } .selctBL-Add { margin-bottom:10px;}*/ /* ============================================ * * Account - Orders, Invoices, Credit Memos. * ============================================ */ @media only screen and (max-width: 479px) { .sales-order-invoice .sub-title, .sales-order-creditmemo .sub-title, .sales-order-shipment .sub-title { float: left; font-size: 15px; text-align: center; width: 100%; } .sales-order-invoice .order-links, .sales-order-creditmemo .order-links, .sales-order-shipment .order-links { text-align: center; width: 100%; } } /* ============================================ * * Recurring Profiles * ============================================ */ #recurring_profile_list_view th { white-space: normal; } #recurring_profile_list_view th span { white-space: inherit; } @media only screen and (max-width: 479px) { #recurring_profile_list_view { font-size: 12px; } #recurring_profile_list_view a { font-size: inherit; } #recurring_profile_list_view th, #recurring_profile_list_view td { padding: 2px; } } .recurring-profiles-title { float: left; } .recurring-profiles-title h1 { margin-bottom: 7px; } body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons { float: right; text-align: right; margin-bottom: 30px; } @media only screen and (max-width: 479px) { body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons { text-align: center; float: none; } } body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons .button { position: static; } .recurring-profiles-messages:after { content: ''; display: table; clear: both; } #recurring_start_date_trig { display: inline; } /* ============================================ * * Billing Agreements * ============================================ */ .billing-agreements .info-box { margin-bottom: 30px; } .billing-agreements .info-box:after { content: ''; display: table; clear: both; } .billing-agreements .info-box .form-list { max-width: 400px; width: 100%; } .billing-agreements .info-box .box-title { margin-top: 20px; margin-bottom: 7px; } .billing-agreements .info-box .button { float: right; margin-top: 7px; } @media only screen and (max-width: 479px) { .billing-agreements .info-box .button { width: 100%; float: none; } } .billing-agreements #payment_method { width: 100%; margin-top: 7px; margin-bottom: 7px; } .billing-agreement-view-header-wrapper .heading { max-width: 80%; } @media only screen and (max-width: 479px) { .billing-agreement-view-header-wrapper .heading { max-width: 100%; } } .billing-agreement-details td, .billing-agreement-details th { padding: 3.5px; } @media only screen and (max-width: 979px) { .billing-agreements .data-table .created-at, .billing-agreements .data-table .updated-at { display: none; } } /* ============================================ * * Popular Search Terms Cloud * ============================================ */ .catalogsearch-term-popular .tags-list { float: left; width: 100%; } .catalogsearch-term-popular .tags-list > li { float: left; height: 40px; margin-right: 25px; } /* ============================================ * * Widgets * ============================================ */ /* -------------------------------------------- * * Add to cart by SKU */ .sidebar .widget-addbysku .sku-table .input-text:not(.qty) { width: 100%; } @media only screen and (min-width: 771px) { .sidebar .widget-addbysku .sku-table .input-text:not(.qty) { max-width: 100px; } } .widget { clear: both; } .widget .pager { float: none; width: 100%; } @media only screen and (min-width: 1199px) { .col2-left-layout .col-main .widget, .col2-right-layout .col-main .widget, .col3-layout .col-main .widget { /* Config: Columns + flexible gutter */ /* Undo three-column config */ /* Set column config */ /* Config: Columns + flexible gutter */ /* Undo three-column config */ /* Set column config */ } .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd), .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd), .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd) { clear: none; } .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1), .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1), .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1) { clear: none; } .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even), .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n), .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even), .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n), .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even), .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n) { margin-right: 2.22222%; } .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li, .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li, .col3-layout .col-main .widget .products-grid--max-4-col-widget > li { margin-right: 2.22222%; } .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li, .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li, .col3-layout .col-main .widget .products-grid--max-4-col-widget > li { width: 23.33333%; margin-right: 2.22222%; } .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1), .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1), .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1) { clear: left; } .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n), .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n), .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n) { margin-right: 0; } .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd), .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd), .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd) { clear: none; } .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1), .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1), .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1) { clear: none; } .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even), .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n), .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even), .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n), .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even), .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n) { margin-right: 2.22222%; } .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li, .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li, .col3-layout .col-main .widget .products-grid--max-5-col-widget > li { margin-right: 2.22222%; } .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li, .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li, .col3-layout .col-main .widget .products-grid--max-5-col-widget > li { width: 18.22222%; margin-right: 2.22222%; } .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1), .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1), .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1) { clear: left; } .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n), .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n), .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n) { margin-right: 0; } } @media only screen and (min-width: 770px) { .col1-layout .col-main .widget { /* Config: Columns + flexible gutter */ /* Undo three-column config */ /* Set column config */ /* Config: Columns + flexible gutter */ /* Undo three-column config */ /* Set column config */ } .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd) { clear: none; } .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1) { clear: none; } .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even), .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n) { margin-right: 2.22222%; } .col1-layout .col-main .widget .products-grid--max-4-col-widget > li { margin-right: 2.22222%; } .col1-layout .col-main .widget .products-grid--max-4-col-widget > li { width: 23.33333%; margin-right: 2.22222%; } .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1) { clear: left; } .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n) { margin-right: 0; } .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd) { clear: none; } .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1) { clear: none; } .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even), .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n) { margin-right: 2.22222%; } .col1-layout .col-main .widget .products-grid--max-5-col-widget > li { margin-right: 2.22222%; } .col1-layout .col-main .widget .products-grid--max-5-col-widget > li { width: 18.22222%; margin-right: 2.22222%; } .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1) { clear: left; } .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n) { margin-right: 0; } } /* ============================================ * * Checkout - Multiple Addresses * ============================================ */ body[class*="checkout-multishipping-"] .checkout-progress { width: 100%; float: left; margin-bottom: 25px; } body[class*="checkout-multishipping-"] .checkout-progress > li { float: left; width: 20%; text-align: center; padding: 8px 1% 6px; background: #f4f4f4; text-transform: uppercase; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; margin-bottom: 10px; } body[class*="checkout-multishipping-"] .checkout-progress > li.active { background-color: #dddddd; } body[class*="checkout-multishipping-"] .checkout-progress > li.last { border-right: 0px; } body[class*="checkout-multishipping-"] .page-title { float: left; width: 100%; margin-bottom: 15px; } body[class*="checkout-multishipping-"] .page-title h1 { border: 0 none; float: left; margin-top: 2px; margin-right: 2%; } body[class*="checkout-multishipping-"] .page-title .button { float: right; } body[class*="checkout-multishipping-"] .multiple-checkout > h2 { text-transform: none; font-size: 17px; margin-bottom: 15px; } body[class*="checkout-multishipping-"] .messages { float: left; width: 100%; } body[class*="checkout-multishipping-"] .col-2.col-wide { width: 66%; } body[class*="checkout-multishipping-"] .col-1.col-narrow { width: 30%; } body[class*="checkout-multishipping-"] .actions { margin-bottom: 10px; } body[class*="checkout-multishipping-"] .grand-total { text-align: right; font-size: 16px; font-family: 'latobold'; } body[class*="checkout-multishipping-"] #checkout-review-submit { float: right; } body[class*="checkout-multishipping-"] #review-buttons-container { float: right; text-align: right; } .checkout-multishipping-addresses .btn-remove2 { text-indent: -5555px; display: block; width: 22px; height: 22px; } .checkout-multishipping-shipping .gift-messages { margin-top: 20px; } .checkout-multishipping-shipping .gift-messages-form { margin-top: 15px; } .checkout-multishipping-shipping .gift-messages-form h4 { margin-top: 15px; margin-bottom: 5px; } .checkout-multishipping-shipping .gift-messages-form .form-list { margin-top: 10px; margin-bottom: 25px; } .checkout-multishipping-shipping .gift-messages-form .item { margin-top: 15px; } .checkout-multishipping-shipping .col-1 .box-title h2, .checkout-multishipping-shipping .col-1 .box-title h3, .checkout-multishipping-shipping .col-1 .box-title h4, .checkout-multishipping-shipping .col-2 .box-title h2, .checkout-multishipping-shipping .col-2 .box-title h3, .checkout-multishipping-shipping .col-2 .box-title h4, .checkout-multishipping-billing .col-1 .box-title h2, .checkout-multishipping-billing .col-1 .box-title h3, .checkout-multishipping-billing .col-1 .box-title h4, .checkout-multishipping-billing .col-2 .box-title h2, .checkout-multishipping-billing .col-2 .box-title h3, .checkout-multishipping-billing .col-2 .box-title h4, .checkout-multishipping-overview .col-1 .box-title h2, .checkout-multishipping-overview .col-1 .box-title h3, .checkout-multishipping-overview .col-1 .box-title h4, .checkout-multishipping-overview .col-2 .box-title h2, .checkout-multishipping-overview .col-2 .box-title h3, .checkout-multishipping-overview .col-2 .box-title h4 { font-weight: normal; width: 100%; background: #f4f4f4; border-bottom: 1px solid #cccccc; padding: 10px; font-size: 14px; } .checkout-multishipping-shipping .col-1 > h4, .checkout-multishipping-shipping .col-2 > h4, .checkout-multishipping-billing .col-1 > h4, .checkout-multishipping-billing .col-2 > h4, .checkout-multishipping-overview .col-1 > h4, .checkout-multishipping-overview .col-2 > h4 { font-weight: normal; width: 100%; background: #f4f4f4; border-bottom: 1px solid #cccccc; padding: 10px; font-size: 14px; } .checkout-multishipping-shipping .col-1 .box-content, .checkout-multishipping-shipping .col-2 .box-content, .checkout-multishipping-billing .col-1 .box-content, .checkout-multishipping-billing .col-2 .box-content, .checkout-multishipping-overview .col-1 .box-content, .checkout-multishipping-overview .col-2 .box-content { margin-bottom: 25px; padding-left: 10px; margin-top: 10px; } .checkout-multishipping-billing .sp-methods dt { float: left; width: 100%; } #multiship-addresses-table > tbody > tr > td.a-center.last > a { background-image: none; } #review-order-form > div:nth-child(3) > div.divider { width: 100%; clear: both; } /* =============================================================================================================================== * * Checkout - Mini cart CUSTOM CSS START * =============================================================================================================================== */ .header-minicart { display: inline-block; } .header-minicart .minicart-message { display: block; padding: 10px; } .header-minicart .empty { padding: 10px; text-align: center; color:#b80838; } .header-minicart .minicart-wrapper { clear: both; position: relative; } .header-minicart .minicart-wrapper:before, .header-minicart .minicart-wrapper:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; } .header-minicart .minicart-wrapper:before { background-color: white; opacity: 0.8; z-index: 2; } .header-minicart .minicart-wrapper:after { background-image: url("https://www.jllennard.com.au/skin/frontend/jll/podpack/images/opc-ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; } .header-minicart .minicart-wrapper.loading { position: relative; } .header-minicart .minicart-wrapper.loading:before, .header-minicart .minicart-wrapper.loading:after { display: block; } .header-minicart .block-cart { display: none; } .header-minicart .block-subtitle { color: #000; font-size: 14px; font-family: 'latobold'; line-height: 1.4; padding: 5px; text-align: center; text-transform: uppercase; margin-bottom:7px;} .header-minicart .block-subtitle .close { width: 40px; float: right; display: block; color:#b80838; text-decoration: none; font-weight: normal; font-size: 30px; position: absolute; top: -8px; right: -3px; } .header-minicart .mini-products-list { padding: 10px; padding-top: 0px; } .header-minicart .mini-products-list li { padding: 8px 5px 8px 11px; border-bottom: 1px solid #c0c0c0; position: relative; } .header-minicart .mini-products-list li.last { border: none; } .header-minicart .mini-products-list li .product-details { position: relative; } .header-minicart .product-details .product-name { padding-top: 0px; font-family: 'latobold'; } .header-minicart .product-details .product-name a { color: #636363; font-size: 12px; } .header-minicart .info-wrapper { margin-bottom: 0.5em; } .mini-products-list a.btn-edit, .mini-products-list a.remove { font-size: 12px; text-transform: uppercase; } .header-minicart .info-wrapper th { text-transform: uppercase; padding-right: 10px; font-size: 12px; font-family: 'latobold'; } .header-minicart .info-wrapper td { color: #b80838; clear: right; } .header-minicart .info-wrapper .qty-wrapper td { height: 33px; line-height: 33px; } .header-minicart .info-wrapper .qty { padding-left: 4px; padding-right: 4px; margin-right: 2px; width: 3.2em; text-align: center; height: 25px; } .header-minicart .info-wrapper .quantity-button { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 100ms; -moz-transition-duration: 100ms; -o-transition-duration: 100ms; transition-duration: 100ms; height:35px; margin-top:-5px; } .header-minicart .info-wrapper .quantity-button[disabled] { cursor: default; } .header-minicart .info-wrapper .quantity-button.visible { opacity: 1; } .header-minicart .subtotal { background-color: #DDDDDD; text-align: center; line-height: 2em; } .header-minicart .subtotal .label { color: white; text-transform: uppercase; } .header-minicart .subtotal .price { color: #b80838; } .header-minicart .minicart-actions { padding: 10px; margin-top: 0px; overflow: hidden; position: relative; text-align: center; } .header-minicart .minicart-actions .checkout-button { /* min-width:120px; */ } .header-minicart .minicart-actions .cart-link { height:37px; line-height: 37px; text-transform: uppercase; font-size: 13px; float: none; color:#fff;} .header-minicart .minicart-actions .cart-link:hover { text-decoration: none; } .header-minicart .minicart-actions .paypal-logo .paypal-or { line-height: 1.6; } .header-minicart #minicart-error-message { text-align: center; color: red; display: none; } .header-minicart #minicart-success-message { text-align: center; color: green; display: none; } .header-minicart .jcarousel-control-prev, .header-minicart .jcarousel-control-next { display: none; } .header-minicart.skip-active .block-cart, .block-cart.skip-active { display: block; } /* ========================================================================================================================================================== CHECKOUT CART PAGE CSS =========================================================================================================================================================== */ .clear { clear: both; } .page-title h1, .page-title h2, .product-name h1, .product-name .h1 { text-transform: uppercase; font-size: 30px; font-family: 'latobold'; color: #333; border-bottom: 0px solid #ededed; padding-bottom: 10px; margin-bottom: 10px; text-transform: uppercase; } .cart-table { float: left; width: 100%; } .cart .button { white-space: normal; } .cart-forms, .cart-totals-wrapper, .crosssell { float: right; clear: right; width: 42.7%; padding-left: 30px; } .cart-totals, .cart-forms .discount, .cart-forms .giftcard, .cart-forms .shipping { padding: 15px 20px; background-color: #EBEBEB; border: 0px solid #CECECE; } .cart-table, .cart-totals, .cart-forms .discount, .cart-forms .giftcard, .cart-forms .shipping { margin-bottom: 30px; } .checkout-cart-index #postcode { width: 100%; } .display-both-prices .cart-table { float: none; width: 100%; } .display-both-prices .cart-forms { float: left; padding-right: 10px; padding-left: 0; } .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell { padding-left: 10px; } .display-both-prices .cart-forms, .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell { width: 50%; } .display-both-prices .crosssell { clear: right; float: right; } .display-single-price:after { content: ''; display: table; clear: both; } p.required, .validation-advice { margin: 0; color: #b80838; font-size: 15px; font-family: trebuchet ms; position:relative; } .contactmgt-index-index #contactForm .form-list .validation-advice { margin: 0; color: #b80838; font-size: 15px; font-family: trebuchet ms; position: absolute; } .contactmgt-index-index #advice-validate-one-required-categoryname-2{ display:none;} .contactmgt-index-index #advice-validate-one-required-categoryname-3{ display:none;} .contactmgt-index-index #contactForm .form-list #advice-validate-one-required-categoryname-1{ top: 0; position: relative;} .contactmgt-index-index #contactForm .form-list #advice-validate-one-required-categoryname-2, .contactmgt-index-index #contactForm .form-list #advice-validate-one-required-categoryname-3, .contactmgt-index-index #contactForm .form-list #advice-validate-one-required-categoryname-4, .contactmgt-index-index #contactForm .form-list #advice-validate-one-required-categoryname-5{display:none;} label { display: inline-block; color: #303030; font-family: "ralewaybold"; font-size: 14px; line-height: 24px; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; padding-bottom: 3px; } label[for="change_password"] {/* font-weight:bold; */ } label.required:after, span.required:after { content: ' *'; color: #df280a; font-weight: normal; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; } label.required em, span.required em { display: none; } .data-table tbody td .item-options { margin-left: 0px; padding-left: 0px; margin-top: 5px; } #shopping-cart-table .product-cart-info { min-width: 150px; } #shopping-cart-table .product-cart-image { padding: 10px; } .product-image img { max-width: 100%; } .product-image img, .no-touch .product-img-box .product-image:not(.zoom-available):hover img { position: relative; display: block; border: 0px solid #E0E0E0; } .no-touch .product-image img:hover { border-color: #b80838; } .cart-totals .checkout-types .btn-checkout { margin-bottom: 7px; } .cart-table { border: 1px solid #CECECE; } .cart-table th, .cart-table td, .cart-table tbody td { border-bottom: none; vertical-align: inherit; border: 1px solid #CECECE; } .cart-table h2 { color: #636363; font-size: 14px; font-family: 'latobold'; margin-bottom: 0; } .cart-table thead th, .cart-table tbody td { background-color: transparent; padding: 10px 5px; } .cart-table thead th { background-color: #EBEBEB; font-size: 14px; color: #333; font-family: 'latobold'; } .cart-table .product-cart-info, .cart-table .product-cart-actions { padding-left: 5px; } .cart-table tr { border-bottom: 1px solid silver; } .cart-table tfoot tr { background: none; } .cart-table tfoot tr > td:after { content: ''; display: table; clear: both; } .cart-table span.or { font-size: 9px; padding: 0 5px; text-transform: uppercase; } .cart-table .product-cart-image .cart-links, .cart-table .product-cart-info .btn-remove, .cart-table .product-cart-actions .button { display: none; } .cart-table .product-cart-image { padding-left: 0; padding-right: 0; } .cart-table .product-cart-image .product-image img { max-width: 103px; width: 100%; } .cart-table .product-cart-image a.cart-edit { display: none; } .cart-table .product-cart-sku {/*font-style: italic; */ font-size: 12px; margin: 5px 0 } .cart-table .product-cart-sku .label { font-family: 'latobold'; } .cart-table .btn-continue { float: left; } .cart-table thead th.a-center.cart-price-head {text-align:right;} .cart-table .product-cart-total, .cart-table .product-cart-price { text-align: right; } .cart-table .cart-tax-total { position: relative; cursor: pointer; } .cart-table .cart-tax-total:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #b80838; border-left: none; position: absolute; top: 3px; right: -11px; } .cart-table .cart-tax-total.cart-tax-total-expanded:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 6px solid #b80838; border-bottom: none; right: -15px; top: 6px; } .cart-table .cart-links { margin: 0; } .cart-table .cart-links > li { white-space: nowrap; margin-bottom: 5px; min-width: 65px; line-height: 10px; text-align: center; display: inline; } .cart-table .cart-links > li:first-child > a { display: inline-block; font-size: 0; height: 18px; text-indent: -555555px; width: 20px; position: relative; } .cart-table .cart-links > li:first-child > a:after, .changelink a:after, .my-account .box-title a:after, #wishlist-table td p a.button.link-edit:after { background-position: -50px -753px; content: ''; position: absolute; width: 20px; height: 20px; top: 2px; display: block; } .cart-table .cart-links > li:first-child > a:after { top: 0px; } .cart-table .cart-links > li:first-child > a:hover:after, .my-account .box-title a:hover:after, #wishlist-table td p a.button.link-edit:hover:after { background-position: 0px -753px; } .cart-table .cart-links > li > a.link-wishlist, .add-to-links a.link-wishlist { display: inline-block; font-size: 0; height: 18px; text-indent: -555555px; width: 20px; position: relative; } .cart-table .cart-links > li > a.link-wishlist:after, .add-to-links a.link-wishlist:after { display: block; background-position: -50px -853px; height: 20px; width: 20px; position: absolute; content: ""; top: 0px; } .cart-table .cart-links > li > a.link-wishlist:hover:after, .add-to-links a.link-wishlist:hover:after { background-position: left -853px; } .cart-table .cart-links > li:last-child { margin-bottom: 0; } .cart-table .product-cart-actions { min-width: 60px; text-align: center; } .cart-table .product-cart-actions .qty { height: 34px; border-color: silver; border-radius: 0; margin-bottom:0px; text-align: center; width: 3.2em; } .cart-table .product-cart-actions .button { margin-bottom: 5px; } .cart-table .item-options { padding-left: 15px; } #product_comparison tr td p { display: inline-block; margin-right: 10px; padding-top: 10px; } #product_comparison .add-to-links { margin: 0px; display: inline-block; position: relative; top: -10px; } #one-step-checkout-form .checkout-review-load .data-table td .qty{line-height:29px !important;} /* BUTTON CSS ====================================================================================================== */ button.btn-proceed-checkout { padding: 12px 17px; font-size: 15px; font-family: 'latobold'; } .button2.btn-update:first-child { display: none; } .button2, .shipping #co-shipping-method-form .buttons-set .button { border: 0; padding: 0 10px; margin: 0; background: #909090; cursor: pointer; vertical-align: middle; line-height: 30px; height: 32px; text-transform: uppercase; display: inline-block; color: #FFF; font-size: 14px; font-family: 'latobold';} #shopping-cart-table .product-cart-actions .button.btn-update { border: 0; padding: 0 10px; margin:0; background: #909090; cursor: pointer; vertical-align: middle; line-height: 25px; height: 25px; text-transform: uppercase; color: #FFF; font-size: 13px; } .button2:focus, .shipping #co-shipping-method-form .buttons-set .button:focus, #shopping-cart-table .product-cart-actions .button.btn-update:focus { outline: none; } .button2:hover, .shipping #co-shipping-method-form .buttons-set .button:hover,.shipping #co-shipping-method-form .buttons-set .button:focus, #shopping-cart-table .product-cart-actions .button.btn-update:hover { background: #666; color: #FFF; } #onepage-guest-register-button { background-color: #909090; bottom: -72px; position: absolute; } #onepage-guest-register-button:hover { background-color: #b80838; } /* GIFT CARD OR COUPON CSS ====================================================================================================== */ .discount-form:after, #giftcard-form:after { content: ''; display: table; clear: both; } #discount-coupon-form, .cart .giftcard { width: 100%; } #discount-coupon-form h2, .cart .giftcard h2 { display: none; } #discount-coupon-form label, .cart .giftcard label { font-size: 15px; font-family: 'latobold'; text-align: left; text-transform: uppercase; display: block; } #discount-coupon-form label { display: inline-block; padding-right: 10px; vertical-align:top; margin-top:13px;} #discount-coupon-form .field-wrapper, .cart .giftcard .field-wrapper { display: block; position: relative; padding-bottom: 15px; } #discount-coupon-form .field-wrapper { display: inline-block; padding-bottom: 5px; } #discount-coupon-form .validation-advice, .cart .giftcard .validation-advice { bottom: 0; display: inline; left: 0; position: absolute; } #discount-coupon-form .validation-advice { bottom: -16px; } #discount-coupon-form .button-wrapper, .cart .giftcard .button-wrapper { display: inline-block; vertical-align: bottom; margin-top: 5px; } #discount-coupon-form .button-wrapper > button, .cart .giftcard .button-wrapper > button { float: left; margin-right: 5px; } #discount-coupon-form .input-text, .cart .giftcard .input-text { border-radius: 0; height: 32px; margin: 4px 5px 0 0; width: 170px; } .cart .giftcard p { margin-bottom: 7px; } .cart .giftcard .check-gc-status { float: left; padding: 0px; } .cart .giftcard .check-gc-status > span > span { font-size: 14px; text-transform: none; } /* ============================================ * * Checkout - Estimate Shipping and Tax * ============================================ */ .shipping h2 { font-size: 15px; font-family: 'latobold'; margin: 0 0 5px; } .shipping select { height: 32px; display: block; border: 1px solid silver; width: 100%; padding: 3px 5px 5px 0px; position: relative; } .shipping select.validation-failed { border-color: #df280a; } .shipping .shipping-desc { display: none; } .shipping .buttons-set { border: none; margin: 0; padding: 0; } .shipping .buttons-set .button2 { float: right; margin-left: 15px; } .shipping .form-list:after { content: ''; display: table; clear: both; } .shipping .form-list li { float: left; margin: 0px 4% 0px 0; width: 48%; } .shipping .form-list .shipping-region:first-child { margin-right: 0; } .shipping .form-list li:nth-child(2) { margin-right: 0; } .shipping .form-list .shipping-postcode { margin-right: 0; } .shipping .form-list .shipping-postcode input { margin-top: 4px; } .shipping .form-list .input-box { padding-top: 0; } .shipping .form-list input { height: 35px; margin-top: 4px; } .shipping .form-list .selector { padding-top: 4px; height: 39px; } .shipping .form-list label { font-weight: 400; text-transform: uppercase; white-space: nowrap; } .shipping .sp-methods { padding: 10px 0 0; text-align: left; } .shipping .sp-methods dd { margin-bottom: 10px; } .shipping .sp-methods label { font-size: 14px; } .shipping .sp-methods label span { font-family: 'latobold'; font-style: normal; } .shipping #co-shipping-method-form .buttons-set .button { float: right; margin-left: 0; } /* .shipping #co-shipping-method-form .sp-methods dd label { border: 1px solid #cccccc; background-color: #ececec; min-width: 220px;} .shipping #co-shipping-method-form .sp-methods dd label:hover { background-color: #dbdbdb;} */ /* * Shipping and Payment methods * */ .sp-methods { margin: 0 0 8px; } .sp-methods dt { margin: 13px 0 5px; font-family: 'latobold'; clear: both } .sp-methods dt:first-child { margin: 0 0 5px; } .sp-methods dd li { margin: 5px 0; } .sp-methods label img { float: left; } .sp-methods label a { margin-top: 6px; float: right; margin-left: 10px; } .sp-methods .price { font-family: 'latobold'; } .sp-methods .form-list li { margin: 0 0 8px; } .sp-methods select.month {/* width: 120px; margin-right: 0;*/ } .sp-methods select.year {/* width: 96px; */ } .sp-methods input.cvv { /* width: 4em !important; */ } .sp-methods #advice-validate-cc-exp-ccsave_expiration { max-width: 130px; } .sp-methods .checkmo-list li { margin: 0 0 5px; content: ''; display: table; clear: both; } .sp-methods .checkmo-list label { width: 165px; padding-right: 15px; text-align: right; float: left; } .sp-methods .checkmo-list address { float: left; } .sp-methods .release-amounts { margin: 0.5em 0; } .sp-methods .release-amounts button { float: left; margin: 5px 10px 0 0; } .cart .cart-totals { text-align: right; } .cart .cart-totals:after { content: ''; display: table; clear: both; } .cart .cart-totals table { font-size: 12px; margin-bottom: 10px; text-transform: uppercase; width: 100%; } .cart .cart-totals table td { padding: 2px 0px; } .cart .cart-totals table td:first-child { padding-right: 10px; min-width: 120px; } .cart .cart-totals table tbody tr td:first-child{padding-right: 10px; min-width: 120px; text-transform: none; font-family: 'latobold'; font-size: 14px; color: #333;} .cart .cart-totals table tbody tr:last-child td, .cart .cart-totals table tbody tr:last-child th { padding-bottom: 10px; } .cart .cart-totals table tfoot { border-top: 1px solid #C8C8C8; border-bottom: 0px solid #C8C8C8; } .cart .cart-totals table tfoot td { font-size: 24px; padding: 2px 5px; vertical-align: top; } .cart .cart-totals table tfoot strong span, .cart .cart-totals table tfoot span.price { } .cart .cart-totals table tfoot strong { font-weight: 400; } input[type=radio], input[type=checkbox] { position: absolute; opacity: 0; left: -9999px; } input[type=radio] + label, input[type=checkbox] + label { font-family: 'ralewaymedium'; font-size:14px; line-height:24px; border: 0px; padding-left: 25px; /*height: 15px;*/ display: inline-block; line-height: 18px; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; color: #303030; text-shadow: 0 0 0 #303030; text-transform: none; background-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; } input[type=radio] + label:before, input[type=checkbox] + label:before { content: ''; display: block; position: absolute; left: 0; top: 1px; width: 16px; height: 16px; } input[type=radio] + label:before { background-position: -50px -780px; } input[type=radio]:checked + label:before { background-position: 0 -780px; } input[type=checkbox] + label:before { background-position: -50px -724px; } input[type=checkbox]:checked + label:before { background-position: 0 -724px; } /*Checkbox Box*/ input[type=checkbox].css-checkbox { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } input[type=checkbox].css-checkbox + label.css-label { padding-left: 22px; height: 15px; display: inline-block; line-height: 4px; background-image: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/checkbox-icon.png); background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; color: #303030; /*margin-left:9px;*/ font-size: 13px; } input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -16px; } label.css-label { background-image: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/checkbox-icon.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*Radio Button*/ input[type=radio].css-radio { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } input[type=radio].css-radio + label.css-labelR { padding-left: 22px; height: 15px; display: inline-block; line-height: 4px; background-image: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/radio-icon.png); background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; color: #303030; /*margin-left:9px;*/ font-size: 13px; } input[type=radio].css-radio:checked + label.css-labelR { background-position: 0 -16px; } label.css-labelR { background-image: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/radio-icon.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Edit Account Information */ /* ========================================================================================================================================================== CHECKOUT ONE-PAGE CSS =========================================================================================================================================================== */ .checkout-onepage-index .col-right, .checkout-onepage-index .col-left { /* display: none; */ } .checkout-onepage-index .col-main { /* width: auto;float: none; */ } .opc .section .step-title { position: relative; background: #909090; border: 0 none; color: #ffffff; font-size: 18px; margin: 0 0 5px; padding: 5px 10px; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .opc .section .step-title a { display: none; } .opc .section.allow:not(.active) .step-title a { display: block; float: right; font-size: 0; height: 20px; line-height: 40px; margin-right: 5px; margin-top: 10px; text-indent: -1e+8px; width: 20px; position: relative; } .opc .section.allow:not(.active) .step-title a:after { background-position: 100% -753px; content: ""; display: block; height: 20px; left: 0; position: absolute; top: 1px; width: 20px; } .no-touch .opc .section .step-title a:hover { text-decoration: none; } .opc .section .step-title .number, .opc .section.allow.active .step-title .number, .no-touch .opc .section.allow:hover .step-title .number { background: none; border: 2px solid #ffffff; color: #ffffff; display: block; height: 36px; left: 7px; line-height: 30px; position: absolute; text-align: center; top: 7px; width: 35px; font-family: 'latobold'; font-size: 20px; } .opc .section.allow .step-title .number { background: none; } .opc .section.allow .step-title h2 { color: #FFF; } .opc .section.allow .step-title:hover h2, .opc .section.active .step-title h2 { color: #FFF; } .opc .section .step-title h2 { font-size: 18px; font-family: 'latobold'; line-height: 40px; height: 40px; float: left; margin: 0px 4px 0px 45px; color: #FFF; } .opc .section .step { padding: 20px 30px 30px; position: relative; } #checkout-step-review { padding-top: 30px; } .opc .section .step:after { content: ''; display: table; clear: both; } .opc select, .customer-account select { width: 100%; height: 50px; line-height: 50px; } .opc h3 { font-family: 'latobold'; padding-bottom: 7px; border-bottom: 1px solid #e0e0e0; font-size:16px; line-height:22px;} .opc #onepage-checkout-shipping-method-additional-load { float: left; width: 430px; margin-left: -430px; } .opc #checkout-shipping-method-load { width: 100%; float: left; padding-right: 450px; } .opc #opc-shipping_method h3 { font-family: 'latobold'; font-size: 14px; color: #636363; padding-bottom: 0px; border-bottom: 0px solid #e0e0e0; text-transform: none; margin: 13px 0 5px; } .opc #opc-shipping_method h4 { font-family: 'latobold'; font-size: 13px; margin: 13px 0 5px; color: #636363 } .opc .buttons-set { text-align: left; position: relative; } .opc .buttons-set button.button { float: left; margin-left: 0; margin-right: 10px; margin-bottom: 0; font-family: 'latobold'; font-size:14px; } .opc .buttons-set p.required { float: right; margin-left: 5px; margin-bottom: 0; } .opc .buttons-set a { line-height: 20px; display: inline-block; padding: 5px 5px 5px 0; } .opc #opc-login .buttons-set { border-top: 0; padding-top: 5px; } #opc-payment .note { padding: 10px; } .opc.opc-firststep-login .section:not(#opc-login) .step-title { position: relative; background: #909090; border: 0 none; color: #ffffff; } .opc .section .step-title:after { content: ''; display: table; clear: both; } .opc .section.allow:not(.active) .step-title { cursor: pointer; } .no-touch .opc .section.allow:not(.active) .step-title:hover { background-color: #b80838; margin: 0 0 5px; } .opc .section.active .step-title { background-color: #b80838 !important; margin: 0 0 0px } .opc.opc-firststep-login .section:not(#opc-login) .step-title, .opc-block-progress-step-login { -webkit-transition: opacity 300ms linear; -webkit-transition-delay: 0; -moz-transition: opacity 300ms linear 0; -o-transition: opacity 300ms linear 0; transition: opacity 300ms linear 0; } .opc.opc-firststep-login .section#opc-login .step-title .number { -webkit-transition: width 80ms linear; -webkit-transition-delay: 0; -moz-transition: width 80ms linear 0; -o-transition: width 80ms linear 0; transition: width 80ms linear 0; } .opc.opc-firststep-login .section#opc-login .step-title h2 { color: #FFF; -webkit-transition: margin-left 80ms linear; -webkit-transition-delay: 0; -moz-transition: margin-left 80ms linear 0; -o-transition: margin-left 80ms linear 0; transition: margin-left 80ms linear 0; } /* body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section:not(#opc-login) .step-title { opacity: 0;} body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title .number { width: 0px; overflow: hidden;} body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title h2 { margin-left: 0px;} */ /* One Page Checkout */ .sidebar #checkout-progress-wrapper { margin-top: 51px; } .block-progress { background: #ebebeb; border-bottom: 5px solid #d9d9d9; padding: 16px 20px 10px; } .opc-block-progress .block-title strong { color: #272727; } .col-right .block-title strong { border-bottom: 0px solid #c8c8c8; display: block; padding-bottom: 0px; margin-bottom: 0px; } .block-progress .block-content { font-size: 13px; } .block-progress dt { color: #636363; font-size: 14px; font-family: 'latobold'; line-height: 1.4em; margin: 0 0 5px; padding-top: 5px; text-rendering: optimizespeed; text-transform: uppercase; } .block-progress dt.complete { color: #333; } .block-progress dd { padding-left: 0; margin-bottom: 10px; } .block-progress dd address { /* font-style: italic; */ font-size: 12px; color: #444; } .block-progress #payment-progress-opcheckout .subtitle { margin-bottom: 3px; } .block-progress .payment-info dt { padding: 0; margin: 0 0 3px 0; color: #636363; text-transform: none; float: left; clear: both; font-size: 13px; } .block-progress .payment-info dt:after { content: ': '; } .block-progress .payment-info dd { float: left; margin-bottom: 3px; font-size: 13px; } .block-progress .payment-info:after { content: ''; display: table; clear: both; } .opc-block-progress dt.complete a, .opc-block-progress dt.complete .separator { display: inline; } .changelink span.separator { display: none !important; } .opc-block-progress dt a, .opc-block-progress dt .separator { display: none; } .changelink a { font-size: 0; height: 18px; text-indent: 0; width: 20px; float: right; position: relative; } #checkout-step-review .opc-block-progress { border-left: none; /* padding-left: 0; */ } #checkout-step-review .opc-block-progress .block-title { display: none; } #checkout-step-review .opc-block-progress .block-content { display: block !important; padding: 0; } #checkout-step-review .opc-block-progress .block-content > dl > div { float: left; width: 50%; } #checkout-step-review .opc-block-progress .block-content > dl div#shipping_method-progress-opcheckout { clear: both; } #checkout-step-review .opc-block-progress .block-content .changelink { display: none; } #checkout-step-review .centinel > p { margin-bottom: 10px; } #checkout-step-review .centinel iframe { width: 100%; min-height: 400px; } /* Gift options */ .gift-messages-form .item:before, .gift-messages-form .item:after { content: ''; display: table } .gift-messages-form .item:after { clear: both } .gift-messages-form ol { padding-top: 10px; } .gift-messages-form .item { zoom: 1; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ebebeb; } .gift-messages-form .item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .gift-messages-form .item h5 { font-family: 'latobold'; } .gift-messages-form .item .product-img-box { width: auto; float: left; padding-right: 15px; } .gift-messages-form .item .details { float: left; width: 100%; margin-left: -90px; padding-left: 90px; } .gift-messages-form .item .details .wide { margin-bottom: 0; } .gift-message-form .inner-box > div { content: ''; display: table; clear: both; width: 100%; margin-top: 15px; display: block; } .gift-message-form .inner-box > div.extra-options-container p { margin-bottom: 15px; } .gift-message-form .gift-wrapping-form label { margin-right: 10px; } .gift-message-form .gift-wrapping-form img { float: left; } .gift-message-form .gift-wrapping-form .gift-wrapping-design { height: 75px; } .gift-message-form .gift-wrapping-form .gift-wrapping-design:after { content: ''; display: table; clear: both; } .gift-message-form .gift-wrapping-form .gift-wrapping-design .image-box { margin-right: 5px; } .gift-message-form .gift-item { padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #ececec; } .gift-message-form .gift-item:after { content: ''; display: table; clear: both; } .gift-message-form .gift-item .product-img-box { width: 200px; } .gift-message-form .gift-item .product-img-box .product-image { width: 75px; margin-left: auto; margin-right: auto; } .gift-message-form .gift-item .product-img-box .product-name { display: block; } .gift-message-form .gift-item .fieldset { margin-left: 200px; } #shopping-cart-totals-table tfoot tr:last-child td { text-transform: none; color: #333; padding-left: 15px; padding-right: 0px; } /* ============================================ * * Checkout - Success * ============================================ */ .checkout-onepage-success .col-main { padding: 0; text-align: center; } .checkout-onepage-success .buttons-set { margin: 10px 0; text-align: center; } .checkout-onepage-success .buttons-set button { float: none; } /* FIRST STEP - 1 CSS */ #checkout-step-login .col2-set .col-1 { padding-left: 15px; } #checkout-step-login .col2-set .col-2 { padding-right: 15px; } #checkout-step-login .form-list > li { margin-bottom: 0px; margin-top: 0px; padding-bottom: 5px; } .LeftActions { float: left; display: inline-block; margin: 10px 0 0; } .fieldset .LeftActions p.required { float: left; display: inline-block; margin: 0 0 5px 0; } .LeftActions a.f-left { color: #333; text-decoration: underline; font-size: 13px; } .LeftActions a.f-left:hover { color: #999; text-decoration: none; } .buttons-set.FirstLogin { float: right; display: inline-block; margin: 10px 0 0; clear: none; } .opc .buttons-set.FirstLogin button.button { float: right; margin-bottom: 0; margin-left: 0; margin-right: 0; } checkoutSteps .fieldset ul.form-list { margin-left: 0; } /* FIRST STEP - 1-2 CSS */ .form-list .fields:before, .form-list .fields:after { content: ''; display: table; } .form-list .fields:after { clear: both } .form-list .fields { zoom: 1; margin: 0 0px; padding-bottom: 0; } .form-list .field { display: block; float: left; width: 50%; padding: 0 0px 23px 0; position: relative; } .customer-account-create .form-list .field { display: block; float: left; width: 50%; padding: 0 10px 13px 0; position: relative; } #checkout-step-login .col-1 .form-list { margin-top: 11px; } .customer-address-form .form-list .field{width:100%;} .customer-address-form .fieldset{float:left; width:50%; max-width:370px; margin-top:0} .customer-address-form .cf .fieldset:first-child{padding-right:10px;} .customer-address-form .cf .fieldset:last-child{padding-left:10px; float:right} .edit-address-cols-outer{position:relative} .edit-address-cols-outer:before{content:''; display:block; position:absolute; top:0; bottom:0; left:50%; width:1px; background:#cecece;} .form-list .scaffold-form label { color: #333333; font-size: 12px; text-transform: uppercase; } .opc .form-list select, .customer-account select { margin-top: 0px; border: 1px solid #c0c0c0; } #billing-buttons-container { float: right; margin-top: -80px; } #billing-buttons-container p.required { float: left; margin: 0; text-align: right; width: 100%; } #billing-buttons-container button.button { clear: both; float: right; margin: 0; } .opc .please-wait { bottom: 5px; position: absolute; right: 0px; } .opc .please-wait img { width: 20px; } .opc #billing-buttons-container .please-wait { right: 25px; } /* FIRST STEP - 2-3 CSS */ .opc .commonaction { opacity: 1 !important } .disabled .button.button { opacity: 0; } .opc .buttons-set .back-link { display: inline-block; float: left; line-height: normal; } .opc p.back-link a { background: #8d8d8d; color: #ffffff; display: inline-block; font-size: 13px; line-height: 19px; padding: 7px 15px; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; font-family: 'latobold'; font-size:14px;} .opc p.back-link a:hover { background: #555; text-decoration: none; color: #FFFFFF; } .opc p.back-link a small { display: none; } .opc .commonaction button.button { float: right; margin-right: 0; } .opc .commonaction .RequiredF { position: absolute; right: 0; top: -25px; } p.back-link a { background: #8d8d8d; color: #ffffff; display: block; font-size: 14px; font-family: 'latobold'; line-height: 19px; padding: 9px 15px !important; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; } p.back-link a small { display: none; } p.back-link a:hover { background: #555; text-decoration: none; color: #FFFFFF; } #loadingmask { bottom: 100px; left: 275px; position: absolute; height: 32px; overflow: hidden; } /* FIRST STEP - 4-5 CSS */ /* SAVED CC */ #checkout-payment-method-load dd ul { max-width: 350px; padding-top: 10px; } #checkout-payment-method-load dd ul li { margin: 0 0 0 25px; display: block; } #checkout-payment-method-load dd ul li label { text-transform: uppercase; } #checkout-payment-method-load dd ul li p.required { display: none; } #checkout-payment-method-load dd ul li div.v-fix { float: left; width: 47%; margin: 0 2% 0 0; display: block; } #checkout-payment-method-load dd ul li div.v-fix:last-child { margin: 0 0 0 4%; } #onepage-checkout-shipping-method-additional-load { display: none; } /* FIRST STEP - 5-6 CSS */ /* review step */ #checkout-review-table { border: 1px solid #CECECE; } #checkout-review-table th, #checkout-review-table tbody td { border-bottom: none; vertical-align: top; border: 1px solid #CECECE; } #checkout-review-table h3 { border: 0 none; color: #222; font-size: 16px; font-family: 'latoregular'; margin-bottom: 0; padding: 0; text-transform: none; } #checkout-review-table thead th, #checkout-review-table tbody td { background-color: transparent; padding: 10px 5px; font-family: 'latoregular'; } #checkout-review-table tbody td[data-rwd-label="Price"] { min-width: 110px; } #checkout-review-table tbody td[data-rwd-label="Qty"] { min-width: 60px; } #checkout-review-table tbody td[data-rwd-label="Total"] { min-width: 110px; } #checkout-review-table tbody td { font-size: 14px; line-height: 20px; } #checkout-review-table thead th { background-color: #E5E5E5; font-family: 'latobold'; color: #505050 } #checkout-review-table tfoot tr { background-color: #ffffff; } #checkout-review-table tfoot tr td { border: 0px solid #CECECE; background-color: #ffffff; padding: 3px 5px; font-size: 13px; padding-bottom: 20px; } #checkout-review-table tfoot tr td:first-child { font-size: 14px; color: #000; } #checkout-review-table tfoot tr:first-child td { padding-top: 20px; padding-bottom: 5px; } #checkout-review-table tfoot tr.last td { border-top: 1px solid #cecece; color: #000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 23px; padding-bottom: 11px; padding-top: 8px; } #checkout-review-table dl.item-options { font-size: 12px; margin-top: 5px; } #checkout-review-table dl.item-options dt { font-size: 13px; clear: none; font-style: normal; font-family: 'latobold'; color: #333; line-height: 16px; } #checkout-review-table dl.item-options dd { color: #636363; padding-left: 5px; padding-right: 15px; line-height: 16px; } #checkout-review-table .btn-remove img { display: none; } #checkout-review-table-wrapper { clear: both; } #review-buttons-container { margin: 15px 0 0; } #review-buttons-container .btn-checkout {/*min-width:220px;*/ font-size:16px; font-family: 'latobold'; padding:11px 14px;} #review-buttons-container .please-wait { float: left; margin-right: 10px; } #review-buttons-container .f-left { float: left; font-size: 13px; } #review-buttons-container .f-left a { color: #000; font-family: 'latobold'; text-decoration: underline; font-size:14px;} #review-buttons-container .f-left a:hover { text-decoration: none; } .account-create .page-title p { margin-bottom: 10px; } .account-create { background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/create-account-img.png) no-repeat 95% center; margin-bottom: 30px; } .account-create .fieldset { margin-left: 0px; max-width: 760px; } .account-create .buttons-set { margin: 20px 0 0 0; max-width: 760px; } .osolCaptchaBlock { clear: both; } .osolCaptchaBlock label:first-child { display: block; float: none; padding-bottom: 8px; } .osolCaptchaBlock a { float: left; } .osolCaptchaBlock img { height: 35px; float: left; } .osolCaptchaBlock a { background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/reset-icon.png) no-repeat center center; font-size: 0px; height: 35px; width: 20px; display: block; margin: 0 10px; line-height: 35px; } .osolCaptchaBlock input { width: 125px; } .customer-account .dashboard .welcome-msg .hello { margin-bottom: 15px; } .customer-account .dashboard .box-recent { border: solid 1px #ccc; /*padding:29px;*/ padding: 3.4%; } .customer-account .dashboard .box-account { margin-bottom: 30px; } .customer-account .my-account .box-info { border: solid 1px #ccc; padding: 30px; margin-bottom: 30px; } .customer-account .my-account .box-account:last-child { margin-bottom: 0; } .customer-account-index .my-account .box-account:last-child, .order-items.order-details { margin-bottom: 30px; } .customer-account .my-account .box-head:before, .customer-account .my-account .box-head:after { content: ''; display: table } .customer-account .my-account .box-head:after { clear: both } .customer-account .my-account .box-head { border: none 0px; padding: 0px; } .customer-account .my-account .box-head h2 { font-size: 18px; font-family: 'latobold'; display: inline-block; margin-bottom: 15px; padding: 0 0 10px 0; position: relative; float: left; } body.customer-account-login .account-login { margin-bottom: 30px; } a.changePass { display: inline-block; margin-top: 3px; font-family: 'latobold'; text-decoration: underline; } a.link-remove.changePass { margin-left: 5px; } a.changePass:hover { text-decoration: none; } form .legend { position: relative; border-bottom: 0px; } .customer-account .dashboard .box-head h2:after, .my-account form .legend:after, body.customer-account .my-account .fieldset h2:after, body.customer-account .my-account .addresses-list h2:after, body.customer-account .my-account .order-details h2:after { display: block; content: ""; position: absolute; height: 3px; width: 50px; left: 0px; bottom: 0px; background: #b80838; } .customer-account .dashboard .box-head a { background: #909090; color: #fff; padding: 9px 12px 7px; font-size: 14px; font-family: 'latobold'; float: right; text-decoration: none; margin-top: -8px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .customer-account .dashboard .box-head a:hover { background: #b80838 } #compare-items a.btn-remove { font-size: 0; height: 20px; text-indent: 0; width: 22px; float: right; border: 0px; margin-right: -4px; } #compare-items a.btn-remove:after { /* display: none; */ } .col2-set { position: relative; } .customer-account .col2-set:before { width: 1px; height: 100%; display: block; content: ""; position: absolute; left: 50%; top: 0px; bottom: 0px; background-color: #ccc; } body.customer-address-index .col2-set:before { left: 47%; } #login-form .col2-set:before { display: none; } .no-border:before { display: none; } .my-account .box-account p, .dashboard .box-account address { color: #333333; font-size: 13px; } .my-account .buttons-set { margin: 7px 0 0; padding: 0; } .my-account .buttons-set p a, .my-account .buttons-set p .button { text-decoration: none; } body.customer-account-edit .my-account .fieldset { margin-top: 0; margin-bottom: 0; } body.customer-account-edit .my-account form { max-width: 370px; } body.customer-account-edit .my-account .fieldset .form-list { margin: 0px; } body.customer-account-edit .my-account .fieldset .form-list .field { width: 100%; } body.customer-address-form .my-account .buttons-set { clear: both; display: block; margin: 10px 0 0; padding: 0; } .my-account .validation-advice { position: absolute; } .my-account .order-date{padding-bottom:10px;} dl.order-info { margin-bottom: 15px; } body.wishlist-index-index p.back-link a { padding: 9px 15px 8px 15px !important; } body.wishlist-index-index .my-account .buttons-set.buttons-set2 { display: block; } #wishlist-table .price-box .special-price { color: #303030; padding-left: 0; } .disnone { display: none; } body.newsletter-manage-index .my-account .fieldset ul.form-list { margin: 0; } .data-table tbody td, .data-table tfoot td { font-size: 13px; } /* ============================================ * * MY ORDER CSS START * ============================================ */ body.customer-account .data-table td a { font-size: 13px; text-transform: none; font-weight: 400; text-decoration: underline; } body.customer-account .data-table td a:hover { text-decoration: none; } .pager-no-toolbar { padding-top: 5px; border-top: 2px solid #E1E1E1; border-bottom: 2px solid #E1E1E1; margin-bottom: 30px; } .my-account .pager { width: 100%; float: left; } .my-account .pager > .count-container { float: none; } .my-account .pager .limiter { float: right; } .my-account .amount--has-pages { font-size: 14px; } .myac-top-toolbar .pages { display: none; } .category-products .selector { float: left; width: auto !important; } .myac-bottom-toolbar { margin: 30px 0 20px; } .myac-bottom-toolbar .limiter { display: none; } .pages { margin: 0 0 0 0; } .amount.amount--has-pages { margin-bottom: 0; } body.sales-order-history .buttons-set { display: none; } .sales-order-history .myac-bottom-toolbar { margin: 20px 0 0; } .std p { color: #606060; font-size: 13px; line-height: 19px; margin-bottom: 15px; text-align: justify; } ol, ul { list-style: outside none none; margin: 0; padding: 0; } .aboutImg { display: inline-block; float: left; margin-bottom: 20px; margin-right: 25px; } .col4-set { display: block; float: left; margin-right: 2.5%; width: 23%; } .col4-set.listumber { margin-right: 0; } .listumber ol { display: block; list-style: outside none decimal; padding-left: 20px; } .cms-page-view .std .listumber ol li, .cms-no-route .std .listumber ol li { color: #b80838; list-style: outside none decimal; margin-left: 0; padding: 0 3px 0px 5px; } .listumber ol li span { color: #636363; } .listarrow ul li:before, .listdot ul li:before, .listcheck ul li:before { position: absolute; display: block; content: ""; height: 10px; width: 10px; left: 0px; top: 2px; } .listarrow ul li:before { background-position: 0 -676px; } .listdot ul li:before { background-position: 0 -688px; } .listcheck ul li:before { background-position: 0 -702px; } /* Print Page */ body.page-print .print-head { display: inline-block; float: left; } body.page-print .col2-set { clear: both; margin-bottom: 20px; } .page-print h1 { display: inline; float: right; } .page-print .order-date { clear: right; float: right; } /* Order Success Page */ body.checkout-onepage-success h2.sub-title { font-size: 22px; } body.checkout-onepage-success p a { font-family: 'latobold'; } /* Whishlist sharing Page */ body.wishlist-index-share .my-account .fieldset ul.form-list { margin: 0; } body.wishlist-index-share .input-box textarea { resize: none; border: 1px solid #CCC; font-size: 13px; max-width: 100%; } body.wishlist-index-share .buttons-set button.button { padding-top: 8px; padding-bottom: 8px; } /* ============================================ * * Wishlist * ============================================ */ #wishlist-table th { text-align: center; } #wishlist-table.clean-table { font-size: 12px; text-transform: uppercase; width: 100%; } #wishlist-table.clean-table th { border: 1px solid #cecece; } #wishlist-table.clean-table td { padding: 10px; vertical-align: top; border: 1px solid #cecece; } #wishlist-table.clean-table thead th { font-size: 16px; font-family: 'latobold'; padding: 5px 15px; background: #EBEBEB; text-transform: uppercase; color: #505050; } #wishlist-table .product-name { font-size: 16px; margin-bottom: 0; text-transform: uppercase; } #wishlist-table .product-name a { color: #b80838; font-family: 'latobold'; } #wishlist-table .product-name a:hover { color: #303030; } #wishlist-table .wishlist-sku { font-size: 11px; margin: 5px 0; } #wishlist-table textarea { border: 1px solid silver; width: 100%; height: 45px; font-size: 11px; resize: none; } #wishlist-table textarea::-webkit-input-placeholder { text-transform: uppercase; } #wishlist-table textarea:-moz-placeholder { text-transform: uppercase; } #wishlist-table textarea::-moz-placeholder { text-transform: uppercase; } #wishlist-table textarea:-ms-input-placeholder { text-transform: uppercase; } #wishlist-table textarea:focus { border: 1px solid #b80838; } #wishlist-table .item-manage { text-align: right; max-width: 450px; padding-top: 5px; } #wishlist-table .item-manage .button { font-size: 11px; padding: 3px 5px; } #wishlist-table .cart-cell { text-align: center; } #wishlist-table td.customer-wishlist-item-image { width: 100px; } #wishlist-table td.customer-wishlist-item-image img { width: 100%; height: auto; } #wishlist-table td.customer-wishlist-item-quantity { width: 3em; } #wishlist-table .disnone > p { margin-bottom: 0; } #wishlist-table td.customer-wishlist-item-price { width: 120px; text-align: center; } #wishlist-table td.customer-wishlist-item-cart { width: 150px; text-align: center; } #wishlist-table td p a.button.link-edit { font-size: 0; margin-bottom: 10px; width: auto; height: 18px; text-indent: 0; width: 20px; margin-top: 10px; position: relative; background: none; } #wishlist-table td p a.button.link-edit:after { right: 0px; } #wishlist-table td.customer-wishlist-item-cart .truncated { margin: 0 auto 10px; /*margin-bottom: 10px;*/ clear: both; display: table; } #wishlist-table td.customer-wishlist-item-cart > p { margin-bottom: 0; } #wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item { text-align: center; } #wishlist-table td.customer-wishlist-item-cart .btn-remove { vertical-align: top; } #wishlist-table td.customer-wishlist-item-remove { width: 20px; } #wishlist-table td .button, #wishlist-table td button { white-space: normal; display: none;} #wishlist-table .price-box { font-size: 12px; } #wishlist-table .price-box .price { color: #636363; } #wishlist-table .giftregisty-add { margin-top: 5px; } #wishlist-table .giftregisty-add .change { display: none; } #wishlist-table .giftregisty-add li { cursor: pointer; color: #303030; margin-bottom: 3px; } #wishlist-table .truncated .details { background: none; color: #303030; } #wishlist-table td[data-rwd-label]:before { font-family: 'latobold'; } #wishlist-table td .button.btn-cart { padding: 5px 10px; } /* ============================================ * * Wishlist Sidebar * ============================================ */ .block-wishlist .mini-products-list > li:not(:last-child) { padding-bottom: 5px; } .block-wishlist .product-details .product-name { padding-top: 0; margin-bottom: 5px; } .block-wishlist .price-box { float: left; margin: 0; } .block-wishlist .price-box, .block-wishlist .price-box .price, .block-wishlist .link-cart { font-size: 12px; } .block-wishlist .link-cart { float: left; text-transform: uppercase; margin-right: 7px; padding-right: 7px; border-right: 1px solid #ededed; } .select-box { position: relative; } .selector { position: relative; cursor: pointer; width: 100% !important; display: block; /* overflow: hidden; */ } .selector:hover { cursor: pointer } .selector select, .header select { opacity: 0; position: absolute; left: 0; top: 0 !important; width: 100%; height: 100%; } .selector.focus select { bottom: 0; top: auto !important } .selector span { width: 100% !important; display: block; border: 1px solid #c7c7c7; background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon-select-arrow.png) no-repeat scroll right center #FFF; position: relative; height: 50px; line-height: 50px; overflow: hidden; padding: 0 30px 0 10px; } /* ============================================ * * Home box * ============================================ */ .packfull { width: 100%; margin: 0; padding:61px 0 17px 0; display: inline-block; border-bottom: solid 8px #a9a9a9; background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/homepagepattens.png) repeat center center;} .packfull.category-2 .packfull-left{ border:none 0px; margin-top:40px; padding-right: 54px;} .packfull.category-2 .packfull-right{margin-top: 62px;} .packfull.category-2 .packfull-left p{ margin-bottom:28px; padding-right: 101px;} .packfull.category-2 .packfull-left a.browse-Products{margin-top: 15px; margin-bottom:80px;} .packfull.category-3 .packfull-left a.browse-Products{margin-top: 60px;} .packfull.category-2 .product-media-thumbs.product-image-thumbs.content-slider { width: 100%; display: inline-block; margin-bottom:52px; margin-top: 85px;} .packfull.category-3 .product-media-thumbs.product-image-thumbs.content-slider { width: 100%; display: inline-block; margin-bottom:66px; margin-top: 39px;} /*.packfull.category-3 .product-media-thumbs.content-slider h3{ text-align: center;}*/ .cms-home .content-slider .browse-brand-title{text-align: center;} .packfull.category-3 .packfull-left{ border:none 0px; margin-top:16px; padding-right: 101px;} .packfull.category-3{ /*border:none 0px;*/ } .packfull.category-1 .packfull-left{ width:39%;} .packfull .packfull-left { width:48%; float: left; margin-top:88px; padding-right: 0px; margin-bottom: 16px;} .packfull .packfull-left h1 span{ color:#603a31;} .packfull .packfull-left h1{ font-family: 'ralewayextrabold'; margin:0 0 51px 0; padding:0; line-height:72px; font-size:71px; color:#535353; position:relative;} .packfull .packfull-left h1:before{ content:''; background:#535353; width:67px; height:4px; position: absolute; left:2px; bottom:-18px;} .packfull .packfull-left h1 a:hover{ text-decoration: none; color: inherit; } .packfull .packfull-left h2 span{ color:#603a31;} .packfull .packfull-left h2{ font-family: 'ralewayextrabold'; margin:0 0 51px 0; padding:0; line-height:72px; font-size:71px; color:#535353; position:relative;} .packfull .packfull-left h2:before{ content:''; background:#535353; width:67px; height:4px; position: absolute; left:2px; bottom:-18px;} .packfull .packfull-left h2 a:hover{ text-decoration: none; color: inherit; } .packfull .packfull-left h4{ font-family: 'ralewaysemibold'; margin:0 0 30px 3px; padding:0 70px 0 0px; line-height:29px; font-size:18px; color:#333333; position:relative; text-transform:none;} .packfull .packfull-left p{ font-family: 'Raleway', sans-serif; margin: 0px; padding:2px 70px 0px 4px; line-height:30px; font-size:18px; color:#333333; position:relative; text-transform:none;} .packfull .packfull-left a.browse-Products { margin-top: 60px; position: relative; text-decoration: none; font-family: 'latobold'; color: #FFF; font-size: 16px; text-transform: uppercase; padding: 7px 17px; display: inline-block; background: #b80838; width: 367px; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; box-shadow: 1px 1px 0px #888888;} .packfull .packfull-left a.browse-Products:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #535353; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .packfull .packfull-left a.browse-Products:hover, .packfull .packfull-left a.browse-Products:focus, .packfull .packfull-left a.browse-Products:active { color: white;} .packfull .packfull-left a.browse-Products:hover:before, .packfull .packfull-left a.browse-Products:focus:before, .packfull .packfull-left a.browse-Products:active:before { -webkit-transform: scaleX(1); transform: scaleX(1);} .packfull .packfull-left a.browse-Products:after{ content: ""; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) -8px -242px; width:17px; height:10px; position:absolute; right:5px; top:14px; font-size:18px; color:#FFF;} .packfull .packfull-right{ width:52%; float:right;} .packfull.category-1 .packfull-right{ width:61%;} .product-media-thumbs.product-image-thumbs.content-slider { width: 100%; display: inline-block; margin-bottom:53px; margin-top: 56px; } #home-cat1 .owl-carousel{padding-left:20px; padding-right:20px;} #home-cat2 .owl-carousel{padding-left:20px; padding-right:20px;} #home-cat3 .owl-carousel{padding-left:20px; padding-right:20px;} .category-container{ max-width:1180px; margin:0 auto;} .home-intro-content { max-width: 1160px; margin: 0 auto; padding: 33px 0 20px 0; } .home-intro-content .home-intro-container {padding-bottom:20px;} .home-intro-content > h2 { font-family: 'ralewayextrabold', sans-serif; font-size:50px; } .home-intro-content p { font-family: 'Raleway', sans-serif; font-size:15px; } .home-intro-content .home-intro-container {padding-bottom:20px;} .home-intro-container.col1-layout h2 {font-family: 'ralewayextrabold', sans-serif; margin:15px 0;} .aboutus-bg { width: 100%; display: inline-block; background:#b80838 url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/aboutus-bg.png) no-repeat 45% 54%; text-align: center; margin-top: -6px;} .aboutus-container{max-width:1180px; margin:0 auto; padding-top: 27px; padding-bottom: 48px;} .aboutus-bg p{ font-family: 'Raleway', sans-serif; margin:0 0 20px 0; padding:11px 5px 0px 0px; line-height:48px; font-size:28px; color:#fff; position:relative; text-transform:none; text-align:center;} .aboutus-bg .learn-more { font-family: 'Raleway', sans-serif; margin:0 auto; display:inline-block; overflow:hidden; padding:8px 54px 8px 54px; border: solid 1px #fff; border-radius:2px; line-height:38px; font-size:26px; color:#fff; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .aboutus-bg .learn-more:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #fff; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .aboutus-bg .learn-more:hover, .aboutus-bg .learn-more:focus, .aboutus-bg .learn-more:active { color:#b80838; text-decoration:none; } .aboutus-bg .learn-more:hover:before, .aboutus-bg .learn-more:focus:before, .aboutus-bg .learn-more:active:before { text-decoration:none; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .otherlink { background: #2a2a2a; display:inline-block; width:100%; padding-top: 40px; padding-bottom:40px;} .other-container{max-width:1180px; margin:0 auto;} .otherlink ul{ margin:0px; padding:0px; text-align: center;} .otherlink ul li:first-child{ margin-left:0;} .otherlink ul li{ display:inline-block; margin:0px; padding:0px; position: relative} .otherlink ul li a{ font-family: 'ralewaymedium'; font-size: 18px; color: #FFF; padding:75px 0px 0px 0px; width: 197px; display:inline-block;} .otherlink ul li a:hover{ text-decoration:none; color: #acacac;} .otherlink ul li a.active{ text-decoration:none; color: #acacac;} .otherlink ul li a.where-to-buy-coffee-pods{ width:179px; display: inline-table; padding: 75px 0px 0px 0px;} .otherlink ul li a.where-to-buy-coffee-pods:before{ content:''; position:absolute; left: 38.8%; top:0; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) -5px -2083px; height: 54px; display:inline-block; width:43px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .otherlink ul li a.where-to-buy-coffee-pods:hover:before{ background-position:-5px -2139px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .otherlink ul li a.active.where-to-buy-coffee-pods:before{ background-position:-5px -2139px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .otherlink ul li a.newsletter:before{content:'';position:absolute;left: 35.8%;top:0;background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) -5px -2195px;height: 49px;display:inline-block;width:50px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;} .otherlink ul li a.newsletter:hover:before{ background-position:-5px -2239px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .otherlink ul li a.active.newsletter:before{ background-position:-5px -2239px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .otherlink ul li a.coffee-industry:before{content:'';position:absolute;left: 35.8%;top:0;background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) -5px -2288px;height: 48px;display:inline-block;width:49px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;} .no-touch .otherlink ul li a.coffee-industry:hover:before{ background-position:-5px -2338px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .otherlink ul li a.active.coffee-industry:before{ background-position:-5px -2338px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .otherlink ul li a.latestnews:before{content:'';position:absolute;left: 32.8%;top:0;background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) 0px -882px;height: 45px;display:inline-block;width:58px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;} .no-touch .otherlink ul li a.latestnews:hover:before{ background-position:0px -927px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .otherlink ul li a.active.latestnews:before{ background-position:0px -927px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .otherlink ul li a.our-brands:before{ content:''; position:absolute; left: 38.8%; top:0; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) -5px -968px; height: 46px; display:inline-block; width:74px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .otherlink ul li a.our-brands:hover:before{ background-position:-5px -1015px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .otherlink ul li a.active.our-brands:before{ background-position:-5px -1015px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .otherlink ul li a.industry-links:before{ content:''; position:absolute; left: 38.8%; top:0; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) 0px -1061px; height: 45px; display:inline-block; width:74px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .otherlink ul li a.industry-links:hover:before{ background-position:0 -1104px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .otherlink ul li a.active.industry-links:before{ background-position:0 -1104px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .otherlink ul li a.after-sales:before{ content:''; position:absolute; left: 38.8%; top:0; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) 0px -1148px; height: 46px; display:inline-block; width:83px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .otherlink ul li a.after-sales:hover:before{ background-position:0 -1197px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .otherlink ul li a.active.after-sales:before{ background-position:0 -1197px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .otherlink ul li a.about-us:before{content:'';position:absolute;left: 37.8%;top:0;background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) -5px -2387px;height: 44px;display:inline-block;width:47px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;} .no-touch .otherlink ul li a.about-us:hover:before{ background-position:-5px -2436px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .otherlink ul li a.active.about-us:before{ background-position:-5px -2436px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .otherlink ul li a.contact:before{ content:''; position:absolute; left: 38.8%; top:0; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) 0px -1333px; height: 44px; display:inline-block; width:50px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .no-touch .otherlink ul li a.contact:hover:before{ background-position:0px -1376px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .otherlink ul li a.active.contact:before{ background-position:0px -1376px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .footer-container-bg { background:#2a2a2a; display:inline-block; width:100%; padding-top:25px; padding-bottom:25px; border-top: solid 1px #383838;} .footer-logo { display: inline-block; float:left; padding-right: 15px; border-right: solid 1px #404040; padding-top: 8px; padding-bottom: 9px;} .footer-nav-bg{ display:inline-block; margin-left: 15px; margin-top: 1px;} .footer-nav { display: inline-block;} .footer-nav ul{ margin:6px -4px; padding:0px;} .footer-nav li{ margin:0px; padding:0; display:inline-block;} .footer-nav ul li:last-child a{ border-right: none 0px;} .footer-nav ul li a{ font-family: 'ralewaysemibold'; line-height:16px; border-right: solid 1px #FFF; font-size: 12px; color: #FFF; padding:0 10px; text-transform: uppercase;} .footer-nav ul li a:hover{ color:#ED1D24; text-decoration:none;} .footer-nav ul li a.active{ color:#ED1D24; text-decoration:none;} .copyfooter{ font-family: 'ralewaymedium'; line-height:24px; font-size: 13px; color:#9a9a9a; margin-left: 5px; margin-top: 5px;} .copyfooter a{ font-family: 'ralewaymedium'; line-height:24px; font-size: 13px; color:#9a9a9a;} .copyfooter a:hover{color:#fff;} .footer-social { margin: 17px auto 0px auto; position: relative; width: 97px; float:right; } .footer-social .facebook { background: rgba(0, 0, 0, 0) url("https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png") no-repeat 0px -1431px; float: left; height: 25px; width: 25px; text-indent: -9999px; margin-right: 11px;} .footer-social .facebook:hover { background-position: 0px -1461px; transition: all 0.7s ease 0s; } .footer-social .twitter { background: rgba(0, 0, 0, 0) url("https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png") no-repeat -35px -1431px; float: left; height: 25px; width: 25px; text-indent: -9999px; margin-right: 11px;} .footer-social .twitter:hover { background-position: -35px -1461px; transition: all 0.7s ease 0s; } .footer-social .youtube { background: rgba(0, 0, 0, 0) url("https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png") no-repeat -70px -1431px; float: left; height: 25px; width: 25px; text-indent: -9999px;} .footer-social .youtube:hover { background-position: -70px -1461px; transition: all 0.7s ease 0s; } .mobile-mneu{ display:none;} .contact-number{ display:none;} .mobile-header-menu{ display:none;} #header.sticky { left: 0; position: fixed; top: 0px; width: 100%; z-index: 999; border: 0;} .wrap ul.sticky { left: 0; position: fixed !important; top: 69px; width: 100%; z-index: 99;} .mobile-header-menu.sticky { left: 0%; position: fixed; top: 0; width: 100%; z-index: 999;} #back-top { bottom: 50px; display: none; height: 41px; position: fixed; right: 19px; width: 41px; z-index: 999; } #back-top span { background: url("https://www.jllennard.com.au/skin/frontend/jll/podpack/images/up-arrow.png") no-repeat scroll left top; display:block; height: 53px; width: 43px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} #back-top span:hover { background: url("https://www.jllennard.com.au/skin/frontend/jll/podpack/images/up-arrow.png") no-repeat scroll right top; display:block; height: 53px; width: 43px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .cat-banner { display: inline-block; width: 100%; position:relative; overflow: hidden; text-align:center;} .cat-banner .category-image{ position:relative; margin-bottom:0; min-height:250px;} .cat-banner .category-image:before{ opacity:0.6; content:''; position:absolute; top:0; left:0; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/bg-innerpage-banner.png) repeat left top; width:100%; height:100%; display:inline-block;} .slogan { font-family: 'latobold'; font-size: 31px; color:#FFF; position: absolute; top: 50%; left:47%; transform:translateX(-45%) translateY(-50%); -o-transform:translateX(-45%) translateY(-50%); -webkit-transform:translateX(-45%) translateY(-50%); -o-transform:translateX(-45%) translateY(-50%); -ms-transform:translateX(-45%) translateY(-50%); -moz-transform:translateX(-45%) translateY(-50%);} .slogan h3{font-family: 'ralewaysemibold'; font-size: 35px; color:#FFF; text-transform:none;} .cms-about-us .slogan {left: 32%; transform:translateX(-21%) translateY(-50%); -o-transform:translateX(-21%) translateY(-50%); -webkit-transform:translateX(-21%) translateY(-50%); -o-transform:translateX(-21%) translateY(-50%); -ms-transform:translateX(-21%) translateY(-50%); -moz-transform:translateX(-21%) translateY(-50%);} .contactmgt-index-index .slogan{ left:42%; transform:translateX(-35%) translateY(-50%); -o-transform:translateX(-35%) translateY(-50%); -webkit-transform:translateX(-35%) translateY(-50%); -o-transform:translateX(-35%) translateY(-50%); -ms-transform:translateX(-35%) translateY(-50%); -moz-transform:translateX(-35%) translateY(-50%);} .catalog-category-view .category-title h1 span{ color:#b80838;} .catalog-category-view .category-title h1{ font-family: 'ralewayextrabold'; margin:0 0 51px 0; padding:0; line-height:60px; font-size:60px; color:#535353; position:relative;} .catalog-category-view .category-title h1:before{ content:''; background:#535353; width:69px; height:4px; position: absolute; left:7px; bottom:-23px;} .category-description{ float:left; width:52%; padding:4px 5% 0 8px;} .category-left-description{ float:right; width:45.8%; padding:5px 1px;} .full-description { margin-top: 0; display: inline-block; width: 100%; margin-bottom: 36px;} .full-description h2{ font-family: 'ralewaysemibold'; margin:10px 0 10px 0px; padding:0px 0px 10px 0px; border-bottom: solid 1px #ccc; line-height:29px; font-size:24px; color:#333333; position:relative; text-transform:none;} .full-description h3{ font-family: 'ralewaysemibold'; margin:10px 0 0px 0px; padding:0px; line-height:29px; font-size:20px; color:#333333; position:relative; text-transform:none;} .full-description b{ font-size:15px;} .full-description a, .cms-coffee-industry .col-main .std a{ color:#b80838; } .full-description .caterightimg{ float:right;} .full-description .caterightimg h3{ clear:both;} .full-description .caterightimg p{width: 200px; clear: both; float: right; font-size: 14px; line-height: 18px; text-align: right;} .full-description .caterightimg img{ float:right; margin-bottom:10px;} .full-description h4{ font-family: 'ralewaysemibold'; margin:15px 0 0 0px; padding:0px; line-height:29px; font-size:18px; color:#333333; position:relative; text-transform:none;} .full-description p{ word-spacing: 1px; font-family: 'Raleway', sans-serif; margin: 0px; padding:0px; line-height:30px; font-size:18px; color:#333333; position:relative; text-transform:none;} .full-description ul, .full-description ol{ margin-left: 24px; margin-bottom: 15px;} .full-description ul li { color: #333333; position: relative; list-style-type: disc; padding: 0 3px 0 0px; font-family: "Raleway",sans-serif; font-style: normal; font-size: 18px; line-height: 30px; } .full-description ol li { color: #333333; position: relative; list-style-type: decimal; padding: 0 3px 0 0px; font-family: "Raleway",sans-serif; font-style: normal; font-size: 18px; line-height: 30px; } .cms-page-view .caterightimg{ float:right;} .cms-page-view .caterightimg h3{ clear:both;} .cms-page-view .caterightimg p{width: 200px; clear: both; float: right; font-size: 14px; line-height: 18px; text-align: right;} .cms-page-view .caterightimg img{ float:right; margin-bottom:10px;} .subcategories-outer { display: inline-block; text-align: center; width: 100%; font-family: 'ralewaysemibold'; font-size:18px; line-height:30px; color:#333;} .subcategories-outer h2{ font-family: 'ralewaybold'; margin:25px 0 18px 0px; padding:0px; line-height:30px; font-size:30px; color:#535353; position:relative; text-transform: uppercase;} .products-grid--max-2-col { margin-top: 21px; margin-left: -2px; margin-right: -2px;} .products-grid--max-2-col li { box-sizing: border-box; float: left; padding: 10px; width: 50%; position:relative;} .product-image img{max-width:inherit; border: none 0px;} .cart-table .product-cart-image .product-image img { margin: 0 auto; max-width: 103px; width: 100%;} .products-grid--max-2-col li .product-image-box .product-info { background: #fff; bottom: 40px; left:30px; right:35px; overflow:hidden; height: 70px; width: auto; position: absolute; text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .products-grid--max-2-col li .product-image-box .product-info > h3 { font-family: 'ralewayextrabold'; color:#535353; font-size: 22px; line-height: 75px; text-transform: uppercase; margin-bottom:0; height:70px; overflow:hidden;} .products-grid--max-2-col li .product-image-box .product-info > h3 a:hover{ text-decoration:none; color:inherit;} .no-touch .products-grid--max-2-col li .product-image-box .product-info > h3.text-overflow { line-height:35px; } .products-grid--max-2-col li .product-image-box .product-info > h3 span { color:#b80838;} .products-grid--max-2-col li .product-image-box .product-info .browse-content{ width:409px; height:101px ; overflow:hidden; font-family: 'Raleway', sans-serif; line-height:24px; font-size:16px; color:#333333; margin:0 auto;} .products-grid--max-2-col li .product-image-box .product-info .browse-content > p{ font-family: 'Raleway', sans-serif; line-height:24px; font-size:16px; color:#333333; margin:0 auto;} .products-grid--max-2-col li .product-image-box .product-info a.browse-Products { margin-top: 30px; position: relative; text-decoration: none; font-family: 'latobold'; color: #FFF; font-size: 16px; text-transform: uppercase; padding: 5px 17px; display: inline-block; background: #b80838; width: 290px; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; box-shadow: 1px 1px 0px #888888;} .products-grid--max-2-col li .product-image-box .product-info a.browse-Products:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #535353; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .products-grid--max-2-col li .product-image-box .product-info a.browse-Products:hover, .products-grid--max-2-col li .product-image-box .product-info a.browse-Products:focus, .products-grid--max-2-col li .product-image-box .product-info a.browse-Products:active { color: white;} .products-grid--max-2-col li .product-image-box .product-info a.browse-Products:hover:before, .packfull .packfull-left a.browse-Products:focus:before, .packfull .packfull-left a.browse-Products:active:before { -webkit-transform: scaleX(1); transform: scaleX(1);} .products-grid--max-2-col li .product-image-box .product-info a.browse-Products:after{ content: ""; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) -8px -242px; width:17px; height:10px; position:absolute; right:9px; top:14px; font-size:18px; color:#FFF;} .products-grid--max-2-col li .product-image-box .product-info:hover{ height:auto; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} /*.products-grid--max-2-col li .product-image-box .product-info:hover h3{ margin-top:18px; margin-top: 34px; line-height: 34px;} .products-grid--max-2-col li .product-image-box .product-info:hover p{ margin:0px auto 40px; width:100%;}*/ .browse-brands { background:#adaba2; display: inline-block; width: 100%; text-align:center; font-family: 'ralewaysemibold'; font-size:18px; line-height:30px; color:#fff; margin-top: 8px;} .browse-brands h2{ font-family: 'ralewaybold'; margin:57px 0 9px 0px; padding:0px; line-height:30px; font-size:30px; color:#fff; position:relative; text-transform: uppercase;} .browse-brands.even { background: #fff none repeat scroll 0 0;} .browse-brands.even h2{ color:#333333;} .brand-logo { margin: 33px auto 0 auto; max-width: 1160px; position: relative;} .brand-logo li { float: left; width:267px; height:130px; background:#FFF; margin-right:30px; margin-bottom:30px; list-style:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .brand-logo li:nth-child(4n+4){ margin-right:0;} .brand-logo li a{box-shadow:none; display:inline-block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .brand-logo li:hover{box-shadow: 1px 4px 10px 3px #6d6c67; display:inline-block; } .col2-left-layout .category-title .brand-logo { margin:0; position: absolute; right:0; top:4px;} #sidebar-nav .block-title strong {font-family: 'ralewaysemibold'; font-size:18px; color:#FFF;} .col2-left-layout .col-main .full-description { margin-top: 0; display: inline; width: 100%; margin-bottom: 0px;} .col2-left-layout .col-main .category-products .products-grid--max-2-col{margin-top:12px;} .col2-left-layout .col-main .category-products .products-grid--max-2-col li{ width: 47.1%; margin-right:31px; text-align:center; padding:0;} .col2-left-layout .col-main .category-products .products-grid--max-2-col li .productbox .product-image-box{ color:#FFF; border:solid 1px #adaba2; position:relative;} .col2-left-layout .col-main .category-products .products-grid--max-2-col li .productbox .product-image-box img{ width:100%;} .col2-left-layout .col-main .category-products .products-grid--max-2-col li:nth-child(2n+2){ margin-right:0px;} .sidebar .block-content ul .level0.nav-1.first.parent:before{ display:none;} .category-products .products-grid--max-2-col li .productbox .product-info {overflow:hidden; position:relative; height: auto; width: auto; position: relative; text-align: center; top:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .category-products .products-grid--max-2-col li .productbox .product-info h3 a{ font-family: 'ralewaysemibold'; color:#535353; font-size: 18px; line-height: 30px; text-transform: uppercase; display:inline-block; margin-top:17px; margin-bottom:15px; } .category-products .products-grid--max-2-col li .productbox .product-info h3 a:hover{ text-decoration:none;} .category-products .products-grid--max-2-col li .productbox .product-image-box .ProdInfoOver{background-color:rgba(236,38,62,.9); position:absolute; opacity:0; top:100%; left:0; right:0; bottom:0px; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; } .category-products .products-grid--max-2-col li .productbox .product-image-box .ProdInfoOver h3{ font-family: 'ralewaysemibold'; color:#fff; padding-top:43px; padding-bottom:18px; font-size:24px; line-height:30px; display:inline-block; position:relative;} .category-products .products-grid--max-2-col li .productbox .product-image-box .ProdInfoOver h3:before{ background:#fff; bottom:4px; content: ""; height: 2px; left: 50%; transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); position: absolute; width: 50px;} .category-products .products-grid--max-2-col li .productbox .product-image-box .ProdInfoOver h3:hover{ text-decoration:none;} .category-products .products-grid--max-2-col li .productbox .product-image-box .ProdInfoOver p{ font-family: 'Raleway', sans-serif; line-height:24px; font-size:16px; color:#fff; margin:0 auto; padding:0 10px;} .category-products .products-grid--max-2-col li .productbox .product-image-box .ProdInfoOver .plus-hover-icon {background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) 0 -273px; width:29px; height:29px; position:absolute; top:82%; cursor:pointer; left: 46%;} .category-products .products-grid--max-2-col li .productbox .product-image-box:hover .ProdInfoOver{opacity:1; top:0;} .category-products .products-grid--max-2-col li .productbox .product-image-box:hover + .product-info{position:relative; top:-30px; opacity:0; z-index:-1; color:#FFF;} .cms-our-brands .page-title h1 span{ color:#b80838;} .cms-our-brands .page-title h1{ font-family: 'ralewayextrabold'; margin:0 0 51px 0; padding:0; line-height:60px; font-size:60px; color:#535353; position:relative;} .cms-our-brands .page-title h1:before{ content:''; background:#535353; width:69px; height:4px; position: absolute; left:7px; bottom:-23px;} .cms-our-brands .browse-brands h2{ text-align: left; margin-bottom:35px;} .contactmgt-index-index .page-title h1 span{ color:#b80838;} .contactmgt-index-index .page-title h1{ font-family: 'ralewayextrabold'; margin:0 0 51px 0; padding:0; line-height:60px; font-size:60px; color:#535353; position:relative;} .contactmgt-index-index .page-title h1:before{ content:''; background:#535353; width:69px; height:4px; position: absolute; left:7px; bottom:-23px;} .cms-where-to-buy-coffee-pods .store-address .address-details{ min-height: 300px; width: 31.2%; padding-top:15px;} .cms-where-to-buy-coffee-pods .store-address .address-details p{line-height: 20px;} .store-address .address-details { line-height:30px; color:#333333; font-size:19px; font-family: 'latolight'; margin-right: 30px; margin-bottom: 30px; margin-left:0; border: 1px solid #ccc; display: inline-block; float:left; padding: 34px 39px 36px 39px; width: 31.4%; min-height:350px; overflow:hidden; } .store-address .address-details:hover .fax{ line-height:30px; color:#333333; font-size:19px; font-family: 'latolight';} .store-address .address-details:hover { background:#a2a296} .store-address .address-details:hover h3{ color:#fff;} .store-address .address-details:hover p{ color:#fff;} .store-address .address-details:hover label{ color:#fff;} .store-address .address-details:hover a{ color:#fff;} .store-address .address-details:hover .fax{ color:#fff;} .store-address .address-details h3{font-family: 'ralewaysemibold'; font-size:24px; line-height:30px; color:#535353; text-decoration:none; text-transform:none; margin-bottom:14px;} .store-address .address-details p{line-height:30px; color:#333333; font-size:19px; font-family: 'latolight'; } .store-address .address-details a{ color:#b80838; font-family: 'latolight'; font-size: 19px;} .store-address .address-details a:hover{ color:#535353; text-decoration:none;} .store-address .address-details label{line-height:30px; color:#333333; font-size:19px; font-family: 'latolight'; } .store-address .address-details:nth-child(3n+3){ margin-right:0;} .store-address .address-details .googlemap-icon { font-size:12px; line-height:30px; font-family: 'ralewaybold'; color:#303030; display: inline-block; margin-top:18px; text-transform: uppercase; position:relative; padding-left:52px;} .store-address .address-details .googlemap-icon:before{ content:''; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) no-repeat left -1581px; width:39px; height:32px; position:absolute; left:-6px; top:0;} .store-address .address-details:hover .googlemap-icon:before{ content:''; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) no-repeat left -1624px;} .contact-mgt .fieldset h4{font-family: 'ralewaybold'; font-size:30px; line-height:30px; color:#333; text-decoration:none; text-align:center;} .contact-mgt .fieldset p{font-family: 'Raleway', sans-serif; font-size:18px; line-height:24px; color:#606060; text-decoration:none; text-align:center; margin-bottom:21px;} .store-address { margin-top: 13px; display: inline-block; width: 100%;} .contact-mgt .form-list .selectconte{font-family: 'ralewaybold'; font-size:14px; line-height:24px; color:#303030; text-decoration:none; text-align:center;} .contact-mgt .form-list .fields .field .radioss{ font-family: 'ralewaymedium'; color:#000; margin-right:10px; display:inline-block; margin-top:5px; margin-bottom:10px; line-height:18px; } .contact-mgt .form-list .fields .field label{font-family: 'ralewaybold'; font-size:14px; line-height:24px; color:#303030; text-decoration:none; text-align:center;} .contact-mgt .form-list .fields .field input{ min-height:50px; border: solid 1px #bcbcbc;} .contact-mgt .form-list .fields .field textarea{ min-height:179px; border: solid 1px #bcbcbc; max-width:100%;} .contact-mgt .form-list .fields .field{ width:100%; padding:0; margin-bottom:15px;} .contact-mgt .form-list .fields{ width:368px; margin:0 30px 0 0; display:inline-block;} .contact-mgt .form-list .fields:first-child{ width:100%; display:inline-block;} .contact-mgt .form-list .fields:first-child > .field{ display:inline-block; width:50%; margin-bottom: 0;} .contact-mgt .form-list .fields:first-child > .field:last-child{ width:368px; float:right; min-height:50px;} .contact-mgt .form-list .fields:nth-child(1n+4){ margin:0;} .contact-mgt .form-list .fields:nth-child(1n+5){ width:65.6%;} .contact-mgt .form-list .fields:nth-child(1n+6){ width:368px; float:right;} .contact-mgt .form-list .fields .g-recaptcha { margin-top: 26px; height:99px;} .contact-mgt .form-list .fields .button-set { float: left; margin-top: 7px; width: 100%;} .contact-mgt .form-list .fields .button-set button{ width:100%; padding-top:20px; padding-bottom:19px; font-size:16px;} .contact-mgt .form-list .fields .selector span{ height:50px; line-height:50px;} .contact-mgt #contactForm { padding-left: 0px; margin-top: 43px;} .cms-page-view .page-title h1 span{ color:#b80838;} .cms-page-view .page-title h1{ font-family: 'ralewayextrabold'; margin:0 0 51px 0; padding:0; line-height:60px; font-size:60px; color:#535353; position:relative;} .cms-page-view .page-title h1:before{ content:''; background:#535353; width:69px; height:4px; position: absolute; left:0px; bottom:-23px;} .about-us-content { margin-top: 0; display: inline-block; width: 100%; margin-bottom: 36px;} .about-us-left{ float:left; width:52%; padding:4px 5% 0 0px;} .about-us-right{ float:right; width:45.8%; padding:5px 1px; margin-top: 44px;} .cms-page-view .about-us-content h3{ font-family: 'ralewaysemibold'; margin:0 0 15px 0px; padding:0px; line-height:30px; font-size:24px; color:#333333; position:relative; text-transform:none;} .cms-page-view .about-us-content h4{ font-family: 'ralewaysemibold'; margin:0 0 15px 0px; padding:0px; line-height:29px; font-size:18px; color:#333333; position:relative; text-transform:none;} .cms-page-view .about-us-content p{ word-spacing: 1px; font-family: 'Raleway', sans-serif; margin:0 0 25px 0; padding:0px; line-height:30px; font-size:18px; color:#333333; position:relative; text-transform:none;} .cms-page-view .category-links{ display:inline-block; text-align:center; width:100%; font-family: 'ralewayextrabold'; font-size:24px; line-height:30px; color:#535353;} .cms-page-view .category-links .packaging-machines a:hover h3, .graphic-arts a:hover h3, .food-services a:hover h3{ color:#b80838;} .category-links h3{ text-align:center; font-family: 'ralewayextrabold'; font-size:24px; line-height:30px; color:#535353;} .category-links img { margin: 0 auto 50px;} .packaging-machines{ display:inline-block; width:314px; vertical-align: top; float:left;} .graphic-arts{ display:inline-block; width:314px; vertical-align: top;} .food-services{ display:inline-block; width:318px; vertical-align: top; float:right;} .wrap{ max-width:1160px; margin:0 auto;} .cms-page-view .year-carousal ul{ margin:0; padding:0px; position:relative; z-index:9;} .cms-page-view .year-carousal ul li{ display:inline-block; margin:0; padding:0px;} .cms-page-view .year-carousal ul:before{ content:''; width:100%; background:#333; position:absolute; left:0;} .product-view h1 span{ color:#b80838;} .product-view h1{ font-family: 'ralewayextrabold'; margin:0 0 59px 0; padding:0; line-height:58px; font-size:48px; color:#535353; position:relative;} .product-view h1:before{ content:''; background:#535353; width:69px; height:4px; position: absolute; left:0px; bottom:-20px;} .product-view .brand-logo { margin:0; position: absolute; right:0; top:4px;} .product-view .product-shop { padding-left:86px; display:inline-block; } .product-view .product-shop .modal-number { font-family: 'latoregular'; font-size:16px; line-height:26px; color:#606060; } .product-view .product-shop .button.btn-cart { margin-bottom: 10px; } .product-view .product-shop .modal-number h3 { font-family: 'ralewaybold'; font-size:16px; line-height:26px; color:#333; display: inline-block; text-transform: none; } .product-view .product-shop .short-description p { font-family: 'Raleway', sans-serif; font-size:18px; line-height:30px; color:#333; margin-bottom:23px; text-align: left; } .product-view .product-shop .short-description { font-family: 'Raleway', sans-serif; font-size:18px; line-height:30px; color:#333; margin-bottom:23px; text-align: left; } .product-view .product-shop .brand-url { font-family: 'ralewaymedium'; font-size:18px; line-height:30px; color:#000; margin-bottom:33px; text-decoration:underline; padding-left:45px; position:relative; } .product-view .product-shop .brand-url:before { width:30px; height:18px; position:absolute; left:0; top:9px; content:""; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) no-repeat -15px -1961px; } .product-view .product-shop .add-enquiry { background-color:#b80838 !important; border: 1px solid #adaba2; display: inline-block; width: 90%; font-family: 'latobold'; font-size:16px; line-height:24px; color:#fff !important; padding:12px 0 12px 40px; margin-bottom:15px; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) no-repeat right -1848px; text-transform:uppercase; text-align:left; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; cursor:pointer; } .product-view .product-shop .request-price { border: 1px solid #adaba2; display: inline-block; width: 90%; color:#636363; font-family: 'latobold'; font-size:16px; line-height:24px; color:606060; padding:12px 0 12px 40px; margin-bottom:15px; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) no-repeat right -1789px; text-transform:uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .product-view .product-shop .demo-time { border: 1px solid #adaba2; display: inline-block; width: 90%; color:#636363; font-family: 'latobold'; font-size:16px; line-height:24px; color:606060; padding:12px 0 12px 40px; margin-bottom:15px; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) no-repeat right -1730px; text-transform:uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .product-view .product-shop .ask-question { border: 1px solid #adaba2; display: inline-block; width: 90%; color:#636363; font-family: 'latobold'; font-size:16px; line-height:24px; color:606060; padding:12px 0 12px 40px; margin-bottom:15px; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) no-repeat right -1670px; text-transform:uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .product-view .product-shop .tech-download { border: 1px solid #adaba2; display: inline-block; width: 90%; color:#636363; font-family: 'latobold'; font-size:16px; line-height:24px; color:606060; padding:12px 0 12px 40px; margin-bottom:15px; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) no-repeat right -1905px; text-transform:uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .product-view .product-shop .request-price:hover, .product-view .product-shop .demo-time:hover, .product-view .product-shop .ask-question:hover, .product-view .product-shop .tech-download:hover{ background-color:#b80838; text-decoration:none; color:#fff; cursor:pointer; } .product-view .product-shop .add-enquiry:hover { background-color:#eee !important; color:#606060 !important; } .product-view .related-block .block-title{ border: none 0px; margin-top: 0; padding-top: 4px; } .product-view .video-image { display: inline-block; width: 135px; float: left; position:relative; z-index:9; } .product-view .more-views { margin-top: 29px; } .product-view .product-collateral{ margin-top:37px; } .product-view .related-block .block-title h2 span{ color:#b80838;} .product-view .related-block .block-title h2{ font-family: 'ralewayextrabold'; margin:0 0 46px 0; padding:0; line-height:60px; font-size:36px; color:#535353; position:relative;} .product-view .related-block .block-title h2:before{ content:''; background:#535353; width:69px; height:4px; position: absolute; left:0px; bottom:-6px;} .product-view .related-block .block-content .product .product-image{ margin: 0 15px 0 0; padding-left: 20px; padding-right: 20px; border: solid 1px #ccc;} .product-view .product-image-thumbs a { display: inline-block; border: 1px solid #aaaba6;} .product-view .product-image-thumbs a:hover { border: 1px solid #b80838;} .product-view .block-content li.item{ padding:0;} .product-view .mini-products-list .product-details { margin-left: 0; text-align: center;} .product-view .mini-products-list .product-details .product-name a{ margin-top:25px; color: #535353; display: inline-block; font-family: "ralewaysemibold"; font-size: 18px; line-height: 30px;} .product-view .mini-products-list .product-details .price-box .regular-price .price{ font-size:24px;} .stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices{ height:25px !important;} .stButton .stButton_gradient{ height:23px !important;} .checkout-cart-index .cart .page-title h1 span { color:#b80838;} .checkout-cart-index .cart .page-title h1 { font-family: 'ralewayextrabold'; margin:0 0 46px 0; padding:0; line-height:60px; font-size:36px; color:#535353; position:relative;} .checkout-cart-index .cart .page-title h1:before { content:''; background:#535353; width:69px; height:4px; position: absolute; left:0px; bottom:-6px;} .cart-table .btn-empty { float: left; } .cart-table .button2 { height: 43px; padding: 0 25px; } .cart-table .button2.btn-continue { margin-right:10px; } .cart-table .btn-proceed-checkout { background:#b80838; height: 50px; margin-left: 17px; margin-right: -1px; padding: 0 26px; text-transform: uppercase;} .cart-table .btn-proceed-checkout:hover{ background:#333;} #ajax_overlay { background: rgba(0, 0, 0, 0.8); bottom: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 9999;} #ajax_overlay > span { background: #fff none repeat scroll 0 0; left: 50%; margin: 0 auto; padding: 10px; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o--webkit-transform: translateX(-50%) translateY(-50%); -ms--webkit-transform: translateX(-50%) translateY(-50%); -moz--webkit-transform: translateX(-50%) translateY(-50%); } .cart-popup .cart-popup-btns-outer a { background: #b80838; bottom: 10px !important; color: #fff; display: inline-block; font-family: 'ralewaymedium'; font-size: 12px; font-weight: bold; left: auto !important; margin-bottom: 5px; padding: 7px 18px; right: 0px !important; text-transform: uppercase; top: auto !important; } .cart-popup .cart-popup-btns-outer a:hover { background: #333; display: inline-block; margin-bottom: 5px; text-decoration: none; transition: all 0.7s ease 0s;} .added-content.cart-popup em{ font-size: 16px; font-weight: normal; padding-bottom:10px; display:inline-block; text-align:center; font-style:normal;} .fancybox-outer .fancybox-inner .cart-popup-btns-outer {position:absolute; bottom:0;} .added-content.cart-popup p{ font-size: 16px; font-weight: normal; max-width:425px;} .jllcountryflag_dropbtn { background-color:#b80838; color: #fff; width:148px; padding:6px 25px 6px 6px; font-size: 14px; border: none; cursor: pointer; line-height: 22px; border: solid 1px #fff;} .jllcountryflag_dropbtn:before { content:''; position: absolute; top:15px; right: 9px; width: 0; height: 0; border-style: solid; border-width: 5.7px 5px 0; border-color: #ffffff transparent transparent transparent; } .jllcountryflag_dropbtn img { float:left; margin-right: 5px; width:22px;} .jllcountryflag_dropdown { position: relative; display: inline-block; float:left; } .jllcountryflag_dropdown-content {display: none; position: absolute; background-color:#f9f9f9; width:148px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); line-height: 19px; z-index:999;} .jllcountryflag_dropdown-content a { color: black; padding: 6px; text-decoration: none; display: block; } .jllcountryflag_dropdown-content a:hover { background-color: #f1f1f1; margin-right:0; width:148px; } .jllcountryflag_dropdown-content a img { float: left; margin-right: 5px; width:22px; } .jllcountryflag_dropdown:hover .jllcountryflag_dropdown-content { display: block; } .contact-sidbar{ float:left; width:300px; margin-left: 7px;} .contact-mgt .contact_us_icon{ display:inline-block; width:100%;} .contact-mgt .contact_us_icon span { display:inline-block; vertical-align: middle; margin: 0 15px 0 0; height: 70px; width: 60px; position: relative; color: #fff; background:#b80838 } .contact-mgt .contact_us_icon p, .contact-mgt .contact_us_icon a { display: inline-block; margin-bottom: 0; vertical-align: middle; font-size: 16px; color: #606060; font-weight: 400; line-height: 24px; font-family: 'latolight';} .contact-mgt .contact_us_icon.address p{ width:220px;} .contact-mgt .contact_us_icon+.contact_us_icon { margin-top: 20px } .contact-mgt .contact_us_icon.address span:before{ content: ''; display: block; position: absolute; left: 50%; top: 50%; background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/sprite1.png) no-repeat ; background-position: -6px -1px ; width: 37px; height: 39px; margin: -18px 0 0 -19px;} .contact-mgt .contact_us_icon.call span:before{ content: ''; display: block; position: absolute; left: 50%; top: 50%; background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/sprite1.png) no-repeat ; background-position: -53px 1px ; width: 40px; height: 44px; margin: -22px 0 0 -19px;} .contact-mgt .contact_us_icon.fax span:before{ content: ''; display: block; position: absolute; left: 50%; top: 50%; background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/sprite1.png) no-repeat ; background-position: -56px -58px ; width: 44px; height: 44px; margin: -22px 0 0 -21px;} .contact-mgt .contact_us_icon.mail span:before{ content: ''; display: block; position: absolute; left: 50%; top: 50%; background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/sprite1.png) no-repeat ; background-position: -7px -58px ; width: 44px; height: 44px; margin: -22px 0 0 -21px;} .contact-mgt .map { margin-top: 4px; float: right; width: 73%; min-height: 339px;} .contact-mgt .map iframe { width: 100%; border: none; display: block; height: 380px } /* RESPONSIVE CUSTOM CSS */ @media only screen and (max-width:1280px) { .page-header-container{ padding:0px;} .category-container{ padding:0 15px;} .footer-container-bg{ padding:0 15px;} .header-nav a { padding: 3px 0 0 6px;} .contact-mgt .map { margin-top: 4px; float: right; width: 68%; min-height: 339px;} .home-intro-content { padding: 0 15px; } } @media only screen and (max-width:1170px) { .customer-account-login .col2-set .col-1 { padding-right: 30px; } .customer-account-login .col2-set .col-2 { padding-left: 30px; } .my-account .addresses-list .item { margin: 0 0 30px; padding: 0 5%; width: 50%; } .truncated .truncated_full_value .item-options:after { left: 0; margin-left:10px; } .top-menu { position: absolute; right:60px; top: 31px; z-index: 999;} .slideshow-container .slideshow > li img { left: 49%; max-width: inherit; position: relative; transform: translateX(-49%) translateY(0%); min-width: 100%;} .logo{ margin-right:9px; margin-top:0px;} .account-cart-wrapper{ right:36px; bottom: 5px;} .packfull .packfull-left { float: left; margin-top: 0; padding-right: 0; width: 41%;} .packfull.category-2 .packfull-left{ padding:0; margin:0;} .packfull.category-3 .packfull-left{ padding:0; margin:0;} .packfull .packfull-right img{ width:100%;} .nav-primary li.level0 > a {padding:15px 23px 10px 23px;} .skip-link{ line-height:32px; /*padding:0 6px 0 5px !important;*/} .header-minicart .skip-link{ line-height:32px; padding:0 6px !important; right:0px; top:5px;} .footer-logo{ margin-top:10px; padding-right: 16px; margin-bottom:10px;} .footer-nav { display: inline-block; margin-top: 11px;} .products-grid--max-2-col li .product-image-box .product-info { background: #fff; bottom: 0; left:0; right:0; overflow: inherit; height: auto; width: auto; position: relative; text-align: center; border-bottom:1px solid #eaeaea; padding-bottom:10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .products-grid--max-2-col li .product-image-box .product-info:hover{ height: auto; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .products-grid--max-2-col li .product-image-box .product-info:hover h3{ margin-top:15px; line-height: 24px;} .products-grid--max-2-col li .product-image-box .product-info:hover p{ margin:0px auto; width:auto;} .products-grid--max-2-col li .product-image-box .product-info .browse-content{ width:auto; } .products-grid--max-2-col li .product-image-box .product-info > h3{ font-size: 20px; line-height: 24px; margin-top:15px; height:50px;} .products-grid--max-2-col li .product-image-box .product-info a.browse-Products { padding: 5px 40px 5px 17px; width: auto; margin-top:0;} .catalog-category-view .browse-brands .brand-logo img { width: 100%;} .cms-our-brands .brand-details .browse-brands .brand-logo img { width: 100%;} .product-image img{ max-width:100%;} .browse-brands{ padding:0 10px;} .brand-logo li a:hover{box-shadow: none; display:inline-block; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .brand-logo li{height: auto; margin: 10px; width: 200px;} .brand-logo { max-width: 880px;} .brand-logo li:nth-child(4n+4){ margin:10px;} .col2-left-layout .col-main .category-products .products-grid--max-2-col li { margin-right:0; width:50%; padding:10px;} .col2-left-layout .col-main .category-products .products-grid--max-2-col li:nth-child(2n+1) { clear:both; } .category-products .products-grid--max-2-col li .productbox .product-info h3 a { margin-bottom:0; } .category-products .products-grid--max-2-col li .productbox .product-image-box .ProdInfoOver{ display:none;} .category-products .products-grid--max-2-col li .productbox .product-image-box:hover + .product-info{ top:0 !important; opacity:1; color:#535353 !important; z-index: 9;} .breadcrumbs{ padding:20px 0 8px;} .contact-mgt .form-list .fields{ width:46%; float:left; margin:0 15px 0 15px;} .contact-mgt .form-list .fields:nth-child(n+5) { float:left; width: 46%;} .contact-mgt .form-list .fields:first-child > .field:last-child { float: right; margin-right: 47px; min-height: 50px; width: 47%;} .contact-mgt .form-list .fields:first-child > .field { display: inline-block; width: 47%;} .contact-mgt .form-list .fields:nth-child(n+4) {margin:0 15px 0 15px;} .contact-mgt .form-list .fields:nth-child(n+6) { float: right; width: 46%; margin:0 31px;} .contact-mgt .form-list .fields .field textarea{min-height: 100%;} .store-address .address-details { margin: 0 10px 20px; padding: 25px; width: 47%; } .store-address .address-details:nth-child(3n+3){ margin:0 10px 20px;} .wrap ul.sticky{ position: fixed !important; top:0 !important;} .categ-banner ul { padding: 5px 20px 7px; margin-bottom:15px;} .categ-banner ul li{ font-size:14px; padding:4px 16px; background-position:0 10px;} /*.banner-cap { left:0; position: absolute; text-align: center; bottom: 0; top:inherit; transform: none; width: 100%; z-index: 999; overflow:hidden;} .banner-cap h2 { color: #fff; font-family: "ralewayextrabold"; font-size: 40px; line-height: 50px; margin: 0 auto 19px; min-width: 100%; text-shadow: -2px 0 0 rgba(0, 0, 0, 0.19); text-transform: none; width: auto;}*/ .banner-cap { left: 0%; position: absolute; text-align: center; bottom: 0; top: inherit; transform: none; width: 100%; z-index: 999; overflow: hidden; } .categ-banner ul li { font-size: 14px; padding: 4px 16px; } .banner-cap h2 { color: #fff; font-family: "ralewayextrabold"; font-size: 40px; line-height: 35px; margin: 0 auto 19px; min-width: auto; text-shadow: -2px 0 0 rgba(0, 0, 0, 0.19); text-transform: none; width: auto; } .banner-logo { margin-bottom: 0;} .about-us-right{ margin-top:4px;} .otherlink ul li a.where-to-buy-coffee-pods, .otherlink ul li a{ width:150px;} .home-intro-content > h2 {font-size: 30px; width: 100%; display: inline-block; } } @media only screen and (max-width: 1050px) { #my-orders-table tr:before, #my-orders-table tr:after{content:''; display:table} #my-orders-table tr:after{clear:both} #my-orders-table tr {zoom:1; display:block; border-bottom:2px solid #cecece} #my-orders-table tr.first{display:none;} #my-orders-table tr td{float:left; width:33.3%; text-align:left; border-top:0; min-height:44px; border-bottom:1px solid #E8E8E8; padding:10px;} #my-orders-table tr td.date, #my-orders-table tr td.status{text-align:right} #my-orders-table tr td[data-rwd-label]:before{content: attr(data-rwd-label) ":";font-size: 12px; padding-right: 5px;text-transform: uppercase;font-family: 'latobold';} #my-orders-table tr.last, #my-orders-table tr.last td.view{border-bottom:0} #my-orders-table tr td{width:50%;} #my-orders-table tr td.ship, #my-orders-table tr td.view{width:100%;} .broucher-imglist li{width:33.33%;} .broucher-imglist li:nth-child(4n+1){clear:none;} .broucher-imglist li:nth-child(3n+1){clear:both;} } @media only screen and (max-width: 1050px) { .account-create { background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/create-account-img.png) no-repeat 100% center; background-size: 20%; } .customer-account .dashboard .box-recent { margin-top: 15px; margin-bottom: 15px; } .customer-account-edit .my-account { background-position: 100% 105px; } #header-cart.skip-active{right: 40px;} ul.header-toggle-nav{ right:30px;} .packfull.category-3 .packfull-left a.browse-Products, .packfull.category-2 .packfull-left a.browse-Products, .packfull .packfull-left a.browse-Products { margin-top: 20px; margin-bottom: 15px;} .otherlink ul li a.where-to-buy-coffee-pods:before{ left: 35.8%;} .otherlink ul li a.about-us:before, .otherlink ul li a.contact:before{ left: 34.8%;} .otherlink ul li a.newsletter:before{ left: 32.8%;} .otherlink ul li a.latestnews:before{ left: 28.8%;} .otherlink ul li a.coffee-industry:before{ left: 34.0%;} .otherlink ul li a.newsletter:before{ left: 32.8%;} } @media only screen and (max-width: 1023px) { .account-create { background: none; } .customer-account-edit .my-account { background-position: 97% 140px; } #wishlist-table .disnone { display: block; } #wishlist-table .customer-wishlist-item-cart, #wishlist-table .customer-wishlist-item-remove { display: none; } #wishlist-table td .button, #wishlist-table td button { white-space: nowrap; } #wishlist-table .customer-wishlist-item-image { text-align: center; } #wishlist-table .customer-wishlist-item-image .btn-remove { margin-top: 10px; } .footer-nav ul li a { font-size: 11px; line-height: 16px; padding: 0 8px;} .category-products .products-grid--max-2-col li .productbox .product-info h3 a{ font-size:14px; line-height:24px;} .contact-mgt .form-list .fields{ width:100%; float:left; margin:0 15px 0 0;} .contact-mgt .form-list .fields:nth-child(n+5) { float:left; width: 100%;} .contact-mgt .form-list .fields:first-child > .field:last-child { float: right; margin-right:0; min-height: 50px; width: 100%;} .contact-mgt .form-list .fields:first-child > .field { display: inline-block; width: 100%;} .contact-mgt .form-list .fields:nth-child(n+4) {margin:0 15px 0 0;} .contact-mgt .form-list .fields:nth-child(n+6) { float: left; width: 100%; margin:0 31px 0 0px;} .contact-mgt .form-list .fields .field textarea{min-height: 100%;} .contact-mgt .form-list .fields .field .radioss{ margin-bottom:10px;} .product-view .product-shop{ padding-left:0;} .product-collateral .toggle-tabs li > span{ font-size:18px; padding:0 40px 0 0;} .product-collateral > dl > dd .tab-content .std p{ font-size:14px; text-align:left;} .product-view .product-shop .add-enquiry, .product-view .product-shop .request-price, .product-view .product-shop .demo-time, .product-view .product-shop .ask-question, .product-view .product-shop .tech-download{ padding:12px 0 12px 14px; width:100%;} .food-services{ float:left;} .product-view .brand-logo { border: 1px solid #ccc; display: inline-block; max-width: 100%; position: relative; right: 0; top: 0;} .product-media-thumbs.product-image-thumbs.content-slider{ margin-bottom:15px; margin-top: 15px;} .packfull.category-2 .product-media-thumbs.product-image-thumbs.content-slider { margin-bottom:15px; margin-top: 15px;} .packfull.category-3 .product-media-thumbs.product-image-thumbs.content-slider { margin-bottom:15px; margin-top: 15px;} .jllcountryflag_dropbtn{ font-size: 12px; line-height: 21px; padding: 6px 23px 6px 5px;} .contactmgt-index-index #contactForm .form-list #advice-validate-one-required-categoryname-1 { top: inherit; bottom: -12px;} .page-header{ padding:10px 10px 10px 10px !important;} .packfull .packfull-left p{ padding-right: 0;} .packfull .packfull-left h4{ margin: 0 0 15px; padding: 0;} .packfull.category-2 .packfull-left p{ padding-right: 0; margin-bottom: 0;} .packfull.category-1 .packfull-left{ margin-bottom:0;} .cms-where-to-buy-coffee-pods .store-address .address-details, .cms-where-to-buy-coffee-pods .store-address .address-details:nth-child(3n+3) { min-height: 300px; width: 47%; padding-top: 15px; margin-right: 15px;} .cms-where-to-buy-coffee-pods .store-address .address-details:nth-child(2n+2) { margin-right:0px;} .contact-sidbar { float: left; width: 100%; margin-left: 0;} .contact-mgt .contact_us_icon { display: inline-block; width: 33%;} .contact-mgt .contact_us_icon.address p { width: 127px; font-size: 13px;} .contact-mgt .contact_us_icon a{ font-size:13px;} .contact-mgt .map { margin-top: 15px; float: right; width: 100%; min-height: 339px;} .packfull .packfull-left a.browse-Products { width: 100%;} .reloadoverlay #ajax_overlay {display: block !important;} .contact-mgt .form-list .fields .field {margin-bottom: 20px;} .contact-mgt .form-list .fields:first-child > .field {margin-bottom: 25px;} } @media only screen and (max-width: 979px) { body[class*="checkout-multishipping-"] .checkout-progress span { word-spacing: 300px; } #review-order-form .col-1, #review-order-form .col-2 { float: none; width: auto; border: 0; padding-right: 0; padding-left: 0; } .display-single-price .cart-table { float: none; width: 100%; } .display-single-price .cart-forms { float: left; padding-right: 15px; padding-left: 0; } .display-single-price .cart-totals-wrapper, .display-single-price .crosssell { padding-left: 15px; } .display-single-price .cart-forms, .display-single-price .cart-totals-wrapper, .display-single-price .crosssell { width: 50%; } .display-single-price .crosssell { clear: right; float: right; } .checkout-onepage-index .col-main { float: none; width: 100%; margin-right: 0px; padding-right: 0px; box-sizing: inherit; margin-bottom: 15px; } .checkout-onepage-index .col-right, .checkout-onepage-index .col-left { box-sizing: border-box; float: none; margin-right: 0; padding-right: 0; width: 100%; } .sidebar #checkout-progress-wrapper { margin-top: 20px; } #checkout-step-review .opc-block-progress { padding-left: 20px; } .my-account .addresses-list .item { margin: 0 0 30px 0; position: relative; padding: 0; width: 50%; float: left; font-size: 13px; } .customer-account-login .new-users .field, .customer-account-login .registered-users .field { padding-right: 0; background: none; } .customer-account .my-account .box-info { padding: 10px; } .customer-account .my-account .box-info .col-1, .customer-account .my-account .box-info .col-2{padding-left:10px; padding-right:10px;} .customer-account .box-recent .box-head { padding: 0 0 10px; } .my-account .addresses-list .item { padding: 0 0 0 20px; } #wishlist-table.clean-table td { padding-left: 5px; padding-right: 5px; } #wishlist-table .product-name { font-size: 13px; } .customer-account-edit .my-account { background: none; } .customer-address-form .fieldset{width:100%;} .customer-address-form .cf .fieldset:first-child{padding-right:0; border-bottom:1px solid #cecece; margin-bottom:10px;} .customer-address-form .cf .fieldset:last-child{padding-left:0; float:left} .edit-address-cols-outer:before{background:none;} .copyfooter{ margin-left: 3px;} .contact-mgt .fieldset h4 {font-size: 27px;line-height: 35px;} } @media only screen and (max-width: 950px){ .nav-primary li.level0 > a{ padding: 10px 10px 10px;} } @media only screen and (max-width: 899px) { .dashboard .col2-set:before { display: none; } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { width: 100%; display: block; padding-bottom: 15px; } .dashboard .col2-set{margin:0;} .dashboard .data-table thead th.status, .dashboard .data-table tbody td.status {/* display: none;*/ } .my-account .addresses-list .item { width: 100%; border: 0px; padding-left: 0px; margin-bottom: 15px; } .my-account .addresses-list .item:first-child { border-right: 0px solid #cccccc; padding-bottom: 15px; border-bottom: 1px solid #CCC; } body.wishlist-index-index .my-account .buttons-set.buttons-set2 .button.btn-update { clear: both; } .brand-logo li{height: auto; margin: 10px; width: 200px;} .brand-logo { max-width: 660px;} .broucher-imglist li{width:50%;} .broucher-imglist li:nth-child(3n+1){clear:none;} .broucher-imglist li:nth-child(2n+1){clear:both;} .packfull .packfull-left {width:52%;} .packfull .packfull-right {width:46%;} .packfull.category-1 .packfull-left {width:51%;} .packfull.category-1 .packfull-right { width:48%;} } @media only screen and (max-width: 849px) { .account-cart-wrapper {right:15px;} .nav-primary li.level0 > a {padding: 15px 10px 10px; font-size: 12px;} .header-nav a { padding: 0px 0 0 6px;} .dashboard .data-table thead th.date, .dashboard .data-table tbody td.date { /*display: none;*/ } .my-account .data-table thead th.status, .my-account .data-table tbody td.status { /*display: none;*/ } .opc #onepage-checkout-shipping-method-additional-load { float: none; width: 100%; margin-left: 0; max-width: 430px; } .opc #checkout-shipping-method-load { float: none; padding-right: 0; padding-bottom: 10px; } .packfull .packfull-left h1, .packfull .packfull-left h2{ font-size:30px;line-height: normal;} .contactmgt-index-index .page-title h1{ font-size:25px; line-height:25px; margin-bottom:15px;} .contactmgt-index-index .category-title h1::before { bottom:-10px; left: 0;} .catalog-category-view .category-title h1{ font-size:22px; line-height:29px; margin-bottom:15px;} .news-index-index .featured-title h1 { font-size:22px !important; line-height:29px !important;} .cms-page-view .page-title h1{ font-size:25px; margin-bottom:15px; line-height:29px;} .cms-page-view .page-title h1::before{ bottom:-10px;} .full-description h4{ font-size:16px; margin-bottom:0;} .subcategories-outer h2{ font-size:24px; margin:10px 0 10px;} .subcategories-outer{ font-size: 15px; line-height: 18px;} .browse-brands h2{ font-size:24px; margin:10px 0 10px;} .cms-our-brands .page-title h1{ font-size:23px;} .checkout-cart-index .cart .page-title h1{ font-size:24px; margin-bottom:10px;} .cms-our-brands .browse-brands h2{ font-size:18px; text-align:center;} .cms-our-brands .page-title h1::before{ bottom:-10px; left:0;} .product-view .related-block .block-title h2{ font-size:20px; margin-bottom:15px;} .product-view .related-block .block-title h2:before { bottom:3px; left:0;} .browse-brands{ font-size: 15px; line-height: 18px;} .full-description p{ font-size:14px; word-spacing: 0;} .catalog-category-view .category-title h1::before{ bottom:-10px; left:0;} .footer-nav ul li a { font-size: 11px; line-height: 16px; padding: 0 8px;} .footer-social { margin: 17px auto 0px auto; position: relative; width: 97px; float:right; } .footer-logo{ width:100px; border: medium none; padding: 18px 0;} .footer-logo > img { width: 100%;} .category-description{ padding-left:0;} .products-grid--max-2-col li .product-image-box .product-info a.browse-Products::after{ top:8px;} .contact-mgt .fieldset h4{ font-size:18px; line-height:18px;} .contact-mgt #contactForm{ margin-top:15px;} } @media only screen and (max-width: 770px) { body[class*="checkout-multishipping-"] .checkout-progress span { width: 12px; } body[class*="checkout-multishipping-"] .checkout-progress li { width: 100%; margin: 0; text-align: left; padding-left: 3%; border-right: 0px; } body[class*="checkout-multishipping-"] .checkout-progress span { word-spacing: 1px; width: 12px; } body[class*="checkout-multishipping-"] .box-title { float: left; width: 100%; } body[class*="checkout-multishipping-"] .page-title .button { float: left; margin-bottom: 10px; } body[class*="checkout-multishipping-"] .linearize-table tfoot td { text-align: right; } body[class*="checkout-multishipping-"] .linearize-table select { width: 100%; min-width: 200px; } body[class*="checkout-multishipping-"] .col-1.col-narrow, body[class*="checkout-multishipping-"] .col-2.col-wide { width: 100%; padding: 0; } .page-title h1, .page-title h2, .product-name h1, .product-name .h1 { font-size: 22px; margin-bottom: 5px; } .cart-table th { font-size: 12px; } .cart-table th, .cart-table td { padding: 7px 6px; } .cart-table .product-cart-actions > li { white-space: inherit; } body .product-img-box .product-image:hover { border-color: #ededed; } .col2-set .buttons-set .button, .col2-set .buttons-set .button2 { float: none; width: auto; margin-left: 0; margin-right: 0; } .shipping .shipping-form .form-list > li { width: 100%; float: none; } .shipping .shipping-form .form-list > li label { display: block; } .shipping .shipping-form .form-list > li input, .shipping .shipping-form .form-list > li select { width: 100%; } .cart .cart-totals table tfoot td { font-size: 17px; } .gift-message-form .giftmessage-area { max-width: 100%; } .gift-message-form .gift-item .product-img-box { width: 100%; float: none; } .gift-message-form .gift-item .fieldset { margin-left: 0px; } .gift-message-form .gift-item .fieldset textarea { width: 100%; } .account-cart-wrapper .flags{ display:none;} /* HEADER MINI CART */ .header-minicart { display: block; } .header-minicart .subtotal .label { color: #636363; } .header-minicart .minicart-wrapper:before { background-color: #EDEDED; } .header-minicart .quantity-button { float: none; } .header-minicart .header-minicart .block-cart { padding: 15px; } .header-minicart .header-minicart .block-subtitle { padding-top: 59px; } .header-minicart .minicart-actions { padding-bottom: 33px; } .header-minicart .minicart-actions .cart-link { bottom: 0; right: 10px; position: relative; } .header-minicart .minicart-actions .checkout-types.minicart li { display: inline-block; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo > a { display: inline; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .bml_button { display: inline-block; vertical-align: top; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or { width: auto; float: none; display: inline; margin: 0 10px 5px 10px; line-height: 40px; } .block-progress { padding: 0px; } .block-progress .block-content { padding: 10px 20px; } .dashboard .box-title a { right: 0px; } .dashboard .box-title h3 { padding-right: 20px; } .customer-account .col-left .block-title:after { background-position: 12px -86px; background-size: 100% auto; height: 25px; right: 0px; top: 5px; width: 50px; } .col2-left-layout .col-main { float: none; margin-left: 0px; padding-left: 0px; } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { width: 50%; display: block; padding-bottom: 0px; margin: 0px; } .dashboard .col2-set:before { display: block; } body.customer-address-index .col2-set .col-1, body.customer-address-index .col2-set .col-2 { width: 50%; display: block; padding-bottom: 0px; margin: 0px; } body.customer-address-index .col2-set:before { display: block; } .dashboard .data-table thead th.date, .dashboard .data-table tbody td.date { display: table-cell; } .customer-account-edit .my-account { background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/account-information-bg.png) no-repeat 100% 100px; } .my-account .addresses-list .item { width: 50%; border: 0px; padding-left: 20px; margin-bottom: 15px; } .my-account .addresses-list .item:first-child, .my-account .addresses-list .col-2 li.item:first-child { border-right: 1px solid #cccccc; padding-bottom: 0px; border-bottom: 0px solid #CCC; } .block-title small { color: #cecece; } #wishlist-table:after { content: ''; display: table; clear: both; } #wishlist-table .product-name { font-size: 14px; } #wishlist-table textarea { height: 70px; max-width: 100%; } #wishlist-table .item-manage { max-width: 100%; } #wishlist-table tr { position: relative; } #wishlist-table tr:after { content: ''; display: table; clear: both; } #wishlist-table td.customer-wishlist-item-image { width: 70px; } #wishlist-table td.customer-wishlist-item-cart p { margin-bottom: 0; } #wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item { margin-right: 0; padding-top: 4px; } #wishlist-table td.customer-wishlist-item-cart { padding-right: 15px; } body.wishlist-index-index .my-account .buttons-set.buttons-set2 .button.btn-update { clear: none; } .col2-set:before { display: none; } #checkout-step-login .col2-set:before { display: block; } .sales-order-view .col2-set:before { display: block; } .hello { -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; } .header-nav{ display:none;} .logo{width:82%;} .mobile-mneu{ display:block;} .homepageslidermain{ display: none;} .homebanner-mobile { display: block; z-index:99;} .top-menu{ display:none;} .footer-nav ul li a { font-size: 11px; line-height: 16px; padding: 0 8px;} .header-nav{ display:none;} /*.show-menu .mobile-header-menu{ position:fixed; top:0; z-index: 9999; background:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}*/ .show-menu .mobile-header-menu .skip-nav{ right:0px; position: fixed; padding-right:0; z-index: 9999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} /*.mobile-header-menu{ display: block; padding:0 10px; position:relative;}*/ .mobile-header-menu{ display: block; padding:0 10px;} ul.header-toggle-nav{ right:0px;} #header-cart.skip-active{ right:0;} ul.header-toggle-nav li a.latestnews::before{ display:none;} ul.header-toggle-nav li a.our-brands::before{ display:none;} ul.header-toggle-nav li a.industry-links::before{ display:none;} ul.header-toggle-nav li a.after-sales::before{ display:none;} ul.header-toggle-nav li a.about-us::before{ display:none;} ul.header-toggle-nav li a.contact::before{ display:none;} ul.header-toggle-nav li a.where-to-buy-coffee-pods:before{ display:none;} ul.header-toggle-nav li a.coffee-industry:before{ display:none;} ul.header-toggle-nav li a.newsletter:before{ display:none;} ul.header-toggle-nav li a.instalogo:before{ display:none;} ul.header-toggle-nav li a{ padding:5px 10px;} .packfull .packfull-left h1, .packfull .packfull-left h2 {font-size: 30px;line-height: 32px;} .Growler{ display:none;} .contact-number{ display:block; position: absolute; right: 20px; top: 10px;} .contact-number a{ color:#FFF; font-family:Roboto; font-size:16px;} .contact-number a:before{ content:''; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite@2x.png) no-repeat -132px -390px; width:18px; height:18px; position:absolute; left:-24px; top:2px;} ul.header-toggle-nav::before{ display:none;} #header-account .links::before{ display:none;} #header.sticky {top: 44px;} #back-top{ bottom:80px;} .product-view h1{ font-size:25px !important; margin-bottom:25px !important;} .product-view h1:before{ bottom:-10px; left:0;} .product-view .product-shop .brand-url{ font-size:15px;} ul.header-toggle-nav li a { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; display: block; padding: 10px 10px 10px 40px; line-height: 23px; color:#fff; border-bottom: solid 1px #2f2f2f; } .banner-logo { display: none; margin-bottom: 0px;} .categ-banner ul li{ font-size:10px; padding:4px 12px; background-position:0 8px;} /*.banner-cap h2 { color: #fff; font-family: "ralewayextrabold"; font-size: 40px; line-height: 60px; margin: 0 auto 19px; min-width: 100%; text-shadow: -2px 0 0 rgba(0, 0, 0, 0.19); text-transform: none; width: auto;}*/ .banner-cap h2 { color: #fff; font-family: "ralewayextrabold"; font-size: 60px; line-height: 60px; margin: 0 auto 19px; min-width: 100%; text-shadow: -2px 0 0 rgba(0, 0, 0, 0.19); text-transform: none; width: 100%; text-rendering: auto; } .down-arrow{ display:none;} .categ-banner ul{ padding:0 10px;} .flags { height: 16px; position: absolute; right: 41px; width:27px; text-indent: -999px; top: 5px; z-index: 9;} .jllcountryflag_dropbtn { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; height: 32px; line-height: 24px; padding: 6px 23px 6px 5px; width: 50px; border: none 0px; border-bottom:1px solid #4f4f4f;} .jllcountryflag_dropdown-content { background-color: #f9f9f9; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); display: none; height: 33px; left: 0; min-width: inherit; position: absolute; top: 32px; width: 50px; z-index: 999;} .jllcountryflag_dropdown-content a:hover{ min-width:50px; background:none;} .jllcountryflag_dropdown { display: inline-block; float: left; position: relative; width: 50px;} .jllcountryflag_dropbtn:before{ content:''; position: absolute; top:15px; right: 3px; width: 0; height: 0; border-style: solid; border-width: 5.7px 5px 0; border-color: #ffffff transparent transparent transparent; } .jllcountryflag_dropdown-content a { padding: 6px 25px; display: inline-block; font-size:12px; } .jllcountryflag_dropdown-content a:hover { color:#b80838; display: inline-block; } .broucher-imglist li{width:33.33%;} .broucher-imglist li:nth-child(2n+1){clear:none;} .broucher-imglist li:nth-child(3n+1){clear:both;} a.skip-link.skip-search {line-height: inherit;margin-top: 7px; height: 34px;width: 28px; padding:0; /*right: -17px;*/} .header-minicart .skip-link { float: right; line-height: 32px; padding:0 !important; right: 0; top: 5px;} } @media all and (max-width: 767px) { .footer-social{float: none; width:100px;} .footer-nav-bg{ width:100%; text-align:center; margin-left:0;} .footer-logo { border-right: 0 none; display: inherit; float: none; margin: 0 auto; padding: 13px 0 0; text-align: center; width: 190px;} .products-list .product-image { width: 70px; } .products-list .product-shop { padding-left: 90px; margin-left: -75px; width: 100%; } h1, .h1 { font-size: 20px; } h2, .h2 { font-size: 18px; } h3, .h3 { font-size: 16px; } #checkout-review-table tfoot tr.last td, .page-title h1, .page-title h2, .product-name h1, .product-name .h1 { font-size: 16px; line-height: 32px; } body.checkout-onepage-success h2.sub-title { font-size: 14px; line-height: 20px; } .customer-account-login h2 { font-size: 14px; line-height: 20px; padding: 10px 12px; margin-bottom: 10px; } .customer-account-login .col2-set .buttons-set button, .customer-account-login .col2-set .buttons-set .button { font-size: 12px; padding: 7px 8px } .customer-account-login .new-users .field, .customer-account-login .registered-users .field { padding: 0 10px; } .customer-account .my-account .box-head h2 { font-size: 14px; line-height: 20px; margin-bottom: 0; } .customer-account .dashboard .box-head a { font-size: 12px; margin-top: -3px; padding: 5px 12px; } .data-table thead th { font-size: 12px; line-height: 16px; } .data-table td, .data-table th { padding: 5px; } .data-table .total { min-width: 85px; text-align: center; } .customer-account .dashboard .box-account { margin-bottom: 15px; } .dashboard .welcome-msg { margin-bottom: 15px; } body.customer-account .my-account .fieldset h2, body.customer-account .my-account .addresses-list h2 { font-size: 13px; line-height: 22px; } .customer-account .my-account .box-info { margin-bottom: 15px; } .customer-account-login .col2-set .buttons-set p.required { line-height: 30px; } .customer-account .col-left .block-account .block-title:after { /* display:none; */ } .packfull .packfull-left, .packfull.category-1 .packfull-left{ width:100%; margin-bottom: 0;} .packfull.category-2 .packfull-left a.browse-Products { margin-top: 0; margin-bottom: 0;} .packfull .packfull-right, .packfull.category-1 .packfull-right{ width:100%; margin-bottom:10px;} .otherlink ul li{ width:140px; margin: 0; padding:0px 0 10px 0; display:inline-table; } .otherlink ul li a{width: 130px; padding:58px 0px 0px 0px;} .otherlink ul li a.where-to-buy-coffee-pods{ width:159px; display:inline-table;} .otherlink ul li a.where-to-buy-coffee-pods:before{ top:10px;} .otherlink ul{ text-align:center;} .aboutus-bg p{ font-size:20px; line-height: 30px; padding:0 20px;} .packfull .packfull-left p{ font-size:14px; line-height:24px; padding-right: 0;} .packfull .packfull-left h4{ font-size:14px; line-height:24px; margin: 0 0 15px; padding: 0;} .packfull.category-2 .packfull-left p{ margin-bottom:14px; padding-right: 0;} .packfull .packfull-left a.browse-Products{ width:50%; margin-top: 10px;} .category-description{ width:100%; padding:0;} .category-left-description{ width:100%; padding:0;} .col2-left-layout .category-title .brand-logo{ position:relative; max-width:267px; margin:0 auto;} .store-address .address-details{ width:100%; padding:10px; margin-bottom: 10px; margin-right:0; margin-left:0; min-height:inherit;} .store-address .address-details:nth-child(3n+3){ margin-left:0; margin-right:0; margin-bottom:10px;} .store-address .address-details h3{font-size:18px; margin-bottom: 0; position:relative; cursor:pointer; padding-right: 19px;} .store-address .address-details .dis-block:before { content:''; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/cont-plus.gif) no-repeat 0px 0px; display:block; width:16px; height:16px; position:absolute; right:0px; top:7px; cursor:pointer;} .store-address .address-details .dis-none:before { content:''; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/cont-plus.gif) no-repeat -34px 0px; display:block; width:16px; height:16px; position:absolute; right:0px; top:7px; cursor:pointer;} .dis-content{ display:none;} .about-us-left, .about-us-right{ width:100%; margin:0;} .graphic-arts{ width:300px; float:none; margin:0 auto;} .packaging-machines{ width:300px; float:none; margin:0 auto;} .food-services{ width:300px; float:none; margin:0 auto;} .category-links h3{ font-size:18px;} .cms-page-view .about-us-content h3{ font-size:20px;} .cms-page-view .about-us-content h4{ font-size:18px; line-height:24px;} .cms-page-view .about-us-content p{ font-size:15px; line-height:20px;} .banner-cap h2 { color: #fff; font-family: "ralewayextrabold"; font-size: 40px; line-height: 40px; margin: 0 auto 19px; min-width: auto; text-shadow: -2px 0 0 rgba(0, 0, 0, 0.19); text-transform: none; width: auto;} .packfull.category-2 .packfull-right{ margin-top:0;} .contactmgt-index-index p.required, .validation-advice { margin: 0; color: #b80838; font-size: 15px; font-family: trebuchet ms; position: relative; } .category-links p {margin:0;} .category-links img {margin:0 auto 20px;} .packaging-machines, .graphic-arts, .food-services {margin-bottom:20px; width:100%;} .packfull{ padding:15px 0 15px 0;} .contact-mgt .contact_us_icon { display: inline-block; width: 48%;} .contact-mgt .contact_us_icon.address p { width: 127px; font-size: 13px;} .contact-mgt .contact_us_icon a{ font-size:13px;} .contact-mgt .map { margin-top: 15px; float: right; width: 100%; min-height: 339px;} .cms-where-to-buy-coffee-pods .store-address .address-details, .cms-where-to-buy-coffee-pods .store-address .address-details:nth-child(3n+3) { min-height: 300px; width: 48.5%; padding-top: 15px; margin-right: 15px;} .cms-where-to-buy-coffee-pods .store-address .address-details:nth-child(2n+2) { margin-right:0px; margin-bottom: 10px;} } @media only screen and (max-width: 740px) { .checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or { width: auto; float: none; } .checkout-types li { float: none; width: 100%; margin-left: 0; } .header-minicart .minicart-actions .cart-link { right: auto; left: 0; text-align: center; width: auto; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or, .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-button { width: 100%; display: block; margin-left: 0; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or { line-height: 1.6; } body.customer-account-index .my-account .box-title a { right: 0; } body.customer-account-index .my-account .box-title-inner { padding-right: 20px; } .logo { width: 81%;} } @media only screen and (max-width: 699px) { .display-both-prices .cart-table thead th.cart-total-head, .display-both-prices .cart-table td.product-cart-total { display: none; } .shipping .sp-methods label { font-size: 12px; } #discount-coupon-form .input-text, .cart .giftcard .input-text { width: 140px; } #my-orders-table tbody tr td.a-center { text-align: center; } #my-orders-table tbody tr td.a-center span.nobr .separator { display: none; } #my-orders-table tbody tr td.a-center span.nobr a { white-space: nowrap !important; text-align: center; width: 100%; display: table; } .customer-account-forgotpassword form { background: none; } .logo { width: 80%;} .brand-logo li{height: auto; margin: 10px; width: 100px;} .brand-logo { max-width: 480px;} .slogan { font-family: 'latobold'; font-size: 25px; color:#FFF; position: absolute; top: 50%; left:0%; transform:translateX(0%) translateY(-50%); -o-transform:translateX(0%) translateY(-50%); -webkit-transform:translateX(0%) translateY(-50%); -o-transform:translateX(0%) translateY(-50%); -ms-transform:translateX(0%) translateY(-50%); -moz-transform:translateX(0%) translateY(-50%);} } @media only screen and (max-width: 639px) { #login-form .registered-users:before { left: 50%; margin-top: 0; margin-left: -30px; font-size: 14px; line-height: 46px; height: 50px; width: 50px; top: -26px; } #login-form .col2-set .col-1, #login-form .col2-set .col-2 { width: 100%; display: block; padding-bottom: 35px; } #login-form .col2-set .col-2 { padding-bottom: 0px; } .customer-account-login .col2-set .col-1, .customer-account-login .col2-set .col-2 { padding-right: 0px; padding-left: 0px; } .customer-account-login .col2-set .col-2 { padding-top: 40px; border-left: 0px; padding-bottom: 0px; border-top: 2px solid #eaeaea; } body.sales-order-view .col2-set .col-1, body.sales-order-view .col2-set .col-2 { padding-left: 0; padding-right: 0; } .customer-account-edit .my-account { background: none; } .logo { width: 79%;} .products-grid--max-2-col li{ width:100%;} .brand-logo img { width: 100%;} .products-grid--max-2-col li .product-image-box .product-info > h3{ font-size: 20px; line-height: 24px; margin-top:15px; height:auto;} .broucher-imglist li{width:50%;} .broucher-imglist li:nth-child(3n+1){clear:none;} .broucher-imglist li:nth-child(2n+1){clear:both;} } @media only screen and (max-width: 600px) { .cart-totals { text-align: right; } .slogan h3{font-family: 'ralewaysemibold'; font-size: 25px; color:#FFF; text-transform:none;} .cms-where-to-buy-coffee-pods .store-address .address-details, .cms-where-to-buy-coffee-pods .store-address .address-details:nth-child(2n+2), .cms-where-to-buy-coffee-pods .store-address .address-details:nth-child(3n+3) { min-height: inherit; padding-top: 15px; width: 100%; box-sizing: border-box; padding-bottom: 15px; } } @media only screen and (max-width: 599px) { .cart-table colgroup, .cart-table thead { display: none; } .cart-table tr { display: block; margin-bottom: 0; padding-bottom: 10px; position: relative; width: 100%; } .cart-table tfoot tr{border-bottom:0} .cart-table tr:after { content: ''; display: table; clear: both; } .cart-table tr:last-child { margin-bottom: 0; } .cart-table tfoot tr { padding-bottom: 0; } .cart-table td { border: none; display: block; } .cart-table td[data-rwd-label] { padding-left: 15px; margin-bottom: 6px; } .cart-table td[data-rwd-label] .price { font-weight: normal; } .cart-table td[data-rwd-label="Subtotal"] { text-align: left; padding: 0 5px 0 15px; } .cart-table td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; padding-right: 5px; text-transform: uppercase; font-family: 'latobold'; color: #333; } .cart-table td.product-cart-price { text-align: left; } .cart-table h2 { font-size: 12px; } .cart-table .cart-links { padding-top: 5px; /* padding-right: 5px; */ } .cart-table .cart-links > li { white-space: normal; text-align: center; } .cart-table .cart-links > li > a { padding: 2px 0px; } .cart-table .cart-tax-info { font-style: italic; padding-left: 15px; font-size: 13px; } .cart-table .cart-tax-info .price { font-size: 13px; } .cart-table .product-cart-image { width: 25%; float: left; padding-bottom: 0; } .cart-table .product-cart-image a.cart-edit { display: block; font-size: 16px; text-align: center; text-transform: uppercase; } .cart-table th, .cart-table td, .cart-table tbody td { border: 0px solid #E0E0E0; } .cart-table .product-cart-info, .cart-table td[data-rwd-label] { float: right; width: 75%; } .cart-table .product-cart-actions, .cart-table .product-cart-price { padding-bottom: 0; padding-top: 0; float: right; } .cart-table .product-cart-remove, .cart-table .product-cart-total, .cart-table .product-cart-actions .cart-links { display: none; } .cart-table .product-cart-image .cart-links, .cart-table .product-cart-info .btn-remove { display: block; } .cart-table .product-cart-actions .button { display: none; } .cart-table .product-cart-info .btn-remove { float: right; margin: -4px 0px 2px 7px; } .cart-table .product-cart-info .product-cart-sku { margin-bottom: 5px; } .cart-table .product-cart-actions { text-align: left; } .cart-table .product-cart-actions .qty { margin-right: 7px; margin-bottom: 7px; } .cart-table .price, .cart-table .product-cart-price:before { font-family: 'latobold'; font-size: 13px; } .cart-table .cart-footer-actions { text-align: center; width: 100%; border:0} .cart-table .cart-footer-actions #empty_cart_button { float: none; } .cart-table .cart-footer-actions .btn-continue { float: none; } .cart-table .cart-footer-actions .button2 { margin-top: 5px; margin-bottom: 5px; } .cart-table .cart-footer-actions span.or { display: none; } .display-both-prices .cart-table td[data-rwd-tax-label]:before { content: attr(data-rwd-tax-label) ":"; } .btn-checkout {/* width:100%; */ } .checkout-multishipping-addresses .linearize-table tbody td[data-rwd-label] { text-align: left; padding-left: 10px; margin-top: 12px; } #onepage-guest-register-button { bottom: 0; position: relative; } .product-cart-sku { display: none; } .display-both-prices .cart-forms, .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell, .display-single-price .cart-forms, .display-single-price .cart-totals-wrapper, .display-single-price .crosssell { padding-top: 0; padding-left: 0; padding-right: 0; float: none; width: 100%; } .cart-table .product-cart-actions .qty { margin-bottom: 0; } #shopping-cart-table .product-cart-actions .button.btn-update { margin: 0; } .cart-table .product-cart-image .cart-links { text-align: center; } .linearize-table-large.checkout-review-table thead tr:nth-child(1n+2) { display: none; } .form-list .field { float: none; padding-bottom: 15px; width: 100%; } .form-list li.saveadress { float: none; margin: 0 0 5px; padding-bottom: 10px; } .opc .form-list > li.control { padding-left: 0; } #billing-buttons-container { padding-right: 0; } .opc .commonaction { margin: 15px 0 0; } .opc h3 { font-size: 16px; } .opc #checkout-shipping-method-load, .opc #onepage-checkout-shipping-method-additional-load { margin-left: 0%; margin-right: 0%; width: auto; float: none; } .item-options { font-size: 12px; } dl.item-options dt { clear: none; } dl.item-options dd { padding-left: 0px; padding-right: 15px; } #shopping-cart-table .product-cart-info { padding: 10px 10px 0 15px } #loadingmask { bottom: 84px; left: 260px; } /* SAVED CC */ #co-payment-form { margin: 0; } #checkout-payment-method-load dd ul li { width: 100%; margin: 0 0 15px; display: block; } #checkout-payment-method-load dd ul li div.v-fix { float: left; width: 47%; margin: 0 3% 0 0; } #checkout-payment-method-load dd ul li div.v-fix:last-child { margin: 0 0 0 3%; } #payment-buttons-container.buttons-set.commonaction { margin-top: 30px; } #checkout-step-payment .sp-methods .form-list { padding-left: 0; } #payment-tool-tip { margin-left: -160px; margin-top: -50px; width: 320px; } /* HEADER MINI CART */ .header-minicart .minicart-actions .checkout-button { width: 100%; } .my-account { background: none; min-height: inherit; } .fieldset ul.form-list { margin-left: 0px; } .fieldset ul.form-list li.control .control-Checkbox { margin-left: 0px; } .EAI { max-width: 100%; width: 100%; margin-bottom: 30px; } body.customer-account-edit .my-account .fieldset { max-width: 100%; } body.customer-account .my-account { margin-top: 20px; } body.customer-account .my-account .fieldset { margin-bottom: 0px; } .customer-account-edit .my-account { background: none; } body.wishlist-index-index .my-account { margin-bottom: 30px; } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { padding-bottom: 5px; } .my-account .addresses-list .item, .my-account .addresses-list .col-2 li.item { width: 100%; border: 0px; padding-left: 0px; margin-bottom: 15px; } .my-account .addresses-list .col-2 li.item:first-child { border-right: 0px solid #cccccc; padding-bottom: 15px; border-bottom: 1px solid #CCC; } .my-account .addresses-list .col-1 li.item:first-child { border-right: 0px solid #cccccc; border-bottom: 0px solid #CCC; } .fieldset ul.form-list { margin: 0px; } .my-account .fieldset ul.form-list { margin: 0px; } .form-list > li.fields { margin-bottom: 0px; } body.customer-address-form .form-list .control { margin-top: 0; margin-bottom: 0; } body.customer-address-form .my-account .buttons-set { margin: 10px 0 0; } body.customer-address-form .linearize-table-large tbody td { border-bottom: 0px solid; border-top: 0px solid; border-right: 1px solid #CCC; } .opc .section .step { padding: 15px; } .col2-set { margin: 0 0px; } #checkout-step-login .col2-set:before { background: none; } #checkout-step-login .col2-set .col-1, #checkout-step-login .col2-set .col-2 { padding-left: 0; padding-right: 0; width: 100%; display: block; float: none; } .order-items.order-details .linearize-table-large tbody td[data-rwd-label] { padding-left: 10px; } .linearize-table-large tfoot td:nth-child(2n) { padding-bottom: 5px; } body.customer-address-index .col2-set .col-1, body.customer-address-index .col2-set .col-2 { width: 100%; display: block; padding-bottom: 15px; } .customer-account .my-account .box-info .col-1{border-bottom:1px solid #ccc; margin-bottom:10px;} .customer-account .my-account .box-info .col-1, .customer-account .my-account .box-info .col-2{padding-left:0; padding-right:0} body.customer-address-index .col2-set:before { display: none; } body.wishlist-index-index .my-account .buttons-set.buttons-set2 button.button { width: 130px; margin-left: 5px; } body.wishlist-index-index .my-account .buttons-set.buttons-set2 .button.btn-update { margin-left: 0px; } body.wishlist-index-index .my-account .buttons-set.buttons-set2 .back-link { display: none; } .my-account .data-table tbody td{border-bottom:0; padding:10px;} .logo { width: 74%;} .cms-industry-links .std a {word-wrap: break-word;} .full-description .caterightimg img { float: left; margin-bottom: 10px; margin-right: 10px; width: 100%;} } @media only screen and (max-width:567px) { .dashboard .col2-set:before { background:none;} .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { width: 100%; display: block; padding-bottom: 15px; } .dashboard .col2-set .col-1{border-bottom:1px solid #ccc;} .logo { width: 73%;} .banner-cap h2 { color: #fff; font-family: "ralewayextrabold"; font-size: 25px; line-height: 23px; margin: 0 auto 19px; min-width: auto; text-shadow: -2px 0 0 rgba(0, 0, 0, 0.19); text-transform: none; width: 300px;} } @media only screen and (max-width:520px) { .cart .page-title h1 { line-height: 25px; display: inline-block; } button.btn-proceed-checkout { font-size: 14px; font-family: 'latobold'; padding: 10px; } .checkout-types.bottom { text-align: right; } .checkout-types.bottom li { text-align: right; } #review-buttons-container .please-wait { bottom: -15px; left: 0; margin-left: 0; } body.customer-address-form .control:nth-last-child(2) { width: auto; } body.customer-address-form .control { display: block; width: auto; } #allow-gift-messages-for-order-container p, #allow-gift-messages-for-items-container p { padding-top: 10px; } .cart .giftcard .input-text { width: 100px; } .logo { width: 73%;} .brand-logo { max-width: 360px;} .contact-mgt .contact_us_icon span{ margin-right:3px; height: 60px; width: 54px;} } @media only screen and (max-width:499px) { .skip-cart .count{ top:-40px;} .skip-cart .count { background: #fff none repeat scroll 0 0; border-radius: 12px; color: #b80838; display: inline-block; font-size: 9px; height: 19px; left: -12px; line-height: 19px; position: relative; right: inherit; text-align: center; top: -5px; width: auto; z-index: 5; padding:0 5px;} .header-minicart .skip-link { float: right; line-height: 32px; padding: 0 0 0 0px !important; right:5px; top: 5px; width:43%;} a.skip-link.skip-search {right: 5px;} } @media only screen and (max-width: 479px) { .packfull .packfull-left a.browse-Products{ width:90%; } .logo { width: 75%; } .main-container, .footer-container { padding:25px 10px; } body[class*="checkout-multishipping-"] .buttons-set .back-link { display: block; } .buttons-set .button { float: none; width: auto; margin-left: 0; margin-right: 0; margin-bottom: 7px; } .sp-methods .checkmo-list { padding-left: 0; } .sp-methods .checkmo-list label { width: 135px; } .shipping #co-shipping-method-form .buttons-set .button { width: auto; display: inline-block; margin: 5px auto 0; } .opc .buttons-set .button + .buttons-set .button, .paypal-express-review .buttons-set .button + .buttons-set .button { margin-left: 0; } .linearize-table.checkout-review-table thead tr:nth-child(1n+2) { display: none; } .opc .buttons-set button.button { width: auto; } #billing-buttons-container { margin-top: -80px; } #checkout-step-review .opc-block-progress .block-content > dl > div { float: none; width: auto; } #checkout-review-table th, #checkout-review-table tbody td { border: 0px solid #CECECE; } #checkout-review-table thead > tr > th { display: none; } #checkout-review-table h3 { padding-top: 5px; } #checkout-review-table thead th, #checkout-review-table tbody td { padding: 0 5px; } #checkout-review-table tbody td.last { padding-bottom: 5px; } #checkout-review-table tfoot tr td.last { text-align: right; } #checkout-review-table-wrapper .linearize-table tbody td[data-rwd-label]:before { color: #333333; display: inline-block; font-family: 'latobold'; width: 90px; } .header-minicart a.skip-cart { z-index: 1; } body.customer-address-index .my-account { margin-bottom: 30px; } .my-account .addresses-list .item:first-child { margin-top: -15px; border-top: 0px; } .my-account .addresses-list .item { margin: 30px 0 30px 0; position: relative; padding: 20px 0% 0 0%; width: 50%; float: left; border-left: 0px; border-top: 1px solid #cecece; } .my-account .addresses-list .item p a { top: 22px; } .my-account .addresses-list .item p a.link-remove { top: 20px; } .customer-account .dashboard .box-account.box-info .box-head h2 { display: block; margin-bottom: 5px; } .customer-account .dashboard .box-account.box-info .box-head a { float: right; margin-top: 5px; } #wishlist-table.clean-table thead { display: none; } #wishlist-table.clean-table tbody td { padding: 5px 10px; border-width: 0px; } #wishlist-table tr { border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; } #wishlist-table tr:first-child { border-top: 1px solid #CCC; } #wishlist-table.clean-table tbody td .btn-remove2 { display: none; } #wishlist-table.clean-table tbody td.customer-wishlist-item-remove { border: 0px; padding: 0px 0px; } #wishlist-table td.customer-wishlist-item-cart .truncated { margin: 0 0 10px; } #wishlist-table tr { position: relative; } #wishlist-table th.customer-wishlist-item-image { display: block; } #wishlist-table td.customer-wishlist-item-image, #wishlist-table td.customer-wishlist-item-info, #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price, #wishlist-table td.customer-wishlist-item-cart { width: 100%; padding-left: 0; padding-right: 0; empty-cells: hide; } #wishlist-table td.customer-wishlist-item-image { display: block; overflow: hidden; } #wishlist-table td.customer-wishlist-item-image a { } #wishlist-table td.customer-wishlist-item-quantity { text-align: left;} #wishlist-table td.customer-wishlist-item-price { text-align: left; clear: both; } #wishlist-table td.customer-wishlist-item-quantity:before, #wishlist-table td.customer-wishlist-item-price:before { float: left; margin-right: 15px; padding-top: 6px; display:inline-block; } #wishlist-table td.customer-wishlist-item-quantity .cart-cell, #wishlist-table td.customer-wishlist-item-price .cart-cell { text-align: left; } #wishlist-table td.customer-wishlist-item-quantity .price-box, #wishlist-table td.customer-wishlist-item-price .price-box { margin-top: 0; } #wishlist-table td.customer-wishlist-item-cart .cart-cell { float: left; margin-right: 5px; /*width: 48%;*/ } #wishlist-table td.customer-wishlist-item-cart > p { float: left; /*width: 48%;*/ } #wishlist-table td.customer-wishlist-item-remove { position: absolute; top: 5px; right: 10px; display: block; padding: 0px; height: 20px; } #wishlist-table.clean-table td.customer-wishlist-item-cart { width: 100%; } .item-options dd { display: inline-block; float: none; margin: 0 0 5px; padding: 0 15px 0 0; } .item-options dt { clear: none; display: inline-block; float: none; padding-right: 5px; } #wishlist-table .truncated .show .item-options { display: block; padding: 0; } #wishlist-table .truncated .truncated_full_value .item-options { padding: 0; } #wishlist-table td.customer-wishlist-item-image { float: left; width: 30%; padding-right: 10px; border-right: 0px; border-bottom-width: 1px; border:0; } #wishlist-table td.customer-wishlist-item-info { float: left; width: 70%; border-left: 0px; border-bottom-width: 1px; border:0; } #wishlist-table.clean-table td textarea { height: 50px; } #wishlist-table .customer-wishlist-item-image .btn-remove.btn-remove2 { display: inline-block; float: none; } #wishlist-table .disnone .cart-cell, #wishlist-table .disnone p { display: inline-block; width: auto; padding-right: 10px; } .products-grid li { width: 100%; } .order-info-box .box-title { display: block; width: 100%; } .sales-order-view .col2-set:before { display: none; } .my-account .box-title-inner { display: inline-block; position: relative; padding-right: 30px; } .my-account .box-title a { right: -20px; } body.wishlist-index-index .my-account .buttons-set.buttons-set2 button.button { margin-left: 0px; width: 100%; float: none; } .banner-cap h2 { color: #fff; font-family: "ralewayextrabold"; font-size: 18px; line-height: 23px; margin: 0 auto 19px; min-width: auto; text-shadow: -2px 0 0 rgba(0, 0, 0, 0.19); text-transform: none; width: 216px;} .broucher-imglist li{width:100%; clear:both; float:none;} .broucher-imglist li:nth-child(3n+1){clear:both;} .broucher-imglist li:nth-child(2n+1){clear:both;} #header-search {right:10px;} #header-search.skip-content.skip-active:before{right:46px;} .enquiry-minicart a:before {right:13px;} .contact-mgt .contact_us_icon { display: inline-block; width: 100%;} .contact-mgt .contact_us_icon.address p { width: 220px; font-size: 15px;} .contact-mgt .contact_us_icon a{ font-size:15px;} .contact-mgt .contact_us_icon span{ margin-right:15px;} } @media only screen and (max-width:400px) { .brand-logo li{height: auto; margin: 10px; width: 115px;} .brand-logo { max-width: 275px;} .logo { width: 58%;} .catalog-product-view .product-shop .price-info {float:none; width:100%; text-align:center; max-width:100%; margin-bottom:10px;} .qty-checkout {clear:both; } .cart-table .cart-footer-actions .button2 { width: 100%; /*width: 170px;*/ margin: 5px auto; } .cart-table .btn-proceed-checkout{ margin:0; width:170px;} #billing-buttons-container { display: inline-block; margin-top: 0; padding-right: 0; float: none; } #billing-buttons-container button.button { clear: none; display: inline; float: none; margin: 0; } #billing-buttons-container p.required { display: inline-block; float: none; margin: 0; text-align: left; width: 100%; } .opc .please-wait { right: 0; } .opc #billing-buttons-container .please-wait { margin-left: 0; right: 25px; } .osolCaptchaBlock input { width: 110px; } #loadingmask { bottom: 165px; left: 245px; } .opc .section .step { padding: 15px 10px; } .opc .section .step-title h2 { font-size: 15px; margin: 0 4px 0 40px; } .opc .section .step-title .number, .opc .section.allow.active .step-title .number, .no-touch .opc .section.allow:hover .step-title .number { font-size: 17px; } #review-buttons-container .f-left { line-height: 8px; } #review-buttons-container .f-left a { display: block; } body.wishlist-index-index .my-account .buttons-set.buttons-set2 .button.btn-update { clear: none; float: left; margin-left: 0; } body.wishlist-index-index .my-account .buttons-set.buttons-set2 .button.btn-add { clear: both; } #review-buttons-container .please-wait { bottom: -25px; } #payment-tool-tip { margin-left: -135px; margin-top: 0px; width: 270px; } .checkout-types { float: left; max-width: 100%; width: 100%; text-align: center; clear: left; } button.btn-proceed-checkout { width: 100%; } .header-minicart .minicart-actions .cart-link {width:100%;} /* body.customer-account .my-account .title-buttons .button { width: auto; position: static; margin-bottom: 15px; } */ } @media only screen and (max-width:375px) { /* .cart-table .cart-footer-actions .button2 { width: 80%;} */ .my-account .box-title-inner { display: block; } .my-account .box-title a { right: 10px; } .g-recaptcha iframe { left: -7px; position: relative; } .contact-mgt .form-list .fields .g-recaptcha{ -webkit-transform: scale(0.95); -o-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95);} } @media only screen and (max-width:320px) { .categ-banner ul li{ font-size:10px; padding:4px 12px;} .banner-cap h2 { color: #fff; font-family: "ralewayextrabold"; font-size: 18px; line-height: 23px; margin: 0 auto 19px; min-width: auto; text-shadow: -2px 0 0 rgba(0, 0, 0, 0.19); text-transform: none; width: 216px;} .categ-banner ul{ padding:0; margin:0;} } /* ============================================ * * Footer Always Bottom CSS * ============================================ */ html, body { margin: 0; padding: 0; height: 100%; } .wrapper { min-height: 100%; position: relative; } .footer-container { max-width:100%; position: relative; bottom: 0; left: 0; right: 0; } .cms-home .footer-container { position: relative; bottom: 0; left: 0; right: 0; max-width: 100%; margin: 0 auto; background:none; padding:0;} .news-detail-index .footer-container, .checkout-cart-index .footer-container, .cms-industry-links .footer-container, .cms-after-sales .footer-container, .customer-account-create .footer-container, .customer-account-login .footer-container, .customer-account-forgotpassword .footer-container, .customer-account .footer-container, .contactmgt-index-index .footer-container, .customer-account-logoutsuccess .footer-container, .enquirycart-index-index .footer-container, .onestepcheckout-index-index .footer-container, .checkout-onepage-success .footer-container, .checkout-cart-index .footer-container, .cms-coffee-industry .footer-container, .cms-where-to-buy-coffee-pods .footer-container, .news-index-index .footer-container { position:absolute; } /* ============================================ * * Calendar styles (restore styles from /js/calendar) * ============================================ */ div.calendar table { border-collapse: separate; } div.calendar table td.button { display: table-cell; background: inherit; color: inherit; text-transform: none; } /*Hide CSS TO html code*/ .page-header { /* background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/header.png) no-repeat center center; */ height: auto; max-width: 100%; background: #b80838; padding: 10px 0 0 0 ; display: inline-block; width: 100%; box-shadow: 1px 1px 4px #888888;} .cms-home .page-header { padding:5px 0 0 0;} .HeadContnr, .FootContnr { margin: 0 auto; max-width: 1175px; position: relative;} .footer-container .footer { display: none; } .footer-container {/* background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/footer.png) no-repeat center center; */ height: auto; padding: 0px } .HeadContnr:after, .FootContnr:after { margin: 0; padding: 0; width: 100%; text-align: center; position: relative; font-family: 'latobold'; font-size: 52px; text-transform: uppercase; color: #FFF; display: block; font-weight: bold; } @media only screen and (max-width:770px) { .HeadContnr:after, .FootContnr:after { font-size: 40px; } .page-header, .footer-container { padding:0px 0px; } } @media only screen and (max-width:479px) { .HeadContnr:after, .FootContnr:after { font-size: 25px; line-height: 10px; font-weight: bold; } #my-orders-table tr td{width:100%; text-align:left !important} } /* ============================================ * * @BR blog * ============================================ */ .news-index-index .featured-title h1 span { color:#b80838;} .news-index-index .featured-title h1 { font-family: 'ralewayextrabold'; margin:0 0 51px 0; padding:0; line-height:72px; font-size:36px; color:#535353; position:relative;} .news-index-index .featured-title h1:before { content:''; background:#535353; width:69px; height:4px; position: absolute; left:0px; bottom:-6px;} .news-list > li { border:1px solid #e0e0e0; padding:15px; box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom:20px; border-radius:5px; -webkit-border-radius:5px; box-shadow: 0 0 3px 0 #eeeeee; -webkit-box-shadow: 0 0 3px 0 #eeeeee; } .news-list > li:last-child { margin-bottom:0; } .news-list .top-blog { margin-bottom:10px; } .news-list .top-blog .date { float:left; font-size:16px; color:#b80838; font-family: 'latobold'; } .news-list .top-blog .social { float:right; } .news-list h3 a { font-family: "ralewaysemibold"; color:#333; text-transform:capitalize; font-size:24px; } .news-collection-data .news-image { width:340px; float:left; } .news-collection-data .news-image img { max-width:100%; width:100%; } .news-collection-data .desc-datainfo { margin-left:-340px; padding-left:360px; float:left; box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; } .news-collection-data a.read-more { padding:0 10px; color:#fff; background:#b80838; font-size:14px; line-height:32px; height:32px; display:inline-block; border-radius:4px; -webkit-border-radius:4px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .desc-datainfo .short-description { margin-bottom:15px; color: #333333; font-family: "Raleway",sans-serif; font-size: 18px; line-height: 30px; text-transform:none; min-height:183px; } .desc-datainfo .short-description img{ max-width:100%; } .desc-datainfo .short-description p{ margin-bottom:15px; color: #333333; font-family: "Raleway",sans-serif; font-size: 18px; line-height: 30px; text-transform:none;} .news-detaildata .news-description{ color: #333333; font-family: "Raleway",sans-serif; font-size: 18px; line-height: 30px;} .news-detaildata .news-description p{ margin-bottom:15px; color: #333333; font-family: "Raleway",sans-serif; font-size: 18px; line-height: 30px; text-transform:none;} .news-detaildata .news-description img{ max-width:100%; } .news-collection-data a.read-more:hover { text-decoration:none; background:#000; } .desc-datainfo .short-description ol { list-style: decimal; margin: 0; padding: 0 0 0 20px; margin: 0 0 15px; } .desc-datainfo .short-description ol li { margin: 0; padding: 0; } .desc-datainfo .short-description ol li ol { list-style: decimal; margin: 0; padding: 0 0 0 20px; } .desc-datainfo .short-description ol li ol li { margin: 0; padding: 0; } .desc-datainfo .short-description ul { list-style: disc; margin: 0; padding: 0 0 0 20px; margin: 0 0 15px; } .desc-datainfo .short-description ul li { margin: 0; padding: 0; } .desc-datainfo .short-description ul li ul { list-style: disc; margin: 0; padding: 0 0 0 20px; } .desc-datainfo .short-description ul li ul li { margin: 0; padding: 0; } .news-index-index .pager { float:none; margin:30px 0 0; } .news-index-index .count-container { float:left !important; } .news-detail-index .breadcrumbs { padding-left:0; margin-bottom:15px; } .back-to-link { margin-bottom:15px; } .news-detail-index .back-to-link a { padding:0 10px; color:#fff; background:#b80838; font-size:14px; line-height:32px; height:32px; display:inline-block; border-radius:4px; -webkit-border-radius:4px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .news-detail-index .back-to-link a:hover { text-decoration:none; background:#000; } .news-detaildata { border:1px solid #e0e0e0; padding:15px; border-radius:5px; -webkit-border-radius:5px; box-shadow: 0 0 3px 0 #eeeeee; -webkit-box-shadow: 0 0 3px 0 #eeeeee; } .news-detaildata .top-blog { margin-bottom:10px; } .news-detaildata .top-blog .date { float:left; font-size:16px; color:#b80838; font-family: 'latobold'; } .news-detaildata .top-blog .social { float:right; } .news-detaildata h1 { font-family: 'latobold'; color:#333; text-transform:capitalize; font-size:22px; } .news-detaildata .news-image { text-align:center; margin:0 0 30px 0; } .news-detaildata .news-image img { max-width:100%; display:inline; } .detail-area { margin-bottom:50px; } .detail-area .cntr-year { font-family: 'latobold'; display:table; margin:0 auto 50px; background:#b80838; padding:0 30px; height:55px; font-size:48px; color:#fff; } .about-data .img-lft { width:48%; float:left; text-align:center; } .about-data .img-lft img { display:inline; } .about-data .cntnt-rgt { width:48%; float:right; } .year-carousal .content { max-width:1160px; margin:0 auto; background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/about-devider.png) repeat-y 50% 0; padding:40px 0; } .about-data .content { background:none !important;} .year-center-main-teb{background: #707070; width:100%; margin:0 0 30px !important;} .about-data .cntnt-lft { float:left; width:48%; } .about-data .img-rgt { float:right; width:48%; text-align:center; } .about-data .img-rgt img { display:inline; } .about-data h3{ font-size:24px; line-height:30px; color:#333333; font-family: 'ralewaysemibold'; text-transform:none;} .about-data p{ font-size:18px; line-height:30px; color:#333333; font-family: 'Raleway', sans-serif; text-transform:none;} .about-data .img-mob{ display:none;} .detail-area { margin-bottom:50px; } .detail-area .cntr-year { font-family: 'latobold'; display:table; margin:0 auto 50px; background:#b80838; padding:0 28px; height:55px; font-size:48px; line-height:50px; color:#fff; } .about-data .img-lft { width:42%; float:left; text-align:center; } .about-data .img-lft img { display:inline; } .about-data .cntnt-rgt { width:42%; float:right; } .year-carousal > .content { background:url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/about-devider.png) 50% 0 repeat-y; padding:40px 0; margin: 0 auto; max-width: 1160px;} .year-carousal { margin:60px 0 0 0; } .about-data .cntnt-lft { float:left; width:42%; } .about-data .img-rgt { float:right; width:42%; text-align:center; } .about-data .img-rgt img { display:inline; } .year_teb_list { background:#707070 !important; padding:15px 20px !important; } .year_teb_list li { } .year_teb_list li a { font-size:24px; color:#fff; font-family: 'latoregular'; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; height:50px; line-height:50px; background:#707070; padding:0 20px; display:inline-block; } .year_teb_list li a:hover { background:#b80838; text-decoration:none; } .year_teb_list .owl-item.active a.active { background:#b80838; text-decoration:none; } .social-sharing { margin-top:20px; } .qty-checkout {position:relative;} .qty-checkout .input-quantity { width:50px !important; height:50px; line-height:50px; padding:0 5px; margin-right:10px; float:left; text-align:center; } .qty-checkout .validation-advice{ position: absolute; bottom: -9px; font-size: 13px;} .qty-checkout .btn-cart { padding:0 40px; height:50px; line-height:50px; } .catalog-product-view .tab-content .mini-products-list:before, .catalog-product-view .tab-content .mini-products-list:after { content:""; display: table; } .catalog-product-view .tab-content .mini-products-list:after { clear: both; } .catalog-product-view .tab-content .mini-products-list { zoom: 1; } .catalog-product-view .tab-content .mini-products-list { margin:0 -15px !important; } .catalog-product-view .tab-content .mini-products-list li { width:33.3%; float:left; padding:0 15px !important; clear:none !important; } .catalog-product-view .tab-content .mini-products-list li:nth-child(3n+1) { clear:both !important; } .catalog-product-view .tab-content .mini-products-list li a.product-image { padding:0 !important; margin:0 !important; display:block; text-align:center; } .catalog-product-view .tab-content .mini-products-list li a.product-image img { max-width:100%; } .catalog-product-view .tab-content .mini-products-list li .product-details { clear:both; } .catalog-product-view .tab-content .product-details .product-name a { margin-top:10px; } .no-touch .catalog-product-view .tab-content .mini-products-list li:hover .product-name a { color:#b80838; } body #sidebar-nav li.active > ul { margin-left:15px !important; } .products-grid--max-2-col.catalogsearch li {width:33.33%; padding:0 10px;} .products-grid--max-2-col.catalogsearch li .productbox .product-image-box {color: #FFF;border: solid 1px #adaba2; position: relative; text-align:center;} .products-grid--max-2-col.catalogsearch li .productbox .product-image-box:hover .ProdInfoOver { padding: 15px;} .products-grid--max-2-col.catalogsearch li .productbox .product-image-box:hover + .product-info {position: relative;top: -30px;opacity: 0; z-index: -1; color: #FFF;} .products-grid--max-2-col.catalogsearch li .product-image img {display: inline-block;} .products-grid--max-2-col.catalogsearch li .productbox .product-info h3, .products-grid--max-2-col.catalogsearch li .productbox .product-info h3 a{margin-bottom:0px;} .products-grid--max-2-col.catalogsearch li .productbox .product-info .price-box{margin-bottom:30px;} .full-description { margin-bottom:15px !important; display:block !important; } .category-products .productbox.spare-cat .price-box { margin-bottom:15px; } .category-products .productbox.spare-cat .product-info { border-bottom:1px solid #ccc; margin-bottom:25px; } .category-products .productbox.spare-cat .product-info h3 { margin-bottom:0; } .category-products .productbox.spare-cat .price-box .price { font-size:22px; } .category-products .productbox.spare-cat .ProdInfoOver .price { font-size:22px; color:#fff; padding-top:10px; font-family: 'latobold'; display:inline-block; } .product-view .product-shop .price-info { float:none; padding-left:0; margin-bottom:25px; text-align:left; max-width:100%; } /*cart-popup-btns-outer { position:static !important; width:300px; }*/ .category-products .products-grid--max-2-col li .productbox .product-image-box .ProdInfoOver h3 { padding-left:5px; padding-right:5px; } .category-products .productbox.spare-cat .product-image-box { overflow:hidden; } .enquirycart-index-index .feedback-content .form-list li textarea { height:80px; min-height:inherit; } .products-grid--max-2-col li .product-image-box .product-info { right:33px; } .enquiry-minicart span.count { background: #fff; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; font-size: 11px; right:-2px; line-height: 20px; margin-left: 0; width: 22px; height: 22px; position: absolute; top: 0; border: solid 1px #b80838; color:#b80838 !important; text-indent:0 !important; text-align:center !important; } .enquiry-minicart a.enquiry-link { width:30px; } .enquirycart-index-index input.qty { height:34px; } .cart-table h2.product-name a { color: #636363 !important; font-family: "latobold" !important; font-size: 14px !important; margin-bottom:0 !important; } #wishlist-table td.customer-wishlist-item-image a.product-image { display:table; margin:0 auto; } #wishlist-table td.customer-wishlist-item-image img { width:auto; } @media screen and (min-width:600px) { .enquirycart-index-index .cart-table { } .qty-checkout .btn-cart { height: 50px; line-height: 50px; padding: 0 40px; } .enquirycart-index-index .cart-table thead th:nth-child(2) { text-align:left !important; } .enquirycart-index-index .cart-table thead th { padding:10px; } .enquirycart-index-index .cart-table tbody td { padding:10px; } #wishlist-table td.customer-wishlist-item-remove { text-align:center; } #wishlist-table td.customer-wishlist-item-remove a { display:inline-block; } } .no-touch .enquirycart-index-index .cart-table tbody td:nth-child(1) { min-width:220px; text-align:center; } .no-touch .enquirycart-index-index .cart-table tbody td:nth-child(3) { min-width:230px; text-align:center; } .no-touch .enquirycart-index-index .cart-table tbody td:nth-child(4) { min-width:120px; text-align:center; } .enquirycart-index-index .buttons-set { clear:both; margin:0; padding:10px; border:1px solid #ccc; border-top:0; } .no-touch .enquirycart-index-index .buttons-set button { margin-bottom:0; } .enquirycart-index-index .cart-table { margin-bottom:0; } .enquirycart-index-index .button.btn-remove-pro { float:left; margin-left:0; } .enquirycart-index-index .button.btn-proceed-checkout.btn-checkout { background:#b80838; } .enquirycart-index-index .button.btn-proceed-checkout.btn-checkout:hover { background:#909090; } .enquirycart-index-index .cart .page-title h1 span { color:#b80838;} .enquirycart-index-index .cart .page-title h1 { font-family: 'ralewayextrabold'; margin:0 0 46px 0; padding:0; line-height:60px; font-size:36px; color:#535353; position:relative;} .enquirycart-index-index .cart .page-title h1:before { content:''; background:#535353; width:69px; height:4px; position: absolute; left:0px; bottom:-6px;} @media screen and (max-width:599px) { #wishlist-table td.customer-wishlist-item-quantity { width:70%; padding-top:5px; } #wishlist-table td.customer-wishlist-item-info { padding-right:30px; padding-bottom:5px; } .enquirycart-index-index .buttons-set button { float:none !important; margin:0 auto 10px !important; display:table !important; } .enquirycart-index-index .cart .page-title h1 { font-size:30px; } } .enquirycart-index-index .buttons-set .button { height: 50px; line-height: 50px; padding: 0 30px; } @media screen and (max-width:1169px) { .news-collection-data .news-image { width:240px; } .news-collection-data .desc-datainfo { margin-left:0; padding-left:0; } .about-data .img-rgt img { display:inline; padding:0 10px; width:100%; } .about-data .img-lft img { display:inline; padding:0 10px; width:100%; } .about-data .cntnt-lft{ padding:0 10px;} .about-data .cntnt-rgt{ padding:0 10px;} .news-detail-index .footer-container, .checkout-cart-index .footer-container, .cms-industry-links .footer-container, .cms-after-sales .footer-container, .customer-account-create .footer-container, .customer-account-login .footer-container, .customer-account-forgotpassword .footer-container, .customer-account .footer-container, .contactmgt-index-index .footer-container{ position: relative;} .nav-primary li.level0 > a { padding: 15px 11px 10px; font-size:12px; } .nav-primary li > a { font-size:14.4px; } } @media screen and (max-width:1023px) { .catalog-product-view .tab-content .mini-products-list li { width:50%; } .catalog-product-view .tab-content .mini-products-list li:nth-child(3n+1) {clear:none !important; } .catalog-product-view .tab-content .mini-products-list li:nth-child(2n+1) {clear:both !important; } .products-grid--max-2-col.catalogsearch li {width:50%;} .nav-primary li.level0 > a { padding: 15px 15px 10px; font-size:14px;} .packfull .packfull-left h1, .packfull .packfull-left h2 {line-height:40px;font-size:41px;} .mobile-menu {padding-top: 42px; overflow: auto !important;} ul.header-toggle-nav li a {padding-left: 10px;} .mobile-header-menu.sticky {left: 0; position: fixed; top: 0px; width: 100%; z-index: 9999;} #header.sticky {left: 0; position: fixed; top: 44px; width: 100%; z-index: 999;} } @media screen and (max-width:849px) { .packfull .packfull-left h1, .packfull .packfull-left h1 {/*line-height:32px;font-size:27px;*/margin-bottom: 35px;} .nav-primary li.level0 > a{ font-size:13px; padding: 10px 8px;} } @media screen and (max-width:770px) { .mobile-banner.homebanner-mobile {margin-top: 106px;} .news-index-index .col2-right-layout .col-main { padding-right:0; margin-right:0; } .show-menu #header.sticky {position: absolute; overflow:hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; z-index:9;} /*.show-menu .mobile-header-menu.sticky { left: 80%; position: fixed; top: 0; width: 100%; z-index: 999; overflow:hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}*/ .news-detail-index .col2-right-layout .col-main, .col3-layout .col-wrapper { padding-right:0; margin-right:0; } .nav-primary li.level0 > a { padding: 15px 10px 10px; font-size:14px;} .page.show-menu .mobile-menu { box-shadow: 0 0 3px 0 #000; background: #222 none repeat scroll 0 0; display: block; left: 0; position: fixed; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 999; } .page.show-menu { left: auto; overflow: hidden; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } } @media screen and (max-width:767px) { .news-list > li { padding:10px; } .news-collection-data .news-image { width:140px; } .news-collection-data .desc-datainfo { margin-left:0; padding-left:0; } .year-carousal > .content { background-position:98px 0; } .detail-area:before, .detail-area:after { content: ""; display: table; } .detail-area:after { clear: both; } .detail-area { zoom: 1; margin-bottom:0; } .banner-cap {position: absolute; text-align: center; bottom: 0; top: inherit; transform: none; width: 100%; z-index: 999; overflow: hidden; transform:none; -ms-transform:none; -webkit-transform:none; -o-transform:none; -moz-transform:none; left: 0%; right:0; margin:0 auto;} .detail-area .cntr-year { float:left; padding:0 10px; height:38px; line-height:38px; font-size:28px; margin:0; } .detail-area .about-data { width:100%; box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; padding-left:85px; margin:0 0 0 -85px; float:left; } .about-data .img-lft { float:none; display:none; width:100%; margin-bottom:20px; } .about-data .cntnt-rgt { float:none; width:100%; } .about-data .cntnt-lft { float:none; width:100%; margin-bottom:20px; } .about-data .img-rgt { float:none; display:none; width:100%; } .img-mob > img { max-width: 100%; margin: 0 auto;} .about-data h3{ font-size:18px; text-align:center;} .about-data p{ font-size:14px; text-align:center;} .year-carousal .content{ background-position:40px 0;} .about-data .img-mob{ display: block;} .about-data .content{ padding:40px 0 0 0;} .year-carousal {margin:0;} } .cms-index-noroute .main-container { background:#f5f5f5; max-width:inherit; width:100%; padding-top:0; padding-left:0; padding-right:20px; padding-bottom:0 !important; } .cms-index-noroute .main { padding-bottom:20px; width:100%; background:#f5f5f5; height:600px; } .cms-index-noroute .col-main { padding:0 !important; margin:0 !important; float:none !important; max-width:1160px !important; margin:0 auto !important; position:relative; height:100%; background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/404-img.jpg) right center no-repeat; } .cms-index-noroute .main .std { max-width:420px; position:relative; top:46%; transform:translateX(0) translateY(-50%); -o-transform:translateX(0) translateY(-50%); -webkit-transform:translateX(0) translateY(-50%); -o-transform:translateX(0) translateY(-50%); -ms-transform:translateX(0) translateY(-50%); -moz-transform:translateX(0) translateY(-50%); } .cms-index-noroute .main .std h1 { margin-bottom:20px; font-size:80px; color:#000; font-family: 'latobold'; text-transform:none; } .cms-index-noroute .main .std h2 { margin-bottom:20px; font-size:30px; color:#000; font-family: 'latobold'; text-transform:none; } .cms-index-noroute .main .std h6 { margin-bottom:20px; font-size:20px; color:#000; font-family: 'latobold'; text-transform:none; } .cms-index-noroute .main .std div.see_some_helpfullinks { margin-bottom:5px; font-size:24px; color:#000; font-family: 'latobold'; text-transform:none; } .cms-index-noroute .main .std ul { margin:0; padding:0; list-style:none; } .cms-index-noroute .main .std ul li { margin:0 0 10px 0; padding:0 0 0 20px; background:url("https://www.jllennard.com.au/skin/frontend/jll/podpack/images/jl-bullet.png") no-repeat scroll 0 9px; } .cms-index-noroute .main .std ul li:last-child { margin-bottom:0; } .cms-index-noroute .main .std ul li a { font-size:20px; color:#b80838; font-family: 'latobold'; } .cms-index-noroute .main .std ul li a:hover { text-decoration:underline; } a.instalogo.header-insta { background:url("https://www.jllennard.com.au/skin/frontend/jll/podpack/images/insta-header.png") no-repeat scroll 0 0; width:30px; height:30px; display:inline-block; text-indent:-999em; float:right; margin-top:10px; } @media only screen and (max-width:1199px) { .cms-index-noroute .col-main { padding:0 15px !important; background:rgba(0, 0, 0, 0) url("https://www.jllennard.com.au/skin/frontend/jll/podpack/images/404-img.jpg") no-repeat scroll right center / 49% auto; } .cms-index-noroute .main { padding-bottom:30px; margin-bottom:-30px; } a.instalogo.header-insta { margin-right:30px; } } @media only screen and (max-width:1023px) { .cms-index-noroute .main .std { max-width:400px; } .cms-index-noroute .main .std h1 { font-size:40px; margin-bottom: 22px; } .cms-index-noroute .main .std h2 { font-size:20px; margin-bottom: 22px; } .cms-index-noroute .main .std h6 { font-size:16px; margin-bottom: 22px; } .cms-index-noroute .main .std div.see_some_helpfullinks { font-size:20px; } .cms-index-noroute .main .std ul li a { font-size:16px; } a.instalogo.header-insta { margin-top:8px; margin-right:10px; } } @media only screen and (max-width:767px) { .cms-index-noroute .col-main { background:none; } .cms-index-noroute .main-container { background:#f5f5f5; } .cms-index-noroute .main { height:auto !important; padding:30px 10px 0 !important; margin:0 !important; background:none; } .cms-index-noroute .col-main { padding:0 !important; } .cms-index-noroute .main .std { position:static; top:0; transform:none; -webkit-transform:none; -webkit-transform:none; -moz-transform:none; -o-transform:none; -ms-transform:none; } .category-products .productbox .product-info h3 { height:90px; overflow:hidden; } .touch .brand-url a { white-space:normal; } } @media only screen and (max-width:567px) { .products-grid--max-2-col.catalogsearch li { width:100%; } } @media screen and (max-width:479px) { .catalog-product-view .tab-content .mini-products-list { margin:0 !important; } .catalog-product-view .tab-content .mini-products-list li { width:100%; padding:0 !important; margin:0 !important; } .catalog-product-view .tab-content .mini-products-list li:nth-child(2n+1) { clear:both !important; } .packfull .packfull-left a.browse-Products { font-size:14px; } .packfull .packfull-left a.browse-Products:after { top:11px; } .fancybox-outer .fancybox-inner .cart-popup-btns-outer { position:inherit; text-align:center; } .full-description h2{ font-size:16px;} .mobile-banner.homebanner-mobile {margin-top: 96px; overflow: hidden;} a.instalogo.header-insta { margin-top:4px; } } .product-img-box .more-views .owl-carousel .owl-item { padding-left:1px; } /* .no-touch .footer-container { position: absolute; bottom: 0; width: 100%; } */ @media screen and (max-width:1169px) { .footer-container { position:relative !important; } } .product-shop .brand-url a { word-wrap: break-word; } @media screen and (max-width:375px) { .full-description .caterightimg{ float:left; width: 100%;}.full-description .caterightimg img { float: left; margin-bottom: 10px; margin-right: 10px; } .full-description .caterightimg p { width: 100%; clear: both; float: left; font-size: 14px; line-height: 18px; text-align: left; } a.instalogo.header-insta { margin-top:1px; } } @media (min-width:768px){ .cms-page-view .footer-container{ position: absolute; } } /** * CODNITIVE * * NOTICE OF LICENSE * * This source file is subject to the Open Software License (OSL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/osl-3.0.php * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade to newer * versions in the future. * * @category Codnitive * @package Codnitive_Sidenav * @author Hassan Barza * @copyright Copyright (c) 2011 CODNITIVE Co. (http://www.codnitive.com) * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ /* Sidebar Navigation ==================================================================== */ @font-face { font-family: 'ralewaysemibold'; src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/css/fonts/Raleway-SemiBold-webfont.eot'); src: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/css/fonts/Raleway-SemiBold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/css/fonts/Raleway-SemiBold-webfont.woff2') format('woff2'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/css/fonts/Raleway-SemiBold-webfont.woff') format('woff'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/css/fonts/Raleway-SemiBold-webfont.ttf') format('truetype'), url('https://www.jllennard.com.au/skin/frontend/jll/podpack/css/fonts/Raleway-SemiBold-webfont.svg#ralewaysemibold') format('svg'); font-weight: normal; font-style: normal; } #sidebar-nav { margin-bottom: 15px; position: relative; background: #adaba2; margin-top:0px; /*margin-top:12px; */ } #sidebar-nav .block-title { background:#535353; padding:19px 0 17px 29px;} #sidebar-nav .block-content { padding: 12px 21px 6px 30px; overflow: auto; } #sidebar-nav .block-content a { line-height: 36px; font-family: 'ralewaysemibold'; font-size:16px; color:#FFF; font-weight:normal; } #sidebar-nav .block-content a:hover{ text-decoration:none; color:#000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} #sidebar-nav-menu > li { /* background: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/images/codnitive/sidenav/bkg_block-sidebarnav-layered-dd.gif') 0 100% repeat-x;*/ list-style: inside disc; font-weight: bold; padding: 8px 0; } #sidebar-nav-menu > li.last { background: none; margin-bottom: 5px; } #sidebar-nav-menu li ul { font-weight: normal; } #sidebar-nav li.active, #sidebar-nav li.active > a, #sidebar-nav li.active > .collapsible-wrapper > a { color: #333; } #sidebar-nav ul.ul-thumb { padding-left: 0; } #sidebar-nav-menu > li.parent > ul.ul-thumb { padding-left: 10px; } #sidebar-nav li.thumb { list-style-type: none; } #sidebar-nav-menu > li.no-thumb, #sidebar-nav-menu > li.thumb { margin-left: 0 !important; list-style-type: none; } #sidebar-nav img { border: 0 none !important; outline: 0 none !important; } #sidebar-nav span.product-count { color: #000; } #sidebar-nav .home { list-style: none !important; } #sidebar-nav .home a { display:inline-block; padding-left:20px; background:url('https://www.jllennard.com.au/skin/frontend/jll/podpack/images/codnitive/sidenav/home.png') left top no-repeat; min-height:16px; } #sidebar-nav .support-logo-wrapper { margin-top:10px; } #sidebar-nav .support_logo { font-size: 9px; float: right; right: 5px; bottom: 5px; text-decoration: none; } #sidebar-nav .support_logo img { max-width: 65px; } /* Collapsible Design ==================================================================== */ #sidebar-nav li.thumb .thumb-img-left { float: left; margin: 1px 3px 0 0; } #sidebar-nav li.thumb .thumb-img-right { float: right; margin: 1px 3px 0; } #sidebar-nav-menu .arrow-left, #sidebar-nav-menu .arrow-right, #sidebar-nav-menu .plus-left, #sidebar-nav-menu .plus-right { float: left; background: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/images/codnitive/sidenav/arrows.gif') left center no-repeat; display: block; margin-top: 2px; margin: 10px 3px 0; cursor:pointer; } #sidebar-nav-menu .plus-left { background-image: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/images/codnitive/sidenav/plus.gif'); } #sidebar-nav-menu .plus-right { background-image: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/images/codnitive/sidenav/plus.gif'); width:18px !important; } #sidebar-nav-menu .arrow-right, #sidebar-nav-menu .plus-right { float:right; display:inline !important; } #sidebar-nav-menu li ul[expanded="0"] { display: none; } #sidebar-nav li.active > ul { display: block; margin-left: 25px !important; } #sidebar-nav li.active > ul li a{ font-size:14px;} #sidebar-nav li.active > .arrow-left, #sidebar-nav li.active > .arrow-right, #sidebar-nav li.active > .plus-left, #sidebar-nav li.active > .plus-right { display: block; background-position: right center; } #sidebar-nav-menu > li.collapsible { list-style: none !important; } #sidebar-nav .collapse-name { cursor:pointer; } #extabs span#tb4 { width: 100px; } div#noticeevents { border: 1px solid #999; background-color: #FFF; height: 100px; overflow: auto; } div#noticeevents div { border-bottom: 1px dotted #DDD; padding: 3px; margin: 0px; } .runner { -moz-border-radius: 5px; -webkit-border-radius: 5px; float: right; font-size: .8em; background-color: #333; color: #FFF; padding: 2px 10px 5px 10px; cursor: pointer; } /** Growler Notice Custom Styling **/ div.Growler-notice { background-color: #000; color: #fff; opacity: .85; filter: alpha(opacity = 85); zoom: 1; width: 235px; padding: 10px; margin-top: 5px; margin-bottom: 5px; margin-left: auto; margin-right: auto; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; display: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; min-height: 40px; z-index: 10000; } div.Growler-notice-head { font-weight: bold; font-size: 10px; } div.Growler-notice-exit { float: right; font-weight: bold; font-size: 12px; cursor: pointer; } /** Plain Theme **/ div.plain { color: #000; width: 253px; margin-top: 5px; margin-bottom: 5px; text-align: left; display: none; min-height: 40px; background-color: #EDEDED; border: 1px solid #777; } div.plain div.Growler-notice-head { font-weight: bold; font-size: 10px; padding: 2px 10px; } div.plain div.Growler-notice-exit { float: right; cursor: pointer; margin: 0px; padding: 0px 0px 2px 2px; width: 10px; height: 10px; color: #BFBFBF; } div.plain div.Growler-notice-body { padding: 5px; } /** Mac OS X Theme **/ div.macosx { color: #000; width: 253px; margin-top: 5px; margin-bottom: 5px; text-align: left; display: none; min-height: 40px; background: #d7d7d7 url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/macosx.jpg) repeat-y 0; border: 1px solid #C9C9C9; } div.macosx div.Growler-notice-head { font-weight: bold; font-size: 10px; padding: 5px 10px; } div.macosx div.Growler-notice-exit { width: 15px; height: 15px; float: left; cursor: pointer; margin: 4px; margin-left: 1px; font-size: 0em; color: transparent; background: transparent url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/macosx_exit.png) no-repeat left 0; } div.macosx div.Growler-notice-exit:hover { background: transparent url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/macosx_exit_over.png) no-repeat left 0; } div.macosx div.Growler-notice-body { padding: 2px 0 10px 25px; } /** Candybars Theme **/ div.candybar { color: #000; width: 253px; margin-top: 5px; margin-bottom: 5px; text-align: left; display: none; min-height: 40px; background-color: #F5F7FA; border: 1px solid #19304B; } div.candybar div.Growler-notice-head { font-weight: bold; font-size: 10px; background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/candybars.jpg) repeat-x; padding: 5px 10px; } div.candybar div.Growler-notice-exit { float: right; cursor: pointer; margin: 3px; } div.candybar div.Growler-notice-body { border-top: 1px solid #999; padding: 10px; } /** Construction Theme **/ div.atwork { color: #FFF; width: 253px; margin-top: 5px; margin-bottom: 5px; text-align: left; display: none; min-height: 40px; background: #4d4d4d url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/atwork.png) repeat-y 0; border: 1px solid #222; } div.atwork div.Growler-notice-head { font-weight: bold; font-size: 12px; padding: 5px 20px; color: #efca23; } div.atwork div.Growler-notice-exit { float: right; cursor: pointer; margin: 3px; } div.atwork div.Growler-notice-body { padding: 2px 0 10px 25px; } #MB_overlay { position: absolute; margin: auto; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; border: 0; background-color: #000!important; } #MB_overlay[id] { position: fixed; } #MB_window { position: absolute; top: 0; border: 0 solid; text-align: left; z-index: 10000; } #MB_window[id] { position: fixed!important; } #MB_frame { position: relative; background-color: #EFEFEF; height: 100%; } #MB_header { margin: 0; padding: 0; } #MB_content { position: relative; padding: 6px .75em; overflow: auto; } #MB_caption { font: bold 100% "Lucida Grande", Arial, sans-serif; text-shadow: #FFF 0 1px 0; padding: .5em 2em .5em .75em; margin: 0; text-align: left; } #MB_close { display: block; position: absolute; right: 5px; top: 4px; padding: 2px 3px; font-weight: bold; text-decoration: none; font-size: 13px; } #MB_close:hover { background: transparent; } #MB_loading { padding: 1.5em; text-indent: -10000px; background: transparent url(https://www.jllennard.com.au/skin/frontend/jll/podpack/ajaxcart/spinner.gif) 50% 0 no-repeat; } /* Color scheme */ #MB_window { background-color: #EFEFEF; color: #000; -webkit-box-shadow: 0 0 64px #000; -moz-box-shadow: #000 0 0 64px; box-shadow: 0 0 64px #000; } #MB_frame { padding-bottom: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } #MB_content { border-top: 1px solid #F9F9F9; } #MB_header { background-color: #DDD; border-bottom: 1px solid #CCC; } #MB_caption { color: #000 } #MB_close { color: #777 } #MB_close:hover { color: #000 } /* Alert message */ .MB_alert { margin: 10px 0; text-align: center; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; min-width: inherit; height:auto; width: auto !important; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/css/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/css/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('https://www.jllennard.com.au/skin/frontend/jll/podpack/css/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: visible !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/css/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/css/fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('https://www.jllennard.com.au/skin/frontend/jll/podpack/css/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } @media only screen and (max-width: 479px) { .fancybox-inner {overflow: hidden; min-width: inherit; height:auto !important;} .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: initial;} } .litetooltip-wrapper { position: absolute; font: normal 90% Verdana; z-index: 10000; display: block; visibility: visible; min-width: 100px; } .litetooltip-wrapper.incontainer { position: relative; } .litetooltip-wrapper.incontainer .tooltip-content { position: relative; } .litetooltip-wrapper.top, .litetooltip-wrapper.top-left, .litetooltip-wrapper.top-right { margin-top: -3px; padding: 5px 0px 10px 0px; } .litetooltip-wrapper.right, .litetooltip-wrapper.right-top, .litetooltip-wrapper.right-bottom { margin-left: 3px; padding: 0px 5px 0px 10px; } .litetooltip-wrapper.bottom, .litetooltip-wrapper.bottom-left, .litetooltip-wrapper.bottom-right { margin-top: 3px; padding: 10px 0px 5px 0px; } .litetooltip-wrapper.left, .litetooltip-wrapper.left-top, .litetooltip-wrapper.left-bottom { margin-left: -3px; padding: 0px 10px 0px 5px; } .litetooltip-wrapper .tooltip-arrow { border-color: transparent; border-style: solid; width: 0px; height: 0px; padding: 0px; } .litetooltip-wrapper .tooltip-arrow.top { margin-left: -8px; position: absolute; left: 50%; bottom: 0px; border-width: 10px 8px 0px 8px; } .litetooltip-wrapper .tooltip-arrow.top-left { margin-left: 8px; left: 0px; bottom: 0px; position: absolute; border-width: 10px 8px 0px 8px; } .litetooltip-wrapper .tooltip-arrow.top-right { margin-right: 8px; right: 0px; bottom: 0px; position: absolute; border-width: 10px 8px 0px 8px; border-top-color:#303030 !important; } .litetooltip-wrapper .tooltip-arrow.right { margin-top: -8px; position: absolute; top: 50%; left: 0px; border-width: 8px 10px 8px 0; } .litetooltip-wrapper .tooltip-arrow.right-top { margin-bottom: 8px; position: absolute; bottom: 0px; left: 0px; border-width: 8px 10px 8px 0; } .litetooltip-wrapper .tooltip-arrow.right-bottom { margin-top: 8px; position: absolute; top: 0px; left: 0px; border-width: 8px 10px 8px 0; } .litetooltip-wrapper .tooltip-arrow.bottom { margin-left: -8px; position: absolute; left: 50%; top: 0px; border-width: 0px 8px 10px 8px; } .litetooltip-wrapper .tooltip-arrow.bottom-left { margin-left: 8px; position: absolute; left: 0px; top: 0px; border-width: 0px 8px 10px 8px; } .litetooltip-wrapper .tooltip-arrow.bottom-right { margin-right: 8px; position: absolute; right: 0px; top: 0px; border-width: 0px 8px 10px 8px; } .litetooltip-wrapper .tooltip-arrow.left { margin-top: -8px; position: absolute; top: 50%; right: 0px; border-width: 8px 0px 8px 10px; } .litetooltip-wrapper .tooltip-arrow.left-top { margin-bottom: 8px; position: absolute; bottom: 0px; right: 0px; border-width: 8px 0px 8px 10px; } .litetooltip-wrapper .tooltip-arrow.left-bottom { margin-top: 8px; position: absolute; top: 0px; right: 0px; border-width: 8px 0px 8px 10px; } .litetooltip-wrapper .tooltip-content { padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; min-width: 90px; } .litetooltip-wrapper .tooltip-content .clear { clear: both; } .litetooltip-wrapper .tooltip-content > p { padding-left: 3px; } /******************************************/ /*************** templates ****************/ .litetooltip-wrapper .tooltip-menu { padding: 0px; margin: 0px; float: left; } .litetooltip-wrapper .tooltip-menu ul, .litetooltip-wrapper .tooltip-menu ol { margin: 0px; padding: 0px; width: 100%; float: left; clear: both; } .litetooltip-wrapper .tooltip-menu li { padding: 0px; margin: 0px; list-style: none; float: left; border: solid 1px; clear: both; width: 100%; overflow: hidden; } .litetooltip-wrapper .tooltip-menu a { display: block; text-decoration: none; padding: 5px; margin: 0px; clear: both; min-width: 100%; width: 100%; float: left; } .litetooltip-wrapper .tooltip-menu.AlizarinCrimson { background: #df3030; } .litetooltip-wrapper .tooltip-menu.AlizarinCrimson li { border-color: #df3030; border-bottom: solid 1px #d12b2b; } .litetooltip-wrapper .tooltip-menu.AlizarinCrimson a { color: #fff; } .litetooltip-wrapper .tooltip-menu.AlizarinCrimson a:hover { color: #000; background: #f79992; } .litetooltip-wrapper .tooltip-menu.Geradline { background: #f79992; } .litetooltip-wrapper .tooltip-menu.Geradline li { border-color: #f79992; border-bottom: solid 1px #ea8880; } .litetooltip-wrapper .tooltip-menu.Geradline a { color: #000; } .litetooltip-wrapper .tooltip-menu.Geradline a:hover { color: #fff; background: #ee6a60; } .litetooltip-wrapper .tooltip-menu.Conifer { background: #a2d959; } .litetooltip-wrapper .tooltip-menu.Conifer li { border-color: #a2d959; border-bottom: solid 1px #94c652; } .litetooltip-wrapper .tooltip-menu.Conifer a { color: #000; } .litetooltip-wrapper .tooltip-menu.Conifer a:hover { color: #fff; background: #7fba00; } .litetooltip-wrapper .tooltip-menu.Spindle { background: #bfd9f0; } .litetooltip-wrapper .tooltip-menu.Spindle li { border-color: #bfd9f0; border-bottom: solid 1px #d2e0ec; } .litetooltip-wrapper .tooltip-menu.Spindle a { color: #000; } .litetooltip-wrapper .tooltip-menu.Spindle a:hover { color: #fff; background: #6699cc; } .litetooltip-wrapper .tooltip-menu.BostonBlue { background: #6699cc; } .litetooltip-wrapper .tooltip-menu.BostonBlue li { border-color: #6699cc; border-bottom: solid 1px #4f83b7; } .litetooltip-wrapper .tooltip-menu.BostonBlue a { color: #fff; } .litetooltip-wrapper .tooltip-menu.BostonBlue a:hover { color: #000; background: #bfd9f0; } .litetooltip-wrapper .tooltip-menu.CarrotOrange { background: #ed9122; } .litetooltip-wrapper .tooltip-menu.CarrotOrange li { border-color: #ed9122; border-bottom: solid 1px #d47f19; } .litetooltip-wrapper .tooltip-menu.CarrotOrange a { color: #fff; } .litetooltip-wrapper .tooltip-menu.CarrotOrange a:hover { color: #000; background: #fecf3d; } .litetooltip-wrapper .tooltip-menu.Affair { background: #7c4d94; } .litetooltip-wrapper .tooltip-menu.Affair li { border-color: #7c4d94; border-bottom: solid 1px #8d60a4; } .litetooltip-wrapper .tooltip-menu.Affair a { color: #000; } .litetooltip-wrapper .tooltip-menu.Affair a:hover { color: #fff; background: #a778bf; } .litetooltip-wrapper .tooltip-menu.PaleConifer { background: #bad87a; } .litetooltip-wrapper .tooltip-menu.PaleConifer li { border-color: #bad87a; border-bottom: solid 1px #9db963; } .litetooltip-wrapper .tooltip-menu.PaleConifer a { color: #000; } .litetooltip-wrapper .tooltip-menu.PaleConifer a:hover { background: #f5ffbe; } .litetooltip-wrapper .tooltip-menu.BrightSun { background: #fec000; } .litetooltip-wrapper .tooltip-menu.BrightSun li { border-color: #fec000; border-bottom: solid 1px #ebb203; } .litetooltip-wrapper .tooltip-menu.BrightSun a { color: #000; } .litetooltip-wrapper .tooltip-menu.BrightSun a:hover { background: #fecf3d; } .litetooltip-wrapper .tooltip-menu.AmazonLemon { background: #7fba00; } .litetooltip-wrapper .tooltip-menu.AmazonLemon li { border-color: #7fba00; border-bottom: solid 1px #8ac903; } .litetooltip-wrapper .tooltip-menu.AmazonLemon a { color: #000; } .litetooltip-wrapper .tooltip-menu.AmazonLemon a:hover { background: #fde910; } .litetooltip-wrapper .tooltip-menu.CoffeeConfetti { background: #593737; } .litetooltip-wrapper .tooltip-menu.CoffeeConfetti li { border-color: #593737; border-bottom: solid 1px #734f4f; } .litetooltip-wrapper .tooltip-menu.CoffeeConfetti a { color: #fff; } .litetooltip-wrapper .tooltip-menu.CoffeeConfetti a:hover { color: #000; background: #e9d75a; } .litetooltip-wrapper .tooltip-menu.OysterPrim { background: #988d77; } .litetooltip-wrapper .tooltip-menu.OysterPrim li { border-color: #988d77; border-bottom: solid 1px #786e59; } .litetooltip-wrapper .tooltip-menu.OysterPrim a { color: #000; } .litetooltip-wrapper .tooltip-menu.OysterPrim a:hover { background: #fdfeb8; } .litetooltip-wrapper .tooltip-menu li.last-child { border-bottom: 0px; } .litetooltip-wrapper .image-right { float: right; margin: 0px 0px 0px 5px; padding: 2px; } .litetooltip-wrapper .image-left { float: left; margin: 0px 5px 0px 0px; padding: 2px; } .litetooltip-wrapper .video-wrapper { padding-bottom: 56.26%; position: relative; width: 500px; } .litetooltip-wrapper .video-wrapper iframe { display: block; width: 100%; height: 100%; top: 0; left: 0px; position: absolute; } .litetooltip-wrapper .template { float: left; } .litetooltip-wrapper .template h4 { margin: 0px; padding: 2px 4px 4px 4px; color: #fff; font-size: 12px; display: block; } .litetooltip-wrapper .template p { margin: 0px; padding: 2px 4px; display: block; float: left; } .litetooltip-wrapper .template ul, .litetooltip-wrapper .template ol { margin: 0px; padding: 5px 5px 5px 5px; list-style-position: inside; } .litetooltip-wrapper .template li { padding: 2px 0px; } .litetooltip-wrapper .template p, .litetooltip-wrapper .template ul, .litetooltip-wrapper .template ol { background: #fff; color: #333; } .litetooltip-wrapper .template.AlizarinCrimson, .litetooltip-wrapper .template.AlizarinCrimson h4 { background: #df3030; } .litetooltip-wrapper .template.RadicalRed, .litetooltip-wrapper .template.RadicalRed h4 { background: #ff1e53; } .litetooltip-wrapper .template.Geradline, .litetooltip-wrapper .template.Geradline h4 { background: #f79992; color: #333333; } .litetooltip-wrapper .template.Conifer, .litetooltip-wrapper .template.Conifer h4 { background: #a2d959; } .litetooltip-wrapper .template.Limeade, .litetooltip-wrapper .template.Limeade h4 { background: #7fba00; } .litetooltip-wrapper .template.AppleGreen, .litetooltip-wrapper .template.AppleGreen h4 { background: #4cc744; } .litetooltip-wrapper .template.Spindle, .litetooltip-wrapper .template.Spindle h4 { background: #bfd9f0; color: #333333; } .litetooltip-wrapper .template.Danube, .litetooltip-wrapper .template.Danube h4 { background: #6699cc; } .litetooltip-wrapper .template.BostonBlue, .litetooltip-wrapper .template.BostonBlue h4 { background: #4182c2; } .litetooltip-wrapper .template.CarrotOrange, .litetooltip-wrapper .template.CarrotOrange h4 { background: #ed9122; } .litetooltip-wrapper .template.BrightSun, .litetooltip-wrapper .template.BrightSun h4 { background: #fecf3d; color: #333333; } .litetooltip-wrapper .template.Affair, .litetooltip-wrapper .template.Affair h4 { background: #7c4d94; } .litetooltip-wrapper .template.HotRed, .litetooltip-wrapper .template.HotRed h4 { background: #df3030; } .litetooltip-wrapper .template.HotRed p, .litetooltip-wrapper .template.HotRed ul, .litetooltip-wrapper .template.HotRed ol { background: #f79992; color: #000; } .litetooltip-wrapper .template.HuskyBlue, .litetooltip-wrapper .template.HuskyBlue h4 { background: #4182c2; } .litetooltip-wrapper .template.HuskyBlue p, .litetooltip-wrapper .template.HuskyBlue ul, .litetooltip-wrapper .template.HuskyBlue ol { background: #bfd9f0; color: #000; } .litetooltip-wrapper .template.MoonAffair, .litetooltip-wrapper .template.MoonAffair h4 { background: #7c4d94; } .litetooltip-wrapper .template.MoonAffair p, .litetooltip-wrapper .template.MoonAffair ul, .litetooltip-wrapper .template.MoonAffair ol { background: #e8cbf7; color: #000; } .litetooltip-wrapper .template.PaleMint, .litetooltip-wrapper .template.PaleMint h4 { background: #7fba00; } .litetooltip-wrapper .template.PaleMint p, .litetooltip-wrapper .template.PaleMint ul, .litetooltip-wrapper .template.PaleMint ol { background: #f5ffbe; color: #000; } .litetooltip-wrapper .template.BlueRomance, .litetooltip-wrapper .template.BlueRomance h4 { background: #0066ff; } .litetooltip-wrapper .template.BlueRomance p, .litetooltip-wrapper .template.BlueRomance ul, .litetooltip-wrapper .template.BlueRomance ol { background: #d2f6de; color: #000; } .litetooltip-wrapper .template.AmazonLemon, .litetooltip-wrapper .template.AmazonLemon h4 { background: #7fba00; } .litetooltip-wrapper .template.AmazonLemon p, .litetooltip-wrapper .template.AmazonLemon ul, .litetooltip-wrapper .template.AmazonLemon ol { background: #fde910; color: #000; } .litetooltip-wrapper .template.LimeConfier, .litetooltip-wrapper .template.LimeConfier h4 { background: #7fba00; } .litetooltip-wrapper .template.LimeConfier p, .litetooltip-wrapper .template.LimeConfier ul, .litetooltip-wrapper .template.LimeConfier ol { background: #a2d959; color: #000; } .litetooltip-wrapper .template.MustardSun, .litetooltip-wrapper .template.MustardSun h4 { background: #ed9122; } .litetooltip-wrapper .template.MustardSun p, .litetooltip-wrapper .template.MustardSun ul, .litetooltip-wrapper .template.MustardSun ol { background: #fecf3d; color: #000; } .litetooltip-wrapper .template.AtollSea, .litetooltip-wrapper .template.AtollSea h4 { background: #0a6f75; } .litetooltip-wrapper .template.AtollSea p, .litetooltip-wrapper .template.AtollSea ul, .litetooltip-wrapper .template.AtollSea ol { background: #fecf3d; color: #000; } .litetooltip-wrapper .template.BlazeOrange, .litetooltip-wrapper .template.BlazeOrange h4 { background: #ff6600; } .litetooltip-wrapper .template.BlazeOrange p, .litetooltip-wrapper .template.BlazeOrange ul, .litetooltip-wrapper .template.BlazeOrange ol { background: #0a6f75; color: #fff; } .litetooltip-wrapper .template.CoffeeConfetti, .litetooltip-wrapper .template.CoffeeConfetti h4 { background: #593737; } .litetooltip-wrapper .template.CoffeeConfetti p, .litetooltip-wrapper .template.CoffeeConfetti ul, .litetooltip-wrapper .template.CoffeeConfetti ol { background: #e9d75a; color: #000; } .litetooltip-wrapper .template.OysterPrim, .litetooltip-wrapper .template.OysterPrim h4 { background: #988d77; } .litetooltip-wrapper .template.OysterPrim p, .litetooltip-wrapper .template.OysterPrim ul, .litetooltip-wrapper .template.OysterPrim ol { background: #fdfeb8; color: #000; } .litetooltip-hotspot-wrapper { position: relative; width: 100%; height: auto; z-index: 1; } .litetooltip-hotspot-container { position: relative; height: 0px; } .litetooltip-hotspot-container img { position: absolute; top: 0px; left: 0px; z-index: 2; } .litetooltip-hotspot-container .hotspot {width: 26px !important; height: 30px !important; position: absolute; z-index: 3; cursor: pointer; opacity:1 !important; background: none !important; border: 0 !important;} .litetooltip-hotspot-container .hotspot:before{content:''; display:block; position:absolute; left: 0; top: 0; width:30px; height:30px; background:#e9001d; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .litetooltip-hotspot-container .hotspot:hover:before{-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);} .litetooltip-hotspot-container .hotspot:after{content:attr(data-outer-no); position:absolute; left: 6px; width: 17px; color:#fff; font-size: 16px; line-height:20px; font-family:'latobold';text-align: center;top: 5px;} .litetooltip-wrapper .tooltip-content{background:#303030 !important} .litetooltip-wrapper .tooltip-content{border-radius:0; -webkit-border-radius:0; -o-border-radius:0; -ms-border-radius:0; -moz-border-radius:0; padding:0 !important; box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; -ms-box-shadow:none !important; -o-box-shadow:none !important;} .litetooltip-wrapper .tooltip-arrow.bottom{border-bottom-color:#e9001d !important;} .litetooltip-wrapper .hotspot-title{background:#e9001d; padding:8px 11px; font-family:'latobold'; font-size:14px;} .litetooltip-wrapper .hotspot-content{padding:9px 12px; font-family:"Raleway",sans-serif} .litetooltip-hotspot-container .hotspot .data-container { display: none; } .litetooltip-hotspot-container .blink { opacity: 0.8; -moz-opacity: 0.8; animation: litetooltip_hotspot_blink .6s ease-in infinite; -moz-animation: litetooltip_hotspot_blink .6s ease-in infinite; -ms-animation: litetooltip_hotspot_blink .6s ease-in infinite; -webkit-animation: litetooltip_hotspot_blink .6s ease-in infinite; } .litetooltip-wrapper{} @keyframes litetooltip_hotspot_blink { to { opacity: 0.3; } } @-webkit-keyframes litetooltip_hotspot_blink { to { opacity: 0.3; } } @-moz-keyframes litetooltip_hotspot_blink { to { opacity: 0.3; -moz-opacity: 0.3; } } @-ms-keyframes litetooltip_hotspot_blink { to { opacity: 0.3; } } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -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; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-prev { background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/arrow-next.jpg) no-repeat left top; color: #000; left: -5px; position: absolute; text-indent: 0; top: 12px; z-index: 999; text-indent: -99999px; width: 14px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .owl-next { background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/arrow-next.jpg) no-repeat right top; color: #000; right: 0px; position: absolute; text-indent: 0; top: 16px; z-index: 999; text-indent: -99999px; width: 14px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .owl-prev:hover { background-position:-3px -22px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .owl-next:hover { background-position: -17px -22px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .year-carousal .owl-prev { background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/yestarrow.png) no-repeat -14px -20px; color: #000; left: 10px; position: absolute; text-indent: 0; top: 30px; z-index: 999; text-indent: -99999px; width: 14px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .year-carousal .owl-next { background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/yestarrow.png) no-repeat 0 -20px; color: #000; right: 10px; position: absolute; text-indent: 0; top: 30px; z-index: 999; text-indent: -99999px; width: 14px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .year-carousal .owl-prev:hover { background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/yestarrow.png) no-repeat -14px 0px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .year-carousal .owl-next:hover { background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/yestarrow.png) no-repeat 0 0px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .product-img-box .more-views .owl-prev { background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) no-repeat -8px -2030px; color: #000; left: inherit; right:-37px; position: absolute; text-indent: 0; top: 65px; z-index: 999; text-indent: -99999px; width: 17px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .product-img-box .more-views .owl-next { background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) no-repeat -8px -1987px; color: #000; right:-37px; position: absolute; text-indent: 0; top: 16px; z-index: 999; text-indent: -99999px; width: 16px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .product-img-box .more-views .owl-prev:hover { background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) no-repeat -8px -2053px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .product-img-box .more-views .owl-next:hover { background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) no-repeat -8px -2010px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .related-block .block-content .owl-prev { background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) no-repeat -41px -1991px; color: #000; left: inherit; right:40px; position: absolute; text-indent: 0; top: -65px; z-index: 999; text-indent: -99999px; width: 20px; height:30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .related-block .block-content .owl-next { background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) no-repeat -79px -1991px; color: #000; right:12px; position: absolute; text-indent: 0; top: -65px; z-index: 999; text-indent: -99999px; width: 20px; height:30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .related-block .block-content .owl-prev:hover { background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) no-repeat -41px -2024px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .related-block .block-content .owl-next:hover { background: url(https://www.jllennard.com.au/skin/frontend/jll/podpack/images/icon_sprite.png) no-repeat -79px -2024px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block !important; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("https://www.jllennard.com.au/skin/frontend/jll/podpack/css/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } .product-img-box .more-views .owl-carousel.owl-loaded { width: auto; } .video-text { display: none;} @media only screen and (max-width:1170px) { .product-img-box .more-views .owl-carousel.owl-loaded { width:100%; float:right; } .product-img-box .more-views .owl-carousel .owl-item{ text-align:inherit;} .product-img-box .more-views .product-image-thumbs li:first-child{ margin-left:0;} .video-img { display: none;} .video-text { background: #e9001c none repeat scroll 0 0; color: #fff; display: block; font-size: 13px; line-height: 18px; padding: 10px; position: absolute; left:1px; text-transform: uppercase; top: -68px;} .video-text:hover{ color:#FFF; text-decoration:none;} .product-img-box .more-views .owl-prev{ right:0;} .product-img-box .more-views .owl-next{ right:0;} } .year-center-main-teb .owl-carousel .owl-stage { margin: 0 auto; position: relative; }