/* ================================================================ Sphinx base style sheet, version 19-03-2004 © Copyright 2004 by Sphinx. all rights reserved. Original author:Ruud Vendeloo (r.vendeloo@ara-interactive.nl) --------------------------------------------------------------- Last changed by:Ruud Vendeloo ================================================================ */ /* ---------------------------------------------------------------- Default HTML element definitions ---------------------------------------------------------------- */ /* Removing borders (if any) from images */ a img { border:0; } /* Removing extra margin from form elements */ form { margin:0px; } /* default font */ html { font-size:small; } div.globalcontainer { font-size:90%; } div[class=globalcontainer] { font-size:100%; } /*hack om lettertype in alle browsers dezelfde grootte te geven als in IE6*/ body, p, h1, h2, h3, h4, h5, h6, td, div, select, ul, ol { margin:0px; color:#362D26; font-family:Verdana, Arial, tahoma, Geneva, Helvetica, sans-serif, "trebuchet ms"; font-size-adjust:0.51; } /* Headlines:h1 is used for the main (top) headline/contecnt section. h2 is used for the rest of the content headlines */ h1 { margin:8px auto 4px auto; font-size:160%; font-weight:normal; } h2 { margin:20px auto 0px auto; font-size:130%; font-weight:bold; } h3 { margin:20px 0px 0px 0px !important; font-size:100%; font-weight:bold; } /* Common text elements */ p, ul { margin:8px auto 0px auto; line-height:140%; } ol { margin:8px auto 0px 24px; line-height:140%; } p.intro { letter-spacing:2px; } /* Link colors */ a:link { color:#F66835; text-decoration:none; } a:visited { color:#F66835; text-decoration:none;} a:hover { color:#F66835; text-decoration:underline; } a:active { color:#F66835; } /* Ordered and unordered list elements */ /*ul,ol,li { margin:0px; padding:0px; }*/ /* body styling */ body { margin:0px; height:100%; /* setting top and bottom margin */ background-image:url(../../lib/images/bg_gradient.jpg); background-position:top left; background-repeat:repeat-x; background-color:#E3E3E3; } /* ---------------------------------------------------------------- Global Container ---------------------------------------------------------------- */ /* this div contains all elements. website width is set here. Text-align is left. This overrides the aligning set in body, which is used to center the website. The background image is for making the sidebar on the right gray. */ body .globalcontainer { margin:5px auto; width:772px; text-align:left; background-color:#F4F1F2; background-image:url(../../lib/images/sidebarbg.gif); background-position:top right; background-repeat:repeat-y; } body #bgscheme01 { background-color:#FFF; } body #bgscheme02 { background-color:#F4F1F2; } body #bgscheme03 { background-image:url(../../lib/images/bgscheme03.gif); background-position:top right; background-repeat:repeat-y; } /* ---------------------------------------------------------------- Page header ---------------------------------------------------------------- */ /* Header container box */ #globalheader { width:auto; height:18px; z-index:100; } /* container for 1 visual on top of all pages */ #globalvisuals { width:auto; height:60px; background:url('../../lib/images/visualtop_consumer_full.jpg') center left no-repeat; } /* Box containing navigation - remember width for IE 4 compliance - Margin used for indenting */ /* Box containing navigation - remember width for IE 4 compliance - Margin used for indenting */ .globalnav { width : 772px; background-color : #555; position : absolute; z-index : 100; height : 18px; } .globalnav div { float : left; width : 88px; height : 18px; overflow : hidden; } .globalnav div a { height : 18px; line-height : 17px; display : block; padding-left : 6px; color : #FFF !important; font-size : 80%; font-weight : bold; text-decoration : none ! important; } .globalnav div a:hover { background-color : #F66835; color : #FFF ! important; } .globalnav1 { width : 82px ! important; } .globalnav2nl { width : 89px ! important; } .globalnav3nl { width : 113px ! important; } .globalnav4nl { width : 140px ! important; } .globalnav5nl { width : 104px ! important; } .globalnav6nl { width : 100px ! important; background-color : #BBA194; } .globalnav6nl a { background-color : #BBA194; } .globalnav2fr { width : 89px ! important; } .globalnav3fr { width : 113px ! important; } .globalnav4fr { width : 140px ! important; } .globalnav5fr { width : 104px ! important; } .globalnav6fr { width : 100px ! important; background-color : #BBA194; } .globalnav6fr a { background-color : #BBA194; } .globalnav2en { width : 89px ! important; } .globalnav3en { width : 113px ! important; } /*.globalnav4en { width : 140px ! important; visibility: hidden;} .globalnav5en { width : 104px ! important; visibility: hidden; } */ .globalnav4en { width : 140px ! important; } .globalnav5en { width : 104px ! important; } .globalnav6en { width : 100px ! important; background-color : #BBA194; } .globalnav6en a { background-color : #BBA194; } .globalnav7 { width : 144px ! important; background-color : #1860AB; } .globalnav7 a { background-image : url(../../lib/images/arrow_naarconsumenten.gif); background-position : center right; background-repeat : no-repeat; } .globalnav7 a:hover { background-color : #FF00FF; background-image : url(../../lib/images/arrow_naarconsumenten.gif) ! important; background-position : center right; background-repeat : no-repeat; } .globalnav7 a.globalnavlink7:hover { color : #FFF !important; background-color : #418DDB;} a.globalnavlink2, a.globalnavlink3, a.globalnavlink4, a.globalnavlink5, a.globalnavlink6 { cursor : default; } /* ---------------------------------------------------------------- Whitespace between header and content area, used for sphinx logo and sectionheader / breadcrumbs. ---------------------------------------------------------------- */ /* whitespace container */ #globalwhitespace {width:auto; background-color:#fff; height:120px;} /* sectioncontainer */ #globalsectionheader { width:227px; height:68px; position:absolute; top:0px; left:0px; } /* */ #sectionpath { color:#999999; width:530px; font-size:75%; position:absolute; left:4px; bottom:11px; } #sectionpath a {color:#999999; } #sectionpath a:hover {color:#F66835; } #sectionpath #active { font-weight:bold; } #globallogo {float:right; width:311px; height:120px;} #globallogo img { width:311px; height:120px; } #topleftbox {float:left; width:144px; height:120px;} #sitelabel {width:144px; height:20px;} #langswitch {padding-left:10px; width:124px; height:90px;} #langswitch ul#langlinks {margin:4px 0 0 0; padding:0;} #langswitch ul#langlinks li { font-size:10px; margin:0; padding-left:10px; line-height:140%; list-style-type:none; background-image:url(../../lib/images/arrowlinksmall.gif); background-position:center left; background-repeat:no-repeat; } #langswitch ul#langlinks li#active { background-image:url(../../lib/images/arrowlinksmall.gif); background-position:center left; background-repeat:no-repeat; } #langswitch ul#langlinks li a { color:#999; } #langswitch ul#langlinks li#active span { font-weight:normal; color:#F66835; text-decoration:none; } /* ====================================================== CONTENT STYLING ====================================================== /* /* Container holding the content area below the pageheader */ #globalcontentcontainer { width:100%; position:relative; } /* Width of content ALL area's is always 528px This sets the width of ALL content area's - not only the globalcontent area! */ #globalcontent { width:528px; float:left; overflow:hidden; } /* Style for the readon link */ #globalcontentcontainer div.readon { margin-top:8px; margin-bottom:8px; padding-bottom:4px; } #globalcontentcontainer div.readon a { background-image:url(../../lib/images/arrowlink.gif); background-position:top left; background-repeat:no-repeat; text-decoration:none; padding-left:10px; } #globalcontentcontainer div.readon a:hover { text-decoration:underline; } #globalcontentcontainer span.readon { font-size:75%; margin:0px; padding:0px;} #globalcontentcontainer span.readon a { background-image:url(../../lib/images/arrowlinksmall.gif); background-position:center right; background-repeat:no-repeat; text-decoration:none; padding-right:10px; } #globalcontentcontainer span.readon a:hover { text-decoration:underline; } /* List styling */ /*ul { list-style:circle; line-height:140%; margin:10px auto 0px auto; }*/ ul li, ol li { margin-left:14px; } /*ul.links { margin-top:4px; margin-bottom:4px; }*/ ul.links li { margin-left:0px; padding-left:10px; line-height:140%; list-style-type:none; background-image:url(../../lib/images/arrowlink.gif); background-position:top left; background-repeat:no-repeat; } ul.links li#active { background:url(../../lib/images/arrowlink_active.gif) top left no-repeat; } ul.links li#active a { font-weight:normal; color:#362D26; text-decoration:underline; } ul.links li a.notyet { color:#999; cursor:text; } ul.links li a.notyet:hover { text-decoration:none; } ul.links li img { margin:3px 6px -2px 4px; } div.colors { margin-top:10px; padding-left:7px; } div.colors div { height:18px; } div.colors div img { margin-right:7px; } div.colors div span { display:inline-block; height:16px; padding-left:2px; } /* news List styling */ .newsblock h2 { background:url(../../lib/images/icon_news.gif) center left no-repeat; margin-left:14px; padding-left:18px ! important; } .newsblock p { margin-top:0px; } .newsblock .item { margin-top:7px; } /* ========================================================= Column styling for GLOBAL content ========================================================= /* /* Both columns: setting padding of 8px for all of these elemets in all columns */ #globalcontent h2, #globalcontent h3, #globalcontent .text, #globalcontent p, #globalcontent ul, #globalcontent .readon, #globalcontent form, #globalcontent .links { padding-right:14px; padding-left:14px; } p.visual { padding:0 ! important; margin:0 ! important; } #allseries p.visual { padding-left:14px ! important; margin:16px auto 4px auto ! important; line-height:16px; } #allseries h3 { margin-top:0px !important; } #seriehead { position:absolute; top:130px; width:263px ! important; height:38px; background-color:#666; } #seriehead span { color:#FFF; line-height:36px; font-size:30px; letter-spacing:-1px; font-weight:normal; margin:0px 8px; } .columnhead { width:263px ! important; height:21px; background-color:#B2B2B2; } .col1 .columnhead { background-color:#666; width:528px ! important; } .columnhead span { font-size:100%; line-height:21px; margin:0px 8px; color:#FFFFFF; font-weight:bold; } /* Nexwork was here Dit wordt een container van nexwork zodat alles vanuit het CMS goed wordt gedisplayed */ #globalcontentcontainer #globalcontent .nexcontent { margin:0 14px 0 14px; } #globalcontentcontainer #globalcontent .nexcontent h2 { padding-right:0; padding-left:0; margin:10px 0 10px 0; } #globalcontentcontainer #globalcontent .nexcontent P { padding-right:0; padding-left:0; } #globalcontentcontainer #globalcontent .nexcontent img { float:right; } /* End nexwork */ /* ------------------------------------------------------ 2 Columns ------------------------------------------------------ */ #globalcontent .columns2 { float:left; width:528px; background-color:transparent; background-image:url(../../lib/images/column2bg.gif); background-position:top left; background-repeat:repeat-y; overflow:hidden; padding-bottom:30px; } /* similar styling for the columns in 2 column-style */ #globalcontent .columns2 div { width:263px; margin-right:1px; float:left; overflow:hidden; } /* ------------------------------------------------------ 1 Column ------------------------------------------------------ */ #globalcontent .columns1 { float:left; width:527px; background-color:#FFFFFF; background-image:url(../../lib/images/column1bg.gif); background-position:top left; background-repeat:repeat-y; overflow:hidden; } /* similar styling for the columns */ #globalcontent .columns1 div { width:527px; float:left; overflow:hidden; } /* the first column (left) */ #globalcontent .col1 { margin-right:1px; margin-bottom:20px; } /* =========================================================== Columns styling for ALL SERIES content =========================================================== */ #allseries { float:left; width:528px; background-image:url(../../lib/images/column1bg.gif); background-position:top left; background-repeat:repeat-y; overflow:hidden; padding-bottom:14px; } #allseries h2, #allseries h3, #allseries .text, #allseries .visual, #allseries .links { padding-left:14px; padding-top:14px; margin:0px; } #allseries .visual a img { border:1px solid #666; } #allseries .visual a:hover img { border:1px solid #F66835; } #allseries #heading { } #allseries .readon { margin-left:7px;} #allseries .columns2 { display:block; overflow:hidden; clear:both; width:528px; height:auto; margin-top:0; padding-top:10px; background-image:url(../../lib/images/line_dotted.gif); background-position:top left; background-repeat:no-repeat; } #allseries .columns2 div {float:left;} #allseries .columns2 .col1 {width:182px;} #allseries .columns2 .col2 {width:336px; height:auto; position:relative; margin-top:1px;} /* Global sidebar sits on the right site of the webpage and contains the global searchbox */ #globalsidebar { width:244px; float:left; background-color:transparent; overflow:hidden; } /* ------------------------------------------------------ Global search box ------------------------------------------------------ */ #globalsearch { background-color:#F66835; } #globalsearch fieldset { border:1px solid #F99B79; padding:8px 8px 8px 8px; font-size:90%; } #globalsearch legend { font-weight:bold; color:#FFF; margin-bottom:6px;} #globalsearch p.info { color:#FFF; font-size:75%; line-height:160%; } #globalsearch label { display:block; margin-top:0; height:18px; line-height:18px; color:#fff; font-size:10px; } #globalsearch select, #globalsearch input { margin-top:2px; margin-bottom:4px; background-color:#FFF; } #globalsearch .selectfld { width:160px; border:1px solid #FFF; font-size:90%; } #globalsearch .inputfld { width:140px; height:14px; line-height:14px; border:1px solid #FFF; font-size:85%; } #globalsearch .btn { margin-top:3px; clear:both; width:26px; float:right; border:1px outset; background-color:#ECEAEA; background-image:url(../../lib/images/arrowlinkbtn.gif); background-position:center right; background-repeat:no-repeat; font-size:11px; height:19px; cursor:pointer; } #globalsearch input.radiocheck { float:left; margin:0 4px 0 0; background-color:#F66835; clear:left; } #contactinfo { padding:0px 8px 8px 8px; font-size:80%; line-height:150%; } #contactinfo span { color:#333; display:block; } #contactinfo a {color:#333; text-decoration:underline; } #contactinfo a:hover {color:#F66835; } #globalresults { background-color:#FFF; padding:8px 8px 8px 8px; border-bottom:18px solid #F66835; } #globallinks { background-color:#FFF; padding:8px 8px 8px 8px; } /* see ns6.css */ #globalresults #searchedfor { border:1px solid #CCC; padding:0px 4px; } #globalresults #searchedfor legend { font-weight:bold; } #globalresults #searchedfor #key { margin-top:10px; background-color:#F2F2F2; padding:4px; margin-left:4px; margin-right:4px; } #globalresults #searchedfor #key div { color:#000; line-height:17px; } #globalresults #searchedfor #hits { float:right; padding:4px 0px; font-size:85%; color:#666; text-align:right; margin-left:4px; margin-right:4px; } #globalresults #searchedfor #hits span { font-weight:bold; font-size:90%; } #globalresults #searchedfor #clearresults { float:right; padding:4px 0px; cursor:pointer; margin-top:1px; margin-left:4px; margin-right:2px; } #globalresults #searchedfor #clearresults span { border:1px outset; padding:0px 2px; font-size:85%; color:#666; } /* see ns6.css */ .dynamic-tab-pane-control #searchedfor { margin-top:8px; border:1px solid #F66835; padding:0px 4px; } .dynamic-tab-pane-control #searchedfor legend { font-weight:bold; } .dynamic-tab-pane-control #searchedfor #key { margin-top:4px; background-color:#F4F1F2; padding:4px; margin-left:4px; margin-right:4px; } .dynamic-tab-pane-control #searchedfor #key div { color:#000; line-height:17px; } .dynamic-tab-pane-control #searchedfor #hits { float:right; padding:4px 0px; font-size:85%; text-align:right; margin-left:4px; margin-right:4px; } .dynamic-tab-pane-control #searchedfor #hits span { font-weight:bold; font-size:90%; } .dynamic-tab-pane-control #searchedfor #clearresults { float:right; padding:4px 0px; cursor:pointer; margin-top:1px; margin-left:4px; margin-right:2px; } .dynamic-tab-pane-control #searchedfor #clearresults span { border:1px outset; background-color:#ECEAEA; padding:0px 2px; font-size:85%; color:#000; } #globalresults h3 { margin:0px; } #globalresults #results { width:218px; border:0px solid #CCC; padding:0px 4px; } #globalresults #results legend { font-weight:bold; } #globalresults #results #viewport { margin-bottom:7px; scrollbar-3dlight-color:#C8C8C8; scrollbar-arrow-color:#FFF; scrollbar-base-color:#F2F2F2; scrollbar-darkshadow-color:#C8C8C8; scrollbar-face-color:#C8C8C8; scrollbar-highlight-color:#C8C8C8; scrollbar-shadow-color:#C8C8C8; scrollbar-track-color:#F2F2F2; } #globalresults #results #viewport.vpup { width:218px; height:250px; overflow:auto; } #globalresults #results #viewport.vpdown { width:218px; height:auto; } #globalresults div#btnresults { float:right; color:#000; width:18px; height:18px; cursor:pointer; background-color:transparent; background-position:center center; background-repeat:no-repeat; } .btnup { background-image:url(../../lib/images/btnresults_height_auto.gif); } .btndown { background-image:url(../../lib/images/btnresults_height_fixed.gif); } #globalresults #results div.group { margin:14px 4px -4px 4px; font-weight:bold; /*background-color:#FEF1EB;*/ border-top:1px solid #FCC8B4; border-right:0px solid #FFF; border-bottom:1px solid #F2F2F2; border-left:0px solid #FCC8B4; } #globalresults #results li.group { margin:14px 4px 0px 0px; font-weight:bold; /*background-color:#FEF1EB;*/ border-top:0px solid #FCC8B4; border-right:0px solid #FFF; border-bottom:1px solid #F2F2F2; border-left:0px solid #FCC8B4; } #globalresults #results .group a { padding:2px 3px; display:block; line-height:16px; } #globalresults #results .group a:hover { background-color:#F2F2F2; color:#000; text-decoration:none; } select option#allgroups { background-color:#FCC8B4; color:#000; } #globalresults #results ul { margin:4px; } #globalresults #results ul li { list-style-type:none; background:none; margin-left:0px; } #globalresults #results ul li a { display:block; height:16px; line-height:16px; padding:2px 4px; font-size:90%; } /* #globalresults #results ul { margin:4px; padding:0px; } #globalresults #results ul li { list-style-type:none; background:none; margin:0px ! important; padding:0px; } #globalresults #results ul li a { display:block; padding:2px 4px; margin:0px ! important; } #globalresults #results ul li a:hover { background-color:#F2F2F2; text-decoration:none; color:#000; padding-top:2px; } #globalresults #results ul li#active a { font-weight:bold; color:#362D26; } #globalresults #results ul li#active a:hover { background-color:transparent; } */ #globalresults #results ul { margin:4px; padding:0px; } #globalresults #results ul li { display:block; overflow:visible; height:40px; margin:0; padding:0; list-style-type:none; background:none; } #globalresults #results ul li a { display:block; overflow:visible; height:40px; padding:2px 4px; margin:0; } #globalresults #results ul li a:hover { display:block; overflow:visible; height:40px; padding:2px 4px; margin:0; color:#000; background-color:#F2F2F2; text-decoration:none; } #globalresults #results ul li#active a { font-weight:bold; color:#362D26; } #globalresults #results ul li#active a:hover { background-color:transparent; } #rightIllustration01, #rightIllustration02 { width:244px; height:315px; margin:0; padding:0; } #rightIllustration01 { background:#f66835 url(../../lib/images/visuals/foto-douche.jpg) no-repeat; } #rightIllustration02 { background:#f66835 url(../../lib/images/visuals/foto-vrouw.jpg) no-repeat; } /* ------------------------------------------------------ Page Footer ------------------------------------------------------ */ /* Bottom of page */ #globalfooter { padding:3px 0px 0px 14px; clear:both; background-color:#666; height:20px; margin-top:0px; } /* Footer links */ #globalfooter a { color:#DDDDDD; text-decoration:none; } #globalfooter a:hover { color:#F66835; } #globalfooter span { margin-right:7px; color:#DDDDDD; font-size:75%; } #globalfooter #left { float:left; } #globalfooter #right { float:right; } /* Highlight */ #globalfooter .highlight { color:#FF00FF; font-weight:bold; } /* --------------------------------------------------------- Working class' (used for different fixes and generel stuff) --------------------------------------------------------- */ /* used for breaking flows */ .breaker { clear:both; overflow:hidden; height:1px; } /* removes margin */ .nomargin { margin:0px; } /* inserts a dotted line 1px height, breaks the flow */ .hr { clear:both; margin:0px; padding:0px; background:url(../../lib/images/dotted.gif) top left repeat-x; height:2px; overflow:hidden; } /*.col1 .hr { margin-left:7px; width:240px ! important; } .col2 .hr { margin-left:3px; width:247px ! important; }*/ /* =========================================================== Product list =========================================================== */ #productlist { width:527px ! important; } #productlist .productRow {margin:0; padding:0;} #productlist .product { width:260px ! important; float:left; margin:14px 0 0 0; padding:0; } #productlist .product .visual { margin-top:14px; margin-left:7px; float:left; width:112px; } #productlist .product .visual a { display:block; border:1px solid #CCC; } #productlist .product .visual a:hover { border:1px solid #F66835; } #productlist .product .visual img { width:110px; } #productlist .product .details { float:left; width:140px; margin-top:14px; } #productlist .details div { width:133px; padding-left:4px; float:left; cursor:default; } #productlist .product .details .brutprice { margin-bottom:4px;} #productlist .product .details .serie span, #productlist .product .details .group span { color:#999; } #productlist .details .name {margin:0; padding:0 0 0 4px; width:137px;} #productlist .details .name span { font-size:90%; font-weight:bold; } #productlist span { line-height:16px; font-size:10px; } #productlist .product .details .typenames {width:140px; margin:0; padding:0 0 0 4px; font-size:10px;} #productlist .product .details .typenames a {font-size:10px;} /* =========================================================== Product details =========================================================== */ #specsbox { width:263px; margin-top:7px; } /*#specsbox .specodd, #specsbox .speceven, { border-bottom:1px solid #CCC; }*/ #specsbox .specodd { width:263px; background-color:transparent; clear:both; } #specsbox .speceven { width:263px; background-color:#FFF; clear:both;} #specsbox .specodd .label, #specsbox .speceven .label { width:90px; float:left; color:#999; } #specsbox .specodd .data, #specsbox .speceven .data { width:154px; float:left; } #specsbox div div span { line-height:21px; font-size:11px; } #specsbox div .label { padding-left:8px; } #specsbox div .data { padding-left:7px; } #specsbox div .data span { } p.producttext { padding:10px 20px 0 20px; } .opmermerking { padding:8px; } ul.moreinfo { margin-top:4px; margin-bottom:4px; } ul.moreinfo li { margin-left:0px; padding-left:20px; line-height:22px; list-style-type:none; background-image:url(../../lib/images/icon_downloaditem.gif); background-position:center left; background-repeat:no-repeat; } ul.moreinfo li.absent { background-image:url(../../lib/images/icon_downloaditem_no.gif); } ul.moreinfo li.absent a { color:#999; cursor:text; } ul.moreinfo li.absent a:hover { text-decoration:none; } #productdetails { width:528px; float:left; overflow:hidden; } #productdetails .columns2 { float:left; width:528px; background-color:transparent; background-image:url(../../lib/images/column2bg.gif); background-position:top left; background-repeat:repeat-y; overflow:hidden; padding-bottom:30px; } #productdetails .columns2 div { width:263px; margin-right:1px; float:left; overflow:hidden; } #productdetails .columns2 .col1 h2, #productdetails .columns2 .col1 h3, #productdetails .columns2 .col1 .text, #productdetails .columns2 .col1 .readon, #productdetails .columns2 .col1 .links, #productdetails .columns2 .col1 .moreinfo { padding-right:14px; padding-left:14px; } #productdetails .columns2 .col2 h2, #productdetails .columns2 .col2 h3, #productdetails .columns2 .col2 .text, #productdetails .columns2 .col2 .readon, #productdetails .columns2 .col2 .links, #productdetails .columns2 .col2 .colors { padding-right:7px; padding-left:21px; } #productdetails .product .visual { float:left; width:210px; margin:14px 0 0 7px; padding:2px 0 0 0; text-align:center; } #productdetails .product .visual a { display:block; margin:auto; padding:0; border:1px solid #ccc; } #productdetails .product .visual a:hover { border:1px solid #F66835; } #productdetails .product .visual a img { margin:0; padding:0; } #productdetails .product .visual a.image { width:110px; } #productdetails .product .visual a.image img { width:110px; } #productdetails .product .visual a.zoom { margin-top:2px; border:none; } #productdetails .product .visual div.resize { display:block; width:160px; margin:0; padding:0; font-size:10px; text-align:right; vertical-align:top; border:none; } #productdetails .product .visual a { width:auto; display:inline; border:none; } #productdetails .product .visual a.zoom img { width:13px; display:inline; border:none; } #productdetails .columns2 .col2 .moreinfo, #productdetails .columns2 .col2 #specsbox { padding-right:7px; padding-left:14px; } #productdetails .columns2 h3 {text-decoration:underline; font-weight:normal; } #colorbox { margin-top:5px; width:263px ! important; margin-bottom:10px; } #allcolors { width:154px ! important; float:left; margin-left:3px; } #allcolors div { height:19px; } #allcolors div img { display:block; float:left; margin-top:2px; border:1px solid #B2B2B2; } #allcolors div span { display:block; float:left; padding-left:8px; line-height:19px; cursor:default; } #allcolors div span.show { font-weight:bold; } #allcolors div span.hide { font-weight:normal; } #thiscolor { width:100px ! important; float:right; } #thiscolor img { margin-left:7px; margin-top:7px; border:1px solid #B2B2B2; } #varianten { margin-top:4px; } #varianten #head { display:none; } #varianten #head #artcode, #varianten #head #kleur, #varianten #head #oppbeh { display:inline-block; } #varianten #head #artcode { width:70px; text-align:right; } #varianten #head #kleur { width:88px; padding-left:10px; } #varianten #head #oppbeh { width:60px; padding-left:1px; } #varianten ul.links li { line-height:18px; height:18px; display:block; margin-left:-4px; padding-left:0px; background-image:none; } #varianten a { line-height:18px; height:18px; display:block; text-decoration:none; } #varianten a:hover { background-color:#FFF; } #varianten li#active { font-weight:bold; } #varianten .artcode { display:inline-block; width:86px; text-align:right; cursor:pointer; padding-left:4px; } #varianten .kleur { display:inline-block; width:80px; cursor:pointer; padding-left:1px; } #varianten .oppbeh { display:inline-block; width:50px; cursor:pointer; padding-left:1px; } #prodvars {margin:0; padding:0;} #prodvars ul {margin:10px 0 0 18px; padding:0;} #prodvars ul li { display:block; clear:both; overflow:hidden; margin:0; padding:0 0 0 12px; line-height:140%; list-style-type:none; background:url(../../lib/images/arrowlink.gif) top left no-repeat; } #prodvars ul li a, #prodvars ul li img { float:left; overflow:hidden; margin:1px 0 0 0; padding:0; } #prodvars ul li a.linktext, #prodvars ul li a.active, #prodvars ul li p { margin:0 0 0 10px; padding:0; width:200px; line-height:normal; } #prodvars ul li a.active {color:#000;} #produtils {margin:0; padding:0;} #produtils p { display:block; overflow:hidden; margin:0 0 6px 6px; padding:0; } #produtils a { display:block; float:left; overflow:hidden; margin:0 0 0 10px; padding:0; line-height:normal; } #produtils a.icon {margin-top:1px;} #produtils a.linktext{width:210px;} /* SLIDING SEARCHBAR */ #movingsearchbarcontainer { width:264px; margin-left:-20px; border:0; position:relative; float:left; } #movingsearchbar { left:752px; border:0px solid gold; position:absolute; overflow:hidden; top:0px; } #searchcontainer { width:264px; } #globalsearchbar { width:20px; height:168px; position:relative; float:left; } #globalsidebar { position:relative; float:left; } #sidebarcontent { padding-left:20px; } #homebox #globalcontent h2 { margin-bottom:0px; } #faqbox h3 {margin-top:21px; } #faqbox ul.links { margin-top:7px; margin-bottom:28px; } #faqbox ul.links li { margin-bottom:5px; } #brochurebox h3 {margin-top:21px; } #brochurebox ul.links { margin-top:7px; margin-bottom:28px; } #brochurebox ul.links li { margin-bottom:5px; } #historybox h2 { margin-bottom:21px; } #historybox p.text { margin-bottom:14px; } #nieuwsbrief-userinput { margin-top:14px; margin-left:7px; font-size:90%; } #nieuwsbrief-userinput .label, #nieuwsbrief-userinput .data { margin-top:2px; } #nieuwsbrief-userinput .data { margin-bottom:7px; } #nieuwsbrief-userinput .input { border:1px inset; } #nieuwsbrief-userinput .btn { border:1px outset; background-color:#ECEAEA; background-image:url(../../lib/images/arrowlinkbtn.gif); background-position:center right; background-repeat:no-repeat; color:#362D26; font-weight:bold; font-size:11px; width:110px; height:20px; cursor:pointer; } .date { font-size:10px; font-weight:normal; color:#666; } .required { padding-right:16px; background:transparent url("../../lib/images/iconreq.gif") no-repeat right center; }