/* GENERAL ------------------------------------------------ */ * {margin:0; padding:0;} html, body {height:100%; overflow: hidden} body {font-family:Arial, Helvetica, sans-serif; overflow:hidden; overflow-x: hidden; overflow-y: hidden} a, a:focus {color:#000; outline:none; text-decoration:none;} img {border:0;} div#page {width: 900px; position: relative} h1, h2, h3, h4, h5, h6 {font-family:Futura, Arial, Helvetica, sans-serif;} h3 {font-size:24px;} h4 {font-size:14px;} .uppercase {text-transform: uppercase;} select {font-family:Arial, Helvetica, sans-serif; font-size: 12px; cursor: pointer;} option { padding-left: 6px; } span.select {position: absolute; width: 134px; /* w: 150px */ height: 21px; padding: 0 24px 0 8px; color: #000; font: 12px/19px arial,sans-serif; background: url(../img/bg-select.gif) no-repeat; overflow: hidden; cursor: pointer; } .sortContacts span.select {width: 108px; background: url(../img/bg-select-contacts.gif) no-repeat;} .sortContacts select {width: 138px;} /* BACKGROUND IMAGES ------------------------------------------------ */ #backgroundHolder {top:0; left:0; width:100%; height:100%; overflow:hidden;} /** html #backgroundHolder {position:absolute;}*/ #backgroundImageHolder {height:auto;} /*#backgroundHolder img {position:absolute; left:0; top:0; width:100%; height:auto; min-width:800px;}*/ #backgroundImage {width:100%; height:auto; position:absolute; -ms-interpolation-mode:bicubic;} #backgroundHolder img.newsBgr {width:100%; height:100%;} #backgroundImagePrint {display:none} #hotspotHolder {position:absolute; z-index:4} /* PRODUCT ZOOM/DRAG IMAGES ------------------------------------------------ */ #productImgHolder {position:fixed; top:0; left:0; width:100%; height:100%; z-index:2; overflow:hidden;} * html #productImgHolder {position:absolute;} #productImgHolder a {display:block; position:absolute;width:100%; height:100%; cursor:pointer;background:transparent url(../img/inviso.gif)} #productImgHolder img.zoomedImg {position:absolute; top:-1000px; left:-1000px; cursor:move; display:none;} /* MAIN MENU ------------------------------------------------ */ #mainMenu {font-family: Futura, Arial, Helvetica, sans-serif; position:fixed; top:40px; left:0; width:209px; z-index:7;} * html #mainMenu {position:absolute;} #mainMenu h1 {float:right; width:170px; height:44px; background:#fff; padding:60px 8px 0 0;} #mainMenu h1 a {display:block; float:left; text-indent:-9999px; background:url(../img/logo.gif) right top no-repeat; width:170px; height:43px} #mainMenu h1 img {display: none;} #mainMenu ul {float:left; width:209px; background:#fff; font-size: 0px;} #mainMenu ul li {list-style-type:none; border-bottom: 1px solid #666; margin: 0; padding: 0;} #mainMenu ul li.first {border-top: 1px solid #666} #mainMenu ul li.sub {border-bottom: none; width: 100%; overflow: hidden;} #mainMenu ul li a {display:block; width:200px; padding-right:9px; line-height: 20px; background: #000; color:#fff; text-align:right; font-size:11px;} #mainMenu ul li a:hover, #mainMenu ul li a.activeNav {background:#fff; color:#000;} #mainMenu ul li a.artek_oa {background: url(../img/bg_artek_oa.gif) no-repeat} #mainMenu ul li a.artek_oa:hover {background: url(../img/bg_artek_oa_hover.gif) no-repeat} #mainMenu ul li.artek_oa {border-bottom: 1px solid #adadad} /*#mainMenu ul li a.artek_oa span {margin-right: 8px}*/ #mainMenu ul li ul {background: #fff; border: none; border-top: 1px dotted #797979; padding-bottom: 5px;padding-top: 3px;} #mainMenu ul li ul li {background: #fff; text-transform: none;border: none;} #mainMenu ul li ul li a {background: #fff; color:#000; text-align:right; color: #797979;font-size: 12px;line-height:18px} #mainMenu ul li ul li a.activeSubLink {color: #000;} #mainMenu ul li.webshopnotification {display:none; background-color: #fff; text-transform: none; font-size:11px; height:auto} .webshopnotification p {padding:4px 8px;} #mainMenu ul li.webshopnotification a {background-color:#fff; display:inline; width:auto; padding:0; height:auto; line-height:20px; color:#000; text-align:right; font-size:11px;} #mainMenu ul li#product_zoomout {display:none; margin-top: 20px; border-bottom: none} #mainMenu ul li#product_zoomout a {background-color: #999;} #mainMenu ul li#product_zoomout a:hover {background-color: #fff;} /* SECONDARY NAVIGATION ------------------------------------------------ */ #secNav {position:fixed; top:0; right:0; width:309px; height:20px; background:#000; z-index:7;} * html #secNav {position:absolute;} #secNav #link-facebook {float:left; display: block;width:20px; height: 20px;overflow: hidden;} #secNav #link-facebook a {display: block; width:20px; height: 20px;background: url(../img/logo_fb.png) no-repeat; text-indent: -9999px;} #secNav #link-twitter {float:left; display: block;width:20px; height: 20px;overflow: hidden;} #secNav #link-twitter a {display: block; width:20px; height: 20px;background: url(../img/logo_twitter.png) no-repeat; text-indent: -9999px;} #secNav #link-instagram {float:left; display: block;width:20px; height: 20px;overflow: hidden;} #secNav #link-instagram a {display: block; width:20px; height: 20px;background: url(../img/logo_instagram.png) no-repeat; text-indent: -9999px;} #secNav #link-pinterest {float:left; display: block;width:20px; height: 20px;overflow: hidden;} #secNav #link-pinterest a {display: block; width:20px; height: 20px;background: url(../img/logo_pinterest.png) no-repeat; text-indent: -9999px;} #secNav ul {float:left; width:152px; padding-left:0px} #secNav ul li {float:left; list-style-type:none;} #secNav ul li.separator {padding:0 12px 0 12px; border-right: 1px solid #666} #secNav ul li.separator.last {border-right: 0} #secNav ul li a {display:block; float:left; height:20px; line-height:20px; font-size:10px; color:#fff; font-weight: bold} /*#secNav ul li a.secNavEn, #secNav ul li a.secNavFi {}*/ #secNav ul li a:hover {color:#c4c4c4;} #secNav ul li a.secActive {background:url(../img/secnav-active.gif) 0 6px no-repeat; padding:0 0 0 7px;} #secNav ul li.separator.active a {color: #888} #secNav fieldset {position: absolute; top: 0; right: 0; width:138px; height:18px; padding:2px 0 0 0; border:0;} #secNav fieldset.active {width: 209px} #secNav fieldset input {float:left; width:93px; background:url(../img/bg_search.png) 3px 2px no-repeat #fff; padding:1px 0 1px 16px; border:0; color:#ccc; font-size:11px;} #secNav fieldset.active input {width: 164px; color: #000;} #secNav fieldset button {width:0; height:0; border:0;} #contentHolder {position:absolute; left:0; width:100%; overflow:auto; top:20px; bottom:15px; outline: none; overflow-x:hidden} * html #contentHolder {height:100%; overflow-x:hidden; top:21px; height:expression(this.offsetParent.offsetHeight-38);} /* RIGHT SIDE ------------------------------------------------ */ #rightSideContent {position:absolute; top:21px; right:0; width:309px; z-index:5;padding-bottom:32px; overflow: hidden} .topRightLinks {float:left; width:400px; background:#fff;} .topRightLinks ul {float:left; width:378px; padding:9px 0 9px 9px;} .topRightLinks ul.twoRowNav {float:left; padding:2px 1px 2px 2px;} .topRightLinks ul li {float:left; list-style-type:none; padding:1px 0px} .topRightLinks ul li a {display:block; float:left; line-height:14px; font-size:11px; color:#666; height:14px; padding:3px 6px;} .topRightLinks ul li.rightNavSeparator {float:left; padding:0; width:382px; line-height:5px; height:5px; background:url(../img/right-nav-separator.gif) left center repeat-x; text-indent:-9999px;} .topRightLinks ul li a:hover, .topRightLinks ul li a.activeRightLink {color:#000;} .topRightLinks ul li a.activeRightLink {color:#fff; background-color: #000} .rightBox {float:left; padding-bottom:0px;border-top:1px solid #666} .lastBoxDivider {border-top:1px solid #ccc; float:left; width:279px} .boxTop {float:left; width: 279px; height:20px; background:#000;} .boxTop a {color:#fff !important;} .boxTitle {float:left; color:#fff; font-size:11px; line-height:20px; overflow: hidden; height:20px; background:url(../img/bullet-white.gif) 9px 0 no-repeat; padding-left:25px; text-transform: uppercase;} .boxOpen {background:url(../img/bullet-white.gif) 9px -20px no-repeat;} .boxPagination {float:right; padding:5px 27px 0 0; display:none;} .boxPagination a {display:block; float:left; text-indent:-9999px; line-height:11px; height:11px;} .boxPagination a.prevPage {background:url(../img/pagination-prev.gif) 0 0 no-repeat; width:31px;} .boxPagination a.nextPage {background:url(../img/pagination-next.gif) 0 0 no-repeat; width:28px;} .boxPagination ul {float:left; padding:0 2px 0 5px;} .boxPagination ul li {float:left; height:11px;} .boxPagination ul li a {background:url(../img/pagination-page.gif) 0 0 no-repeat; width:3px; padding:0 2px;} .boxPagination ul li a:hover, .boxPagination ul li a.activePage {background-position:0 -11px;} .boxContent {float:left; width:261px; padding:10px 9px 13px 9px; display:none;position:relative; background:#fff;} .whiteBoxContent {background:#fff;} .boxContent a:hover {text-decoration: underline} #inlineImages {margin-bottom: 20px; border-bottom: 1px solid #666; width:540px;} #inlineImages .boxContent {display:block; width: 503px;margin-left: 8px;} #inlineImages .scrollContainer {width:483px;} #inlineLinks, #inlineDownloads {border: none;} #inlineLinks .boxContent, #inlineDownloads .boxContent {display: block; padding-top: 0;} #inlineLinks p.linkItem, #inlineDownloads p.downloadItem {border: none; padding-top: 2px; padding-bottom: 5px;} #latestNewsContent {float:left; width: 279px; background:#fff; font-size:11px;overflow: hidden;} p.newsItem {padding:5px 0 9px 15px; font-size:12px; line-height:16px; background:url(../img/bullet-news.gif) 2px 12px no-repeat;} p.newsItem.activeNav {color:#666;} p.newsItem p {font-size:11px} p.newsItem span.summary {font-size:11px} p.newsItem a, p.newsPager a {font-weight:bold; color:#000;} p.newsItem a:hover, p.newsPager a:hover {text-decoration:underline;} p.newsItem.activeNav a {color:#666;} p.newsItem span {font-size:10px;} p.linkItem,p.downloadItem {padding:3px 0 3px 15px; font-size:13px; line-height:16px; background:url(../img/bullet-news.gif) 2px 9px no-repeat;border-top: 1px dotted #666} p.downloadItem {background:url(../img/bullet-download.gif) -15px 4px no-repeat;} p.linkItem.first,p.downloadItem.first {border-top: none} p.linkItem a, p.downloadItem a {color:#000;} p.linkItem a:hover, p.newsItem a:hover, p.downloadItem a:hover {text-decoration: underline} p.newsPager {margin: 16px 0 36px 0; text-align:right; padding:5px 5px 16px 5px; font-size:12px; line-height:16px; border-bottom:1px #888 dotted; border-left:none; border-right:none; color:#888} p.newsPager span {margin:0 10px;color:#000} #newsRightContent {float:left; width:279px;} div.productImages {border-top:1px dotted #666; clear: both; padding-top:16px;} div.scroller {position:relative} div.scroller img.left {position:absolute; top:34px; left:-9px; cursor: pointer;} div#newsRightContent div.scroller img.left {top:48px} div.scroller img.right {position:absolute; top:34px; right:-9px; cursor:pointer} * html div.scroller img.right {right:0px;} div#newsRightContent div.scroller img.right {top:48px} div.scroller img.disabled {filter:alpha(opacity=20); -moz-opacity:.20; opacity:.20; cursor: default;} div.scroller li { } div.scroller a.related_video {width: 98px; margin: auto; display: block; border: 1px solid #999; height: 88px; overflow: hidden; background: url(../img/bg-video.gif) 36px 79px no-repeat; margin-right: 16px; margin: auto;} div.scroller a.related_video img {border: none; border-bottom: 1px solid #999;} div.scrollContainer {position:relative; margin-left:5px; width:230px; height:90px; overflow: hidden;} div.scrollContainer.large {height:122px;} ul.sideThumbs {position:absolute; left:0px; top:0px; width:4000%; background:#fff;} ul.sideThumbs li {float:left; list-style-type:none; width:122px; margin-right:2px; text-align:center;} ul.sideThumbs li span {display:block; width:122px; text-align:center;} ul.sideThumbs li p {text-align:center; font-size:10px; font-weight:bold; margin-bottom:9px} ul.sideThumbs li img {border: solid 1px #999} ul.sideThumbs li span a {display:block; width:124px; clear:both; text-indent:-9999px; height:9px; background:url(../img/button-download-highres.gif) center no-repeat;} ul.sideThumbs li span a.addToMyitemsSide {display:block; width:125px; clear:both; text-indent:-9999px; width:122px; height:16px; background:url(../img/button-side-add-to-my-items.gif) center no-repeat;} .productDescTop {float:left; width:229px; padding:0 16px 15px 16px;} .productDesctTopInfo {float:left;} .productDescTop p {font-size:11px; line-height:16px;} .productDescTop p span {font-size:12px;} .productDescTop ul {float:right;} .productDescTop ul li {float:left; list-style-type:none;} .productDescTop ul li a.prodRightAdd {float:left; display:block; padding:4px 20px 4px 8px; font-family:Futura, Arial, Helvetica, sans-serif; font-size:11px; text-align: center; background: #000 url(../img/arrow-black.gif) center right no-repeat; color:#fff; text-transform: uppercase;} .productDescTop ul li a.inCart {background:#eaeaea; color:#999; font-weight: normal; text-transform: uppercase; padding-right:8px} .productDescription {float:left; width:229px; padding:0 16px 15px 16px;font-size: 11px} .productDescription p {font-size:11px;} .productDescription p span {font-size:11px;} .productDescription .productAvailOnSR {margin-top: 1em; background: #000; color: #fff; padding: 14px; line-height: 15px; font-weight: bold;} .productDescription .productAvailOnSR a {color: #fff} /* CONTENT ------------------------------------------------ */ /* News main content */ /* #newsMainHolder {position:absolute; width:auto; left:219px; right:447px; top:144px; z-index:1;min-width: 500px} * html #newsMainHolder {width: expression(this.offsetParent.offsetWidth-687);} */ #newsMainHolder {position:absolute; left:240px; top:124px; z-index:1;width: 540px} .newsMainBox {float:left; width:100%; font-size:12px;} .newsMainTop {width:100%; float:left; height:33px; background:#fff;} .newsMainTop p {border-top:1px dotted #a2a3a3; margin:0 7px 0 1px; padding:6px 0 0 14px;} .newsMainContent {float:left; width:100%;} .newsMainInnerContent {display:block; width:auto; margin-right:6px; padding-bottom:10px; background:#fff;} .newsMainInnerContent h3 {padding:0 0 13px 14px;} .newsMainInnerContent h4 {padding:0 0 3px 14px; font-weight: normal} .newsMainInnerContent h5 {padding:0 0 8px 14px;} .newsMainInnerContent h6 {padding:0 0 13px 14px;} .newsMainInnerContent p {text-align:left; padding:0 19px 15px 14px;line-height: 1.45em;} .newsMainInnerContent a {text-decoration: underline} .newsMainInnerContent a:hover {color:#666} p.ingress {font-weight: bold; text-transform: uppercase; font-size:14px} p.quote {margin-top:-14px;} h4.distributor span {color:#666; font-size:12px; font-weight:normal} #sortMenu {width: 100%; overflow: hidden; height: 28px; border-top:1px dotted #a2a3a3; padding-top: 8px} #sortMenu h4 {float:left; padding-left:14px; font-weight:normal;} #sortMenu div {float:right; padding-right:7px} #sortMenu form {margin: 0;} #sortMenu form .sbm {width: 20px; height: 20px; color: #fff; text-indent: -9999px; background: url(../img/button-sort.gif) no-repeat; border: 0; cursor: pointer; overflow: hidden;} .container-btns {width: 100%; overflow: hidden;} .btn-news {position: absolute; bottom: 53px; width: 300px;} .btn-product {padding-bottom: 12px;} .container-twitter-btn {float: left; width: 66px; overflow: hidden; margin-left: 14px;} .container-fb-btn {float: left; width: 150px; overflow: hidden} .container-twitter-btn a {color: transparent} /* Projects main content */ .wideColumn {position:absolute; width:auto; left:241px; right:30px; top:124px; z-index:3; padding-bottom:64px; min-width:500px;} .projectsMainHolder h3, .productsMainHolder h3, .searchResultHolder h3 {color:#fff; margin-bottom:16px; font-size:16px;} .projectsMainBox {float:left; width:160px; height:233px; background:#fff; margin:0 1px 10px 0; position:relative} .projectsMainBox p, .designerMainBox p {font-size:11px; line-height:14px; padding:8px 10px;} * html .projectsMainBox p, * html .designerMainBox p {padding:7px 10px;} .projectsMainBox a.hilite, .productsMainBox a.hilite {width:160px; height:233px; position:absolute; top:0px; left:0px; background:none;} .projectsMainBox a.hilite:hover, .productsMainBox a.hilite:hover {background: url(../img/item-hilite.gif);} /* Designer main content */ .designerMainBox {float:left; width:160px; height:192px; background:#fff; margin:0 1px 10px 0; position:relative} .designerMainBox a.hilite {width:160px; height:192px; position:absolute; top:0px; left:0px; background:none;} .designerMainBox a.hilite:hover {background: url(../img/item-hilite.gif);} /* Products main content */ .productsMainHolder {} .productsMainBox {float:left; width:160px; height:280px; margin:0 1px 10px 0; position:relative; background:#fff; overflow:hidden} .productsMainBox a.productThumb {display:block; background:#fff; text-align:center; vertical-align:middle; width:160px; height:160px;} .productsMainBox p {font-size:11px; line-height:14px; background:#fff; padding:16px 10px 10px 10px;} * html .productsMainBox p {margin-top:-2px;} .productsMainBox a.addToCart, .productsMainBox a.availOnSR {float:left; border-top:1px solid #000; background:#adadad; height:16px; width:149px; padding:2px 0 0 11px;z-index:1000; position:relative; display:block; color:#fff; font-weight: bold; font-size: 11px; font-family:Futura, Arial, Helvetica, sans-serif; text-transform: uppercase;} .productsMainBox a.inCart {background:#eaeaea; color:#aaa; font-weight: bold;} .productsMainBox a.availOnSR {background: #000; color: #fff; float: none; position: absolute; bottom: 0px; padding: 2px 2px 2px 11px;} /* Webshop main content */ .webshopMainBox {float:left; width:160px; height:233px; margin:0 1px 10px 0;} .webshopMainBox a.productThumb {display:table-cell; text-align:center; vertical-align:middle; width:160px; height:160px;} .webshopMainBox p {font-size:10px; line-height:14px; background:#fff; padding:6px 10px;} * html .webshopMainBox p {margin-top:-3px;} .webshopMainBox div {float:left; margin-top:1px; background:#adadad; height:17px; width:160px;} .webshopMainBox div a {display:block; height:17px; line-height:17px; width:160px; background:url(../img/button-buy-it-here.gif) 0 0 no-repeat; text-indent:-9999px;} .webshopMainBox div a:hover {background-position:0 -17px;} #overlay {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;} * html #overlay {position:absolute;} /* Contact, shops */ .newsStoreHeading {border-top:1px dotted #A2A3A3; padding: 10px 0 10px 14px; } .newsStoreHeading h2 {font-size: 24px; } .storeProfile {padding: 0 0 0 14px; border-bottom:1px dotted #A2A3A3; line-height: 1.5em} .newsMainInnerContent .storeContact h3 {padding: 0 0 8px 0;} .storeImage {float:right; width:300px; margin-left: 10px} .storeDescription {clear: both; padding-top: 1em;} .storeDescription p {margin: 0;padding: 0 0 1em 0;} a.sfOpen {display: block; margin: 5px 0 0 0; outline: none} .storeForm {display: none; margin: 10px 0 12px 0; font-size: 12px;} .storeForm .sfText {border: 1px dotted #000; width: 300px; font-size: 12px; padding: 3px; font-family: arial, helvetica, sans-serif; } .storeForm .sfText:focus {border: 1px solid #000} .storeForm .sfText.sfMsg {width: 512px} .storeForm label {display: block; margin-top: 8px;} .storeForm label span {margin-left: 1px; color: #666} .storeForm label.sfInputErr {color: #ee0000; font-weight: bold} .storeForm label.sfInputErr span {color: #ee0000} .storeForm .sfCheck {display: block; margin-left: -1000px; height: 0px} .storeForm .sfBtn {display: block; cursor: pointer;margin-top: 10px;padding: 2px 10px; background: #fff; border-width: 0px; background: #858585; color: #fff; font-weight: bold; font-size: 12px;font-family: arial, helvetica, sans-serif;} .storeForm .sfBtn:hover {color: #000;} .sfFeedback {font-weight: bold; font-size: 16px; margin-top: 10px;} .sfErr {font-weight: bold; font-size: 16px; margin-top: 10px; color: #ee0000} .storeMap {margin: 2px 0 16px 0} .storeMap .lrg {margin-top: 2px; font-size: 11px} .storeNewsItem {border-bottom:1px dotted #A2A3A3;} .storeNewsItem .newsDate {margin-top: 4px; padding-bottom: 10px;} #searchResults .searchResultHolder, #searchResults .productsMainHolder, #searchResults .projectsMainHolder {margin-bottom:32px;clear:both;float:left} .searchResultHolder {} .searchResultMainBox {background-color: #fff; padding:10px;} .searchResultMainBox h3 {color:#000; margin-bottom:6px;} .searchResultMainBox h3.below {padding-top: 12px;} .searchResultMainBox h5 {color:#666; font-size:12px;font-weight:normal;} .searchResultMainBox p {font-size:13px; margin-bottom:6px} .searchResultMainBox p.pubdate {color:#999; font-size:11px; margin-bottom:4px;} .searchResultMainBox p.contactResult {padding-bottom: .5em;} .searchResultMainBox a {text-decoration: underline;} .searchResultMainBox a:hover {color: #666;} /* HOTSPOTS ------------------------------------------------ */ .hotspot {position:absolute; z-index:4;} .hotspot a.mark {cursor:pointer; position:absolute; top:0; right:0; left:0; width:19px; height:19px; background:url(../img/hotspot.png) 0 0 no-repeat; text-indent:-9999px; z-index:5;} .hotspot a.mark:hover, .hotspot a.activeMark {background-position:0 0;} /* .hotspotContent {position:absolute; top:6px; right:-12px; width:250px; padding:5px 5px; background:#fff; z-index:4; display:none;} */ .hotspotContent {position:absolute; top:6px; right:-12px; margin: -15px -15px 0 0; background: url(../img/pixel.gif); width: 280px; padding: 18px; z-index:4; display:none;} .hotspotBackground {background:#fff; padding: 8px; width: 264px; overflow: hidden;} .hotspotDetails {float:left; width:180px; padding:4px 0 0 0; line-height:17px;} .hotspotDetails.large {float:left; width:240px; padding:4px 0 0 0; line-height:17px;} .hotspotDetails p {font-size:12px;} .hotspotDetails p b {font-size:13px;} .hotspotDetails p span {font-size:11px;} .hotspotDetails p a:hover {text-decoration: underline} .hotspotContent img {float:right;border:1px solid #aaa} /* Custom hotspots */ .hs-1 {bottom:40%; right:40%;} /* FOOTER ------------------------------------------------ */ #footer {position:fixed; bottom:0; right:0; width:100%; z-index:10; background:url(../img/footer-shadow.png) left top no-repeat;} * html #footer {position:absolute; margin:0 -1px -1px 0;} #footerContent {width:auto; margin-left:31px; position:relative;} #footerNav {position:relative; height:16px; width:auto; background:url(../img/footer-top-bgr.gif) left bottom repeat-x;} #footerNav ul {float:left; width:182px; height:16px;position:relative; top:-13px;} #footerNav ul li {float:left; display:block; position:relative; list-style-type:none;} #footerNav ul li.shadowRight {width:4px; height:15px; background:url(../img/footer-right-shadow.png) top right no-repeat;} #footerNav ul li a {display:block; float:left; width:auto; padding-left: 10px; padding-right: 10px; height:25px; line-height:20px; font-size:11px; font-weight:bold; color:#989898; text-align:center;} #footerNav ul li a.tabMyItems {background-image:url(../img/footer-tab-myitems.gif);} #footerNav ul li a.tabWebShop {background-image:url(../img/footer-tab-webshop.gif);} #footerNav ul li a.activeTab {background-position:0 -25px; color:#000;} #footerNav ul li #cartItemCount {padding-left: 3px;} #footerInnerContent {position:relative; height:103px; background:url(../img/footer-content-bgr.gif) repeat; width:auto; display:none;} #myItemsContent {display:block;} #webshopContent {display:none;} .contentFooterNav {float:left; width:179px; background:#fff; height:103px; font-size:11px;} .contentFooterNav ul li {display:block; list-style-type:none;} .contentFooterNav ul li.webshopCheckoutDesc {font-size: 10px;list-style-type:none;background: none;padding:4px 15px 5px 20px;line-height:1.2em} .contentFooterNav ul li a {display:block; width:145px; height:17px; line-height:17px; margin-left: 7px; font-size:11px; color:#000; text-decoration: underline;padding:0 0 0 28px; background:url(../img/bullet-news.gif) 14px 6px no-repeat;} .contentFooterNav ul li a#webshopCheckout {color: #fff; margin-left: 10px; margin:0 0 0 14px; padding: 1px 0 2px 6px;text-decoration: none; background: #000 url(../img/arrow-white.gif) 142px 6px no-repeat} .contentFooterNav ul li a:hover {color:#666;} .contentFooterNav ul li a#webshopCheckout:hover {text-decoration:underline;} .contentFooterNav p {font-size:11px; color:#000; padding:10px 10px 0 14px;} .contentFooterBoxes {float:left;} .contentFooterBoxContainer {display: inline;} .contentFooterBox {float:left; width:101px; background:url(../img/webshop-box-dotts.gif) left top repeat-y #fff; height:103px;} .contentFooterBox p {padding:5px 10px;} .contentFooterBox p b {display:block; text-align:center; font-size:10px;} .contentFooterBox p span {display:block; text-align:center; padding:5px 0; width:81px;} .contentFooterBox p a.contentFooterBoxRemove {display:block; text-indent:-9999px; margin: -5px -5px 0 0; background: url(../img/button-webshop-remove.gif) 5px 5px no-repeat; float: right; width: 15px; height:15px; line-height:15px;} /* COMPANY ---------------------------------------*/ .content {border-top: 1px dotted #a2a3a3; padding-top:16px} .timeline { border-left:5px solid #000;float:left; border-top: 1px dotted #a2a3a3; padding-top:16px} .timeline h3 {margin-top:0px;float:left; margin-right:10px;margin-bottom:0px;font-size:24px; padding:0px 0px 0 14px; background: url("../img/timeline-heading.gif") no-repeat 0px 10px} .timeline h4 {font-size:13px; text-transform: uppercase;} .timeline h5 {font-size:11px; font-weight: normal; margin-bottom:5px;} h4.general {border-top:1px dotted #aaa; padding-top:10px} /* ERROR --------------------------------------------------*/ div.error { color:#fff; font-size: 13px; position: absolute; left:0px; width:100%; text-align: center; top:30%;} input.error, label.error { background-color: #fefe97; } .tooltip { position:absolute; top:0px; left:0px; background-color: #ffffff; border: 1px solid #ddd; z-index:100000; font-size: 11px; padding:3px; max-width: 400px;} .nojavascript {padding:2px 460px 2px 3px; font-size:11px; background-color: #000; color:#fff; line-height: 16px; z-index:4} /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 190; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 200; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none;} #lightbox-container-image-box { position: relative; background-color: #fff; padding: 0 10px 5px 10px; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-container-image-data-box { position:absolute; top:0; right:0; } * html #lightbox-container-image-data-box {right:-3px;} #lightbox-secNav-btnClose { position:absolute; top:2px; right:0; height:20px; z-index:200; width: 66px; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 300; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } a#lightbox-secNav-btnClose, a:hover#lightbox-secNav-btnClose, a:visited#lightbox-secNav-btnClose { background:#fff !important; color: #000; display: block !important; height: 20px; line-height: 20px; font-family:Futura, Arial, Helvetica, sans-serif; font-size: 11px; right: 0px; overflow: visible; padding: 0 10px; position: absolute; top: 2px; z-index: 999; } #lightbox-container-image-data-box { position:absolute; top:0; left: 0; } #lightbox-top { height: 24px; position: relative; witdh: 100%; z-index: 999; } a#lightbox-download, a:visited#lightbox-download,a:hover#lightbox-download { background:#808080 !important; color: #fff; display: block !important; height: 20px; line-height: 20px; font-family:Futura, Arial, Helvetica, sans-serif; font-size: 11px; left: 10px; padding: 0 15px; position: absolute; top: 2px; z-index: 999; } #background-de, #background-sv { display: none; position: absolute; top: 165px; } #content-de .content, #content-sv .content { border: none; padding: 0; font-size: 13px; line-height: 1.25em; } #content-de .content a:hover, #content-sv .content a:hover { text-decoration: underline; } #content-de .block-1, #content-sv .block-1 { position: absolute; width: 280px; top: 41px; right: 29px; background: black; } #content-de .block-1 .content, #content-sv .block-1 .content { margin-top: 20px; background: #fff; padding: 41px 0 0 25px; height: 185px; } #content-sv .block-1 .content { height: 155px; } #content-de .block-2, #content-sv .block-2 { position: absolute; width: 280px; top: 308px; right: 29px; background: black; } #content-sv .block-2 { top: 278px; } #content-de .block-2 .content, #content-sv .block-2 .content { margin-top: 20px; background: #fff; height: 246px; padding: 35px 0 0 25px; } #content-sv .block-2 .content { height: 286px; } #content-de h2, #content-sv h2 { display: block; margin: 0; padding: 0; line-height: 1em; width: 208px; height: 149px; text-indent: -9999px; background: url(../img/artek-de-block1.gif); } #content-sv h2 { width: 134px; height: 114px; background: url(../img/artek-sv-block1.gif) no-repeat; } #content-de h3, #content-sv h3 { display: block; width: 155px; height: 28px; margin: 0 0 14px 0; text-indent: -9999px; background: url(../img/artek-de-block2a.gif); } #content-sv h3 { width: 100px; height: 11px; background: url(../img/artek-sv-block2a.gif); } #content-de h4, #content-sv h4 { display: block; width: 124px; height: 16px; margin: 24px 0 2px 0; text-indent: -9999px; background: url(../img/artek-de-block2b.gif); } #content-sv .block-2 .content p { padding-bottom: 1em; } #content-sv .block-2 .content p.contact { font-size: 11px; padding-bottom: .25em; line-height: 1.3em; }