/* Difrax shop build by Axoft(www.axoft.nl) Site kleuren: dr blauw = #003e85 geel = #fbc41f Lgrijs = #e7e8e9 Dgrijs = #b3b3b3 Oranje = #f85400 */ /*--- Site Init ---*/ * {margin: 0px; padding: 0px;} body, html {width: 100%; height: 100%;} body { font-family: Tahoma, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; color: #003e85; behavior: url("/csshover.htc"); /*--- *text-align: center; site centreren | IE ONLY ---*/ } /*--- Basic Styles ---*/ img {border: 0px;} /*ul {margin: 5px 0px 5px 10px;}*/ li {margin: 0px 0px 0px 25px} a {color:#003e85; text-decoration: none;} a:hover {color:#003e85; text-decoration: underline;} h1 {color:#003e85; font-size: 18px; font-weight:bold; margin: 10px 0px 10px 0px;} h2 {color:#003e85; font-size: 16px; font-weight:bold; margin: 9px 0px 9px 0px;} h3 {color:#003e85; font-size: 14px; font-weight:bold; margin: 8px 0px 8px 0px;} h4 {color:#003e85; font-size: 13px; font-weight:bold; margin: 7px 0px 7px 0px;} h5 {color:#003e85; font-size: 12px; font-weight:bold; margin: 6px 0px 6px 0px;} h6 {color:#003e85; font-size: 11px; font-weight:bold; margin: 5px 0px 5px 0px;} p {margin: 0px 0px 15px 0px;} hr {height:1px; color:#003e85; margin: 5px 0px 5px 0px;} hr.yellow {height:1px; color:#fbc41f; margin: 5px 0px 5px 0px;} hr.grey {height:1px; color:#e7e8e9; margin: 5px 0px 5px 0px;} .title {font-size: 11px; font-weight:bold; color:#003e85;} .underscription {font-size: 10px; font-style:italic; font-weight:normal; color:#b3b3b3;} #contentTitle {background:url('/content-title.jpg') no-repeat 0px 0px; border:1px solid #003e85; width:589px; height:21px; font-weight:bold; line-height:21px; text-indent:10px; margin:0px 0px 20px 0px;} #contentTitle h1 {font-size: 11px; margin: 0px 0px 0px 0px} input {width:250px; margin:0px 0px 3px 0px; *margin:0px 0px 1px 0px;} textarea {width:252px; height:100px; margin: 0px 0px 3px 0px; *margin: 0px 0px 1px 0px; font-family: Arial, Tahoma, sans-serif;} select {width:254px; margin: 0px 0px 1px 0px;} input.button {width:auto; margin:0px; font-size:11px; *line-height:14px; font-weight:bold; color:#003e85; background:url('/store/input-button-background.gif') repeat-x 0px 0px; border:1px solid #003e85; cursor:hand; height:21px; text-align:center;} input.button:hover {border-color:#fbc41f;} input.button#nextOrderStep {background:url('/store/input-orderNext-background.gif') repeat-x 0px 0px;} input.button#btnSubmit:hover {border-color:#fbc41f;} input.radioButton {width:12px; height:12px; margin:0px 10px 2px 5px;} input#btnUpdate {display:none;} input#registerPostalCode, input#deliveryPostalCode, input#profilePostalCode {width: 75px;} input#registerCityName, input#deliveryCityName, input#profileCityName {width: 167px; *width:168px;} /*--- Language Selection ---*/ form#languageSelectionForm {position:relative; width:450px; height:250px; top:225px; right:0px; text-align:right; z-index:1005;} form#languageSelectionForm div {margin:10px 0px 10px 0px;} form#languageSelectionForm div span {position:relative; top:-3px; width:100px; margin:0px;} form#languageSelectionForm div input.button {position:relative; z-index:1006;} #langSelectionQuit{position:absolute; display:block; width:15px; height:15px; border:1px solid #b3b3b3; background:#fbc41f; line-height:14px; text-align:center; vertical-align:middle; right:16px; font-weight:bold;} /*--- Table cells ---*/ tr.emptyRow td {height:25px; border-bottom:1px solid #003e85;} td.submitButton {text-align:right; height:40px; vertical-align:bottom;} .stringAuto {text-align:left; width:auto;} .stringSmall {text-align:left; width:75px;} .stringMedium {text-align:left; width:150px;} .stringLarge {text-align:left; width:250px;} .numberAuto {text-align:right; width:auto; padding-right:7px;} .numberSmall {text-align:right; width:75px; padding-right:7px;} .numberMedium {text-align:right; width:150px; padding-right:7px;} .numberLarge {text-align:right; width:250px; padding-right:7px;} .delete {text-align:right; width:30px;} /*--- Basic 1st level elements ---*/ #bodyHeader {background: url('/header-background.gif') repeat-x 0px 0px; position:relative; top:0px; left:0px; width:100%; height:140px;} #siteHeader {position:relative; width:995px; height:140px; margin: 0px auto 0px auto; text-align:left;} #siteContent {position:relative; top:12px; width:995px; height:auto; margin: 0px auto 0px auto; padding: 0px 0px 30px 0px; overflow: hidden; text-align:left;} #siteContent #siteNavLeft {position:relative; height:auto; left:0px; top:0px; width:202px; float:left; text-align:left; overflow:hidden;} #siteContent #siteContentData {position:relative; height:auto; left:0px; top:0px; width:589px; float:left; text-align:left;} #siteContent #siteNavRight {position:absolute; *position:relative; height:auto; right:0px; top:0px; width:202px; float:right; text-align:right;} #bodyFooter {background: url('/footer-background.gif') repeat-x 0px 0px; position:relative; top:25px; width:100%; height:85px; float:left;} #siteFooter {position:relative; width:995px; height:85px; margin: 0px auto 0px auto;} #siteFooter #logoFooter { position: absolute; display: block; right: 0px; top: 0px; float: right; width: 154px; height: 83px; background: url(/logo-difrax-footer.png) no-repeat right top !important; background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/logo-difrax-footer.png', sizingMethod='image'); background-position: right top; background-repeat: no-repeat; } #siteFooter .littleLinks {position:relative; right:150px;} /*--- Header elements ---*/ #siteHeader #languageButton {position:absolute; height:20px; z-index:100; left:0px; top:0px; width:40px; float:left;} #siteHeader #headerLogo { position:absolute; left: 0px; top:0px; width:200px; height:140px; margin:0px; padding: 0px; float:left; background: url(/logo-difrax.png) 0px 0px no-repeat !important; background-image: none; _ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/logo-difrax.png', sizingMethod='image'); } #siteHeader #tabNavigation {position:relative; left: 0px; top:0px; width:820px; height:50px; float:right;} #siteHeader .littleLinks {position:absolute; right:467px; top:72px; width:527px; height:60px; vertical-align: bottom; text-align:right;} #siteHeader #headerBanner {position:relative; left:0px; top:32px; width:468px; height:50px; float:right; /*background:url('/headerBanner-daddydoos.jpg') no-repeat 0px 0px;*/ color:#FFFFFF; font-weight:bold; line-height:50px; font-size:13px;} #siteHeader #headerBanner a, #siteHeader #headerBanner a:hover {position:relative; display:block; width:458px; height:50px; color:#FFFFFF; text-decoration:none; text-align:right;} #siteHeader #headerBannerEN {position:relative; left:0px; top:32px; width:468px; height:50px; float:right; background:url('/headerBanner-daddydoos.jpg') no-repeat 0px 0px; color:#FFFFFF; font-weight:bold; line-height:50px; font-size:13px;} #siteHeader #headerBannerEN a, #siteHeader #headerBannerEN a:hover {position:relative; display:block; width:458px; height:50px; color:#FFFFFF; text-decoration:none; text-align:right;} #siteHeader #tabNavigation ul {position:absolute; top:13px; left:15px; background:url('/images/tab-nav-4.jpg') no-repeat 0px 0px; width:100%; height: 37px; list-style:none;} #siteHeader #tabNavigation ul.en {background:url('/images/tab-nav-overdifrax-en.jpg') no-repeat 0px 0px;} #siteHeader #tabNavigation ul.fr {background:url('/images/tab-nav-overdifrax-fr.jpg') no-repeat 0px 0px;} #siteHeader #tabNavigation ul.es {background:url('/images/tab-nav-overdifrax-es.jpg') no-repeat 0px 0px;} #siteHeader #tabNavigation ul.de {background:url('/images/tab-nav-overdifrax-de.jpg') no-repeat 0px 0px;} #siteHeader #tabNavigation ul li {position:relative; margin: 0px; top:7px; display:block; width: 99px; height:30px; float:left; text-align:center; line-height:30px;} #siteHeader #tabNavigation ul li.active {font-weight:bolder; letter-spacing:-1px; font-size:9pt; font-family:verdana; color:#ffffff; line-height:25px;} #siteHeader #tabNavigation ul li a {display:block; height:30px; width:99px; color:#043486; font-weight:bold; letter-spacing:-1px; font-size:9pt; font-family:verdana; } #siteHeader #tabNavigation ul li a:hover {text-decoration:none;} /* #siteHeader #tabNavigation ul {position:absolute; top:13px; left:15px; background:url('/tab-nav-shop2.jpg') no-repeat 0px 0px; width:595px; height: 37px; list-style:none;} #siteHeader #tabNavigation ul.en {background:url('/tab-nav-shop-en.jpg') no-repeat 0px 0px;} #siteHeader #tabNavigation ul li {position:relative; margin: 0px; top:7px; display:block; width: 99px; height:30px; float:left; text-align:center;} #siteHeader #tabNavigation ul li a {display:block; height:30px; width: 99px;} */ .littleLinks ul {display: inline; position:absolute; bottom:0px; right: 0px; list-style:none;} .littleLinks ul li {font-size: 9px; float: left; width: auto; border-left: 1px solid #003e85; text-indent: 6px; margin: 0px 5px 0px 0px;} .littleLinks ul li.home {border: none; text-indent: 0px;} /*--- category Index Lists ---*/ #siteContent #siteNavLeft #categoryIndex {position:relative; height:auto; left:0px; top:0px; width:202px; float:left; text-align:left;} ul#categoryList {position:relative; width:190px;} ul#categoryList li { font-weight: bold; width: 180px; border: 1px solid #003e85; margin: 0px 0px 10px 0px; padding: 3px 0px 30px 10px; height: auto; overflow: hidden;} ul#categoryList li#category1_1 {background: url('/nav-eten-drinken.jpg') repeat-x 0px 0px;} ul#categoryList li#category1_2 {background: url('/nav-kleding-schoenen.jpg') repeat-x 0px 0px;} ul#categoryList li#category1_3 {background: url('/nav-knuffels-speeltjes.jpg') repeat-x 0px 0px;} ul#categoryList li#category1_4 {background: url('/nav-verzorging.jpg') repeat-x 0px 0px;} ul#categoryList li#category1_5 {background: url('/nav-zuigen-bijten.jpg') repeat-x 0px 0px;} ul#categoryList li#category1_6 {background: url('/nav-category6.jpg') repeat-x 0px 0px;} ul#categoryList li#category1_7 {background: url('/nav-category7.jpg') repeat-x 0px 0px;} ul#categoryList li#category1_8 {background: url('/nav-category8.jpg') repeat-x 0px 0px;} ul#categoryList li#category1_9 {background: url('/nav-category9.jpg') repeat-x 0px 0px;} ul#categoryList li ul { position: relative; display: block; top: 10px; left: 0px; width: 170px; height: auto; margin: 0px; padding: 0px; list-style:none;} ul#leftExtraListItems {position:relative; left:0px; width:190px;} ul#leftExtraListItems li { position:relative; font-weight: bold; width: 202px; border: 1px solid #003e85; margin: 0px 0px 10px 0px; padding: 3px 0px 30px 10px; height: auto; overflow: hidden; background: url('/nav-universeel.jpg') repeat-x 0px 0px;} ul#leftExtraListItems li.bannerBoeren { width:200px; height:93px; z-index:12; left: 0px;padding: 0px; border: none; background: url('/banner-boeren.png') no-repeat right top !important; background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/banner-boeren.png', sizingMethod='image'); } ul#leftExtraListItems li.bannerBoeren a {position:relative; top:0px; display:block; width:200px; height:80px;} ul#leftExtraListItems li.bannerBoeren a:hover {text-decoration:none;} ul#leftExtraListItems li.afterOverlap {width: 180px; top:-15px;} ul#leftExtraListItems li.afterOverlap div {position:relative; top:15px; font-weight:normal;} ul#categoryList li ul li { position: relative; display: block; width: 170px; height: 17px; line-height: 18px; padding: 0px; margin: 0px; font-weight: normal; border: none; border-bottom: 1px solid #fbc41f; } /*--- Right Side ---*/ ul#rightNav {position:relative;} ul#rightNav li { text-align: left; position: relative; right: -10px; *right: 0px; background: url('/nav-universeel.jpg') repeat-x 0px 0px; font-weight: bold; width: 180px; border: 1px solid #003e85; margin: 0px 0px 10px 0px; padding: 3px 0px 30px 10px; height: auto; overflow: hidden; } ul#rightNav li.banner { background: none; text-align: left; position: relative; right: -10px; *right: 0px; width: 180px; border: 1px solid #003e85; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 10px; height: auto; overflow: hidden; } ul#rightNav li.bannerOverlap { position:relative; width:202px; height:104px; z-index:11; margin-top: -8px; left: 10px; padding: 0px; border: none; } ul#rightNav li.bannerOverlap#bannerVerpakkingNL { background: url('/banner-verpakking.png') no-repeat right top !important; background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/banner-verpakking.png', sizingMethod='image'); } ul#rightNav li.bannerOverlap#bannerVerpakkingEN { background: url('/banner-verpakking-en.png') no-repeat right top !important; background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/banner-verpakking-en.png', sizingMethod='image'); } ul#rightNav li.bannerOverlap#bannerBeurs { background: url('/banner-beurs.png') no-repeat 0px 0px !important; background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/banner-beurs.png', sizingMethod='image'); } ul#rightNav li.bannerOverlap#bannerWelkomNL { background: url('/banner-welkom-nl.png') no-repeat right top !important; background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/banner-welkom-nl.png', sizingMethod='image'); } ul#rightNav li.bannerOverlap#bannerWelkomEN { background: url('/banner-welkom-en.png') no-repeat right top !important; background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/banner-welkom-en.png', sizingMethod='image'); } ul#rightNav li.bannerOverlap#bannerFopSpenenNL { margin-top: -28px; background: url('/banner-fopspenen-nl.png') no-repeat 0px 0px !important; background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/banner-fopspenen-nl.png', sizingMethod='image'); } ul#rightNav li.bannerOverlap#bannerFopSpenenEN { margin-top: -28px; background: url('/banner-fopspenen-en.png') no-repeat 0px 0px !important; background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/banner-fopspenen-en.png', sizingMethod='image'); } ul#rightNav li.bannerOverlap#bannerBoerenNL { margin-top: -28px; background: url('/banner-boeren-nl.png') no-repeat 0px 0px !important; background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/banner-boeren-nl.png', sizingMethod='image'); } ul#rightNav li.bannerOverlap#bannerBoerenEN { margin-top: -28px; background: url('/banner-boeren-en.png') no-repeat 0px 0px !important; background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/banner-boeren-en.png', sizingMethod='image'); } ul#rightNav li.bannerDaddyDoos { width:200px; height:105px; z-index:12; left:0px; _left:10px; padding:0px; border:none; padding:0px 0px 0px 12px; _padding:0px; margin:-30px 0px 20px 0px; background: url('/banner-daddy-doos.png') no-repeat right top !important; background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/banner-daddy-doos.png', sizingMethod='image'); } ul#rightNav li.bannerOverlap#bannerSoeSoeEN { width:200px; height:93px; z-index:12; left:0px; _left:10px; padding: 0px; border: none; padding:0px 0px 0px 12px; _padding:0px; margin:-8px 0px 0px 0px; background: url('/banner-soesoe-en.png') no-repeat right top !important; background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/banner-soesoe-en.png', sizingMethod='image'); } ul#rightNav li.bannerOverlap#bannerSoeSoeNL { width:200px; height:93px; z-index:11; left:0px; _left:10px; padding: 0px; border: none; padding:0px 0px 0px 12px; _padding:0px; margin:-30px 0px 20px 0px; background: url('/banner-soesoe-nl.png') no-repeat right top !important; background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/banner-soesoe-nl.png', sizingMethod='image'); } ul#rightNav a {z-index:20; cursor:hand;} ul#rightNav a:hover {text-decoration:none;} ul#rightNav li.bannerOverlap a {position:relative; top:8px; display:block; width:202px; height:80px; z-index:20; cursor:hand;} ul#rightNav li.bannerOverlap a:hover {text-decoration:none;} ul#rightNav li.bannerAfterOverlap {background: none; top:-20px; padding:0px 0px 0px 10px;} /*--- MINI Basket---*/ ul#rightNav li #basketOverviewMini {position:relative; top:15px; font-weight:normal; height:67px;} ul#rightNav li #basketOverviewMini #divLoginContainer {height:130px;} ul#rightNav li #basketOverviewMini div {position:relative; top:0px;} ul#rightNav li #basketOverviewMini form {height:100%;} ul#rightNav li #basketOverviewMini form input#emailAddress, ul#rightNav li #basketOverviewMini form input#password {width:165px;} ul#rightNav li #basketOverviewMini form #divEmailAddress span {display:block;} ul#rightNav li #basketOverviewMini form #divPassword span {display:block;} ul#rightNav li #basketOverviewMini form #divKeepLoggedIn {font-size:9px; width:auto; float:left; top:10px;} ul#rightNav li #basketOverviewMini form #divKeepLoggedIn input#keepLoggedIn {position:absolute; *left:-4px; margin-top:4px; *margin-top:0px;} ul#rightNav li #basketOverviewMini form #divKeepLoggedIn label {position:absolute; left:20px; top:5px;} ul#rightNav li #basketOverviewMini form #keepLoggedIn {width:auto;} ul#rightNav li #basketOverviewMini form #divLogin {font-size:9px; width:auto; float:right; right:10px; top:10px;} ul#rightNav li #basketOverviewMini form #divForgotPassword {position:absolute; float:left; font-size:9px; top:110px; left:0px; width:130px;} ul#rightNav li #basketOverviewMini form #divRegister {position:absolute; float:left; font-size:9px; top:125px; width:130px;} /*--- Newsletter Form---*/ ul#rightNav #newsletterText {position:absolute; top: 30px; left:10px; font-weight:normal;} ul#rightNav li .subscribe {position:relative; top:30px; font-weight:normal; width:170px; text-align:right; margin: 0px 0px 15px 0px; height:} ul#rightNav li .subscribe form#formMailing input#axmailing_emailAddress {width:165px; text-align:left;} ul#rightNav li .subscribe form#formMailing input#axmailing_submit {position:relative; right:0px; width:auto; font-size:11px; margin:0px; *line-height:14px; font-weight:bold; color:#003e85; background:url('/store/input-button-background.gif') repeat-x 0px 0px; border:1px solid #003e85; cursor:hand; height:21px; text-align:center;} ul#rightNav li .subscribe form#formMailing input#axmailing_submit:hover {border-color:#fbc41f;} a.newsLetterSubmit {position:relative; display:block; top:19px; width:168px; height:18px; line-height:17px; text-align:center; border:1px solid #003e85; background:url('/store/input-button-background.gif') repeat-x 0px 0px;} a.newsLetterSubmit:hover {border-color:#fbc41f;} /*--- Meest Gestelde Vragen ---*/ #meestGesteldeVragen {} /*--- Product Overview ---*/ #productIndex #contentTitle {margin: 0px 0px 25px 0px;} #productIndex{position:relative; top:0px; left:0px; width:591px; overflow:hidden;} #productIndex .productInfo { position: relative; width: 145px; height: 190px; float: left; overflow: hidden; text-align: center; border: 1px solid #e7e8e9; } /*#productIndex .productInfo:hover {border-color:#fbc41f;}*/ #productIndex .productInfo .productThumbnail {position:relative; width:110px; height:100px; top:10px; overflow:hidden; text-align:center; margin: 0px auto 0px auto;} #productIndex .productInfo .productThumbnail img {position:relative; width:110px; height:100px;} #productIndex .productInfo .productName {position:relative; top:10px;} #productIndex .productInfo .productShortDescription {display:none;} #productIndex .productInfo .productOldPrice { display:none;} #productIndex .productInfo .productPrice{position:absolute; width:145px; left:0px; bottom:35px;} #productIndex .productInfo .productPrice span.productPriceText {display:none;} #productIndex .productInfo .productShowProduct {position:absolute; left:20px; bottom:10px; width:145px; text-align:center; left:0px;} /*--- PageNavigation ---*/ #siteContentData .navigation { position:relative; width:589px; height:20px; border:1px dashed #fbc41f; background: #fef3d2; font-weight:normal; font-size: 9px; text-align: right; margin-top:25px; } #siteContentData .navigation input {width:25px; font-size:9px; margin:0px; padding:0px;} #siteContentData .navigation img {float:left; display:none;} #siteContentData .navigation table {position:absolute; *position:relative; *top: -1px; right:5px; width:auto;} #siteContentData .navigation table td {width:auto; line-height: 10px;} #siteContentData .navigation table td a span {display:none;} #siteContentData .navigation fieldset {display:none;} #siteContent a.pageNavigatorRight {display:block; background:url('/pagenav-top-arrowRight.gif') no-repeat 0px 0px; width:10px; height:10px; border: 1px solid #003e85;} #siteContent a.pageNavigatorLeft {display:block; background:url('/pagenav-top-arrowLeft.gif') no-repeat 0px 0px; width:10px; height:10px; border: 1px solid #003e85;} /*--- Register Form ---*/ #registerForm {position:relative; top:0px;} form#registerForm input#registerCityName {width: 167px; *width:168px;} form#registerForm input#btnSubmit {margin-top:25px; float:right;} /*--- Login Form ---*/ #siteContentData #divLoginContainer {position:relative; top:0px;} #siteContentData #divLoginContainer span {display:none;} #siteContentData #divLoginContainer form {height: 200px;} #siteContentData #divLoginContainer form #divEmailAddress span {display:block; float:left; width:130px;} #siteContentData #divLoginContainer form #divPassword span {display:block; float:left; width:130px;} #siteContentData #divLoginContainer form #divKeepLoggedIn {font-size:9px; width:auto; float:left; top:10px;} #siteContentData #divLoginContainer form #divKeepLoggedIn input#keepLoggedIn {position:absolute; *left:-4px; margin-top:4px; *margin-top:0px;} #siteContentData #divLoginContainer form #divKeepLoggedIn label {position:relative; left:20px; top:5px;} #siteContentData #divLoginContainer form #keepLoggedIn {width:auto;} #siteContentData #divLoginContainer form #divLogin {position:relative; font-size:9px; width:auto; left:0px; top:20px;} #siteContentData #divLoginContainer form #divLogin input.button {position:relative; left:290px; *left:275px;} #siteContentData #divLoginContainer form #divForgotPassword {position:relative; float:left; font-size:9px; top:40px; left:0px; width:130px;} #siteContentData #divLoginContainer form #divRegister {position:relative; float:left; font-size:9px; top:40px; width:130px;} /*--- Forgot password Form ---*/ #divForgotPassword #forgotPasswordForm {position:relative; top:0px;} #divForgotPassword #forgotPasswordForm span {width:250px;} #forgotPasswordForm #divEmailAddress {height:20px; vertical-align:middle;} #forgotPasswordForm #divEmailAddress span {float:left;} #forgotPasswordForm #divEmailAddress input#emailAddress {float:left;} #forgotPasswordForm #divSubmit {position:relative; top:0px; text-align:right;} #forgotPasswordForm #divSubmit #btnSubmit {position:relative; right: 89px;} /*--- Product Detail ---*/ #productContent {background:url('/productInfo-background.jpg') repeat-x 0px 0px; position:relative; height:400px; width:589px; border:1px solid #003e85; margin:0px; padding:0px; float:left; _overflow-x:hidden;} #productContent select {position:relative; width:125px;} #productContent #contentTitle {position:relative; top:-1px; left:-1px; margin:0px; width:589px;} #productContent #productImage {position:relative; top:10px; left:10px; width:275px; margin-right: 20px; float:left;} #productContent #productImage img {width:275px; height:250px; border:1px solid #003e85;} #productContent #productBack {position:relative; top:10px; margin-bottom: 20px;} #productContent #productName {position:relative; top:10px; font-size:16px; font-weight:bold;} #productContent #productDescription {position:absolute; left:0px; display:block; top:410px; border:1px solid #003e85; padding:10px; width:567px;} #productContent #productNumber {position:relative; top:10px; font-size:9px; font-weight:normal; font-style:italic; margin-bottom: 20px;} #productContent #productOldPrice {position:relative; top:10px; display:none;} #productContent #productPrice { position:absolute; display: block; width: 143px; height: 60px; top: 130px; right: 150px; text-align: center; font-size: 16px; font-weight: bold; color: #FFFFFF; line-height: 60px; background: url('/sticker-price.png') no-repeat 0px 0px !important; background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sticker-price.png', sizingMethod='image'); background-repeat: no-repeat; background-position: 0px 0px; } #productContent #productPrice #productPriceText {display:none;} #productContent #productStock {position:relative; top:10px; display:none;} #productContent #productAttributes {position:absolute; top:217px; width:225px; left:295px;} #productContent #productAttributes .productAttribute {position:relative; top:0px;} #productContent #productFormFields span {position:relative; display:block; right:0px; top:5px; width: 80px; float:left;} #productContent #divSubmit {position:absolute; top:270px; *top:265px; text-align:right; width:287px; right:10px;} #productContent #productImages {position:absolute; top:280px; left:10px; width:580px; height:100px; overflow:hidden; text-align:left;} #productContent #productImages a {width:auto; margin: 0px 10px 0px 0px; position:relative; float:left;} #productContent #productImages img {width:84px; height: 76px; border:1px solid #003e85; position:relative; } #productContent #sendAFriend {position:absolute; display:block; height:20px; background:url('/icn-mail-friend-envelop.jpg') no-repeat 0px 0px; text-indent:25px; line-height:18px; bottom:5px; right:10px; text-align:right;} /*--- Basket Overview ---*/ #basketOverview {width:591px;} #basketOverview th {background:#ecf0f3;} #basketOverview input, #basketOverview select {width:auto;} #basketOverview #orderStep {position:relative; text-align:right; right:35px; top:50px;} #basketOverview #orderStep form {position:relative; margin:0px; padding:0px; top:0px; right:0px;} table#tblBasketOverview {position:relative; width:591px; top:0px;} table#tblBasketOverview tr {height:20px;} table#tblBasketOverview tr td form input {} table#tblBasketOverview tr .stringSmall{text-align:right;} div input.wrappingCheckbox {position:relative; top:2px;} dl.chooseWrapping {position:relative; top:10px; width:260px; border:1px solid #003e85;} dl.chooseWrapping dt {position:relative; height:20px; line-height:20px; padding:0px 3px 0px 3px; background:#ecf0f3; font-weight:bold;} dl.chooseWrapping dd {position:relative; width:100%; height:85px;} dl.chooseWrapping dd img.wrapThumbnail {position:relative; display:block; top:5px; left:5px; width:75px; height:75px; border:1px solid #fbc41f; float:left;} dl.chooseWrapping dd select.wrappings {position:relative; top:5px; left:15px; float:left;} /*--- MiniBasket ---*/ #basketOverviewMini {} #basketOverviewMini #basketDetailCount {width:100%; font-weight:bold;} #basketOverviewMini #basketDetailCount span {display:block; font-weight:normal; float:left;} #basketOverviewMini #totalPrice {width:100%; font-weight:bold;} #basketOverviewMini #totalPrice span {display:block; font-weight:normal; float:left;} #basketOverviewMini #divBasketButton {position:relative; margin:20px 10px 0px 0px; text-align:right;} /*--- ORDER PHASES ---*/ #orderPhases {width:100%; margin:20px 0px 20px 0px;} #orderPhases table tr {vertical-align:middle;} #orderPhases table td {position:relative; top:5px; width:20%; font-size:5px; height:6px; border-top:1px solid #003e85; border-bottom:1px solid #003e85; background:url('/order-phase-back1.gif') repeat-x 0px 0px;} #orderPhases table td.passedAndCurrent {background:url('/order-phase-back2.gif') repeat-x 0px 0px;} #orderPhases table #firstCell{border-left:1px solid #003e85;} #orderPhases table #finalCell{border-right:1px solid #003e85;} /*--- ORDER STEPS - STEP 1/3 ---*/ table#tblOrderProductOverview {position:relative; width:591px; top:0px;} table#tblOrderProductOverview td {position:relative; height:20px; border-bottom:1px solid #eeeef0;} #orderRegistration #orderRegistrationForm {position:relative; top:0px; height:auto;} #orderRegistration #orderRegistrationForm td.numberAuto {padding:0px; text-align:right; height:40px; vertical-align:bottom;} #orderRegistration #orderRegistrationForm input#deliverySameAddress {width:auto;} #orderRegistration #orderRegistrationForm input.button#btnSubmit {top:0px; display:inline;} /*#orderRegistration #orderRegistrationForm #sendOrder {position:absolute; right:150px; margin-top:20px;}*/ /*--- ORDER STEPS - STEP 2/3 ---*/ #orderProductOverview #orderStep {position:relative; top:60px; text-align:right;} #orderProductOverview input#acceptBusinessConditions {width:auto; position:relative; top:2px;} #orderProductOverview #businessConditions {float: left;} #orderProductOverview input#supplyConditions {width:auto; position:relative; top:2px;} /*--- ORDER STEPS - STEP 3/3 ---*/ #orderPayment {position:relative; width:591px; height:auto; top:0px;} #orderPayment #paymentMethods #Creditcard, #orderPayment #paymentMethods #iDEAL { position: relative; display: block; width: 589px; height: auto; border: 1px solid #003e85; margin: 0px 0px 10px 0px;} #orderPayment #paymentMethods #Creditcard {background:url('/logo-visa-mastercard.jpg') no-repeat 0px 0px;} #orderPayment #paymentMethods #iDEAL {background:url('/logo-ideal.jpg') no-repeat 0px 0px;} #orderPayment #paymentMethods form {position:relative; left:100px; top:5px; width:480px; height:auto; margin:0px 0px 30px 0px;} #orderPayment #paymentMethods form input.button {position:absolute; right:0px; bottom:-15px; width:90px;} /*--- Profiel --*/ #profile {} #profileForm {position:relative; top:0px;} #profileForm tr.submitRow td {position:relative; height:40px; text-align:right;} #profileForm tr.submitRow td input.button {position:relative; top:20px;} /*--- Tell a Friend ---*/ #tellFriend form#tellFriendForm {position:relative; top:0px; width:100%; margin:0px; padding:0px;} #tellFriend form#tellFriendForm {position:relative;} #tellFriend form#tellFriendForm span {position:relative; display:block; width:150px; float:left;} #tellFriend form#tellFriendForm #divSubject {position:relative; left:150px; top:20px; width:440px;} #tellFriend form#tellFriendForm #divMessageLabel, #tellFriend form#tellFriendForm #divMessage {position:relative; top:20px;} #tellFriend form#tellFriendForm #divSend {position:relative; top:40px; text-align:right; width:404px;} #tellFriend form#tellFriendForm #divSend input.button {position:relative; right:0px;} /*--- HOMEPAGE --*/ #homeBanner{position:relative; top:-14px;} #homeCircle{ position:absolute; top:-20px; display:block; width: 83px; height:83px; text-align:center; line-height: 70px; background: url(/homeCircle.png) 0px 0px no-repeat !important; background-image: none; _ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/homeCircle.png', sizingMethod='image'); z-index:2000; } #siteContentData .highlightTitle { background:url('/content-title.jpg') no-repeat -2px 0px; border:1px solid #003e85; width:587px; height:21px; font-weight:bold; line-height:21px; text-indent:10px; margin:0px 0px 0px 0px;} #siteContentData .aanbiedingenTitle { background:url('/content-title.jpg') no-repeat -2px 0px; border:1px solid #003e85; width:587px; height:21px; font-weight:bold; line-height:21px; text-indent:10px; margin:20px 0px 0px 0px;} .homeHighlights, .aanbiedingen {position:relative; top:0px; text-align:center;} .aanbiedingen {top:40px;} .homeHighlights .productInfo, .aanbiedingen .productInfo{ position: relative; top:0px; width: 145px; height: 190px; float: left; overflow: hidden; text-align: center; border: 1px solid #e7e8e9; } .aanbiedingen .productInfo{top:-40px;} .homeHighlights .productInfo .productThumbnail, .aanbiedingen .productInfo .productThumbnail {position:relative; width:110px; height:100px; top:10px; overflow:hidden; text-align:center; margin: 0px auto 0px auto;} .homeHighlights .productInfo .productThumbnail img, .aanbiedingen .productInfo .productThumbnail img {position:relative; width:110px; height:100px;} .homeHighlights .productInfo .productName, .aanbiedingen .productInfo .productName {position:relative; top:10px;} .homeHighlights .productInfo .productShortDescription, .aanbiedingen .productInfo .productShortDescription{display:none;} .homeHighlights .productInfo .productOldPrice, .aanbiedingen .productInfo .productOldPrice { display:none;} .homeHighlights .productInfo .productPrice, .aanbiedingen .productInfo .productPrice {position:absolute; width:145px; left:0px; bottom:32px; color:#f85400; font-size:18px; font-weight:bold;} .homeHighlights .productInfo .productPrice span.productPriceText, .aanbiedingen .productInfo .productPrice span.productPriceText {display:none;} .homeHighlights .productInfo .productShowProduct, .aanbiedingen .productInfo .productShowProduct {position:absolute; left:20px; bottom:10px;} /*--- CUSTOMER SERVICE ---*/ #customerService input.button {position:relative;} /*--- SITEMAP ---*/ #siteMap .underscription {display:inline;} /*--- NEWSLETTER in Content ---*/ #siteContentData .subscribe form#formMailing {width:300px;} #siteContentData .subscribe form#formMailing #spanEmailAddress {} #siteContentData .subscribe form#formMailing #spanSubmit input {width:auto; margin:0px; font-size:11px; *line-height:14px; font-weight:bold; color:#003e85; background:url('/images/store/input-button-background.gif') repeat-x 0px 0px; border:1px solid #003e85; cursor:hand; height:21px; text-align:center;} #productIndex .button { width: 124px; }