*{margin:0;padding:0;outline:0} div,img{border:0} body { background: #000; } html,body{height:100%;width:100%;} #xouter{ height:100%; width:100%; display:table; vertical-align:middle; } #xcenter { text-align: center; position:relative; vertical-align:middle; display:table-cell; min-height: 690px; } #xinner { width: 1024px; min-height: 690px; text-align: left; margin: 0 auto; } #container { width: 1024px; min-height: 690px; position: relative; z-index: 2; } #layoutBody { position: absolute; top: 115px; left: 0; width: 1024px; height: 575px; display: none; } #logo { position: absolute; top: 20px; left: 56px; width: 900px; height: 40px; background: transparent; } #logo a { position: relative; display: block; width: 128px; height: 0; margin: 3px auto 0 auto; padding: 32px 0 0 0; overflow: hidden; z-index: 4; outline: 0; } #logo img { position: absolute; top: 0; } #printlogo { display: none; } #mtness{} * { border: 0; margin: 0; padding: 0; outline: 0; } body { color: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 62.5%; vertical-align: top; } a, a:link, a: a: img { vertical-align: top; } h1, h2, h3, h4, h5, h6, p, address { font-weight: normal; } h1 {} h2 {} h3 {} a, p, ul, ol, dl, table, address { font-size: 1.2em; } p { margin: 0 0 10px 0; line-height: 1.3em; } table ul, ul a, ol a, dl a, ul dl, ol dl, ul p, ol p, p a { font-size: 1.0em; } li { list-style-image: none; list-style-type: none; } label, span.label, legend, input, option, select, textarea { font-size: 1.2em; } legend { display: none; } div.formElement { display: inline-block; } div.formElement { display: block; padding-bottom: 10px; } #supersize { position: fixed; top: 0; left: 0; width:100%; height:100%; background: #000; display: inline-block; display: none; } #supersize img { width:100%; height:100%; position:absolute; z-index: 0; } #supersize * :focus { outline: 0; } #mtness{} #scroller { position:relative; margin: 0; } #scrollable { position:relative; overflow:hidden; width: 840px; height:460px; margin: 0 auto; } #scrollable .items { width:20000em; position:absolute; left: -840px; } #scrollable .items div { float:left; position: relative; } #scrollable .items div a { position: absolute; top: 0; left: 0; width: 840px; height: 0; padding: 460px 0 0 0; overflow: hidden; display: block; z-index: 2; } #item01-link1 { position: absolute; top: 10px; left: 10px; } #item02-link1 { position: absolute; top: 10px; left: 10px; } #item03-link1 { position: absolute; top: 10px; left: 10px; } #item04-link1 { position: absolute; top: 10px; left: 10px; } #item05-link1 { position: absolute; top: 10px; left: 10px; } #item06-link1 { position: absolute; top: 10px; left: 10px; } #item07-link1 { position: absolute; top: 10px; left: 10px; } #prev { display: inline-block; width: 20px; height: 0; padding: 20px 0 0 0; background: 0 0 no-repeat url(../system/default/arrow-left.png); overflow: hidden; filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; } #next { display: inline-block; width: 20px; height: 0; padding: 20px 0 0 0; background: 0 0 no-repeat url(../system/default/arrow-right.png); overflow: hidden; filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; } #navi-elements { display:block; margin: 30px auto 0 auto; text-align: center; } #navi { display: inline-block; padding: 0 14px; } #navi li { display: inline-block; margin: 0; width: 20px; height: 20px; text-align: center; cursor: pointer; } #navi a { color: #000; font-size: 9px; height: 20px; width: 20px; padding: 1px 0 0 0; display: table-cell; vertical-align: middle; background: 0 0 no-repeat url(../system/default/circle.png); filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; } #prev:hover, #next:hover, #navi a.active { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } #navi a:hover { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } #prev, #next, #navi a { cursor: pointer; } .layoutBodyInner { position: absolute; top: 120px; left: 93px; width: 840px; min-height: 370px; } .layoutBodyInner .title { position: absolute; top: 0; left: 0; width: 271px; height: 0; padding: 146px 0 0 0; background-position: 0 0; background-repeat: none; overflow: hidden; } #hot-water-index .title { background-image: url(../system/hot-water/index/title.png); } #hot-water-news .title { background-image: url(../system/hot-water/news/title.png); } #hot-water-ice-fresh .title { background-image: url(../system/hot-water/ice-fresh/title.png); } #hot-water-fragrance .title { background-image: url(../system/hot-water/fragrance/title.png); } #hot-water-design .title { background-image: url(../system/hot-water/design/title.png); } #hot-water-range .title { background-image: url(../system/hot-water/range/title.png); } #hot-water-advertising .title { background-image: url(../system/hot-water/advertising/title.png); } #hot-water-advertising-tv .title { background-image: url(../system/hot-water/advertising-tv/title.png); } #hot-water-advertising-print .title { background-image: url(../system/hot-water/advertising-print/title.png); } #hot-water-advertising-video .title { background-image: url(../system/hot-water/advertising-video/title.png); } #hot-water-goodies .title { background-image: url(../system/hot-water/goodies/title.png); } #cool-water-index .title { background-image: url(../system/cool-water/index/title.png); } #cool-water-news .title { background-image: url(../system/cool-water/news/title.png); } #cool-water-ice-fresh .title { background-image: url(../system/cool-water/ice-fresh/title.png); } #cool-water-fragrance .title { background-image: url(../system/cool-water/fragrance/title.png); } #cool-water-design .title { background-image: url(../system/cool-water/design/title.png); } #cool-water-range .title { background-image: url(../system/cool-water/range/title.png); } #cool-water-advertising .title { background-image: url(../system/cool-water/advertising/title.png); } #cool-water-advertising-tv .title { background-image: url(../system/cool-water/advertising-tv/title.png); } #cool-water-advertising-print .title { background-image: url(../system/cool-water/advertising-print/title.png); } #cool-water-advertising-video .title { background-image: url(../system/cool-water/advertising-video/title.png); } #cool-water-goodies .title { background-image: url(../system/cool-water/goodies/title.png); } #cool-water-woman-index .title { background-image: url(../system/cool-water-woman/index/title.png); } #cool-water-woman-news .title { background-image: url(../system/cool-water-woman/news/title.png); } #cool-water-woman-ice-fresh .title { background-image: url(../system/cool-water-woman/ice-fresh/title.png); } #cool-water-woman-fragrance .title { background-image: url(../system/cool-water-woman/fragrance/title.png); } #cool-water-woman-design .title { background-image: url(../system/cool-water-woman/design/title.png); } #cool-water-woman-range .title { background-image: url(../system/cool-water-woman/range/title.png); } #cool-water-woman-advertising .title { background-image: url(../system/cool-water-woman/advertising/title.png); } #cool-water-woman-advertising-tv .title { background-image: url(../system/cool-water-woman/advertising-tv/title.png); } #cool-water-woman-advertising-print .title { background-image: url(../system/cool-water-woman/advertising-print/title.png); } #cool-water-woman-advertising-video .title { background-image: url(../system/cool-water-woman/advertising-video/title.png); } #cool-water-woman-goodies .title { background-image: url(../system/cool-water-woman/goodies/title.png); } #champion-index .title { background-image: url(../system/champion/index/title.png); } #champion-news .title { background-image: url(../system/champion/news/title.png); } #champion-fragrance .title { background-image: url(../system/champion/fragrance/title.png); } #champion-design .title { background-image: url(../system/champion/design/title.png); } #champion-range .title { background-image: url(../system/champion/range/title.png); } #champion-advertising .title { background-image: url(../system/champion/advertising/title.png); } #champion-advertising-tv .title { background-image: url(../system/champion/advertising-tv/title.png); } #champion-advertising-print .title { background-image: url(../system/champion/advertising-print/title.png); } #champion-advertising-video .title { background-image: url(../system/champion/advertising-video/title.png); } #champion-goodies .title { background-image: url(../system/champion/goodies/title.png); } #champion-energy-index .title { background-image: url(../system/champion-energy/index/title.png); } #champion-energy-news .title { background-image: url(../system/champion-energy/news/title.png); } #champion-energy-fragrance .title { background-image: url(../system/champion-energy/fragrance/title.png); } #champion-energy-design .title { background-image: url(../system/champion-energy/design/title.png); } #champion-energy-range .title { background-image: url(../system/champion-energy/range/title.png); } #champion-energy-advertising .title { background-image: url(../system/champion-energy/advertising/title.png); } #champion-energy-advertising-tv .title { background-image: url(../system/champion-energy/advertising-tv/title.png); } #champion-energy-advertising-print .title { background-image: url(../system/champion-energy/advertising-print/title.png); } #champion-energy-advertising-video .title { background-image: url(../system/champion-energy/advertising-video/title.png); } #champion-energy-goodies .title { background-image: url(../system/champion-energy/goodies/title.png); } #adventure-index .title { background-image: url(../system/adventure/index/title.png); } #adventure-news .title { background-image: url(../system/adventure/news/title.png); } #adventure-fragrance .title { background-image: url(../system/adventure/fragrance/title.png); } #adventure-design .title { background-image: url(../system/adventure/design/title.png); } #adventure-range .title { background-image: url(../system/adventure/range/title.png); } #adventure-advertising .title { background-image: url(../system/adventure/advertising/title.png); } #adventure-advertising-tv .title { background-image: url(../system/adventure/advertising-tv/title.png); } #adventure-advertising-print .title { background-image: url(../system/adventure/advertising-print/title.png); } #adventure-advertising-video .title { background-image: url(../system/adventure/advertising-video/title.png); } #adventure-goodies .title { background-image: url(../system/adventure/goodies/title.png); } #adventure-eau-fraiche-index .title { background-image: url(../system/adventure-eau-fraiche/index/title.png); } #adventure-eau-fraiche-news .title { background-image: url(../system/adventure-eau-fraiche/news/title.png); } #adventure-eau-fraiche-fragrance .title { background-image: url(../system/adventure-eau-fraiche/fragrance/title.png); } #adventure-eau-fraiche-design .title { background-image: url(../system/adventure-eau-fraiche/design/title.png); } #adventure-eau-fraiche-range .title { background-image: url(../system/adventure-eau-fraiche/range/title.png); } #adventure-eau-fraiche-advertising .title { background-image: url(../system/adventure-eau-fraiche/advertising/title.png); } #adventure-eau-fraiche-advertising-tv .title { background-image: url(../system/adventure-eau-fraiche/advertising-tv/title.png); } #adventure-eau-fraiche-advertising-print .title { background-image: url(../system/adventure-eau-fraiche/advertising-print/title.png); } #adventure-eau-fraiche-advertising-video .title { background-image: url(../system/adventure-eau-fraiche/advertising-video/title.png); } #adventure-eau-fraiche-goodies .title { background-image: url(../system/adventure-eau-fraiche/goodies/title.png); } #silver-shadow-index .title { background-image: url(../system/silver-shadow/index/title.png); } #silver-shadow-news .title { background-image: url(../system/silver-shadow/news/title.png); } #silver-shadow-fragrance .title { background-image: url(../system/silver-shadow/fragrance/title.png); } #silver-shadow-design .title { background-image: url(../system/silver-shadow/design/title.png); } #silver-shadow-range .title { background-image: url(../system/silver-shadow/range/title.png); } #silver-shadow-advertising .title { background-image: url(../system/silver-shadow/advertising/title.png); } #silver-shadow-advertising-tv .title { background-image: url(../system/silver-shadow/advertising-tv/title.png); } #silver-shadow-advertising-print .title { background-image: url(../system/silver-shadow/advertising-print/title.png); } #silver-shadow-advertising-video .title { background-image: url(../system/silver-shadow/advertising-video/title.png); } #silver-shadow-goodies .title { background-image: url(../system/silver-shadow/goodies/title.png); } #silver-shadow-altitude-index .title { background-image: url(../system/silver-shadow-altitude/index/title.png); } #silver-shadow-altitude-news .title { background-image: url(../system/silver-shadow-altitude/news/title.png); } #silver-shadow-altitude-fragrance .title { background-image: url(../system/silver-shadow-altitude/fragrance/title.png); } #silver-shadow-altitude-design .title { background-image: url(../system/silver-shadow-altitude/design/title.png); } #silver-shadow-altitude-range .title { background-image: url(../system/silver-shadow-altitude/range/title.png); } #silver-shadow-altitude-advertising .title { background-image: url(../system/silver-shadow-altitude/advertising/title.png); } #silver-shadow-altitude-advertising-tv .title { background-image: url(../system/silver-shadow-altitude/advertising-tv/title.png); } #silver-shadow-altitude-advertising-print .title { background-image: url(../system/silver-shadow-altitude/advertising-print/title.png); } #silver-shadow-altitude-advertising-video .title { background-image: url(../system/silver-shadow-altitude/advertising-video/title.png); } #silver-shadow-altitude-goodies .title { background-image: url(../system/silver-shadow-altitude/goodies/title.png); } #silver-shadow-private-index .title { background-image: url(../system/silver-shadow-private/index/title.png); } #silver-shadow-private-news .title { background-image: url(../system/silver-shadow-private/news/title.png); } #silver-shadow-private-fragrance .title { background-image: url(../system/silver-shadow-private/fragrance/title.png); } #silver-shadow-private-design .title { background-image: url(../system/silver-shadow-private/design/title.png); } #silver-shadow-private-range .title { background-image: url(../system/silver-shadow-private/range/title.png); } #silver-shadow-private-advertising .title { background-image: url(../system/silver-shadow-private/advertising/title.png); } #silver-shadow-private-advertising-tv .title { background-image: url(../system/silver-shadow-private/advertising-tv/title.png); } #silver-shadow-private-advertising-print .title { background-image: url(../system/silver-shadow-private/advertising-print/title.png); } #silver-shadow-private-advertising-video .title { background-image: url(../system/silver-shadow-private/advertising-video/title.png); } #silver-shadow-private-goodies .title { background-image: url(../system/silver-shadow-private/goodies/title.png); } .layoutBodyInner .bodytext { position: absolute; top: 146px; left: 0; width: 264px; text-align: right; text-shadow: 0px 0px 4px #333; } .hot-water h1, .hot-water h2, .hot-water h3, .hot-water .news-title, .hot-water .news-text, .hot-water .ad-title, .hot-water .ad-text, .hot-water .panes, .hot-water .dl-title, .hot-water .dl-text, .hot-water .dl-links, .hot-water .dl-links a, .hot-water .bodytext p, .hot-water p { color: #000; text-shadow: 0px 0px 4px #fff; filter: DropShadow(Color=#46ffffff, OffX=1, OffY=1); zoom:1; } .hot-water .dl-title, .hot-water .dl-text, .hot-water .dl-links { color: #000; } .hot-water .rangetitle h1, .hot-water .rangetitle h2, .hot-water .rangetitle p { color: #fff !important; text-shadow: 0px 0px 4px #000 !important; filter: progid:DXImageTransform.Microsoft.shadow(direction=135,color=#000000,strength=2) ; zoom:1; } .cool-water h1, .cool-water h2, .cool-water h3, .cool-water .news-title, .cool-water .news-text, .cool-water .ad-title, .cool-water .ad-text, .cool-water .panes, .cool-water .dl-title, .cool-water .dl-text, .cool-water .dl-links, .cool-water .rangetitle, .cool-water p { text-shadow: 0px 0px 4px #146286; filter: progid:DXImageTransform.Microsoft.shadow(direction=135,color=#146286,strength=2); zoom:1; } .cool-water-woman h1, .cool-water-woman h2, .cool-water-woman h3, .cool-water-woman .news-title, .cool-water-woman .news-text, .cool-water-woman .ad-title, .cool-water-woman .ad-text, .cool-water-woman .panes, .cool-water-woman .dl-title, .cool-water-woman .dl-text, .cool-water-woman .dl-links, .cool-water-woman .dl-links a, .cool-water-woman .rangetitle, .cool-water-woman p { color: #000 !important; text-shadow: 0px 0px 4px #fff; filter: progid:DXImageTransform.Microsoft.shadow(direction=135,color=#ffffff,strength=2); zoom:1; } .champion h1, .champion h2, .champion h3, .champion .news-title, .champion .news-text, .champion .ad-title, .champion .ad-text, .champion .panes, .champion .dl-title, .champion .dl-text, .hot-water .dl-links, .champion .rangetitle, .champion p { text-shadow: 0px 0px 4px #000; filter: progid:DXImageTransform.Microsoft.shadow(direction=135,color=#000000,strength=2); zoom:1; } .champion .news-title, .champion .news-text { color: #000 !important; text-shadow: 1px 1px 1px #fff !important; filter: progid:DXImageTransform.Microsoft.shadow(direction=135,color=#ffffff,strength=2) ; zoom:1; } .champion .rangetitle h1, .champion .rangetitle h2, .champion .rangetitle p { color: #fff !important; text-shadow: 0px 0px 4px #000 !important; filter: progid:DXImageTransform.Microsoft.shadow(direction=135,color=#000000,strength=2) ; zoom:1; } .adventure h1, .adventure h2, .adventure h3, .adventure .news-title, .adventure .news-text, .adventure .ad-title, .adventure .ad-text, .adventure .panes, .adventure .dl-title, .adventure .dl-text, .adventure .dl-links, .advetnure .rangetitle, .adventure p { text-shadow: 0px 0px 4px #4d2108; filter: progid:DXImageTransform.Microsoft.shadow(direction=135,color=#4d2108,strength=2); zoom:1; } .adventure-eau-fraiche h1, .adventure-eau-fraiche h2, .adventure-eau-fraiche h3, .adventure-eau-fraiche .news-title, .adventure-eau-fraiche .news-text, .adventure-eau-fraiche .ad-title, .adventure-eau-fraiche .ad-text, .adventure-eau-fraiche .panes, .adventure-eau-fraiche .dl-title, .adventure-eau-fraiche .dl-text, .adventure-eau-fraiche .dl-links, .adventure-eau-fraiche .rangetitle, .adventure-eau-fraiche p { text-shadow: 0px 0px 4px #456845; filter: progid:DXImageTransform.Microsoft.shadow(direction=135,color=#456845,strength=2); zoom:1; } .silver-shadow h1, .silver-shadow h2, .silver-shadow h3, .silver-shadow .news-title, .silver-shadow .news-text, .silver-shadow .ad-title, .silver-shadow .ad-text, .silver-shadow .panes, .silver-shadow .dl-title, .silver-shadow .dl-text, .silver-shadow .dl-links, .silver-shadow .rangetitle, .silver-shadow p { text-shadow: 0px 0px 4px #000; filter: progid:DXImageTransform.Microsoft.shadow(direction=135,color=#000000,strength=2); zoom:1; } .silver-shadow-altitude h1, .silver-shadow-altitude h2, .silver-shadow-altitude h3, .silver-shadow-altitude .news-title, .silver-shadow-altitude .news-text, .silver-shadow-altitude .ad-title, .silver-shadow-altitude .ad-text, .silver-shadow-altitude .panes, .silver-shadow-altitude .dl-title, .silver-shadow-altitude .dl-text, .silver-shadow-altitude .dl-links, .silver-shadow-altitude .rangetitle, .silver-shadow-altitude p { text-shadow: 0px 0px 4px #69798a; filter: progid:DXImageTransform.Microsoft.shadow(direction=135,color=#69798a,strength=2); zoom:1; } .silver-shadow-private h1, .silver-shadow-private h2, .silver-shadow-private h3, .silver-shadow-private .news-title, .silver-shadow-private .news-text, .silver-shadow-private .ad-title, .silver-shadow-private .ad-text, .silver-shadow-private .panes, .silver-shadow-private .dl-title, .silver-shadow-private .dl-text, .silver-shadow-private .dl-links, .silver-shadow-private .rangetitle, .silver-shadow-private p { text-shadow: 0px 0px 4px #140f1d; filter: progid:DXImageTransform.Microsoft.shadow(direction=135,color=#140f1d,strength=2); zoom:1; } #layoutNavigationMain { position: absolute; top: 50px; left: 46px; background: transparent; } .layoutNavigationMainInner{ text-align: left; width: 941px; } #navigation-main { display: block; list-style: none; text-transform: uppercase; font-weight: bold; color: #ccc; font-size: 11px; margin: 0; } #navigation-main li { display: inline-block; margin: 0; padding: 0; vertical-align: top; text-align: center; float: left; } #navigation-main #n-hot-water { width: 68px; margin: 0; text-align: left; } #navigation-main #n-cool-water { width: 100px; margin: 0; } #navigation-main #n-cool-water-woman { width: 90px; margin: 0; } #navigation-main #n-champion { width: 84px; margin: 0; } #navigation-main #n-champion-energy { width: 84px; margin: 0; } #navigation-main #n-adventure { width: 94px; margin: 0; } #navigation-main #n-adventure-eau-fraiche { width: 88px; margin: 0; } #navigation-main #n-silver-shadow { width: 110px; margin: 0; } #navigation-main #n-silver-shadow-altitude { width: 104px; margin: 0; } #navigation-main #n-silver-shadow-private { width: 110px; margin: 0; } #navigation-main li a { display: block; height: 42px; padding: 12px 0 0 0; text-decoration: none; color: #fff; line-height: 1.2em; outline: 0; background: 0 -1000px no-repeat url(../system/default/fragrances-logo-sprite-fff.png); } #navigation-main li li a { background-image: none !important; } #n-hot-water a:hover, #n-hot-water.selected a { background-position: 0 4px; } #n-cool-water a:hover, #n-cool-water.selected a { background-position: -67px 11px; } #n-cool-water-woman a:hover, #n-cool-water-woman.selected a { background-position: -167px 6px; } #n-champion a:hover, #n-champion.selected a { background-position: -257px 14px; } #n-champion-energy a:hover, #n-champion-energy.selected a { background-position: -348px 14px; } #n-adventure a:hover, #n-adventure.selected a { background-position: -432px 14px; } #n-adventure-eau-fraiche a:hover, #n-adventure-eau-fraiche.selected a { background-position: -527px 12px; } #n-silver-shadow a:hover, #n-silver-shadow.selected a { background-position: -617px 12px; } #n-silver-shadow-altitude a:hover, #n-silver-shadow-altitude.selected a { background-position: -728px 12px; } #n-silver-shadow-private a:hover, #n-silver-shadow-private.selected a { background-position: -829px 12px; } #navigation-main li a:hover, #navigation-main li.selected a { color: transparent; } #navigation-main li a span { display: block; } #navigation-main li a:hover span { display: none; } #navigation-main ul li a span:hover { display: block; color: #ccc; } #navigation-main ul li a.active { font-weight: bold; } #navigation-main ul li a.active span { display: block; cursor: default; } #navigation-main li.selected a span { display: none; } #navigation-main li a:hover { color: transparent; } #navigation-main ul { display: none; list-style: none; margin: 0; padding: 20px 0 0 0; background: center 6px no-repeat url(../system/default/subnav-bg.png); font-weight: normal; font-size: 12px; position:relative; top: -8px; } #navigation-main .selected ul { display: block; } #navigation-main #n-hot-water ul { left: -28px; background-position: 0 6px; background-image: url(../system/default/subnav-bg-000.png); } #navigation-main #n-cool-water ul {} #navigation-main #n-cool-water-woman ul {} #navigation-main #n-champion ul {} #navigation-main #n-champion-energy ul {} #navigation-main #n-adventure ul {} #navigation-main # #navigation-main #n-silver-shadow ul {} #navigation-main # #navigation-main # #navigation-main #n-hot-water ul li a { width: 67px; } #navigation-main #n-hot-water ul li a span { color: #000; } #navigation-main #n-cool-water ul li a { width: 100px; } #navigation-main #n-cool-water-woman ul li a { width: 90px; } #navigation-main #n-champion ul li a { width: 84px; } #navigation-main #n-champion-energy ul li a { width: 84px; } #navigation-main #n-adventure ul li a { width: 94px; } #navigation-main #n-adventure-eau-fraiche ul li a { width: 88px; } #navigation-main #n-silver-shadow ul li a { width: 110px; } #navigation-main #n-silver-shadow-altitude ul li a { width: 104px; } #navigation-main #n-silver-shadow-private ul li a { width: 110px; } #navigation-main ul li { position: relative; top: 0; left: 0; margin: 0; } #navigation-main li ul li a, #navigation-main li.selected ul li a, #navigation-main ul li a { width: 100px; height: 14px; padding:0; background: none; } #navigation-main li ul li a span, #navigation-main li.selected ul li a span { display: block; font-size: 11px; color: #fff; } #layoutFoot { position:fixed; bottom: 0; left: 0; width: 100%; min-width: 480px; height: 22px; background: 0 0 repeat-x url(../system/default/footer-bg.png); z-index: 2; clear: both; } .layoutPageFootInner { position: absolute; bottom: 0; width: 100%; height: 22px; } .languageSelection { display: block; margin: 0 0 0 10px; } .navigationSeparator { float: left; width: 1px; height: 10px; margin: 6px 10px 6px 0; background: #3f3f3f; } .languageSelection ul, .navigationFoot ul { float: left; list-style: none; text-transform: uppercase; color: #777; font-size: 10px; } .languageSelection li, .navigationFoot li { display: inline; line-height: 22px; } .languageSelection li a, .navigationFoot li a { color: #777; text-decoration: none; padding: 0 10px 0 0; } .languageSelection li a:hover, .navigationFoot li a:hover{ color: #fff; text-decoration: none; } .navigationFoot { padding: 0 0 0 10px; } .navigationFoot li a.store-locator { padding: 0 0 0 4px; color: #bbb; } .navigationFoot li a.store-locator:hover { color: #fff; } .socialFoot ul{ float: right; list-style: none; text-transform: uppercase; color: #777; font-size: 10px; } .socialFoot li{ float: left; height: 22px; line-height: 22px; } .socialFoot li a{ display: block; color: #777; text-decoration: none; padding: 0 10px 0 0; height: 22px; } span.socialnavigationSeparator { float: left; width: 1px; height: 10px; margin: 6px 10px 6px 0; background: #3f3f3f; } .socialFoot #yt{ background: 0 0 no-repeat url(../system/default/youtube.png); width: 49px; height: 0; padding: 20px 0 0 0; margin: 1px 2px 0 0; overflow: hidden; } .socialFoot #fb{ background: 0 0 no-repeat url(../system/default/facebook.png); width: 20px; height: 20px; margin: 1px 4px 0 0; overflow: hidden; } .socialFoot #fblink{ display: block; width: 20px; height: 0; padding: 20px 0 0 0; overflow: hidden; } .socialFoot #yt:hover, .socialFoot #fb:hover{ background-position: 0 -20px; } .socialFoot li a:hover{ color: #fff; text-decoration: none; } #fbdefault { position: absolute; bottom: 21px; right: -9999em; width: 200px; height: 323px; background: 0 0 no-repeat url(../system/default/fb-bg.png); list-style: none; } #fbdefault li { display: block; float: none; margin: 0 0 0 10px; width: 170px; } #fbdefault li:first-child { padding: 10px 0; } #fbdefault li h3 { font-size: 12px; } #fbdefault li a { padding: 0 0 0 20px; } .socialFoot #fb:hover #fbdefault { right: 5px; } .layoutBodyInner .bottles { position: absolute; top: 0; left: 310px; width: 302px; height: 448px; overflow: hidden; } .layoutBodyInner .news { position: absolute; top: 0; left: 656px; width: 200px; height: 448px; overflow: hidden; } .layoutBodyInner .news-item { margin: 0 0 16px 0; } .layoutBodyInner .news a { text-decoration: none; line-height: 13px; color: #fff; } #hot-water-index .news { margin: 0 0 0 0; } #cool-water-index .news { margin: 0 0 0 0; } #cool-water-index .news a { color: #fff; } #champion-energy-index .news a { color: #000; } .layoutBodyInner .news a .news-title { display: inline-block; font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 0 0 6px 0; } .layoutBodyInner .news-img { display: block; padding: 1px; margin: 0 0 2px 0; background: 0 0 no-repeat url(../system/default/news-frame.png); position: relative; } .layoutBodyInner .news-img .plus { position: absolute; top: 20px; left: 122px; display: block; width: 13px; height: 13px; background: 0 0 no-repeat url(../system/default/plus.png); z-index: 23; } .layoutBodyInner .news-text { margin: 0 0 0 1px; } .layoutBodyInner .fragrance-img { position: absolute; top: 0; left: 266px; width: 217px; height: 450px; overflow: hidden; } .layoutBodyInner .fragrance-desc-img { position: absolute; top: 0; left: 483px; width: 217px; height: 380px; overflow: hidden; } .layoutBodyInner .fragrance-desc-img .desc-img { margin: 0 0 40px 0; } .layoutBodyInner .fragrance-desc { position: absolute; top: 0; left: 700px; width: 200px; height: 380px; overflow: hidden; } .layoutBodyInner .fragrance-desc .desc { height: 125px; overflow: hidden; } .layoutBodyInner .fragrance-desc-img .desc-img { float: left; width: 217px; } .layoutBodyInner .fragrance-desc-img .desc-img img { border: 1px solid #fff; } .layoutBodyInner .fragrance-desc .desc-text { float: left; width: 200px; } .layoutBodyInner .fragrance-desc .desc-text h1 { display:inline-block; font-size:11px; font-weight:bold; padding:0 0 6px; text-transform:uppercase; } #champion-fragrance .fragrance-desc { color: #000 !important; } #champion-fragrance .fragrance-desc p { text-shadow: 1px 1px 1px #fff !important; filter: progid:DXImageTransform.Microsoft.shadow(direction=135,color=#ffffff,strength=1) ; zoom:1; } #champion-energy-fragrance .fragrance-desc { color: #000 !important; } #champion-energy-fragrance .fragrance-desc p { text-shadow: 1px 1px 1px #fff !important; filter: progid:DXImageTransform.Microsoft.shadow(direction=135,color=#ffffff,strength=1) ; zoom:1; } #reel-wrap { position: absolute; left: 450px; top: 0; width: 240px; height: 380px; padding: 1px; overflow: hidden; background-position: center center; background-repeat: no-repeat; } #reel { position: absolute; left: 1px; top: 1px; width: 240px; height: 380px; z-index: 2; cursor: e-resize; } #loader { position: absolute; left: 1px; top: 1px; width: 240px; height: 380px; z-index: 1; } #reel-icon { position: absolute; left: 515px; top: 400px; width: 40px; height: 25px; } #champion-design #reel-wrap { left: 320px; } #champion-design #reel-wrap, #champion-design #reel, #champion-design #loader { width: 498px; } #champion-energy-design #reel-wrap { left: 320px; } #champion-energy-design #reel-wrap, #champion-energy-design #reel, #champion-energy-design #loader { width: 498px; } #hot-water-design #reel-icon { left: 538px; } #cool-water-woman-design #reel-icon { left: 534px; } #champion-design #reel-icon { left: 561px; } #champion-energy-design #reel-icon { left: 561px; } #adventure-design #reel-icon { left: 564px; } #adventure-eau-fraiche-design #reel-icon { left: 538px; } #silver-shadow-design #reel-icon { left: 564px; } #silver-shadow-altitude-design #reel-icon { left: 558px; } #silver-shadow-private-design #reel-icon { left: 568px; } #champion-design #reel-wrap { } .rangetitle { width: 236px; padding: 8px 0 32px 0; position: relative; top: -24px; text-align: center; background: center 0 no-repeat url(../system/default/range-bg.png); } .rangetitle h1 { display: block; font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 0 0 3px 0; } .rangetitle h2 { display: block; font-size: 11px; font-weight: normal; text-transform: uppercase; padding: 0 0 3px 0; } .rangetitle p { margin: 0 0 0 1px; } .hot-water .rangetitle { left: -73px; } .cool-water .rangetitle { left: -73px; } .cool-water-woman .rangetitle { left: -73px; background-image: url(../system/default/range-bg-000.png); } .champion .rangetitle { left: -73px; } .adventure .rangetitle { left: -64px; } .adventure-eau-fraiche .rangetitle { left: -58px; } .silver-shadow .rangetitle { left: -61px; } .silver-shadow-altitude .rangetitle { left: -52px; } .silver-shadow-private .rangetitle { left: -52px; } #mtness{} .rangetitle { width: 236px; padding: 8px 0 0 0; position: relative; top: -24px; text-align: center; background: center 0 no-repeat url(../system/default/range-bg.png); } .rangetitle h1 { display: block; font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 0 0 3px 0; } .rangetitle h2 { display: block; font-size: 11px; font-weight: normal; text-transform: uppercase; padding: 0 0 3px 0; } .rangetitle p { margin: 0 0 0 1px; } .hot-water .rangetitle { left: -73px; } .cool-water .rangetitle { left: -73px; } .cool-water-woman .rangetitle { left: -73px; background-image: url(../system/default/range-bg-000.png); } .champion .rangetitle { left: -73px; } .champion-energy .rangetitle { left: -73px; } .adventure .rangetitle { left: -64px; } .adventure-eau-fraiche .rangetitle { left: -58px; } .silver-shadow .rangetitle { left: -61px; } .silver-shadow-altitude .rangetitle { left: -52px; } .silver-shadow-private .rangetitle { left: -52px; } #mtness{} .layoutBodyInner #ad-wrap { position: absolute; top: 0; left: 310px; width: 477px; clear: both; } .layoutBodyInner #player { float: left; clear: left; width: 477px; padding: 0 0 20px 0; } .layoutBodyInner #tabs { float: left; clear: left; width: 475px; height: 255px; overflow: hidden; padding: 0 0 20px 0; } #tabnav { position: absolute; top: 0; right: 0; width: 85px; height: 256px; overflow: hidden; } #tabnav .tabs { } #tabs .tabs li { display: block; width: 83px; height: 34px; margin: 0 0 6px 0; padding: 1px; background: 0 0 no-repeat url(../system/default/tab-bg.png); } #tabs .panes { position: absolute; top: 0; left: 0; width: 346px; height: 285px; overflow: hidden; } #tabs .panes a { display: block; padding: 1px; background: 0 0 no-repeat url(../system/default/ad-bg.png); } #player .panes a { display: block; padding: 1px; background: 0 0 no-repeat url(../system/default/single-ad-bg.png); } #player .panes .zoomin, #tabs .panes .zoomin { display: block; position: absolute; right: 0; width: 32px; height: 32px; background: 0 0 no-repeat url(../system/default/lupe.png); } #player .panes .zoomin { top: 234px; } #tabs .panes .zoomin { top: 202px; } #tabs .panes img { display: block; } .layoutBodyInner .advertising, .layoutBodyInner .advertising-tv, .layoutBodyInner .advertising-print, .layoutBodyInner .advertising-video { float: left; width: 540px; height: 160px; overflow: hidden; clear: both; } .layoutBodyInner .ad-item { margin: 0 34px 16px 0; width: 140px; float: left; } .layoutBodyInner .ad-item a { text-decoration: none; line-height: 13px; color: #fff; } .layoutBodyInner .ad-title { display: inline-block; font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 0 0 6px 0; } .layoutBodyInner .ad-img { display: block; padding: 1px; margin: 0 0 2px 0; background: 0 0 no-repeat url(../system/default/news-frame.png); position: relative; } .layoutBodyInner .ad-img .plus { position: absolute; top: 20px; left: 122px; display: block; width: 13px; height: 13px; background: 0 0 no-repeat url(../system/default/plus.png); z-index: 23; } .layoutBodyInner .ad-text { display: inline-block; width: 130px; margin: 0 0 0 1px; height: 64px; } .layoutBodyInner .ad-links { margin: 6px 0 0 0; display: inline-block; width: 130px; } .layoutBodyInner .ad-links a { font-size: 11px; color: #fff; text-decoration: none; } .layoutBodyInner .goodies { position: absolute; top: 50px; left: 307px; width: 540px; height: 380px; overflow: hidden; clear: both; } .layoutBodyInner .dl-item { margin: 0 24px 16px 0; width: 140px; float: left; } .layoutBodyInner .dl a { text-decoration: none; line-height: 13px; color: #fff; } .layoutBodyInner .dl-title { display: inline-block; font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 0 0 6px 0; } .layoutBodyInner .dl-text { display: inline-block; width: 130px; margin: 0 0 0 1px; height: 56px; border-bottom: 1px solid #fff; } .layoutBodyInner .dl-links a { font-size: 11px; color: #fff; text-decoration: none; } .tabnav { list-style: none; height: 72px; margin: 6px 0 0 0; } .tabnav li { display: inline-block; float: left; margin: 6px 9px 0 0; } .goodies .panes { border-top: 1px solid #fff; width: 130px; } .layoutBodyInner .dl-img { display: block; margin: 12px 0 0 0; padding: 1px; background: 0 0 no-repeat url(../system/default/news-frame.png); position: relative; } .layoutBodyInner .dl-img .zoomin { display: block; position: absolute; top: 22px; right: 0; width: 32px; height: 32px; background: 0 0 no-repeat url(../system/default/lupe.png); } .layoutBodyInner .dl-img img { display: inline-block; } .layoutBodyInner .dl-links { margin: 12px 0 0 0; border-top: 1px solid #fff; padding: 12px 0 0 0; display: inline-block; width: 130px; } #hot-water-goodies .dl-title, #hot-water-goodies .dl-links, #hot-water-goodies .dl-text { text-shadow: 0px 0px 4px #fff; } #hot-water-goodies .dl-links a { color: #000 !important; text-shadow: 0px 0px 4px #fff; }#hot-water-goodies .dl-title, #cool-water-woman-goodies .dl-title, #cool-water-woman-goodies .dl-links, #cool-water-woman-goodies .dl-text { text-shadow: 0px 0px 4px #fff; } #cool-water-woman-goodies .dl-links a { color: #000 !important; text-shadow: 0px 0px 4px #fff; } .video-js-box { text-align: left; position: relative; } video.video-js { background-color: #000; position: relative; } .video-js-box.vjs-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; } .video-js-box.vjs-fullscreen video.video-js { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; } .video-js-box.vjs-fullscreen .vjs-controls { z-index: 1002; } .vjs-poster { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .vjs-controls { list-style: none; position: absolute; margin: 0; border: none; opacity: 0.85; color: #fff; display: none; left: 0; right: 0; height: 35px; padding-left: 35px; padding-right: 165px; } .video-js-box.vjs-controls-below .vjs-controls { background-color: #000; } .vjs-controls > li { position: absolute; list-style: none; float: left; padding: 0; text-align: center; height: 25px; margin: 5px 0 0 0; background-color: #0B151A; background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px; background: #1F3744 -moz-linear-gradient(top, #0B151A, #1F3744) left 12px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; -moz-box-shadow: 1px 1px 2px #000; } .vjs-controls > li.vjs-play-control { width: 25px; left: 5px; } .vjs-controls > li.vjs-progress-control { width: 100%; position: relative; } .vjs-controls > li.vjs-time-control { width: 75px; right: 90px; } .vjs-controls > li.vjs-volume-control { width: 50px; right: 35px; } .vjs-controls > li.vjs-fullscreen-control { width: 25px; right: 5px; } .vjs-controls > li.vjs-progress-control { border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; } .vjs-controls > li.vjs-time-control { border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; } .vjs-play-control { cursor: pointer !important; } .vjs-play-control span { display: block; font-size: 0; line-height: 0; } .vjs-play-control.vjs-play span { width: 0; height: 0; margin: 8px 0 0 8px; border-left: 10px solid #fff; border-top: 5px solid rgba(0,0,0,0); border-bottom: 5px solid rgba(0,0,0,0); } .vjs-play-control.vjs-pause span { width: 3px; height: 10px; margin: 8px auto 0; border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff; } .vjs-progress-holder { position: relative; list-style: none; padding: 0; overflow:hidden; cursor: pointer !important; height: 9px; border: 1px solid #777; margin: 7px 1px 0 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .vjs-progress-holder li { position: absolute; display: block; width: 0; height: 9px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .vjs-play-progress { background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777)); background: -moz-linear-gradient(top, #fff, #777); } .vjs-load-progress { opacity: 0.8; background-color: #555; background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#aaa)); background: -moz-linear-gradient(top, #555, #aaa); } .vjs-controls .vjs-time-control { font-size: 10px; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; } .vjs-controls .vjs-time-control span { line-height: 25px; } .vjs-volume-control { cursor: pointer !important; } .vjs-volume-control ul { list-style: none; display: block; margin: 0 5px 0 5px; padding: 4px 0 0 0; } .vjs-volume-control ul li { list-style: none; float: left; padding: 0; margin: 0 2px 0 0; width: 5px; height: 0px; border-bottom: 18px solid #555; } .vjs-volume-control ul li.vjs-volume-level-on { border-color: #fff; } .vjs-volume-control ul li:nth-child(1) { border-bottom-width: 2px; height: 16px; } .vjs-volume-control ul li:nth-child(2) { border-bottom-width: 4px; height: 14px; } .vjs-volume-control ul li:nth-child(3) { border-bottom-width: 7px; height: 11px; } .vjs-volume-control ul li:nth-child(4) { border-bottom-width: 10px; height: 8px; } .vjs-volume-control ul li:nth-child(5) { border-bottom-width: 14px; height: 4px; } .vjs-volume-control ul li:nth-child(6) { margin-right: 0; } .vjs-fullscreen-control { cursor: pointer !important; } .vjs-fullscreen-control ul { list-style: none; padding: 0; text-align: left; vertical-align: top; cursor: pointer !important; margin: 5px 0 0 5px; width: 20px; height: 20px; } .vjs-fullscreen-control ul li { list-style: none; float: left; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 0; text-align: left; vertical-align: top; } .vjs-fullscreen-control ul li:nth-child(1) { margin-right: 3px; margin-bottom: 3px; border-top: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); } .vjs-fullscreen-control ul li:nth-child(2) { border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); } .vjs-fullscreen-control ul li:nth-child(3) { clear: both; margin: 0 3px 0 0; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); } .vjs-fullscreen-control ul li:nth-child(4) { border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); } .vjs-fullscreen .vjs-fullscreen-control ul li:nth-child(1) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); } .vjs-fullscreen .vjs-fullscreen-control ul li:nth-child(2) { border: none; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); } .vjs-fullscreen .vjs-fullscreen-control ul li:nth-child(3) { border: none; border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); } .vjs-fullscreen .vjs-fullscreen-control ul li:nth-child(4) { border: none; border-top: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); } .vjs-no-video { font-size: small; } #imprint { width: 520px; } #imprint h1, #imprint h2 { text-transform: uppercase; font-size: 14px; font-weight: bold; } #imprint h3 { text-transform: uppercase; font-size: 12px; font-weight: bold; } #imprint p { font-size: 11px; } #imprint a { color:#fff; } .upper { text-transform: uppercase; } #imprint .copy h1 { margin: 0 0 24px 0; } #imprint .address { margin: 0 0 48px 0; } #imprint ul ul { padding: 0 0 0 24px; } #imprint .toc { padding: 0 0 128px 0; } @media screen and (max-device-width: 1024px) { #wrapper { height:100%; position:relative; z-index:1; width:100%; overflow: auto; } #scroller { width:100%; } } #sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message { font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:200; color:#fff; } #sb-container { position:fixed; margin:0; padding:0; top:0; left:0; z-index:999; text-align:left; visibility:hidden; display:none; } #sb-overlay { position:relative; height:100%; width:100%; } #sb-wrapper { position:absolute; visibility:hidden; width:100px; } #sb-wrapper-inner { position:relative; border:0px solid #303030; overflow:hidden; height:100px; } #sb-body { position:relative; height:100%; } #sb-body-inner { position:absolute; height:100%; width:100%; } #sb-player.html { height:100%; overflow:auto; } #sb-body img { border:none; } #sb-loading { position:relative; height:100%; } #sb-loading-inner { position:absolute; font-size:14px; line-height:16px; height:16px; top:50%; margin-top:-8px; width:100%; text-align:center; background: center no-repeat url(../system/default/shadowbox/loading.gif); } #sb-loading-inner span { display:inline-block; } #sb-body,#sb-loading { background-color:#060606; } #sb-title, #sb-info { position:relative; margin:0; padding:0; overflow:hidden; } #sb-title,#sb-title-inner { height:26px; line-height:26px; } #sb-info,#sb-info-inner { height:20px; line-height:20px; margin: 8px 0; text-align: center; } #sb-title-inner, #sb-info-inner { margin: 4px 0 0 4px; font-size:12px; display: inline-block; } .sb-nav { height:16px; padding:2px 0; display: inline; } .sb-nav a { display:inline-block; height:20px; width:20px; margin-left:3px; cursor:pointer; background-repeat:no-repeat; } #sb-title .sb-nav { float: right; } #sb-nav-close { background-image:url(../system/default/shadowbox/close.png); } #sb-nav-next { background-image:url(../system/default/arrow-right.png); filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; } #sb-nav-previous { background-image:url(../system/default/arrow-left.png); filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; } #sb-nav-next:hover, #sb-nav-previous:hover { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } #sb-nav-play { background-image:url(../system/default/shadowbox/play.png); } #sb-nav-pause { background-image:url(../system/default/shadowbox/pause.png); } #sb-counter { display: inline-block; line-height: 16px; } #sb-counter a { display:inline-block; text-decoration:none; cursor:pointer; color: #000; font-size: 9px; height: 20px; width: 20px; margin: 0 0 0 1px; padding:1px 0 0 1px; display: table-cell; vertical-align: middle; background: 0 0 no-repeat url(../system/default/circle.png); filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; } #sb-counter a:hover { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } #sb-counter a.sb-counter-current { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } div.sb-message { font-size:12px; padding:10px; text-align:center; } div.sb-message a:link,div.sb-message a:visited { color:#fff; text-decoration:underline; } #sitemap.layoutBodyInner { left: 46px; min-height: 370px; position: absolute; top: 120px; width: 941px; } #sitemap h1 { display:inline-block; font-size:12px; font-weight:bold; margin: 0 0 4px 0; padding:0 0 6px; text-transform:uppercase; } #sitemap-index { display: block; list-style: none; text-transform: uppercase; font-weight: bold; color: #ccc; font-size: 10px; margin: 0 0 32px 0; } #sitemap-index li a { display: block; text-decoration: none; color: #fff; line-height: 1.2em; outline: 0; margin: 0 0 4px 0; } #sitemap-main { display: block; list-style: none; text-transform: uppercase; font-weight: bold; color: #ccc; font-size: 10px; margin: 0; } #sitemap-main li { display: inline-block; margin: 0; padding: 0; vertical-align: top; text-align: left; float: left; width: 93px; } #sitemap-main li a { display: block; height: 42px; padding: 12px 0 0 0; text-decoration: none; color: #fff; line-height: 1.2em; outline: 0; } #sitemap-main li a:hover, # #sitemap-main li a span { display: block; -moz-opacity: 0.8; opacity: 0.8; } #sitemap-main li a: #sitemap-main ul li a span:hover { display: block; -moz-opacity: 1.0; opacity: 1.0; } #sitemap-main ul li a.active span { display: block; -moz-opacity: 0.9; opacity: 0.9; cursor: default; } # #sitemap-main li a: #sitemap-main ul { display: block !important; list-style: none; margin: 0; padding: 16px 0 0 4px; font-weight: normal; font-size: 11px; position:relative; top: -8px; } #sitemap-main #s-hot-water ul {} #sitemap-main #s-cool-water ul {} #sitemap-main #s-cool-water-woman ul {} #sitemap-main #s-champion ul {} #sitemap-main #s-champion-energy ul {} #sitemap-main #s-adventure ul {} #sitemap-main # #sitemap-main #s-silver-shadow ul {} #sitemap-main # #sitemap-main # #sitemap-main ul li { position: relative; top: 0; left: 0; margin: 0; } #sitemap-main li ul li a, #sitemap-main li.selected ul li a, #sitemap-main ul li a { width: 100px; height: 14px; padding:0; background: none; } #sitemap-main li ul li a span, #sitemap-main li.selected ul li a span { display: block; font-size: 10px; color: #888; padding: 0 0 0 4px; } #quiz { position: absolute; top: 10px; left: 170px; width: 480px; height: 310px; padding: 10px; text-transform: uppercase; } .adventure #quiz { background: rgba(0,0,0,0.5); } .adventure-eau-fraiche #quiz { background: rgba(0,0,0,0.6); } #quiz .tabs { display: none; } .adventure #quiz .panes { text-shadow:0 0 0 #4D2108; } .adventure-eau-fraiche #quiz .panes { text-shadow:0 0 0 #456845; } #quiz .pane { position: relative; } #quiz .question { position: absolute; top: 14px; left: 10px; width: 430px; color: #fff; font-size: 12px; line-height: 18px; font-weight: bold; } #quiz .counter { position: absolute; top: 0; right: 0; color: #999; font-size: 11px; } #quiz .answers { position: absolute; top: 110px; left: 30px; width: 420px; color: #999; font-weight: bold; line-height: 18px; } #quiz .answers div { margin: 16px 0; } #quiz .answers a { color: #A9ADB0; font-size: 11px; text-decoration: none; } #quiz .answers a:hover { color: #fff; } .adventure #quiz.resultmode .answers .true.clicked, .adventure #quiz.resultmode .answers .true { color: #FF9600; } .adventure-eau-fraiche #quiz.resultmode .answers .true.clicked, .adventure-eau-fraiche #quiz.resultmode .answers .true { color: #7EE000; } #quiz.resultmode .answers .clicked { color: #FF0000; } #quiz .resnav { position: absolute; top: 290px; left: 0; width: 100%; text-align: center; } #quiz.quizmode .resnav { display: none; } #quiz.resultmode .resnav { display: block; } #quiz .resnav .again { display: inline; } #quiz .resnav .prev{ float: left; } #quiz .resnav .next{ float: right; } #quiz .resnav .prev a, #quiz .resnav .next a { display: block; width: 18px; height: 0; padding: 18px 0 0 0; overflow: hidden; } #quiz .resnav .prev a { background: 0 0 no-repeat url(../system/default/quiz_prev.png); } #quiz .resnav .next a { background: 0 0 no-repeat url(../system/default/quiz_next.png); } #quiz .congrats { position: absolute; top: 15px; left: 175px; } #quiz .congrats h1, #quiz .congrats h2{ font-size: 14px; font-weight: bold; line-height: 30px; } #quiz .congrats .count { font-size: 42px; font-weight: normal; padding: 32px 0; } #quiz .count input { font-family:Helvetica,Arial,sans-serif; font-size: 42px; background: none; color: #fff; width: 36px; float: left; display: inline; } #quiz .congrats #again, #quiz .congrats #seeres { padding: 4px 0; } #quiz .resnav .again a, #quiz .congrats #again a, #quiz .congrats #seeres a { font-size: 11px; text-decoration: none; color: #A3A3A5; } #quiz .resnav .again a:hover, #quiz .congrats #again a:hover, #quiz .congrats #seeres a:hover { color: #fff; } #index-store-locator-standalone.layoutBodyInner, #index-store-locator.layoutBodyInner { left: 93px; height: 530px; position: absolute; top: 10px; width: 840px; } .sl-head { position: absolute; display: block; font-size: 11px; font-weight: bold; text-transform: uppercase; width: 100%; padding: 0 0 10px 0; background: bottom center no-repeat url(../system/default/sl-divider.png); } #index-store-locator-standalone .choose-region, #index-store-locator-standalone .results, #index-store-locator .choose-region, #index-store-locator .results { position: relative; } #index-store-locator-standalone .left, #index-store-locator .left { position: absolute; display: block; top: 42px; left: 0; height: 368px; width: 226px; z-index: 123; } #index-store-locator-standalone .right, #index-store-locator .right { display: block; position: absolute; top: 42px; right: 0; width: 582px; height: 368px; background: bottom center no-repeat url(../system/default/sl-world.jpg); } #index-store-locator-standalone .left p, #index-store-locator .left p { font-size: 11px; text-transform: uppercase; } #index-store-locator-standalone .choose-region select, #index-store-locator-standalone .choose-region input, #index-store-locator-standalone .choose-region button, #index-store-locator .choose-region select, #index-store-locator .choose-region input, #index-store-locator .choose-region button { width: 100%; text-transform: uppercase; } #index-store-locator-standalone .choose-region input, #index-store-locator-standalone .choose-region button, #index-store-locator .choose-region input, #index-store-locator .choose-region button { margin: 8px 0 0 0; } #index-store-locator-standalone .choose-region input[disabled], #index-store-locator-standalone .choose-region button[disabled], #index-store-locator-standalone .choose-region input[disabled="disabled"], #index-store-locator-standalone .choose-region button[disabled="disabled"], #index-store-locator .choose-region input[disabled], #index-store-locator .choose-region button[disabled], #index-store-locator .choose-region input[disabled="disabled"], #index-store-locator .choose-region button[disabled="disabled"] { opacity: .5; } #index-store-locator-standalone .type-city input, #index-store-locator .type-city input { width: 222px; border: 0; padding: 4px 2px; background: #6B6B6B; color: #BABABA; } #index-store-locator-standalone .submit button, #index-store-locator .submit button { font-size: 12px; border: 0; padding: 4px 2px; text-transform: uppercase; background: #BABABA; color: #6b6b6b; text-align: left; cursor: pointer; } #index-store-locator-standalone .submit button[disabled], #index-store-locator .submit button[disabled] { cursor: default; } #index-store-locator-standalone .results .back, #index-store-locator-standalone .results .new-search, #index-store-locator .results .back, #index-store-locator .results .new-search { font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0 0 8px 0; padding: 4px; background: #4a4a4a; color: #D0D0D0; cursor: pointer; } #index-store-locator-standalone .results .back:hover, #index-store-locator-standalone .results .new-search:hover, #index-store-locator .results .back:hover, #index-store-locator .results .new-search:hover { background: #696969; } #index-store-locator-standalone .results .left, #index-store-locator .results .left { background: #000; color: #D0D0D0; width: 250px; } #index-store-locator-standalone .results .left .result-list, #index-store-locator .results .left .result-list { width: 250px; height: 306px; overflow-y: auto; cursor: pointer; } .result-item { padding: 8px 2px; } .result-item .zip, .result-item .city, .map-container .zip, .map-container .city { display: inline; } .result-list .selected { background:#ccc; color: #000; } #index-store-locator-standalone .results .left .result-item:hover, #index-store-locator .results .left .result-item:hover { background: #4a4a4a; } #index-store-locator-standalone .results .right, #index-store-locator .results .right { background: #000; } .map { position: absolute; top:0; left:0; display:block; width:582px; height:368px; z-index:200; } .googleMapsInformations div { color: #000; } #index-store-locator-standalone .error-noCountries, #index-store-locator-standalone .error-noResults, #index-store-locator .error-noCountries, #index-store-locator .error-noResults{ display: block; position: absolute; top: 150px; left: 260px; border: 1px solid #fff; padding: 15px 25px; background: #000; text-transform: uppercase; font-weight: bold; } #index-store-locator-standalone .error-noCountries p, #index-store-locator-standalone .error-noResults p, #index-store-locator .error-noCountries p, #index-store-locator .error-noResults p { position: relative; line-height: 1.1; margin: 0; } #index-store-locator-standalone .error-noCountries a, #index-store-locator-standalone .error-noResults a, #index-store-locator .error-noCountries a, #index-store-locator .error-noResults a { text-decoration: none; color: #6B6B6B; } #index-store-locator-standalone .error-noCountries a:hover, #index-store-locator-standalone .error-noResults a:hover, #index-store-locator .error-noCountries a:hover, #index-store-locator .error-noResults a:hover { color: #fff; } #index-store-locator-standalone .error-noCountries .close, #index-store-locator-standalone .error-noResults .close, #index-store-locator .error-noCountries .close, #index-store-locator .error-noResults .close{ position: absolute; top: 3px; right: 5px; cursor: pointer; } #index-store-locator-standalone .print-results, #index-store-locator .print-results { position: absolute; bottom: 0; left: 0; width: 232px; height: 20px; background: #000; } #index-store-locator-standalone .print-results a, #index-store-locator .print-results a { display: block; font-size: 12px; text-decoration: none; text-transform: uppercase; color: #d0d0d0; width: 42px; height: 20px; line-height: 20px; padding: 0 0 0 30px; background: #4a4a4a 4px center no-repeat url(../system/default/sl-print.png); } .ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; } .ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; } .ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; display: none; overflow: auto; z-index: 1005;} .ui-selectmenu-open { display: block; } .ui-selectmenu-menu-popup { margin-top: -1px; } .ui-selectmenu-menu-dropdown { background: #181818; padding: 0 0 8px 0; } .ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; } .ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1.4em; display: block; padding: 2px; outline:none; text-decoration:none; } .ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; opacity: .5; } .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; } .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; } .ui-selectmenu-status { line-height: 1.4em; } .ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; } .ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; } .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; } .ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; } .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; } .ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; } .ui-selectmenu, .ui-selectmenu-menu-dropdown a { text-transform: uppercase; color: #D0D0D0; width: 222px; } .ui-selectmenu-menu-dropdown { overflow-x: hidden; max-height: 270px; } .ui-icon-triangle-1-s { display: block; background: right 0 no-repeat url(../system/default/sl-arrow.png); width: 20px; height: 20px; } .ui-selectmenu-menu-dropdown li:hover { background: #444; } .scroll-pane { width: 100%; height: 200px; overflow: auto; } .jspCap { display: block; background: #eeeef4; } .jspVerticalBar .jspCap { height: 20px; } .jspHorizontalBar .jspCap { width: 50px; height: 100%; } .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; width: 100% !important; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 18px; height: 100%; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 18px; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { border-left: 1px solid #4a4a4a; border-right: 1px solid #4a4a4a; background: #000; position: relative; } .jspDrag { background: #4a4a4a; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #4a4a4a; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #4a4a4a; } .jspVerticalBar .jspArrow { height: 18px; } .jspVerticalBar .jspArrow.jspArrowUp { background: 0 0 no-repeat url(../system/default/sl-scrollarrow-up.png); } .jspVerticalBar .jspArrow.jspArrowDown { background: 0 0 no-repeat url(../system/default/sl-scrollarrow-down.png); } .jspHorizontalBar .jspArrow { width: 18px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } * html .jspCorner { margin: 0 -3px 0 0; } .jspCap { display: none !important; } .layoutPageBody .stage{ position: absolute; top: 0; left: 310px; margin: 0 0 100px 0; height: 380px; width: 520px; height: 335px; } .stage .object { position: absolute; cursor: pointer; } #standalone #xcenter, #standalone #xinner, #standalone #container { min-height: 575px; height: 575px; width: 860px; } #standalone #layoutBody { display: block; top: 0; width: 860px; } #index-store-locator-standalone.layoutBodyInner { left: 10px; } @IMPORT url('001_defaultLayout.css'); @IMPORT url('002_defaultTypo.css'); @IMPORT url('003_defaultForm.css'); @IMPORT url('004_supersize.css'); @IMPORT url('005_scrollable.css'); @IMPORT url('006_layoutBodyInner.css'); @IMPORT url('008_navigation.css'); @IMPORT url('009_layoutFoot.css'); @IMPORT url('010_intro.css'); @IMPORT url('011_fragrance.css'); @IMPORT url('012_design.css'); @IMPORT url('013_range.css'); @IMPORT url('014_advertising.css'); @IMPORT url('015_goodies.css'); @IMPORT url('016_video-js.css'); @IMPORT url('017_imprint.css'); @IMPORT url('018_iscroll.css'); @IMPORT url('020_shadowbox.css'); @IMPORT url('021_sitemap.css'); @IMPORT url('022_quiz.css'); @IMPORT url('023_storelocator.css'); @IMPORT url('099_stage.css'); @media print { #printlogo { display: block; position: absolute; top: 20px; left: 56px; width: 900px; height: 40px; background: transparent; } #printlogo img { position: absolute; top: 0; } #logo, #layoutFoot, .jspVerticalBar, .print-results { display: none; } }