/*========================= FONTS =========================*/ @font-face { font-family: Unkempt; src: local('Unkempt'); src: url(/fonts/Unkempt.eot); src: url(/fonts/Unkempt.eot?#iefix) format('embedded-opentype'), url(/fonts/Unkempt.woff) format('woff'); font-style: normal; font-weight: 400; } @font-face { font-family: Unkempt; src: local('Unkempt Bold'); src: url(/fonts/Unkempt-Bold.eot); src: url(/fonts/Unkempt-Bold.eot?#iefix) format('embedded-opentype'), url(/fonts/Unkempt-Bold.woff) format('woff'); font-style: normal; font-weight: 700; } @font-face { font-family: SourceSansPro; src: local('Source Sans Pro'); src: url(/fonts/SourceSansPro.eot); src: url(/fonts/SourceSansPro.eot?#iefix) format('embedded-opentype'), url(/fonts/SourceSansPro.woff) format('woff'); font-style: normal; font-weight: 400; } @font-face { font-family: SoupboneWeb; src: local('Soupbone Regular'); src: url(/fonts/SoupboneWeb.eot); src: url(/fonts/SoupboneWeb.eot?#iefix) format('embedded-opentype'), url(/fonts/SoupboneWeb.woff) format('woff'); } @font-face { font-family: SoupboneWebBold; src: local('Soupbone Bold'); src: url(/fonts/SoupboneWeb-Bold.eot); src: url(/fonts/SoupboneWeb-Bold.eot?#iefix) format('embedded-opentype'), url(/fonts/SoupboneWeb-Bold.woff) format('woff'); } /*========================= SIMPLE RESET =========================*/ html, body, div, p, h1, h2, h3, h4, h5, h6, form, fieldset, input, span, img { padding: 0px; margin: 0px; border: 0px; } body { overflow-x: hidden; -webkit-overflow-scrolling: touch; } a { outline: none; } ul { margin: 0px; padding: 0px; padding-left: 16px; } ol { margin: 0px; padding: 0px; padding-left: 20px; } a:link, a:visited { color: #ff7928; text-decoration: none; } a:hover, a:active { color: #ff7928; text-decoration: underline; } /*========================= DEFAULT =========================*/ html { height: 100%; overflow-x: hidden; } body { font-family: SourceSansPro, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; line-height: 20px; color: #036; height: 100%; -webkit-text-size-adjust: 100%; } h1, h2, h3, h4, h5, h5 { margin: 20px 0 10px 0; font-family: SoupboneWebBold, Arial, Helvetica, sans-serif; color: #ff7928; } h1 { font-size: 30px; line-height: 30px; font-weight: normal; margin: 0 0 20px 0; } h2 { font-size: 23px; line-height: 23px; font-weight: normal; } h3 { font-size: 20px; line-height: 20px; font-weight: normal; } h4 { font-size: 16px; line-height: 16px; } h5 { font-size: 14px; line-height: 14px; } h6 { font-size: 12px; line-height: 12px; } hr { height: 5px; border: 0px; background: url(/images/all-pages.20180625172927.png) 0 -173px no-repeat; } /*========================= STRUCTURE =========================*/ #bodytop { position: relative; top: 0px; left: 0px; right: 0px; bottom: 0px; } #center { margin: 0 auto; width: 1012px; box-sizing: border-box; padding: 0 8px; padding: env(safe-area-inset-top) calc(8px + env(safe-area-inset-right)) env(safe-area-inset-bottom) calc(8px + env(safe-area-inset-left)); } #container { position: relative; width: 996px; left: 0px; transition: left 0.4s ease; } #bodytop, #center, #container { height: 100%; } #main { padding: 162px 0 10px 0; width: 100%; } #mainlinks { width: 100%; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; background-color: #036; } #maincontent { width: 100%; padding: 0 0 20px 0; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; background-color: #fff; } #content { float: left; box-sizing: border-box; width: 752px; padding: 25px 20px 0 0; min-height: 476px; background-color: #fff; } @media (max-width: 1011px) { #center, #container { width: 100%; } #content { padding-left: 20px; width: 100%; } } @media (max-width: 719px) { #main { padding-top: 146px; } } @media (max-width: 559px) { #main { padding-top: 122px; } } /*========================= BODY STYLES =========================*/ body.stiched { background: url(/images/stiched-bg.png) center 0; } body.stiched #bodytop { background: url(/images/stiched-top.png) center 0 repeat-x; } body.stiched #container { background: url(/images/stiched-header.png) no-repeat; } body.darkblue { background-color: #00bedc; } body.darkblue #bodytop { } body.darkblue #container { background: url(/images/darkblue-header.png) center 0 no-repeat; background-size: auto 182px; } body.christmas { background: #e5f8fb url(/images/christmas-bg.png) center 0; } body.christmas #bodytop { background: url(/images/christmas-top.png) center 0 repeat-x; } body.christmas #container { background: url(/images/christmas-header.png) no-repeat; } body.christmas #toplinks a:link, body.christmas #toplinks a:visited { color: #fff; text-decoration: none; } body.christmas #toplinks a:hover, body.christmas #toplinks a:active { color: #fff; text-decoration: underline; } body.christmas #logofacade { display: block; background: url(/images/christmas-logo.png) no-repeat; width: 296px; height: 108px; top: -2px; left: -2px; } body.easter { background: #00bedc } body.easter #bodytop { background: url(/images/easter-top.png) center 0 repeat-x; } body.easter #container { background: url(/images/nl/easter-header.png) no-repeat; } body.easter #toplinks a:link, body.easter #toplinks a:visited { color: #fff; text-decoration: none; } body.easter #toplinks a:hover, body.easter #toplinks a:active { color: #fff; text-decoration: underline; } body.easter #logofacade { display: block; background: url(/images/easter-logo.png) no-repeat; width: 296px; height: 110px; } @media (max-width: 719px) { body.darkblue #container { background-size: auto 156px; } body.christmas #bodytop { background-position: center -20px } body.christmas #container { background: url(/images/christmas-header-medium.png) no-repeat; } body.christmas #logofacade { background: url(/images/christmas-logo-medium.png) no-repeat; width: 245px; height: 90px; top: -2px; left: -2px; } } @media (max-width: 559px) { body.darkblue #container { background-size: auto 122px; } body.christmas #bodytop { background-position: center -30px } body.christmas #container { background: url(/images/christmas-header-small.png) no-repeat; } body.christmas #logofacade { background: url(/images/christmas-logo-small.png) no-repeat; width: 191px; height: 68px; top: -2px; left: -2px; } } @media (max-width: 440px) { body.darkblue #container { background-size: auto 90px; } } /*========================= TOP =========================*/ #logo { position: absolute; top: 10px; left: 12px; } #logofacade { position: absolute; display: none; } #logo .logo { width: 286px; height: auto; } #toplinks { float: right; margin: 16px 0 8px 0; padding: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; } #toplinks li { margin: 0; padding: 0 0 0 20px; float: left; } #toplinks li.account { display: none; } #toplinks a:link, #toplinks a:visited { color: #003366; text-decoration: none; } #toplinks a:hover, #toplinks a:active { color: #003366; text-decoration: underline; } #searchform { position: absolute; z-index: 501; top: 40px; right: 0; } .searchform { width: 233px; background-color: rgba(255, 255, 255, 0.9); border: 2px solid #fff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .searchform input.searchkeywords { float: left; display: block; width: calc(100% - 30px) !important; height: 28px; box-sizing: border-box; padding: 5px 0px 5px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #00bedc; border: none !important; background: transparent; } .searchform input.searchkeywords:focus { outline: none; } .searchform input.searchkeywords.watermark { font-family: SoupboneWebBold, Arial, Helvetica, sans-serif; font-size: 16px; } .searchform input.searchgo { display: block; float: right; background: #00bedc url(/images/all-pages.20180625172927.png) -660px -305px no-repeat; border: none !important; border-radius: 0 5px 5px 0; width: 30px !important; height: 28px; cursor: pointer; } #content .searchform fieldset { margin-right: 0; } #customersupport { position: absolute; top: 92px; right: 0; padding: 2px 4px; background-color: rgba(255,255,255, 0.8); border-radius: 6px; } @media (max-width: 719px) { #logo { left: 7px; } #logo .logo { width: 236px; } #customersupport { display: none; } #toplinks li { display: none; } #toplinks li.login, #toplinks li.account { display: list-item; } #searchform { width: calc(100% - 104px); top: 111px; left: 52px; border: 0px; border-radius: 3px; } #searchform input.searchgo { height: 28px; border-radius: 0 3px 3px 0; } } @media (max-width: 559px) { #logo { left: 7px; } #logo .logo { width: 178px; } #searchform { top: 87px; } } /*========================= NAVIGATION =========================*/ #navigation { position: absolute; top: 120px; left: 0; right: 0; font-family: SoupboneWebBold, Arial, Helvetica, sans-serif; font-size: 20px; color: #fff; z-index: 500; -webkit-box-shadow: #000 0px 4px 8px -4px; -moz-box-shadow: 0 4px 8px -4px #000; box-shadow: 0px 4px 8px -4px #000; } #navigation a.basket { position: relative; } #basketcount { position: absolute; display: block; top: -31px; right: 0px; width: 38px; height: 45px; text-align: center; color: #fff; font-size: 16px; line-height: 16px; font-weight: bold; background: url(/images/all-pages.20180625172927.png) -456px -303px no-repeat; padding: 10px 2px 0 0; } ul.mainnavigation div { display: none; position: absolute; width: 100%; top: 0; left: 0; margin-top: 42px; } ul.mainnavigation > li.selected { background-position: right -89px; } ul.mainnavigation > li:hover { background-position: right -131px; } ul.mainnavigation > li:hover div { display: block; } ul.mainnavigation { position: relative; padding: 0; list-style-type: none; width: 100%; height:42px; border-bottom: 5px solid #FF7928; } ul.mainnavigation > li { float: left; height: 42px; margin: 0; background: url(/images/all-pages.20180625172927.png) right -47px no-repeat; } ul.mainnavigation > li > a { display: block; height: 42px; padding: 0 18px; line-height: 42px; } ul.mainnavigation > li > a:link, ul.mainnavigation > li > a:visited { color: #fff; text-decoration: none; } ul.mainnavigation > li > a:hover, ul.mainnavigation > li > a:active { color: #fff; text-decoration: none; } ul.mainnavigation > li:hover > a:link, ul.mainnavigation > li:hover > a:visited { color: #036; text-decoration: none; } ul.mainnavigation > li:hover > a:hover, ul.mainnavigation > li:hover > a:active { color: #FF7928; text-decoration: none; } ul.mainnavigation > li.menu span, ul.mainnavigation > li.home span, ul.mainnavigation > li.shoppingcart span { display: none; } ul.mainnavigation > li.menu { display: none; background: url(/images/all-pages.20180625172927.png) -45px -47px no-repeat; width: 45px; } ul.mainnavigation > li.home { background: url(/images/all-pages.20180625172927.png) -90px -47px no-repeat; width: 60px; } ul.mainnavigation > li.shoppingcart { background: url(/images/all-pages.20180625172927.png) 0px -47px no-repeat; width: 45px; float: right;} ul.mainnavigation > li.selected.menu { background-position: -45px -89px; } ul.mainnavigation > li.selected.home { background-position: -90px -89px; } ul.mainnavigation > li.selected.shoppingcart { background-position: 0px -89px; } ul.mainnavigation > li.menu:hover { background-position: -45px -131px; } ul.mainnavigation > li.home:hover { background-position: -90px -131px; } ul.mainnavigation > li.shoppingcart:hover { background-position: 0px -131px; } div.mainnavigation-bg-holder { position: absolute; width: 100%; height: 42px; top: 0: left: 0; box-sizing: border-box; padding: 0 10px; } div.mainnavigation-bg { width:100%; height: 42px; background: url(/images/all-pages.20180625172927.png) 0 0 no-repeat; } @media (max-width: 1011px) { ul.mainnavigation > li { display: none; } ul.mainnavigation > li.menu, ul.mainnavigation > li.shoppingcart { display: block; } ul.mainnavigation > li.menu:hover { background-position: -45px -47px; } } @media (max-width: 719px) { #navigation { top: 104px; } } @media (max-width: 559px) { #navigation { top: 80px; } } div.subnavigation { padding: 20px 20px 0 20px; box-sizing: border-box; background-color: #bbedf5; font-family: SoupboneWebBold, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 18px; color: #036; -webkit-box-shadow: #000 0px 4px 8px -4px; -moz-box-shadow: 0 4px 8px -4px #000; box-shadow: 0px 4px 8px -4px #000; } div.subnavigation ul { float: left; margin: 0; padding: 0; } div.subnavigation ul li { float: left; width: 305px; margin: 0; padding: 0; list-style-type: none; padding: 0 0 12px 0; } div.subnavigation a { background: url(/images/all-pages.20180625172927.png) no-repeat; padding: 0 0 0 20px; } div.subnavigation a:link, div.subnavigation a:visited { background-position: -884px -361px; color: #036; text-decoration: none; } div.subnavigation a:hover, div.subnavigation a:active { background-position: -904px -341px; color: #e66d24; text-decoration: none; } div.subnavigation ul.twocolumns li { width: 305px; } div.subnavigation ul.threecolumns li { width: 224px; } div.subnavigation a.smallad { float: right; width: 207px; height: 75px; clear: right; margin-bottom: 20px; padding: 8px; background: none; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } div.subnavigation a.largead { float: right; width: 289px; height: 108px; clear: right; margin-bottom: 20px; padding: 8px; background: none; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } #sidebar { float:left; left: -243px; left: calc(-243px - 2 * env(safe-area-inset-left)); /* <== iPhone X */ width: 203px; margin: 25px 20px 0 20px; } #sidenavigation { float: left; font-family: SoupboneWebBold, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 20px; color: #036; background-color: #ff7928; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } #sidenavigation ul { width: 203px; padding: 0; margin: 11px 0 16px 0; list-style-type: none; } #sidenavigation ul li { background: url(/images/all-pages.20180625172927.png) -924px -321px no-repeat; padding: 0 0 0 21px; margin: 0 0 7px 5px; } #sidenavigation li.selected { background-position: -884px -361px; } #sidenavigation a:link, #sidenavigation a:visited { color: #fff; text-decoration: none; } #sidenavigation li.selected a, #sidenavigation a:hover, #sidenavigation a:active { color: #036; text-decoration: none; } #sidenavigation hr { background: url(/images/all-pages.20180625172927.png) -792px -173px no-repeat; height: 5px; margin: 0; } .sidenavigation-social { float: left; width: 203px; margin: 20px 0 0 0; text-align: center; } @media (max-width: 1011px) { #container.show-sidebar { left: 233px; left: calc(233px + (env(safe-area-inset-left) / 2)); /* <== iPhone X */ } #sidebar { position: absolute; top: 0; transition: left 0.4s ease; margin: 0; padding: 10px; padding: 10px 10px 10px calc(20px + env(safe-area-inset-left)); height: 100%; background-color: #003366; } } /*========================= LIVE CHAT =========================*/ #livechat { position: fixed; overflow: hidden; top: 300px; right: 0; width: 96px; height: 96px; } #livechat .slidefromright { position: absolute; right: -96px; width: 96px; height: 96px; background-color: #81dfee; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-animation: slide 1s forwards; -webkit-animation-delay: 5s; animation: slide 1s forwards; animation-delay: 5s; } #livechat span.title { display: block; width: 94px; margin: 2px 2px 0 2px; text-align: center; font-family: SourceSansPro, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; color: #fff; background-color: #00bedc; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #livechat a { display: block; padding: 6px 0 0 4px; width: 92px; height: 78px; text-align: center; font-family: SoupboneWebBold, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 48px; background: url(/images/all-pages.20180625172927.png) -496px -354px no-repeat; } #livechat a:link, #livechat a:visited, #livechat a:hover, #livechat a:active { color: #fff; text-decoration: none; } @-webkit-keyframes slide { 100% { right: 0; } } @keyframes slide { 100% { right: 0; } } /*========================= FOOTER BOTTOM LINKS =========================*/ #bottomlinks { position: relative; width: 100%; text-align: center; padding: 3px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; } #bottomlinks ul { padding: 0; margin: 10px 0; } #bottomlinks ul li { list-style-type: none; display: inline; color: #fff; } #bottomlinks a:link, #bottomlinks a:visited { color: #fff; text-decoration: none; } #bottomlinks a:hover, #bottomlinks a:active { color: #03bfdc; text-decoration: none; } ul.extralinks li:after { content: "|"; } ul.extralinks li:last-child:after { content: ""; } ul.extralinks a { padding: 0px 12px 0px 8px; } ul.languages li { padding: 0 6px; } ul.languages a { padding: 0px 0px 0px 20px; background: url(/images/all-pages.20180625172927.png) -693px -269px no-repeat; } ul.languages a.language-nl { background-position: -693px -269px; } ul.languages a.language-en { background-position: -693px -286px; } ul.languages a.language-de { background-position: -693px -303px; } ul.languages a.language-fr { background-position: -693px -320px; } ul.languages a.language-se { background-position: -693px -337px; } ul.languages a.language-es { background-position: -693px -354px; } ul.languages a.language-pl { background-position: -693px -371px; } /*========================= FOOTER SITEMAP =========================*/ #sitemap { position: relative; background: #66d8ea; margin: 0 0 10px 0; padding: 20px 0 0 19px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #66d8ea; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } #sitemap ul { margin: 0 -2% 0 0; padding: 0; } #sitemap ul >li { float: left; width: 23%; margin: 0 2% 20px 0; list-style-type: none; } #sitemap span.title { font-family: SoupboneWebBold, Arial, Helvetica, sans-serif; font-size: 17px; line-height: 15px; font-style: normal; } #sitemap ul.column { padding: 0px; margin: 6px 0px 0px 0px; } #sitemap ul.column li { float: none; display: block; width: 100%; margin: 0; list-style-type: none; } #sitemap ul.column a { padding: 0px 0px 0px 21px; display: block; background: url(/images/all-pages.20180625172927.png) no-repeat; } #sitemap ul.column a:link, #sitemap ul.column a:visited { color: #fff; text-decoration: none; background-position: -924px -321px; } #sitemap ul.column a:hover, #sitemap ul.column a:active { color: #036; text-decoration: none; background-position: -884px -361px; } @media (max-width: 799px) { #sitemap ul { margin-right: -4%; } #sitemap ul >li { width: 46%; margin-right: 4%; } } @media (max-width: 419px) { #sitemap ul { margin-right: 0; } #sitemap ul >li { width: 100%; margin-right: 0; } } /*========================= FOOTER SAFE AND RELIABLE =========================*/ #footer { background: #66d8ea; margin: 0 0 10px 0; padding: 10px 0; height: auto; font-family: SoupboneWebBold, Arial, Helvetica, sans-serif; font-size: 17px; color: #fff; line-height: 15px; background-color: #66d8ea; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } #footer ul { padding: 0; margin: 0; font-size: 0; line-height: 0; list-style-type: none; } #footer ul li { padding: 0 5px; } #footer a.footer-safereliable { float: left; padding: 0 0 0 20px; text-align: left; line-height: 24px; } #footerpayments { float: right; padding: 0 25px 0 0; text-align: right; line-height: 24px; } #footerpayments ul { float: right; } #footerpayments ul li { display: inline-block; } #footer a:link, #footer a:visited { float: left; color: #036; text-decoration: none; } #footer a:hover, #footer a:active { float: left; color: #fff; text-decoration: none; } ul.payments a.ideal { width: 27px; height: 24px; background: url(/images/all-pages.20180625172927.png) -456px -242px no-repeat; } ul.payments a.mastercard { width: 37px; height: 24px; background: url(/images/all-pages.20180625172927.png) -483px -242px no-repeat; } ul.payments a.visacard { width: 35px; height: 24px; background: url(/images/all-pages.20180625172927.png) -520px -242px no-repeat; } ul.payments a.paypal { width: 37px; height: 23px; background: url(/images/all-pages.20180625172927.png) -555px -242px no-repeat; } ul.payments a.mistercash { width: 40px; height: 24px; background: url(/images/all-pages.20180625172927.png) -592px -242px no-repeat; } ul.payments a.cartebleue { width: 38px; height: 24px; background: url(/images/all-pages.20180625172927.png) -631px -242px no-repeat; } ul.payments a.elv { width: 21px; height: 29px; background: url(/images/all-pages.20180625172927.png) -669px -242px no-repeat; margin: -2px 0 -3px 0; } ul.payments a.sofortuberweisung { width: 53px; height: 17px; background: url(/images/all-pages.20180625172927.png) -690px -242px no-repeat; margin: 3px 0 4px 0; } ul.payments span { display: none; } #footershipping { float: right; width: 285px; height: 24px; line-height: 24px; border-left: #00bedc solid 1px;border-right: #00bedc solid 1px; text-align: center; } #footershipping span { display: inline-block; height: 24px; padding: 0 0 0 34px; background: url(/images/all-pages.20180625172927.png) 0px -242px no-repeat; } #footershipping span.de { background-position: 0px -266px; padding: 0 0 0 38px; } #footershipping span.fr { background-position: 0px -290px; padding: 0 0 0 36px; } #footershipping span.se { background-position: 0px -314px; padding: 0 0 0 33px; } #footercertified { float: right; width: 245px; text-align: center; } ul.certified { display: block; } ul.certified a, ul.certified li { display: inline-block; } ul.certified a.webshopkeurmerk { width: 65px; height: 24px; background: url(/images/all-pages.20180625172927.png) -743px -242px no-repeat; } ul.certified a.webwinkelkeur { width: 46px; height: 28px; background: url(/images/all-pages.20180625172927.png) -808px -235px no-repeat; margin: -10px 0 0 0; } ul.certified span { display: none; } @media (max-width: 1011px) { #footer a.footer-safereliable { text-align: center; width: 100%; padding: 0; margin-bottom: 10px; } #footerpayments, #footershipping, #footercertified { width: 33.33%; box-sizing: border-box; padding: 0; text-align: center; } ul.payments { width: 100%; } } @media (max-width: 799px) { #footerpayments { width: 34%; } #footershipping { width: 39%; } #footercertified { width: 27%; } } @media (max-width: 719px) { #footer a.footer-safereliable { margin-bottom: 0; } #footerpayments, #footershipping, #footercertified { width: 100%; margin-top: 10px; } #footershipping { border: 0; } #footer { padding: 20px 0; } } /*========================= FOOTER ICONS =========================*/ .footericons { position: absolute; background: url(/images/all-pages.20180625172927.png) 0 0 no-repeat; } .footericons.rocket { background-position: -496px -303px; width: 42px; height: 43px; top: 11px; right: 12%; } .footericons.bee { background-position: -538px -303px; width: 41px; height: 40px; top: 11px; left: 167px; } .footericons.ladybug { background-position: -579px -303px; width: 33px; height: 51px; top: 27px; right: 1px; } .footericons.princess { background-position: -612px -303px; width: 44px; height: 70px; bottom: 0px; right: 26%; } @media (max-width: 799px) { .footericons.princess { left: auto; right: 24px; } } @media (max-width: 719px) { .footericons.ladybug { top: 50%; } .footericons.rocket { display: none; } } /*========================= FOOTER COPYRIGHT =========================*/ #copyright { text-align: center; font-size: 10px; color: #003366; padding: 0px 0px 10px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; } /*========================= FORM FIELDS =========================*/ #content label.error input { color: #000000; border: 1px solid #ff0000; } #content label.error input.checkbox { color: #000000; border: 0px; } #content label.error select { color: #000000; border: 1px solid #ff0000; } #content label.error textarea { color: #000000; border: 1px solid #ff0000; } /* #content label.een, #content label.een select { width: 174px; } #content label.twee, #content label.twee select { width: 360px; } #content label.drie, #content label.drie select { width: 546px; } #content label.vier, #content label.vier select { width: 732px; } #content label.een input.text, #content label.een textarea { width: 164px; } #content label.twee input.text, #content label.twee textarea { width: 350px; } #content label.drie input.text, #content label.drie textarea { width: 536px; } #content label.vier input.text, #content label.vier textarea { width: 722px; } #content div.productsubitem label.een, #content div.productsubitem label.een select { width: 169px; } #content div.productsubitem label.twee, #content div.productsubitem label.twee select { width: 350px; } #content div.productsubitem label.drie, #content div.productsubitem label.drie select { width: 531px; } #content div.productsubitem label.vier, #content div.productsubitem label.vier select { width: 712px; } #content div.productsubitem label.een input.text, #content div.productsubitem label.een textarea { width: 159px; } #content div.productsubitem label.twee input.text, #content div.productsubitem label.twee textarea { width: 340px; } #content div.productsubitem label.drie input.text, #content div.productsubitem label.drie textarea { width: 521px; } #content div.productsubitem label.vier input.text, #content div.productsubitem label.vier textarea { width: 702px; } #content div.productcustomizequestion label.een, #content div.productcustomizequestion label.een select { width: 164px; } #content div.productcustomizequestion label.twee, #content div.productcustomizequestion label.twee select { width: 340px; } #content div.productcustomizequestion label.drie, #content div.productcustomizequestion label.drie select { width: 516px; } #content div.productcustomizequestion label.vier, #content div.productcustomizequestion label.vier select { width: 692px; } #content div.productcustomizequestion label.een input.text, #content div.productcustomizequestion label.een textarea { width: 154px; } #content div.productcustomizequestion label.twee input.text, #content div.productcustomizequestion label.twee textarea { width: 330px; } #content div.productcustomizequestion label.drie input.text, #content div.productcustomizequestion label.drie textarea { width: 506px; } #content div.productcustomizequestion label.vier input.text, #content div.productcustomizequestion label.vier textarea { width: 682px; } */ #content label { float: left; font-weight: bold; margin: 0px 0px 6px 0px; box-sizing: border-box; padding-right: 10px; } #content fieldset { margin-right: -10px; } #content label.margin { /*padding-right: 10px; */} #content input, #content select, #content textarea { width: 100%; box-sizing: border-box; font-family: Arial, Helvetica; font-size: 13px; line-height: 20px; font-weight: normal; border: 1px solid #90a0c0; padding: 3px 6px; } #content input.radio { width: auto; font-weight: normal; font-size: 11px; margin: 0px 3px; border: none; } #content input.checkbox { width: auto; font-weight: normal; font-size: 11px; margin: 0px 3px; border: none; } #content label.een { width: 25%; } #content label.twee { width: 50%; } #content label.drie { width: 75%; } #content label.vier { width: 100%; } @media (max-width: 599px) { #content label.een { width: 50%; } #content label.twee { width: 50%; } #content label.drie { width: 100%; clear: both; } #content label.vier { width: 100%; clear: both; } #content label.drie.margin, #content label.vier.margin { padding-right: 0px; } } @media (max-width: 419px) { #content label.twee { width: 100%; clear: both; } #content label.een.margin, #content label.twee.margin { padding-right: 0px; } } #extraquestions input.radio { padding: 0px; margin: 2px 4px 0px 0px !important; margin: -2px 0px 0px 0px; display: block; float: left; } /*========================= SOCIAL MEDIA SHARE BLOCK =========================*/ #socialmediashare { width: 203px; text-align: center; margin-top: 20px; } #socialmediashare ul { margin: 0px; padding: 0px; list-style-type: none; } #socialmediashare ul li { margin: 0; padding: 0 2px 0 3px; display: inline-block; } #socialmediashare ul li span { display: none; } #socialmediashare li a { display: block; width: 31px; height: 31px; background: url(/images/all-pages.20180625172927.png) no-repeat; } #socialmediashare li a.twitter { background-position: -394px -242px; } #socialmediashare li a.facebook { background-position: -394px -273px; } #socialmediashare li a.pinterest { background-position: -394px -304px; } #socialmediashare li a.googleplus { background-position: -394px -335px; } #socialmediashare li a.email { background-position: -394px -366px; } /*========================= INFO TEXT and NOTICE VERY WELL BLOCK =========================*/ .infotext, .noticeverywell { font-family: Unkempt, Arial, Helvetica, sans-serif; font-size: 15px; float: left; width: 100%; box-sizing: border-box; margin: 20px 0 0 0; padding: 24px 24px 6px 24px; font-weight: bold; line-height: 18px; background-color: #ccf2f8; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } .infotext h2, .noticeverywell h2 { font-family: SoupboneWebBold, Arial, Helvetica, sans-serif; font-size: 23px; line-height: 22px; margin: 0 0 10px 0; } .noticeverywell { font-size: 15px; } .infotext ul, .noticeverywell ul { list-style-type: none; margin: 0; padding: 0; } .infotext ul li, .noticeverywell ul li { margin: 0 0 6px 0; padding: 0; } .infotext li span, .infotext li a { background: url(/images/all-pages.20180625172927.png) -884px -361px no-repeat; display: inline-block; padding: 0 0 0 20px; } .infotext li a:link, .infotext li a:visited { color: #036; text-decoration: none; } .infotext li a:hover, .infotext li a:active { color: #ff7928; text-decoration: none; background-position: -904px -341px; } .noticeverywell li span, .noticeverywell li a { background: url(/images/all-pages.20180625172927.png) -861px -401px no-repeat; display: inline-block; padding: 0 0 0 20px; } .noticeverywell li a:link, .noticeverywell li a:visited { color: #036; text-decoration: none; } .noticeverywell li a:hover, .noticeverywell li a:active { color: #ff7928; text-decoration: none; } /*========================= ADDITIONAL BLOCK =========================*/ .additionalblockbottom { display: none; margin: 4px 0px 4px 0px; padding: 0 0 10px 0; background: url(/images/additional-block.20130627140231.png) -732px bottom no-repeat; } .additionalblocktop { padding: 28px 5px 0 0; background: url(/images/additional-block.20130627140231.png) 0 0 no-repeat; } .additionalblockcontent { margin-top: -18px; } .additionalblocktext { float: left; width: 453px; padding: 0px 0px 0px 70px; } .additionalblocktext strong { line-height: 26px; } .additionalblockbutton { padding: 45px 0px 0px 0px; width: 204px; float: right; text-align: center; background: url(/images/additional-block.20130627140231.png) -1132px 0 no-repeat; } .additionalblockbutton a { display: inline-block; height: 24px; line-height: 24px; padding: 0 20px; font-family: SoupboneWebBold, Arial, Helvetica, sans-serif; font-size: 17px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } .additionalblockbutton a:link, .additionalblockbutton a:visited { background-color: #ff7928; color: #fff; text-decoration: none; } .additionalblockbutton a:hover, .additionalblockbutton a:active { background-color: #036; color: #fff; text-decoration: none; } .additionalblocktext.additem { background: url(/images/additional-block.20130627140231.png) -1525px 0 no-repeat; } .additionalblocktext.addfavorite { background: url(/images/additional-block.20130627140231.png) -1464px -40px no-repeat; } .productadditemcopytext { float: left; width: 657px; padding: 0px 0px 0px 70px; margin-top: 10px; } /*========================= PAYMENTS =========================*/ ul.paymentmethods { margin: 0px; padding: 0px; list-style: none; } ul.paymentmethods li { display: block; float: left; clear: both; width: 100%; margin: 0px 0px 8px 0px; font-weight: bold; margin: 0px 8px 8px 0px; } ul.paymentmethods li img { display: inline-block; vertical-align: top; max-width: 100%; max-height: 100%; } ul.paymentmethods li span { padding-left: 8px; } ul.paymentmethods .paymentmethod { margin-top: 8px; height: 64px; text-align: center; } ul.paymentmethods img.paymentmethod_3, ul.paymentmethods img.paymentmethod_5, ul.paymentmethods img.paymentmethod_8, ul.paymentmethods img.paymentmethod_17, ul.paymentmethods img.paymentmethod_19, ul.paymentmethods img.paymentmethod_23, ul.paymentmethods img.paymentmethod_24, ul.paymentmethods img.paymentmethod_25, ul.paymentmethods img.paymentmethod_26 { transform: scale(0.7); } ul.paymentmethods img.paymentmethod_20 { transform: scale(0.8); } ul.paymentmethods img.paymentmethod_7, ul.paymentmethods img.paymentmethod_22 { transform: scale(0.9); } #content ul.paymentmethods li label { display: block; width: 100%; margin: 0; padding: 10px; cursor: pointer; background-color: #ccf2f8; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } @media (min-width: 720px) { ul.paymentmethods li { width: calc((100% - 16px) / 3); margin-right: 8px; clear: none; } ul.paymentmethods li:nth-child(3n) { margin-right: 0; } ul.paymentmethods li:nth-child(3n+1) { clear: both; } } @media (min-width: 560px) and (max-width: 719px) { ul.paymentmethods li { width: calc((100% - 8px) / 2); margin-right: 8px; clear: none; } ul.paymentmethods li:nth-child(2n) { margin-right: 0; } ul.paymentmethods li:nth-child(2n+1) { clear: both; } } /*========================= BACKGROUND IMAGES (FOR EXTERNAL STYLESHEETS) =========================*/ #producten li a span { background: #036 url(/images/all-pages.20180625172927.png) -918px -318px no-repeat; } #productfeatures ul li, #usefulinfo ul li { background: url(/images/all-pages.20180625172927.png) -904px -341px no-repeat; } #producttext ul li { background: url(/images/all-pages.20180625172927.png) -873px -381px no-repeat; } #productgallery div.triangle { background: url(/images/all-pages.20180625172927.png) -456px -358px no-repeat; } ul.sitemap li { background: url(/images/all-pages.20180625172927.png) -884px -361px no-repeat; } ul.sitemap li li { background: url(/images/all-pages.20180625172927.png) -904px -341px no-repeat; } /*========================= BUTTONS =========================*/ .buttons { clear: both; } .buttons .left { float: left; margin-right: 15px; } .buttons .right { margin-left: 15px; float: right; } .buttons-left { float: left; } .buttons-right { float: right; } .buttons.een { width: 25%; } .buttons.twee { width: 50%; } .buttons.drie { width: 75%; } .buttons.vier { width: 100%; } @media (max-width: 419px) { .buttons-left, .buttons .left { float: none; margin-right: 0; text-align: center; } .buttons-right, .buttons .right { margin-left: 0; float: none; text-align: center; } .buttons.een, .buttons.twee, .buttons.drie, .buttons.vier { width: 100%; } .buttons a.txtbutton { display: inline-block; } .buttons div:last-child { margin-bottom: 0; } } a.txtbutton { display: block; overflow: visible; width: auto; border: 0; padding: 0; margin-top: 10px; background: transparent; } button.txtbutton { overflow: visible; width: auto; border: 0; padding: 0; margin-top: 10px; background: transparent; cursor: pointer; outline: none; -webkit-border-fit: lines; } button.txtbutton::-moz-focus-inner { padding: 0; border: 0; } a.txtbutton span, button.txtbutton span { padding: 0 0 0 27px; display: block; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; font-family: SoupboneWebBold, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 16px; color: #fff; text-align:center; white-space:nowrap; } a.txtbutton span span, button.txtbutton span span { padding: 6px 10px 6px 10px; border-top-left-radius: 0; -moz-border-top-left-radius: 0; -webkit-top-left-border-radius: 0; border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; -webkit-bottom-left-border-radius: 0; } a.txtbutton > span, button.txtbutton > span { background: url(/images/all-pages.20180625172927.png) -917px -317px #072a4d; background: url(/images/all-pages.20180625172927.png) -917px -317px, -webkit-gradient(linear, left top, left bottom, color-stop(0, #60768d), color-stop(1, #002448)) #072a4d; background: url(/images/all-pages.20180625172927.png) -917px -317px, -webkit-linear-gradient(top, #60768d 0%, #002448 100%) #072a4d; background: url(/images/all-pages.20180625172927.png) -917px -317px, -moz-linear-gradient(top, #60768d 0%, #002448 100%) #072a4d; background: url(/images/all-pages.20180625172927.png) -917px -317px, -ms-linear-gradient(top, #60768d 0%, #002448 100%) #072a4d; background: url(/images/all-pages.20180625172927.png) -917px -317px, -o-linear-gradient(top, #60768d 0%, #002448 100%) #072a4d; background: url(/images/all-pages.20180625172927.png) -917px -317px, linear-gradient(to bottom, #60768d 0%, #002448 100%) #072a4d; } a.txtbutton span span, button.txtbutton span span { border-left: 1px solid #7e90a2; border-left: 1px solid rgba(255, 255, 255, 0.5); background-color: #47617b; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6080a0), color-stop(1, #003366)) #47617b; background: -webkit-linear-gradient(top, #6080a0 0%, #003366 100%) #47617b; background: -moz-linear-gradient(top, #6080a0 0%, #003366 100%) #47617b; background: -ms-linear-gradient(top, #6080a0 0%, #003366 100%) #47617b; background: -o-linear-gradient(top, #6080a0 0%, #003366 100%) #47617b; background: linear-gradient(to bottom, #6080a0 0%, #003366 100%) #47617b; } a.txtbutton > span.highlight, button.txtbutton > span.highlight { background: url(/images/all-pages.20180625172927.png) -917px -317px #6fa833; background: url(/images/all-pages.20180625172927.png) -917px -317px, -webkit-gradient(linear, left top, left bottom, color-stop(0, #a3c87c), color-stop(1, #6ba62d)) #6fa833; background: url(/images/all-pages.20180625172927.png) -917px -317px, -webkit-linear-gradient(top, #a3c87c 0%, #6ba62d 100%) #6fa833; background: url(/images/all-pages.20180625172927.png) -917px -317px, -moz-linear-gradient(top, #a3c87c 0%, #6ba62d 100%) #6fa833; background: url(/images/all-pages.20180625172927.png) -917px -317px, -ms-linear-gradient(top, #a3c87c 0%, #6ba62d 100%) #6fa833; background: url(/images/all-pages.20180625172927.png) -917px -317px, -o-linear-gradient(top, #a3c87c 0%, #6ba62d 100%) #6fa833; background: url(/images/all-pages.20180625172927.png) -917px -317px, linear-gradient(to bottom, #a3c87c 0%, #6ba62d 100%) #6fa833; } a.txtbutton span.highlight span, button.txtbutton span.highlight span { border-left: 1px solid #c6e3a9; border-left: 1px solid rgba(255, 255, 255, 0.5); background-color: #92c859; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #abd580), color-stop(1, #79bc33)) #92c859; background: -webkit-linear-gradient(top, #abd580 0%, #79bc33 100%) #92c859; background: -moz-linear-gradient(top, #abd580 0%, #79bc33 100%) #92c859; background: -ms-linear-gradient(top, #abd580 0%, #79bc33 100%) #92c859; background: -o-linear-gradient(top, #abd580 0%, #79bc33 100%) #92c859; background: linear-gradient(to bottom, #abd580 0%, #79bc33 100%) #92c859; } a.txtbutton > span.back, button.txtbutton > span.back { background-position: -938px -289px, 0 0; } a.txtbutton:active span span, a.txtbutton:hover span span, button.txtbutton:active span span, button.txtbutton:hover span span { background-color: #072a4d; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #60768d), color-stop(1, #002448)) #072a4d; background: -webkit-linear-gradient(top, #60768d 0%, #002448 100%) #072a4d; background: -moz-linear-gradient(top, #60768d 0%, #002448 100%) #072a4d; background: -ms-linear-gradient(top, #60768d 0%, #002448 100%) #072a4d; background: -o-linear-gradient(top, #60768d 0%, #002448 100%) #072a4d; background: linear-gradient(to bottom, #60768d 0%, #002448 100%) #072a4d; } a.txtbutton:active span.highlight span, a.txtbutton:hover span.highlight span, button.txtbutton:active span.highlight span, button.txtbutton:hover span.highlight span { background-color: #6fa833; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a3c87c), color-stop(1, #6ba62d)) #6fa833; background: -webkit-linear-gradient(top, #a3c87c 0%, #6ba62d 100%) #6fa833; background: -moz-linear-gradient(top, #a3c87c 0%, #6ba62d 100%) #6fa833; background: -ms-linear-gradient(top, #a3c87c 0%, #6ba62d 100%) #6fa833; background: -o-linear-gradient(top, #a3c87c 0%, #6ba62d 100%) #6fa833; background: linear-gradient(to bottom, #a3c87c 0%, #6ba62d 100%) #6fa833; } a.txtbutton:link, a.txtbutton:active, a.txtbutton:hover, a.txtbutton:visited { text-decoration: none !important; } button.iconbutton { display: inline-block; width: 0; height: 0; border: 0; padding: 0; margin: 0; background: transparent; cursor: pointer; } button.iconbutton::-moz-focus-inner { padding: 0; border: 0; } button.trashcan { background: url(/images/all-pages.20180625172927.png) -475px -358px; width: 13px; height: 16px; } button.defaultsubmit { display: block; width: 0; height: 0; border: 0; padding: 0; margin: 0; background: transparent; } /*========================= PAGINATION =========================*/ .pagination { float: left; clear: both; width: 732px; margin-top: 1em; } .pagination .left { float: left; width: 100px; } .pagination .center { float: left; width: 532px; text-align: center; } .pagination .center a { padding-left: 10px; padding-right: 10px; } .pagination .right { float: right; width: 100px; text-align: right; } .pagination a.current { color: #fff; background-color: #ff7928; } /*========================= OTHER PAGES =========================*/ #newslettersubscription { width: 546px; } #labelviewerdemoselect { width: 538px; padding: 1px; } .roundedtextbox { float: left; width: 100%; box-sizing: border-box; position: relative; min-height: 40px; padding: 10px; clear: both; background: #ddf3f6; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } .roundedtextbox.topmargin { margin-top: 4px; } .roundtextbox-half { float: left; width: 50%; } .roundtextbox-half h3 { margin-bottom: 5px; } @media (max-width: 559px) { .roundtextbox-half { float: none; width: 100%; } } /*========================= TRUSTPILOT =========================*/ #tp_widget { font-family: Unkempt, Arial, Helvetica, sans-serif; font-size: 16px; width: 175px; clear: both; width: 100%; box-sizing: border-box; min-height: 255px; padding: 24px 24px 12px 24px; line-height: 16px; background-color: #ccf2f8; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } #tp_widget h2 { font-family: SoupboneWebBold, Arial, Helvetica, sans-serif; font-size: 23px; line-height: 22px; margin: 0 0 6px 0 !important; } #tp_widget .tpc_rating { margin: 0 0 12px 0; } #tp_widget .tpc_rating_speaker { float:left; margin: 16px 0 10px 0; width: 30px; height: 40px; background-image: url('//trustbox.trustpilot.com/widget/nl-NL.png'); background-position: -75px -100px; } #tp_widget .tpc_rating_bubble { margin: 0 0 0 0; padding: 8px 0 0 24px; background: url(/images/homepage.20140717153614.png) -611px -242px no-repeat !important; float: left; width: 114px; height: 76px; } #tp_widget .tpc_rating_startext { margin: 8px 0 0 16px; width: 75px; height: 14px; background-image: url('//trustbox.trustpilot.com/widget/nl-NL.png'); } #tp_widget .tpc_rating_star { margin: 0 0 0 16px; width: 75px; height: 16px; background-image: url('//trustbox.trustpilot.com/widget/nl-NL.png'); } #tp_widget .tpc_rating_rating { color: #808080; margin: 0 0 0 16px; } #tp_widget .tpc_rating_count { color: #ff7928; font-size: 23px; font-weight: bold; padding: 0px 0 0 0; clear: both; } #tp_widget .tpc_rating_counttext { font-weight: bold; color: #036; padding: 6px 0 0 0; } .tpc_hidden { display: none; } #tp_widget a.readreviews { font-size: 16px; font-weight: bold; background: url(/images/all-pages.20180625172927.png) -885px -361px no-repeat; text-decoration: none; color: #003366; padding: 0px 0px 0px 18px; } #tp_widget a.readreviews:active, #tp_widget a.readreviews:hover { background-position: -905px -341px; color: #ff7928; } #tp_widget a:link, #tp_widget a:visited { text-decoration: none; color: #003366; } #tp_widget a:hover, #tp_widget a:active { text-decoration: none; color: #FF7928; } /*========================= SAFE AND RELIABLE =========================*/ #safereliable { font-family: Unkempt, Arial, Helvetica, sans-serif; font-size: 15px; clear: both; float: left; width: 100%; box-sizing: border-box; padding: 24px 24px 4px 24px; min-height: 255px; font-weight: bold; line-height: 18px; background-color: #ccf2f8; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } #safereliable h2 { font-family: SoupboneWebBold, Arial, Helvetica, sans-serif; font-size: 23px; line-height: 22px; margin: 0 0 10px 0; } #safereliable p { font-weight: bold; margin: 16px 0 0 0; line-height: 16px; text-align: center; } #safereliable ul { margin: 0px; padding: 0px; list-style-type: none; text-align: center; } #safereliable ul li { margin: 0; padding: 0; display: inline; } #safereliable ul li a { display: inline-block; } #safereliable ul.payments, #safereliable ul.certified { padding-top: 10px; } /*========================= MISCELLANEOUS =========================*/ .clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } .clearAll { clear: both; } .error { color: #FF0000 !important; font-weight: bold; } .confirm { color: #00BB00 !important; font-weight: bold; } p.clear { margin-top: 1em; } #content p, #homecontent p { display: block; margin-bottom: 10px; } #content p.highlight, #homecontent p.highlight { margin-left: 10px; font-weight: bold; } .youtubevideo { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; /* 16:9 ratio by default */ } .youtubevideo.4x3 { padding-bottom: 75%; } .youtubevideo iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } span.comments { font-size: 13px; font-weight: normal; } div.logincomments { display: block; padding: 21px 0 0 20px; line-height: 20px; font-size: 13px; font-weight: normal; } div.cmscontent img { max-width: 100%; height: auto; } .facebooklikebox { clear: both; margin-top: 20px; width: 100%; } #sovendus-container-1 { margin-top: 20px; } @media (max-width: 419px) { div.logincomments { float: right; padding: 0; } } @media (max-width: 559px) { .xs-hidden { display: none; } } @media (min-width: 560px) and (max-width: 719px) { .sm-hidden { display: none; } } @media (min-width: 720px) and (max-width: 1011px) { .md-hidden { display: none; } } @media (min-width: 1012px) { .lg-hidden { display: none; } } /*========================= jQuery Fancybox CSS =========================*/ #fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none}#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('/scripts/fancybox/fancybox.png')}#fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none}#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none}#fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:1101;outline:none;display:none}#fancybox-outer{position:relative;width:100%;height:100%;background:#fff}#fancybox-content{width:0;height:0;padding:0;outline:none;position:relative;overflow:hidden;z-index:1102;border:0 solid #fff}#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101}#fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:transparent url('/scripts/fancybox/fancybox.png') -40px 0;cursor:pointer;z-index:1103;display:none}#fancybox-error{color:#444;font:normal 12px/20px Arial;padding:14px;margin:0}#fancybox-img{width:100%;height:100%;padding:0;margin:0;border:none;outline:none;line-height:0;vertical-align:top}#fancybox-frame{width:100%;height:100%;border:none;display:block}#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:none;background:transparent url('/scripts/fancybox/blank.gif');z-index:1102;display:none}#fancybox-left{left:0}#fancybox-right{right:0}#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block}#fancybox-left-ico{background-image:url('/scripts/fancybox/fancybox.png');background-position:-40px -30px}#fancybox-right-ico{background-image:url('/scripts/fancybox/fancybox.png');background-position:-40px -60px}#fancybox-left:hover,#fancybox-right:hover{visibility:visible}#fancybox-left:hover span{left:20px}#fancybox-right:hover span{left:auto;right:20px}.fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001}#fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url('/scripts/fancybox/fancybox-x.png')}#fancybox-bg-ne{top:-20px;right:-20px;background-image:url('/scripts/fancybox/fancybox.png');background-position:-40px -162px}#fancybox-bg-e{top:0;right:-20px;height:100%;background-image:url('/scripts/fancybox/fancybox-y.png');background-position:-20px 0}#fancybox-bg-se{bottom:-20px;right:-20px;background-image:url('/scripts/fancybox/fancybox.png');background-position:-40px -182px}#fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url('/scripts/fancybox/fancybox-x.png');background-position:0 -20px}#fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url('/scripts/fancybox/fancybox.png');background-position:-40px -142px}#fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url('/scripts/fancybox/fancybox-y.png')}#fancybox-bg-nw{top:-20px;left:-20px;background-image:url('/scripts/fancybox/fancybox.png');background-position:-40px -122px}#fancybox-title{font-family:Helvetica;font-size:12px;z-index:1102}.fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative}.fancybox-title-outside{padding-top:10px;color:#fff}.fancybox-title-over{position:absolute;bottom:0;left:0;color:#fff;text-align:left}#fancybox-title-over{padding:10px;background-image:url('/scripts/fancybox/fancy_title_over.png');display:block}.fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px}#fancybox-title-float-wrap{border:none;border-collapse:collapse;width:auto}#fancybox-title-float-wrap td{border:none;white-space:nowrap}#fancybox-title-float-left{padding:0 0 0 15px;background:url('/scripts/fancybox/fancybox.png') -40px -90px no-repeat}#fancybox-title-float-main{color:#fff;line-height:29px;font-weight:bold;padding:0 0 3px 0;background:url('/scripts/fancybox/fancybox-x.png') 0 -40px}#fancybox-title-float-right{padding:0 0 0 15px;background:url('/scripts/fancybox/fancybox.png') -55px -90px no-repeat}.fancybox-ie6 #fancybox-close{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/fancybox/fancy_close.png',sizingMethod='scale')}.fancybox-ie6 #fancybox-left-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/fancybox/fancy_nav_left.png',sizingMethod='scale')}.fancybox-ie6 #fancybox-right-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/fancybox/fancy_nav_right.png',sizingMethod='scale')}.fancybox-ie6 #fancybox-title-over{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/fancybox/fancy_title_over.png',sizingMethod='scale');zoom:1}.fancybox-ie6 #fancybox-title-float-left{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/fancybox/fancy_title_left.png',sizingMethod='scale')}.fancybox-ie6 #fancybox-title-float-main{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/fancybox/fancy_title_main.png',sizingMethod='scale')}.fancybox-ie6 #fancybox-title-float-right{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/fancybox/fancy_title_right.png',sizingMethod='scale')}.fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame{height:expression(this.parentNode.clientHeight + "px")}#fancybox-loading.fancybox-ie6{position:absolute;margin-top:0;top:expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px')}#fancybox-loading.fancybox-ie6 div{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/fancybox/fancy_loading.png',sizingMethod='scale')}.fancybox-ie .fancybox-bg{background:transparent!important}.fancybox-ie #fancybox-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/fancybox/fancy_shadow_n.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/fancybox/fancy_shadow_ne.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/fancybox/fancy_shadow_e.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/fancybox/fancy_shadow_se.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/fancybox/fancy_shadow_s.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/fancybox/fancy_shadow_sw.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/fancybox/fancy_shadow_w.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/scripts/fancybox/fancy_shadow_nw.png',sizingMethod='scale')}