/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magento.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magento.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2006-2018 Magento, Inc. (http://www.magento.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://www.ora.co.nz/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://www.ora.co.nz/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://www.ora.co.nz/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://www.ora.co.nz/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://www.ora.co.nz/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://www.ora.co.nz/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://www.ora.co.nz/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://www.ora.co.nz/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://www.ora.co.nz/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ /* HTML5 Reset :: style.css ---------------------------------------------------------- We have learned much from/been inspired by/taken code where offered from: Eric Meyer :: http://ericmeyer.com HTML5 Doctor :: http://html5doctor.com and the HTML5 Boilerplate :: http://html5boilerplate.com -------------------------------------------------------------------------------*/ /* Let's default this puppy out -------------------------------------------------------------------------------*/ html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } article, aside, figure, footer, header, hgroup, nav, section {display: block;} /* Responsive images and other embedded objects Note: keeping IMG here will cause problems if you're using foreground images as sprites. If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */ /* img, - disable max-width on img since it breaks google maps */ object, embed {max-width: 100%;} /* force a vertical scrollbar to prevent a jumpy page */ html {overflow-y: scroll;} /* we use a lot of ULs that aren't bulleted. don't forget to restore the bullets within content. */ ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;} del {text-decoration: line-through;} abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;} /* tables still need cellspacing="0" in the markup */ table {border-collapse: collapse; border-spacing: 0;} th {font-weight: bold; vertical-align: bottom;} td {font-weight: normal; vertical-align: top;} hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;} input, select {vertical-align: middle;} pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } input[type="radio"] {vertical-align: text-bottom;} input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;} .ie6 input {vertical-align: text-bottom;} select, input, textarea {font: 99% sans-serif;} table {font-size: inherit; font: 100%;} /* Accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active {outline: none;} small {font-size: 85%;} strong, th {font-weight: bold;} td, td img {vertical-align: top;} /* Make sure sup and sub don't screw with your line-heights gist.github.com/413930 */ sub, sup {font-size: 75%; line-height: 0; position: relative;} sup {top: -0.5em;} sub {bottom: -0.25em;} /* standardize any monospaced elements */ pre, code, kbd, samp {font-family: monospace, sans-serif;} /* hand cursor on clickable elements */ .clickable, label, input[type=button], input[type=submit], button {cursor: pointer;} /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea {margin: 0;} /* make buttons play nice in IE */ button {width: auto; overflow: visible;} /* scale images in IE7 more attractively */ .ie7 img {-ms-interpolation-mode: bicubic;} /* prevent BG image flicker upon hover */ .ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /* let's clear some floats */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* Ok, this is where the fun starts. -------------------------------------------------------------------------------*/ /* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */ body {font: 13px Helmet, Freesans, sans-serif;} /* using local fonts? make sure to read up on Paul Irish's Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */ /* we like off-black for text */ body, select, input, textarea {color: #333;} a {color: #03f;} a:hover {color: #69f;} /* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */ ::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;} ::selection {background: #fcd700; color: #fff; text-shadow: none;} /* j.mp/webkit-tap-highlight-color */ a:link {-webkit-tap-highlight-color: #fcd700;} ins {background-color: #fcd700; color: #000; text-decoration: none;} mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;} /* maxvoltar.com/archive/-webkit-font-smoothing */ html { -webkit-font-smoothing: antialiased; } /* bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { -ms-interpolation-mode: bicubic; } /* Document : ora.content Created on : 16/11/2011, 4:24:36 PM Author : Damo Description: Defines generic site typography, colour, imagery, and other aesthetics */ @font-face { font-family: 'OraBrandLight'; src: url('https://www.ora.co.nz/skin/frontend/default/ora/css/OraBrand/OraBrand-Light.eot'); src: url('https://www.ora.co.nz/skin/frontend/default/ora/css/OraBrand/OraBrand-Light.eot?#iefix') format('embedded-opentype'), url('https://www.ora.co.nz/skin/frontend/default/ora/css/OraBrand/OraBrand-Light.woff') format('woff'), url('https://www.ora.co.nz/skin/frontend/default/ora/css/OraBrand/OraBrand-Light.ttf') format('truetype'), url('https://www.ora.co.nz/skin/frontend/default/ora/css/OraBrand/OraBrand-Light.svg#OraBrandLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OraBrand'; src: url('https://www.ora.co.nz/skin/frontend/default/ora/css/OraBrand/OraBrand-Book.eot'); src: url('https://www.ora.co.nz/skin/frontend/default/ora/css/OraBrand/OraBrand-Book.eot?#iefix') format('embedded-opentype'), url('https://www.ora.co.nz/skin/frontend/default/ora/css/OraBrand/OraBrand-Book.woff') format('woff'), url('https://www.ora.co.nz/skin/frontend/default/ora/css/OraBrand/OraBrand-Book.ttf') format('truetype'), url('https://www.ora.co.nz/skin/frontend/default/ora/css/OraBrand/OraBrand-Book.svg#OraBrand') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OraBrand'; src: url('https://www.ora.co.nz/skin/frontend/default/ora/css/OraBrand/OraBrand-Semibold.eot'); src: url('https://www.ora.co.nz/skin/frontend/default/ora/css/OraBrand/OraBrand-Semibold.eot?#iefix') format('embedded-opentype'), url('https://www.ora.co.nz/skin/frontend/default/ora/css/OraBrand/OraBrand-Semibold.woff') format('woff'), url('https://www.ora.co.nz/skin/frontend/default/ora/css/OraBrand/OraBrand-Semibold.ttf') format('truetype'), url('https://www.ora.co.nz/skin/frontend/default/ora/css/OraBrand/OraBrand-Semibold.svg#OraBrand') format('svg'); font-weight: bold; font-style: normal; } body { min-height: 100%; color: #666666; font-family: Arial, sans-serif; } a { text-decoration: none; color: #00A59F; transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; } a:hover { color: #00A59F; text-decoration: underline; } /* Defines a container with a top and bottom dotted border */ .HorizontalBorder, .TopBorder { position: relative; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/Dotted.png') repeat-x top left; } .HorizontalBorder:after { position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; content: '.'; text-indent: -9999px; display: block; overflow: hidden; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/Dotted.png') repeat-x top left; } /* Container for content managed text */ .Typography { overflow: hidden; } /* Generic page headers */ h1, .h1 { font-family: 'OraBrand', serif; overflow: hidden; color: #00A59F; font-weight: normal; font-size: 2.2em; position: relative; height: 55px; line-height: 55px; padding: 2px 0; margin: 0 0 20px 0; } h2, .h2 { font-family: 'OraBrand', serif; overflow: hidden; color: #00A59F; font-weight: normal; font-size: 1.7em; position: relative; height: auto; line-height: 1.0em; padding: 5px 0 11px 0; margin: 0; } h3, .h3 { font-family: 'OraBrand', serif; color: #00A59F; font-weight: normal; font-size: 1.15em; padding: 0 0 4px 0; } strong { font-weight: bold; } em { font-family: 'OraBrandLight', serif; font-size: 1.7em; font-style: normal; font-weight: normal; } em.Smallish { font-size: 1.4em; } em strong { font-weight: normal; color: #00A59F; } p { padding: 0 0 1em 0; line-height: 1.5em; } ol { } ol li { margin: 0 0 0 20px; list-style-type: decimal; } /* Document : ora.layout Created on : 16/11/2011, 4:22:56 PM Author : Damo Description: Defines general site positioning and structure */ /** * The general structure of the site is based on a set of vertical columns each 120px wide * with 16px spacing between. */ html, body { width: 100%; } html { height: 100%; } body { min-height: 100%; } /* Background styles for pages which have this function */ #Backgrounds { z-index: 20; background: black; } #Backgrounds, #Backgrounds .Slide { position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; } #Backgrounds .Slide { /* text styling of label */ text-align: center; line-height: 795px; color: white; text-shadow: rgba(0, 0, 0, 0.5) 1px 2px 1px; font-family: 'OraBrand', Times, serif; font-size: 3.0em; /* background positioning */ display: none; overflow: hidden; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; background-position: center; } #Backgrounds .Slide_1 { background-image: url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/Moss.jpg'); display: block; /* Only first slide should be visible by default */ } #Backgrounds .Slide_2 { background-image: url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/Fern.jpg'); } #Backgrounds .Slide_3 { background-image: url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/Canopy.jpg'); } #Backgrounds .Slide_4 { background-image: url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/Range.jpg'); } /* Slider controls */ .BackgroundPager, .BackgroundPagerLeft, .BackgroundPagerRight { position: absolute; z-index: 400; } .BackgroundPagerLeft, .BackgroundPagerRight { width: 38px; height: 38px; top: 380px; cursor: pointer; background-image: url('https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/Pager.png'); background-repeat: no-repeat; } .BackgroundPagerRight { right: 21px; background-position: 0 0; } .BackgroundPagerRight:hover { background-position: 0 -39px; } .BackgroundPagerLeft { left: 21px; background-position: -39px 0; } .BackgroundPagerLeft:hover { background-position: -39px -39px; } .BackgroundPager { text-align: center; bottom: 30px; left: 50%; width: 500px; margin-left: -250px; } .BackgroundPager a { text-indent: -9999px; overflow: hidden; display: inline-block; margin: 0 10px 0 0; width: 8px; height: 8px; border: 1px solid white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: transparent; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .BackgroundPager a.activeSlide { background: white; } /* General page container */ .MainColumn { width: 960px; margin: 0 auto; min-height: 10px; overflow: hidden; } .MiddleColumn { clear: both; width: 528px; padding: 0 16px 30px 0; float: left; min-height: 10px; } .LeftColumn, .RightColumn { float: left; width: 256px; min-height: 10px; } .LeftColumn { padding: 0 16px 30px 0; } .RightColumn { padding: 0 0 30px 0; } #Container { min-height: 100%; z-index: 100; position: relative; color: #666666; overflow: hidden; } #Container.Inverted { color: white; } #Header { width: 100%; height: 100px; margin: 30px 0 0 0; background: black; color: #CCC; } #Header .MainColumn { height: 100%; position: relative; } #Header .MainColumn .HomeLink { display: block; float: left; height: 51px; padding: 24px 0 25px 160px; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Icons/Logo.png') no-repeat 0 25px; /* Text styling */ font-family: 'OraBrand', serif; line-height: 17px; font-size: 1.4em; color: white; text-decoration: none; } #Header .MainColumn .HomeLink em { color: #00A59F; text-decoration: none; font-style:normal; font-size: 1.0em; } #Header .MainColumn .LoginLink { position: absolute; right: 0; top: 0; width: 52px; height: 26px; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/Button.png') no-repeat top left; text-transform: uppercase; text-align: center; font-size: 0.8em; line-height: 20px; } #Header .MainColumn .WelcomeText { position: absolute; right: 0; top: 37px; display: block; font-size: 0.9em; } #Header .MainColumn .ShopLinks { font-size: 0.9em; display: block; position: absolute; right: 0; bottom: 22px; } #Header .MainColumn .ShopLinks a { color: inherit; border-right: 1px solid #CCC; padding: 0 8px 0 5px; text-decoration: none; } #Header .MainColumn .ShopLinks a:hover, #Header .MainColumn .ShopLinks a.Current { color: #00A59F; text-decoration: none; } #Header .MainColumn .ShopLinks a:last-child { padding: 0 0 0 5px; border-right: 0 none; } #Menu { float: left; width: 120px; display: block; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/Dotted.png') repeat-x bottom left; padding: 29px 0 5px 0; overflow: visible; } #Menu>ul>li, #Menu li .SubNav { background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/Dotted.png') repeat-x top left; } #Menu>ul>li { padding: 2px 0 0 0; } #Menu li .SubNav { padding: 2px 0 4px 0; } #Menu li a { padding: 6px 0 6px 2px; display: block; line-height: 15px; color: inherit; text-decoration: none; font-size: 0.95em; } .inverted #Menu li a { text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px; } #Menu>ul>li>a.Current { font-weight: bold; } #Menu a.Current, #Menu a:hover { color: #00A59F; text-decoration: none; } #Menu li .SubNav a { padding: 5px 0 4px 2px; } /* Content area */ #Container .MainColumn #Content { overflow: hidden; width: 800px; margin: 0 0 0 160px; padding: 29px 0 30px 0; min-height: 10px; } /* Footer links */ #Footer { clear: both; padding: 12px 0 12px 0; overflow: hidden; font-size: 0.8em; line-height: 1.8em; position: relative; } #Footer a { padding: 0 2px 0 0; color: inherit; text-decoration: none; } #Footer a:hover { color: #00A59F; } #Footer .Sitemap { float: left; width: 549px; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/Dotted.png') repeat-y top right; } #Footer .Sitemap h3 { display: inline; font-weight: normal; text-transform: uppercase; color: #00A59F; padding: 0 3px 0 0; } #Footer .OtherLinks { margin-left: 563px; } #Footer .OtherLinks .SocialMedia { border-bottom: 1px solid #CCC; padding: 0 0 8px 0; } #Footer .OtherLinks .SocialMedia a { display: block; padding: 0 0 0 26px; } #Footer .OtherLinks .SocialMedia a.Facebook { background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Icons/Facebook.png') no-repeat 0 3px; } #Footer .OtherLinks .SocialMedia a.Twitter { background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Icons/Twitter.png') no-repeat 0 3px; } #Footer .OtherLinks .Payment { text-indent: -9999px; overflow: hidden; width: 137px; height: 15px; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Icons/Payment.png') no-repeat bottom left; padding: 9px 0 0 0; } /***************************** added 2012-05-07 Benek *****************************/ #Container .MainColumn #Content.wide { width: auto; margin-left: 0; } .cols { margin: 0 -19px 0 0; width: 979px; height: 1%; overflow: hidden; padding: 0 0 30px 0; } .cols .third { float: left; margin-right: 19px; width: 307px; } h2.small { font-size: 18px; line-height: 20px; padding: 4px 0 0 0; } h2.black { color: #000; } h3.caps { text-transform: uppercase; padding: 0 0 8px 0; } h3.line { background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/Dotted.png') repeat-x bottom left; padding: 0 0 10px 0; margin: 0 0 10px 0; } strong.black { color: #000; } .cols a.more { display: block; height: 11px; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/ReadMore.png') no-repeat center left; font: normal 11px/11px arial; text-transform: uppercase; letter-spacing: 1px; padding-left: 15px; } form.green { background: #00a59e; padding: 12px 20px 20px; } form.green h2 { color: #fff; margin-bottom: 14px; } form.green input[type=text] { display: block; font: normal 12px arial; color: #fff; background: #009991 url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/input-green.png') no-repeat top left; border: 0; padding: 7px 12px; width: 243px; margin-bottom: 8px; } a.btn { display: block; width: 170px; height: 28px; padding: 0 0 0 15px; margin: 10px 0 0; background: #00a59e url('https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/btn-green.png') no-repeat top right; font: normal 11px/30px arial; text-transform: uppercase; letter-spacing: 1px; color: #fff; } a.btn.inverted { background: #fff url('https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/btn-white.png') no-repeat top right; color: #000; } a.btn:hover { text-decoration: none; } span.name { font: normal 11px/30px arial; text-transform: uppercase; letter-spacing: 1px; color: #00a59e; display: block; margin-top: -12px; } .quotes { clear: both; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/Dotted.png') repeat-x top left; } .quotes .quote { padding: 24px 0; margin-top: 2px; } .quotes em { line-height: 1.1em; } .ProductDetails .RelatedProducts .RelatedProduct.current .ProductName { background: #f4f4f4 url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/related-current-bg.png') repeat-x top left; position: absolute; bottom: 10px; left: 0; width: 110px; padding: 13px 5px; border-top: solid 2px #00a59e; display: block; text-align: center; font-family: 'OraBrand', serif; text-decoration: inherit; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; } .ProductDetails .RelatedProducts .RelatedProduct.current .ProductName:after { position: absolute; left: 0; bottom: -16px; width: 120px; height: 18px; content: '.'; text-indent: -9999px; display: block; overflow: hidden; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/related-current.png') no-repeat top left; } /* IE doesn't do :last-child so add this to fix */ .ProductDetails .RelatedProducts .RelatedProduct.last { padding: 0; } .WhereToBuy { position: relative; } form#country-picker { position: absolute; top: 45px; right: 0; } form#country-picker select { width: 200px; height: 26px; border: solid 1px #dedede; padding: 3px; font: normal 14px/20px arial; } form#country-picker h3 { float: left; margin-right: 10px; height: 26px; line-height: 26px; } /* increase padding under border on stockist lists */ .WhereToBuy .LeftColumn dl { padding: 20px 0 0 0 !important; } .mapColumn { float: right; border-top: 1px solid #00A69F; width: 256px; padding-top: 20px; } /***************************** added 2012-06-06 Benek *****************************/ #slideshow { height: 440px; background: #eeeeee; margin-bottom: 30px; position: relative; } #slideshow #Menu { margin: 0; padding: 0 0 5px 0; position: absolute; top: 20px; left: 20px; z-index: 1000; } #slideshow #Menu.inverted { background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/Dotted-40.png') repeat-x bottom left; } #slideshow #Menu.inverted li { background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/Dotted-40.png') repeat-x top left; } #slideshow #Menu.inverted li a { color: #fff; } #slideshow #Menu.inverted li a:hover { color: #00A59F; } #slideshow #slides { width: 960px; height: 440px; overflow: hidden; position: relative; z-index: 1; } #slideshow #slides a { display: block; width: 960px; height: 440px; overflow: hidden; } #slideshow #slidePager { position: absolute; z-index: 1000; bottom: 20px; right: 20px; } #slideshow #slidePager a { display: block; float: left; width: 12px; height: 12px; margin-right: 3px; overflow: hidden; text-indent: -1000em; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/slide-pager.png') no-repeat top left; } #slideshow #slidePager a:hover { background-position: left -12px; } #slideshow #slidePager a.activeSlide { background-position: left -24px; } #slideshow #slidePager a:focus { outline: none; } /***************************** added 2012-05-07 Benek *****************************/ .cols.promos .third { border-top: solid 1px #00a59e; border-bottom: solid 1px #00a59e; padding-bottom: 20px; margin-bottom: 10px; } .cols.promos a.img { display: block; margin: 0 0 16px 0; /* transition on hover and click */ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .cols.promos a.img img { display: block; } .cols.promos a.img:hover { /* opacity */ opacity: .80; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 hack */ filter: alpha(opacity=80); /* IE6-7 hack */ } .mobile_menu_{display:none;} @media (max-width: 767px) { .MainColumn{ width:94%; } #Header { height: 130px;} .cols { height: auto; margin: 0; padding: 0 0 30px; width: 100%; } .cols .third { float: none; margin-right: 0; width: 100%; } .quotes.quoteCycle { height: auto !important; position: relative; width: 100% !important; } .quote { height: auto !important; position: relative !important; width: 100% !important; } #Footer .Sitemap { float: none; width: 100%; } #Footer .OtherLinks { float: none; margin-left: 0; margin-top: 11px; } #Container .MainColumn #Content { margin: 0; min-height: 10px; overflow: hidden; padding:0px 0 30px; width: 100%; } .MiddleColumn { float: none; width: 100%; } .MiddleColumn p img { height: auto !important; width: 100%; } .Hero > iframe { width: 100% !important; } .BasicCategory .CategoryProducts .ProductSummary { height: auto!important; margin-bottom: 20px; } .ProductCategory .ProductSummary { float: none !important; width: 100% !important; } .cols.promos a.img img { display: block; margin: 0 auto; max-width: 100%; height: auto; } .HeroItems .Slide { width: 100% !important; } #Header .MainColumn .ShopLinks a { padding: 0 3px 0 0; } form.green input[type="text"]{ width:94%; } .mobile_menu_ { background: #00a59f none repeat scroll 0 0; color: #fff; font-size: 18px; padding: 9px; position: relative; z-index: 9999; margin-top: 10px; border-radius: 3px; } .ProductDetails .ProductControls .SizeLabel { background: transparent url("https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/ButtonInverted.png") no-repeat scroll 50% 0!important; margin: 0 10px 10px 0!important; text-align: center!important; width: 50%!important; } #Content .Hero .HeroItems { height: 213px !important; overflow: hidden; width: 100% !important; } .Slide > img { width: 100%; } .Media .MediaItems .MediaItem { border-top: 1px solid #00a69f; float: none; height: auto; margin-right: 0; padding: 10px 0; width: 100%; } .Blog .BlogItems .BlogItem .Details { float: none!important; min-height: 10px; padding: 0 0 30px!important; width: 100%!important; } .Blog .BlogItems .BlogItem .Image { border-top: 1px solid #00a69f; display: block; float: none!important; padding: 28px 0 0!important; width: auto!important; } .Blog .BlogItems .BlogItem { float: none !important; } .Blog .BlogItems .BlogItem .Image img { max-width: 100%; } .Summary iframe { width: 100%; } #slideshow #Menu { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important; left: 0; margin: 0; padding: 10px; position: absolute; top: 39px; width: 100%; z-index: 1000; } #Header .MainColumn .ShopLinks { left: 0; } .FormHolder { width:100%!important; } .FormHolder .Submit { border-top: 1px solid #00a69f; padding: 0; width: 100%; } .col2-set { overflow: hidden; } #Menu { background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; display: block; float: left; overflow: visible; padding: 10px; width: 100%; } .ProductDetails .RelatedProducts .RelatedProduct { float: left; padding: 0 !important; position: relative; text-align: center !important; width: 50% !important; } /* slider */ #slideshow {display: block; height: auto; width: 100% !important;} #slideshow #slides { overflow: hidden; position: relative; width: 100% !important; z-index: 1; height: 203px!important; } #slideshow #slides a { display: block; height: auto !important; overflow: hidden; width: 100% !important; } #slideshow #slides a img { height: auto !important; width: 100% !important; } .mobile_menu_{display:block;} .menu_image_mobile img{ float: right; display: block; height: 35px; position: relative; top: -5px; } #Menu{display:none;} } /** * Styles for non-home pages */ #Content .Hero { padding: 30px 0 28px 0; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/Dotted.png') repeat-x top left; position: relative; } #Content .Hero .HeroItems{ width: 800px; height: 350px; overflow: hidden; } #Content .Hero .HeroPager { position: absolute; text-align: center; bottom: 9px; left: 50%; width: 500px; height: 10px; line-height: 10px; margin-left: -250px; } #Content .Hero .HeroPager a { text-indent: -9999px; overflow: hidden; display: inline-block; margin: 0 10px 0 0; width: 8px; height: 8px; border: 1px solid #999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: transparent; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #Content .Hero .HeroPager a.activeSlide { background: #999; } ul.messages { padding: 10px 0; font-weight: bold; } p.old-price { /*display: none;*/ float:left; margin-right: 10px; text-decoration: line-through; } p.special-price .price-label, p.old-price .price-label { display: none; } p.special-price { display: inline; font-weight: bold; } .GiftsCategory .CategoryProducts .ProductSummary .CartMenu .old-price { padding-bottom:0; } .GiftsCategory .CategoryProducts .ProductSummary .CartMenu .old-price .price, .ProductDetails .ProductControls .old-price .price { text-decoration: line-through; } .GiftsCategory .CategoryProducts .ProductSummary .CartMenu .old-price .price:after { display:none; } #footer-tagline { font-size: 0.8em; padding-top: 12px; } .ProductDetails .ProductControls .Wishlist { display:none; } /** * Styles for a category product listing * Note that two templates are handled here: Normal products and gift products */ /* Template for product summary */ .ProductCategory .ProductSummary { float: left; width: 256px; } .ProductCategory .ProductSummary h3 { line-height: 0.9em; } .ProductCategory .ProductSummary .Details p { line-height: 1.2em; font-size: 0.95em; padding: 0 0 0.3em 0; } .ProductCategory .ProductSummary .Details .ReadMore { background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/ReadMore.png') no-repeat 2px 2px; padding: 0 0 0 15px; } /* Featured product */ .ProductCategory .FeaturedProductSummary { padding: 0 0 10px 0; } .ProductCategory .FeaturedProductSummary .OurStar { font-weight: bold; } /* Generic (non-gift) category summary */ .BasicCategory .ProductSummary .Image { float: left; width: 100px; height: 155px; padding: 0 20px 0 0; position: relative; display: block; } .BasicCategory .ProductSummary .Details, .BasicCategory .ProductSummary .CartMenu { margin: 0 0 0 120px; display: block; } /* Non-featured product */ .ProductCategory .CategoryProducts { clear: both; width: 816px; margin: 0 -16px 0 0; overflow: hidden; } .ProductCategory .CategoryProducts .ProductSummary { border-top: 1px solid #00A69F; margin-right: 16px; } .ProductCategory .CategoryProducts .ProductSummary .CartMenu .price, .ProductCategory .CategoryProducts .ProductSummary .CartMenu .CartButton { display: block; border: 0 none; height: 26px; line-height: 26px; font-size: 0.95em; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/Dotted.png') repeat-x 1px 0; } .ProductCategory .CategoryProducts .ProductSummary .CartMenu .CartButton a { display: block; height: 26px; padding: 0 0 0 15px; position: relative; } .ProductCategory .CategoryProducts .ProductSummary .CartMenu .CartButton a:after { position: absolute; left: 0; top: 1px; content: url('https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/AddButton.png'); display: block; width: 11px; height: 11px; } /* Non-featured generic (non-gift) product */ .BasicCategory .CategoryProducts .ProductSummary { height: 215px; padding: 15px 0 0 0; } .BasicCategory .CategoryProducts .ProductSummary .Image .SizeLabel { display: block; position: absolute; left: 0; top: 142px; width: 100px; height: 30px; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/ButtonInverted.png') no-repeat 18px 0; border-top: 1px solid #00A69F; text-align: center; line-height: 22px; color: white; font-size: 0.95em; } .BasicCategory .CategoryProducts .ProductSummary .Image:hover .SizeLabel { color: white; text-decoration: underline; } .BasicCategory .CategoryProducts .ProductSummary .Details { height: 115px; } .BasicCategory .CategoryProducts .ProductSummary .CartMenu { padding: 0 0 5px 0; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/Dotted.png') repeat-x bottom left; } .BasicCategory .CategoryProducts .ProductSummary .CartMenu .price, .BasicCategory .CategoryProducts .ProductSummary .CartMenu .CartButton { width: auto; } .BasicCategory .CategoryProducts .ProductSummary .CartMenu .price, .BasicCategory .CategoryProducts .ProductSummary .CartMenu .CartButton { padding: 2px 0 0 0; } /* Non-featured gift category products */ .GiftsCategory .CategoryProducts .ProductSummary { height: 290px; padding: 0 0 30px 0; } .GiftsCategory .CategoryProducts .ProductSummary .Image { display: block; border-bottom: 1px solid #00A69F; } .GiftsCategory .CategoryProducts .ProductSummary .Details { padding: 8px 0 0 0px; height: 83px; } .GiftsCategory .CategoryProducts .ProductSummary .CartMenu { overflow: hidden; } .GiftsCategory .CategoryProducts .ProductSummary .CartMenu .price, .GiftsCategory .CategoryProducts .ProductSummary .CartMenu .CartButton { float: left; width: 116px; padding: 2px 0; position: relative; } .GiftsCategory .CategoryProducts .ProductSummary .CartMenu .price { margin: 0 24px 0 0; } .GiftsCategory .CategoryProducts .ProductSummary .CartMenu .price:after, .GiftsCategory .CategoryProducts .ProductSummary .CartMenu .CartButton:after { position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; content: '.'; text-indent: -9999px; display: block; overflow: hidden; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/Dotted.png') repeat-x top left; } /** * Styles for product details page */ .ProductDetails .RelatedProducts { width: auto; overflow: hidden; padding: 10px 0 22px 0; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/Dotted.png') repeat-x bottom left; margin: 0 0 15px 0; } .ProductDetails .RelatedProducts .RelatedProduct { width: 120px; height: 318px; float: left; padding: 0 16px 0 0; position: relative; } .ProductDetails .RelatedProducts .RelatedProduct:last-child { padding: 0; } .ProductDetails .RelatedProducts .RelatedProduct a img { display: block; } .ProductDetails .RelatedProducts .RelatedProduct a { display: block; width: 100%; height: 100%; text-decoration: none; } .ProductDetails .RelatedProducts .RelatedProduct .ProductName { background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/Dotted.png') repeat-x top left; position: absolute; bottom: 10px; left: 0; width: 110px; padding: 14px 5px; display: block; text-align: center; font-family: 'OraBrand', serif; text-decoration: inherit; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=100); transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; } .ProductDetails .RelatedProducts .RelatedProduct .ProductName:after { position: absolute; left: 0; bottom: 0; width: 120px; height: 2px; content: '.'; text-indent: -9999px; display: block; overflow: hidden; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/Dotted.png') repeat-x top left; } .ProductDetails .RelatedProducts .RelatedProduct:hover .ProductName { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } /* Product cart controls */ .ProductDetails .ProductControls { overflow: hidden; clear: both; padding: 10px 0 20px 0; } .ProductDetails .ProductControls .SizeLabel { float: left; width: 100px; height: 30px; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/ButtonInverted.png') no-repeat 18px 0; border-top: 1px solid #00A69F; text-align: center; line-height: 23px; color: white; font-size: 0.95em; margin: 0 16px 0 0; } .ProductDetails .ProductControls .price { border-top: 1px solid #00A69F; border-bottom: 1px solid #00A69F; height: 27px; line-height: 27px; width: 100px; float: left; font-size: 0.95em; /* Not sure if correct - color: #00A59F; */ margin: 0 16px 0 0; } .ProductDetails .ProductControls .CartOption, .ProductDetails .ProductControls .Wishlist { width: 140px; float: left; padding: 2px 0; height: 25px; line-height: 25px; position: relative; } .ProductDetails .ProductControls .CartOption { margin: 0 16px 0 0; } .ProductDetails .ProductControls .Wishlist { width: 140px; float: left; } .ProductDetails .ProductControls .CartOption a, .ProductDetails .ProductControls .Wishlist a { padding: 0 6px 0 15px; position: relative; display: inline-block; font-size: 0.95em; } .ProductDetails .ProductControls .CartOption a:after, .ProductDetails .ProductControls .Wishlist a:after { content: url("https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/AddButton.png"); display: block; height: 11px; left: 0; position: absolute; top: 1px; width: 11px; } .ProductDetails .ProductControls .CartOption select, .ProductDetails .ProductControls .CartOption input { height: 19px; position: absolute; right: 4px; top: 5px; width: 46px; } .ProductDetails .ProductControls .CartOption input { width: 24px; height: 12px; } /* Disclaimer and social media area */ .ProductDetails .Disclaimer { padding: 10px 0; font-size: 0.95em; } .ProductDetails .Disclaimer span { color: #00A69F; } .ProductDetails .SocialMedia { padding: 17px 0 0 0; } .ProductDetails .Ingredients h2 { display: inline-block; cursor: pointer; font-size: 1.0em; font-family: Arial, sans-serif; padding: 0px 0 11px 15px; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/ReadMore.png') no-repeat 2px 2px; } .ProductDetails .Ingredients h2.Active { background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/ReadLess.png') no-repeat 2px 2px; } .ProductDetails .Ingredients .IngredientsContent { overflow: hidden; transition: height 0.5s; -moz-transition: height 0.5s; -webkit-transition: height 0.5s; -o-transition: height 0.5s; } .ProductDetails .Ingredients ul { list-style-type: disc; margin-left: 20px; } /** * Styles for the gift details page */ .GiftDetails h1 { background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/Dotted.png') repeat-x top left; font-size: 1.7em; height: auto; line-height: 1.0em; padding: 20px 0 11px 0; margin: 0; } .GiftDetails .Description { padding-bottom: 15px; } .GiftDetails .ProductControls { background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/Dotted.png') repeat-y top left; padding: 6px 0 0 20px; width: 140px; float: left; } .GiftDetails .ProductControls .price, .GiftDetails .ProductControls .CartOption, .GiftDetails .ProductControls .Wishlist { padding: 2px 0; height: 25px; line-height: 25px; margin: 0 0 15px 0; font-size: 0.95em; } .GiftDetails .ProductControls .CartOption a:after, .GiftDetails .ProductControls .Wishlist a:after { content: url("https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/AddButton.png"); display: block; height: 11px; left: 0; position: absolute; top: 1px; width: 11px; } .GiftDetails .ProductControls .CartOption a, .GiftDetails .ProductControls .Wishlist a { display: inline-block; font-size: 0.95em; padding: 0 6px 0 15px; position: relative; } .GiftDetails .ProductControls .CartOption select { height: 19px; position: absolute; right: 4px; top: 5px; width: 46px; } .GiftDetails .ProductControls .SocialMedia { padding: 0 0 15px 0; } /* Related products area */ .GiftDetails .RelatedProducts { clear: both; overflow: hidden; width: 816px; margin: 0 -16px 0 0; } .GiftDetails .RelatedProducts .RelatedProduct { float: left; width: 256px; height: 190px; padding: 15px 0 20px 0; margin: 0 16px 0 0; border-top: 1px solid #00A69F; position: relative; } .GiftDetails .RelatedProducts .RelatedProduct h3 { line-height: 0.9em; } .GiftDetails .RelatedProducts .RelatedProduct .Details { margin: 0 0 0 120px; display: block; } .GiftDetails .RelatedProducts .RelatedProduct .Details p { line-height: 1.2em; font-size: 0.95em; padding: 0 0 0.3em 0; } .GiftDetails .RelatedProducts .RelatedProduct .Details .ReadMore { background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/ReadMore.png') no-repeat 2px 2px; padding: 0 0 0 15px; } .GiftDetails .RelatedProducts .RelatedProduct .Image { float: left; width: 100px; height: 155px; padding: 0 20px 0 0; position: relative; display: block; } .GiftDetails .RelatedProducts .RelatedProduct .SizeLabel { width: 100px; padding: 0 156px 0 0; display: block; position: absolute; left: 0; top: 158px; height: 30px; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/ButtonInverted.png') no-repeat 18px 0; border-top: 1px solid #00A69F; text-align: center; line-height: 22px; color: white; font-size: 0.95em; } /** * Shopping cart styles */ .Cart .IntroArea { padding: 0 16px 14px 0; } .Cart .CartTable { width: 800px; margin: 0 0 70px 0; font-size: 0.95em; } .Cart .CartTable thead tr th, .Cart .CartTable tbody tr td, .Cart .CartTable tbody tr th { text-align: left; vertical-align: top; font-weight: normal; } .Cart .CartTable thead tr th { font-family: 'OraBrand', serif; line-height: 43px; padding: 2px 0 0 0; font-size: 1.7em; text-decoration: none; color: #00A59F; } .Cart .CartTable tbody tr td.DetailsContainer, .Cart .CartTable tfoot tr td.UpdateCart { width: 256px; padding-right: 16px; } .Cart .CartTable tbody tr td.DetailsContainer .Details { padding: 6px 0 0 0; border-top: 1px solid #00A69F; display: block; overflow: hidden; } .Cart .CartTable tbody tr td.DetailsContainer .Details h3 { line-height: 1.2em; font-size: 1em; font-family: Arial, sans-serif; } .Cart .CartTable tbody tr td.DetailsContainer .Details .Description { margin: 0 0 0 120px; display: block; } .Cart .CartTable tbody tr td.DetailsContainer .Details .Description p { line-height: 1.2em; padding: 0 0 0.3em 0; } .Cart .CartTable tbody tr td.DetailsContainer .Details img { float: left; width: 100px; height: 155px; padding: 4px 20px 0 0; display: block; } .Cart .CartTable tr td .HorizontalBorder, .Cart .CartTable tr td .TopBorder { padding: 2px 0; line-height: 25px; } .Cart .CartTable tr td .TopBorder { padding: 2px 0 0 0; /* remove bottom padding */ } .Cart .CartTable tbody tr td.WishlistContainer .Wishlist a, .Cart .CartTable tbody tr td.TotalContainer .RemoveButton a, .Cart .CartTable tfoot tr td.UpdateCart .UpdateWrapper .UpdateButton a { display: inline-block; padding: 0 6px 0 15px; line-height: 25px; position: relative; } .Cart .CartTable tbody tr td.WishlistContainer .Wishlist a:after { content: url("https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/AddButton.png"); display: block; height: 11px; left: 0; position: absolute; top: 1px; width: 11px; } .Cart .CartTable tbody tr td.TotalContainer .RemoveButton a:after { content: url("https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/RemoveButton.png"); display: block; height: 8px; left: 0; position: absolute; top: 0; width: 8px; } .Cart .CartTable tbody tr td.QuantityContainer label { color: #00A59F; } .Cart .CartTable tbody tr td.QuantityContainer .CartQuantity { position: absolute; right: 4px; top: 5px; width: 46px; border: 1px solid #E6E6E6; display: block; padding: 1px; } .Cart .CartTable tbody tr td.QuantityContainer select.CartQuantity { height: 19px; } .Cart .CartTable tbody tr td.QuantityContainer input.CartQuantity { height: 15px; } .Cart .CartTable tbody tr td.WishlistContainer, .Cart .CartTable tbody tr td.PriceContainer, .Cart .CartTable tbody tr td.QuantityContainer, .Cart .CartTable tfoot tr td.Border { width: 120px; padding-right: 16px; } .Cart .CartTable tbody tr td.TotalContainer, .Cart .CartTable tfoot tr td.GrandTotal { width: 120px; } /* Summary area */ .Cart .CartTable tfoot tr td.UpdateCart .UpdateWrapper { border-top: 1px solid #00A69F; padding: 26px 0 0 0; /* extra 1 pixel accounts for the top border being 1px and the dotted border being 2 px */ } .Cart .CartTable tfoot tr td.UpdateCart .UpdateWrapper .UpdateButton { width: 120px; } .Cart .CartTable tfoot tr td.UpdateCart .UpdateWrapper .UpdateButton a:after { content: url('https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/UpdateButton.png'); display: block; height: 11px; left: 0; position: absolute; top: -2px; width: 11px; } .Cart .CartTable tfoot tr td.GrandTotal .Total { line-height: 34px; font-weight: bold; } .Cart .CartTable tfoot tr td.GrandTotal .Checkout { font-weight: bold; width: 120px; padding: 9px 0; background: #00A59F; color: white; border: 0 none; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .Cart .CartTable tfoot tr td.GrandTotal .Checkout:hover { text-decoration: underline; } #shopping-cart-totals-table tr td, #shopping-cart-totals-table tr th { float: left; display: block; width: 100%; padding: 2px 0 0 0; line-height: 25px; position: relative; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/Dotted.png') repeat-x top left; font-weight: bold; } #shopping-cart-totals-table tr td.last { font-weight: normal; } /** * Shopping cart styles */ .Wishlist .MiddleColumn { padding: 0 16px 14px 0; } .Wishlist .WishlistTable { width: 800px; margin: 0 0 30px 0; font-size: 0.95em; } .Wishlist .WishlistTable thead tr th, .Wishlist .WishlistTable tbody tr td { text-align: left; vertical-align: top; font-weight: normal; } .Wishlist .WishlistTable thead tr th { font-family: 'OraBrand', serif; line-height: 43px; padding: 2px 0 0 0; font-size: 1.7em; text-decoration: none; color: #00A59F; } .Wishlist .WishlistTable tbody tr td.DetailsContainer, .Wishlist .WishlistTable tbody tr td.CommentContainer, .Wishlist .WishlistTable tfoot tr td.Border { width: 256px; padding-right: 16px; } .Wishlist .WishlistTable tbody tr td.DetailsContainer .Details, .Wishlist .WishlistTable tbody tr td.CommentContainer .Comment { padding: 6px 0 0 0; border-top: 1px solid #00A69F; display: block; overflow: hidden; } .Wishlist .WishlistTable tbody tr td.DetailsContainer .Details h3 { line-height: 1.2em; font-size: 1em; font-family: Arial, sans-serif; } .Wishlist .WishlistTable tbody tr td.DetailsContainer .Details .Description { margin: 0 0 0 120px; display: block; } .Wishlist .WishlistTable tbody tr td.DetailsContainer .Details .Description p { line-height: 1.2em; padding: 0 0 0.3em 0; } .Wishlist .WishlistTable tbody tr td.DetailsContainer .Details img { float: left; width: 100px; height: 155px; padding: 4px 20px 0 0; display: block; } .Wishlist .WishlistTable tbody tr td.CommentContainer .Comment textarea { border: 1px solid #E6E6E6; padding: 2px; width: 250px; height: 147px; } .Wishlist .WishlistTable tr td .HorizontalBorder, .Wishlist .WishlistTable tr td .TopBorder { padding: 2px 0; line-height: 25px; } .Wishlist .WishlistTable tr td .TopBorder { padding: 2px 0 0 0; /* remove bottom padding */ } .Wishlist .WishlistTable tbody tr td.OptionsContainer .CartButton a, .Wishlist .WishlistTable tbody tr td.OptionsContainer .RemoveButton a, .Wishlist .WishlistTable tfoot tr td.FooterOptions .AllCartButton a, .Wishlist .WishlistTable tfoot tr td.FooterOptions .ShareButton a, .Wishlist .WishlistTable tfoot tr td.FooterOptions .UpdateButton a { display: inline-block; padding: 0 6px 0 15px; line-height: 25px; position: relative; } .Wishlist .WishlistTable tbody tr td.OptionsContainer .CartButton a:after, .Wishlist .WishlistTable tfoot tr td.FooterOptions .AllCartButton a:after { content: url("https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/AddButton.png"); display: block; height: 11px; left: 0; position: absolute; top: 1px; width: 11px; } .Wishlist .WishlistTable tbody tr td.OptionsContainer .RemoveButton a:after { content: url("https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/RemoveButton.png"); display: block; height: 8px; left: 0; position: absolute; top: 0; width: 8px; } .Wishlist .WishlistTable tfoot tr td.FooterOptions .UpdateButton a:after { content: url('https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/UpdateButton.png'); display: block; height: 11px; left: 0; position: absolute; top: -2px; width: 11px; } .Wishlist .WishlistTable tfoot tr td.FooterOptions .ShareButton a:after { content: url('https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/ReadMore.png'); display: block; height: 11px; left: 2px; position: absolute; top: 1px; width: 6px; } .Wishlist .WishlistTable tbody tr td.PriceQuantityContainer .Quantity label, .Wishlist .WishlistTable tbody tr td.OptionsContainer .AddedDate .Added { color: #00A59F; } .Wishlist .WishlistTable tbody tr td.PriceQuantityContainer .Quantity input { /*height: 19px; position: absolute; right: 4px; top: 5px; width: 46px;*/ position: absolute; right: 4px; top: 5px; width: 46px; border: 1px solid #E6E6E6; display: block; padding: 1px; height: 15px; } .Wishlist .WishlistTable tbody tr td.PriceQuantityContainer { width: 120px; padding-right: 16px; } .Wishlist .WishlistTable tbody tr td.OptionsContainer { width: 120px; } /* Footer options */ .Wishlist .WishlistTable tfoot tr td.Border .SolidBorder { border-top: 1px solid #00A69F; padding: 32px 0 0 0; } .Wishlist .WishlistTable tfoot tr td.FooterOptions { padding: 21px 0 0 0; } .Wishlist .WishlistTable tfoot tr td.FooterOptions .AllCartButton, .Wishlist .WishlistTable tfoot tr td.FooterOptions .ShareButton, .Wishlist .WishlistTable tfoot tr td.FooterOptions .UpdateButton { width: 120px; } /** * Defines styles for forms in the website */ .FormHolder { clear: both; width: 800px; } .FormHolder .Field { overflow: hidden; } .FormHolder .Field .Label, .FormHolder .Field .validation-advice { float: left; font-size: 0.95em; height: 27px; line-height: 27px; } .FormHolder .Field .validation-advice { color: #00A59F; } .FormHolder .Field .Label { padding: 2px 0 0 0; display: block; width: 120px; margin: 0 16px 0 0; clear: both; } .FormHolder .Field .Input { float: left; margin: 0; padding: 2px 0 0 0; width: 664px; /*392px;*/ position: relative; } .FormHolder .Field .Input:after { overflow: hidden; text-indent: -999px; display: block; width: 392px; height: 2px; position: absolute; left: 0; top: 0; content: '.'; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/DottedMono.png') repeat-x top left; } .FormHolder .Field .Input .Text, .FormHolder .Field .Input .MultilineText { float: left; margin: 3px 16px 4px 0; display: block; border: 1px solid #E6E6E6; padding: 1px; width: 388px; } .FormHolder .Field .Input .Text { height: 16px; } .FormHolder .Field .Input .MultilineText { height: 164px; } .FormHolder .Field .Input .Text.validation-failed, .FormHolder .Field .Input .MultilineText.validation-failed { background: #F6F6F6; } .FormHolder .Submit { width: 392px; border-top: 1px solid #00A69F; padding: 0 0 30px 136px; } .FormHolder .Submit .SubmitButton { display: block; border: 0; width: 61px; height: 30px; padding: 0 0 8px 0; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/ButtonInverted.png') no-repeat top left; color: white; display: block; font-size: 0.95em; } .FormHolder .Submit .SubmitButton:hover { text-decoration: underline; } /* This submit button is only used in a few places */ .FormHolder .ConfirmArea .Label { padding: 2px 0; } .FormHolder .ConfirmArea .AddButton { color: #00A69F; background: transparent url("https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/AddButton.png") no-repeat 1px 8px; height: 27px; border: 0 none; padding: 0 6px 0 15px; } .FormHolder .ConfirmArea .AddButton:hover { text-decoration: underline; } .FormHolder .ConfirmArea .Input { position: relative; height: 22px; } .FormHolder .ConfirmArea .Input .Checkbox, .FormHolder .ConfirmArea .Input .CheckboxLabel { vertical-align: middle; line-height: 20px; display: inline-block; } .FormHolder .ConfirmArea .Input:after { position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; content: '.'; text-indent: -9999px; display: block; overflow: hidden; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Backgrounds/DottedMono.png') repeat-x top left; } .WhereToBuy .LeftColumn dl { border-top: 1px solid #00A69F; padding: 5px 0 0 0; } .WhereToBuy .LeftColumn dl dt { color: #00A59F; } .WhereToBuy .LeftColumn dl dd { padding: 0 0 1.3em 0; } /** * Styles for the media page. * Based on the gift list page */ .Media .MediaItems { clear: both; margin: 0 -16px 0 0; overflow: hidden; width: 816px; } .Media .MediaItems .MediaItem { padding: 0 0 30px 0; border-top: 1px solid #00A69F; margin-right: 16px; float: left; width: 256px; height: 344px; } .Media .MediaItems .MediaItem .Image { display: block; border-bottom: 1px solid #00A69F; height: 256px; padding: 9px 0 8px 0; } .Media .MediaItems .MediaItem .Details { padding: 8px 0 0 0px; height: 61px; border-bottom: 1px solid #00A69F; } .Media .MediaItems .MediaItem .Details h3 { line-height: 0.9em; } .Media .MediaItems .MediaItem .Details p { line-height: 1.2em; font-size: 0.95em; padding: 0 0 0.3em 0; } .Media .MediaItems .MediaItem .Details .ReadMore { background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/ReadMore.png') no-repeat 2px 2px; padding: 0 0 0 15px; font-size: 0.95em; } /* Footer pager */ .Media .Pager { margin: 0 0 30px 0; padding: 2px 1px; display: inline-block; height: 25px; line-height: 25px; } .Media .Pager * { float: left; padding-right: 12px; font-size: 0.95em; } .Media .Pager *:last-child { padding-right: 0; } .Media .Pager .Page { color: #666; } .Media .Pager .Selected { font-weight: bold; } .Media .Pager .Label, .Media .Pager .Selected, .Media .Pager .Page:hover { color: #00A59F; } .Media .Pager .Forward { background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/ReadMore.png') no-repeat 2px 7px; padding-left: 15px; } .Media .Pager .Backwards { background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/ReadLess.png') no-repeat 2px 7px; padding-left: 15px; } /** * Styles for the user account dashboard */ .Account .IntroArea { padding: 0 16px 14px 0; } .Account .DetailsArea { clear: both; overflow: hidden; padding: 2px 0 30px 0; } .Account .DetailsArea h2 { clear: both; padding: 24px 0 11px 0; } .Account .DetailsArea .Block { float: left; padding: 0 16px 20px 0; width: 256px; } .Account .DetailsArea .Block .Label { border-top: 1px solid #00A69F; border-bottom: 1px solid #00A69F; padding: 6px 0; margin: 0 0 12px 0; } .Account .DetailsArea .Block .Label a { float: right; } .Account .Fields .Field .Input .Dropdown { display: block; border: 1px solid #E6E6E6; padding: 1px; width: 252px; } .Account .Fields .Field .Input .Dropdown { width: 256px; } .Account .Fields .Field .Input .Dropdown.validation-failed { background: #F6F6F6; } .col2-set .col-1 { float:left; width:48.5%; } .col2-set .col-2 { float:right; width:48.5%; } .col2-set .col-narrow { width:32%; } .col2-set .col-wide { width:65%; } .account-login .content { min-height:200px; padding:0 10px; } /** * */ /* Social media area */ .Blog .SocialMediaLinks a { display: block; padding: 0 0 9px 21px; color: #666; text-decoration: none; } .Blog .SocialMediaLinks a:hover { color: #00A59F; } .Blog .SocialMediaLinks .RSS { background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Icons/ReallySimpleSyndication.png') no-repeat 0 0; } .Blog .SocialMediaLinks .Facebook { background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Icons/Facebook.png') no-repeat 0 0; } .Blog .SocialMediaLinks .Twitter { background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Icons/Twitter.png') no-repeat 0 0; } .Blog .SocialMediaLinks .Email { background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Icons/Email.png') no-repeat 0 0; } /* Blog summary items */ .Blog .BlogItems { clear: both; /*float: left;*/ } .Blog .BlogItems .BlogItem { float: left; } .Blog .BlogItems .BlogItem .Details { float: left; min-height: 10px; padding: 0 16px 30px 0; width: 528px; } .Blog .BlogItems .BlogItem .Details .Author { border-top: 1px solid #00A69F; border-bottom: 1px solid #00A69F; height: 28px; line-height: 28px; display: block; font-size: 0.95em; } .Blog .BlogItems .BlogItem .Details .Author .Date { color: #00A69F; } .Blog .BlogItems .BlogItem .Details h2 { padding: 20px 0 11px 0; } .Blog .BlogItems .BlogItem .Details .ReadMore { background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/ReadMore.png') no-repeat 2px 2px; padding: 0 0 0 15px; } .Blog .BlogItems .BlogItem .Details .Summary { padding: 0 0 20px 0; } .Blog .BlogItems .BlogItem .Image { border-top: 1px solid #00A69F; display: block; float: left; widtH: 256px; padding: 28px 0 0 0; } /* Blog detail page */ .BlogPost h1 { margin: 0; padding: 2px 0 0 0; } .BlogPost .BlogArea .Author, .BlogPost .SocialMediaLinks h3, .BlogPost .Comments h3, .BlogPost .CommentForm h3, .BlogPost .RelatedLinks h3 { font-family: Arial, sans-serif; border-top: 1px solid #00A69F; border-bottom: 1px solid #00A69F; height: 28px; line-height: 28px; display: block; font-size: 0.95em; padding: 0; margin: 0 0 20px 0; } .BlogPost .BlogArea .Author .Date { color: #00A69F; } .BlogPost .BlogArea h3 { font-size: 1.0em; margin: 0; padding: 0; font-family: Arial, sans-serif; } .BlogPost .SocialMediaLinks h3, .BlogPost .Comments h3, .BlogPost .CommentForm h3, .BlogPost .RelatedLinks h3 { text-transform: uppercase; } .BlogPost .SocialMediaLinks a { display: block; padding: 0 0 19px 21px; } /* Related other links */ .BlogPost .RelatedLinks { padding: 0 16px 15px 0; } .BlogPost .RelatedLinks .RelatedItems { overflow: hidden; } .BlogPost .RelatedLinks .RelatedItems .RelatedItem { width: 120px; padding: 0 16px 0 0; float: left; } .BlogPost .RelatedLinks .RelatedItems .RelatedItem:last-child { padding: 0; } .BlogPost .RelatedLinks .RelatedItems .RelatedItem img { padding: 0 0 4px 0; } /* Comment list */ .BlogPost .Comments { padding: 0 16px 10px 0; } .BlogPost .Comments .CommentItems .CommentItem { border-bottom: 1px solid #00A69F; padding: 0 0 20px 0; margin: 0 0 20px 0; } .BlogPost .Comments .CommentItems .CommentItem:last-child { border-bottom: 0 none; margin: 0; } .BlogPost .Comments .CommentItems .CommentItem .Author { padding: 0 0 6px 0; font-size: 0.95em; } .BlogPost .Comments .CommentItems .CommentItem .Author .Date { color: #00A69F; } /* Social media buttons */ .Blog .SocialMedia { /*float: left;*/ overflow: visible; } .Blog .SocialMedia .MediaLink { float: left; } /* Comment form */ .BlogPost .CommentForm { clear: both; overflow: hidden; padding: 0 0 30px 0; } .BlogPost .CommentForm h3 { width: 528px; } /* Footer pager */ .Blog .Pager { margin: 0 0 30px 0; padding: 2px 1px; display: inline-block; height: 25px; line-height: 25px; } .Blog .Pager * { float: left; padding-right: 12px; font-size: 0.95em; } .Blog .Pager *:last-child { padding-right: 0; } .Blog .Pager .Page { color: #666; } .Blog .Pager .Selected { font-weight: bold; } .Blog .Pager .Label, .Blog .Pager .Selected, .Blog .Pager .Page:hover { color: #00A59F; } .Blog .Pager .Forward { background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/ReadMore.png') no-repeat 2px 7px; padding-left: 15px; } .Blog .Pager .Backwards { background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/images/Controls/ReadLess.png') no-repeat 2px 7px; padding-left: 15px; } /* Document : ora.tooltip Created on : 2/12/2011, 11:24:36 AM Author : Damo Description: Purpose of the stylesheet follows. */ .TooltipHolder { cursor: pointer; } .tooltip { position: absolute; z-index: 9999; background: white; border: 1px solid #00A69F; padding: 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 15px; } .tooltip:after { position: absolute; display: block; content: "."; text-indent: -9999px; overflow: hidden; width: 0; height: 0; left: -10px; top: 60px; border-right: 9px solid #00A69F; border-top: 9px solid transparent; border-bottom: 9px solid transparent; } .tooltip strong, .tooltip em { font-family: Arial, sans-serif; clear: both; font-size: 1.0em; display: block; } .tooltip strong { padding: 0 0 3px 0; } .tooltip em { padding: 3px 0 0 0; } .tooltip dl { font-size: 0.95em; overflow: hidden; } .tooltip dl dt { color: #00A69F; float: left; width: auto; clear: both; text-align: right; padding: 0 5px 0 0; } .tooltip dl dd { float: left; } /* Document : ora.lightbox Created on : 2/12/2011, 1:14:13 PM Author : Damo Description: Purpose of the stylesheet follows. */ .Lightbox { background: rgba(0, 0, 0, 0.2); /* Safari 4-5, Chrome 1-9 */ /* Can't specify a percentage size? Laaaaaame. */ background: -webkit-gradient(radial, center center, 0, center center, 460, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.1))); /* Safari 5.1+, Chrome 10+ */ background: -webkit-radial-gradient(circle, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)); /* Firefox 3.6+ */ background: -moz-radial-gradient(circle, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)); /* IE 10 */ background: -ms-radial-gradient(circle, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)); background: radial-gradient(circle, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 900; text-align: center; cursor: pointer; } .Lightbox .LightboxContent { display: inline-block; margin: 100px auto 0 auto; cursor: default; } .j2t-autoadd-cart {position:relative; background:#fff; padding:5px; margin-top:5px;} .j2t-autoadd-cart-in {float:left; padding:5px; width: 150px; text-align: center;} .j2t-autoadd-cart-in h2.product-name {display:block; height:35px; padding-top:5px;} .j2t-autoadd-clear {clear:both; height:1px; font-size: 1px;} /*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-tmp iframe, .fancybox-tmp object { vertical-align: top; padding: 0; margin: 0; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; padding: 0; margin: 0; 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 { padding: 0; margin: 0; position: relative; outline: none; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 10px; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; vertical-align: top; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://www.ora.co.nz/skin/frontend/default/ora/js/fancybox/source/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: 8020; } #fancybox-loading div { width: 44px; height: 44px; background: url('https://www.ora.co.nz/skin/frontend/default/ora/js/fancybox/source/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; background: transparent url('https://www.ora.co.nz/skin/frontend/default/ora/js/fancybox/source/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: 20px; background-position: 0 -36px; } .fancybox-next span { right: 20px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; padding: 0; overflow: visible; visibility: hidden; } /* Overlay helper */ #fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: #000; } #fancybox-overlay.overlay-fixed { position: fixed; bottom: 0; right: 0; } /* 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: 8030; 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 { margin-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }