/* Screen style Site: Sheron */ body { font-size: 68.75%; padding: 0; background: #fff url(../images/bg/body.gif) repeat-x; } /* Auto clearing floats */ .logos:after, .store-info:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* Image replacement */ .ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; } .ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .ir a { cursor: pointer; display: block; height: 100%; width: 100%; } /* Wrappers */ #outer-wrapper { width: 857px; margin: 14px auto; position: relative; padding-top: 75px; } #wrapper { padding-top: 30px; background: #fff url(../images/bg/wrapper.gif) no-repeat; } #inner { padding: 0 27px 32px 28px; background: url(../images/bg/inner.png) bottom no-repeat; width: 802px; height: 535px; } #content-wrapper { background: #fff url(../images/visuals/visual-default.jpg) bottom left no-repeat; position: relative; height: 535px; } /* Visuals */ .visual1 #content-wrapper { background-image: url(../images/visuals/visual1.jpg); } .visual2 #content-wrapper { background-image: url(../images/visuals/visual2.jpg); } .visual3 #content-wrapper { background-image: url(../images/visuals/visual3.jpg); } .visual4 #content-wrapper { background-image: url(../images/visuals/visual4.jpg); } .visual5 #content-wrapper { background-image: url(../images/visuals/visual5.jpg); } .visual6 #content-wrapper { background-image: url(../images/visuals/visual6.jpg); } .visual7 #content-wrapper { background-image: url(../images/visuals/visual7.jpg); } .visual8 #content-wrapper { background-image: url(../images/visuals/visual8.jpg); } /* Top navigation */ #top-nav { position: absolute; z-index: 10; top: 14px; right: -62px; width: 203px; height: 94px; background: url(../images/bg/top-nav.jpg) top right no-repeat; } #top-nav .accessibility { display: none; } #top-nav a {width:203px; height:94px; float:left;} #top-nav li { float: left; } li#newsletter-sk, li#newsletter-de, li#newsletter-en { width: 114px; height: 24px; display: block; margin-top: 17px; background-image: url(../images/text/newsletter.gif); cursor: pointer; text-indent:-10000000px; } li#newsletter-sk:hover, li#newsletter-en:hover, li#newsletter-de:hover { background-color: #CBCDCF; color: #666; background-position: left bottom; } /*li#newsletter-sk span { } li#newsletter-sk:hover span, #top-nav a.current span { }*/ /* Logo */ #logo { width: 174px; height: 174px; float: left; /*margin-right: 3px; margin-top:-1px;*/} #logo a { width: 174px; height: 174px; display: block; background: #005447; color: #b4975a; background: url(../images/text/logo.png); cursor: pointer; text-indent:-1000000px; float:left; margin-left:2px; } /* Main navigation */ #nav { height: 85px; width: 550px; float: left; margin:0 0 0 1px; } #nav li { float: left; } #nav a { color: #B4975A; display: block; width: 173px; height: 85px; line-height: 85px; overflow: hidden; position: relative; text-align: center; text-decoration: none; margin-left: 5px; } #nav a span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; } #nav a:hover { background-color: #fff; color: #B4975A; } #nav a:hover span { background-position: 0 100%; } #nav li.current a span { background-position: left bottom !important; } #nav li#nav01-sk a, #nav li#nav01-en a, #nav li#nav01-de a { margin-left:2; } #nav li#nav01-sk a span { background-image: url(../images/nav/01.png); width:173px;} #nav li#nav02-sk a span { background-image: url(../images/nav/02.png);} #nav li#nav03-sk a span { background-image: url(../images/nav/03.png);} #nav li#nav01-en a span { background-image: url(../images/nav/01en.png); } #nav li#nav02-en a span { background-image: url(../images/nav/02en.png); } #nav li#nav03-en a span { background-image: url(../images/nav/03en.png); } #nav li#nav01-de a span { background-image: url(../images/nav/01de.png); } #nav li#nav02-de a span { background-image: url(../images/nav/02de.png); } #nav li#nav03-de a span { background-image: url(../images/nav/03de.png); } /* Secondary navigation */ #sec-nav { width: 174px; position: absolute; top: 175px; left: 2px; background: #fff; } #sec-nav li { float: left; } #sec-nav a { background: #AFB1B4; color: #fff; display: block; width: 174px; text-decoration: none; margin: 0 0 2px 0; font: normal 1.1em/1.2 Georgia, "New York CE", utopia, serif; height: 21px; padding:4px 0 0; overflow: hidden; position: relative; text-align: center; } #sec-nav a span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; } #sec-nav a:hover { background-image: url(../images/bg/nav1-current.png); color: #fff; } #sec-nav a:hover span, #sec-nav li.current a span { background-position: -178px top; } #sec-nav li#sec-nav01-sk a { /*height: 25px;*/ } #sec-nav li#sec-nav01-sk a span { background-image: url(../images/sec-nav/01.png); } #sec-nav li#sec-nav02-sk a span { background-image: url(../images/sec-nav/02.png); } #sec-nav li#sec-nav03-sk a span { background-image: url(../images/sec-nav/03.png); } #sec-nav li#sec-nav01-en a span { background-image: url(../images/sec-nav/01en.png); } #sec-nav li#sec-nav02-en a span { background-image: url(../images/sec-nav/02en.png); } #sec-nav li#sec-nav03-en a span { background-image: url(../images/sec-nav/03en.png); } #sec-nav li#sec-nav01-de a span { background-image: url(../images/sec-nav/01de.png); } #sec-nav li#sec-nav02-de a span { background-image: url(../images/sec-nav/02de.png); } #sec-nav li#sec-nav03-de a span { background-image: url(../images/sec-nav/03de.png); } /* Secondary navigation - secon level */ #sec-nav li li a { font-size: 0.92em; background: #F3F4F4 url(../images/bg/nav2.png) no-repeat; color: #B4975A; padding: 6px 10px 6px 26px; width: 138px; text-align: left; position: static; height: auto; margin-top: 0px; } #sec-nav li li li.current a, #sec-nav li li a:hover { background: #E6DBBD url(../images/bg/nav2-current.png) no-repeat; color: #B4975A; } /* Content */ #content { width: 493px; float: left; margin: 30px 0 0 34px; } #content p { text-align: justify; } .gallery-link { margin-top: 2em; } /* Home */ .home #content { width: auto; float: none; margin: 0; } .home #flashcontent { width: 802px; height: 535px; margin:-2px 0 0;} /* Scrollers */ #scroll-narrow { height: 340px; overflow: auto; padding-right: 26px; position: relative; width: 232px; } #scroll-narrow .vscrollerbase { height: 338px !important; } #scroll-wide { height: 145px; overflow: auto; padding-right: 44px; position: relative; width: 494px; } #scroll-wide .vscrollerbase { height: 143px !important; } #scroll-wide p { margin-bottom: 15px; } .scrollgeneric { font-size: 1px; left: 0; line-height: 1px; position: absolute; top: 0; } .vscrollerbase { background: white; width: 6px; border: 1px solid #DACBAC; } .vscrollerbar { background: #B5985A; width: 6px; } .scrollerjogbox { background: gray; bottom: 0; height: 0; left: auto; right: 0; top: auto; width: 0; } /* Products */ .products #content { width: 792px; float: none; margin: 0; position: absolute; top: 89px; left: 5px; } .products .logos { margin-top: 4px; } .products .logos li { float: left; } .products .first-logos { margin: 0 0 0 177px; } .products .logos li img { display: block; } /* Stores */ .store-info { margin-bottom: 20px; } .store-info ul { float: left; width:220px; } .store-info li { margin-bottom: 5px; } .store-info .gallery { float: right; width: 266px; } .store-info .gallery img { display: block; } .store-info .gallery p { text-align: right; margin: 5px 0 0 0; } /* Contact */ .contact { height: 340px !important; } .contact a { text-decoration: none; color: #808080; } /* Newsletter */ .newsletter { line-height: 1.25; margin-top: 10px; } .newsletter p { margin-bottom: 6px; } .newsletter .text-input { border: 1px solid #D9D9D9; padding: 3px 2px; width: 220px; background: url(../images/bg/text-input.gif) top right no-repeat; } .newsletter label { margin-left: 10px; color: #808080; } .newsletter label strong { color: #b4975a; margin-left: -7px; } .newsletter .submit { margin: 10px 0 0 0; } .newsletter .submit input { vertical-align: text-top; } .newsletter .required { color: #b4975a; margin: 0 0 0 15px; } /* Footer */ #footer { clear: both; padding: 8px 28px 0 28px; } #footer p { margin: 0; text-align: right; } #language-selector {position:absolute; top:105px; right:28px;z-index:10000; right:216px; top:42px;} .CUR > img {display:none;}