.mouse2 {line-height:17px; height:100px; display:block; float:left; visibility: hidden; position: relative; width: 140px; padding:10px; left: 0px; border:1px solid #ccc; background:#fff; z-index:1; -moz-border-radius: 10px; -webkit-border-radius: 5px; } .mouse2 p { font-size:11px; } .mouse2 p strong {color:#FF0000;} .subfix {height:25px;} /**************************************** * General ****************************************/ form { margin: 0; padding: 0; } fieldset { display: inline; /* IE6 margins */ float: left; width: 140px; margin: 0 10px 15px 1px; padding: 0 0 15px 20px; border: 1px solid #79A8C1; background: #F4F4F4; } #subhead { letter-spacing:1px; margin:10px 0; padding:12px 10px 0px 125px; background: url(../_images/info.png) no-repeat; width:583px; height:138px; font-size:11px; } #subhead a { text-decoration:underline; } /**************************************** * Form ****************************************/ #pricer { font-family: arial, helvetica, sans-serif; font-size: 12px; text-align: left; } fieldset h2 { margin: 0 0 15px -20px; font-size:14px; width: 140px; padding: 4px 10px 6px 10px; background: #5FA1C6; color:#FFFFFF; font-family:Calibri, Arial; } #productionFieldSet { width:175px; } #productionHeader { width:175px; } #quote { width:175px; border-color: #5FA1C6; } #quote h2 { background: #bfe595; } #lastcontainer h3, #firstcontainer h3 { font-size: 12px; line-height:12px; font-family:Arial; text-decoration:none; } #lastcontainer { width:200px; float: left; } #firstcontainer { width:175px; float: left; } #columnHeader { margin: 0 0 15px -20px; width: 175px; padding: 4px 10px 6px 10px; background: #5FA1C6; color:#fff; font-size:14px; font-weight:bold; font-family:Calibri, Arial; } #results { width:300px; padding:4px; background:#F4F4F4; font-size:11px; } .input-submit, .input-button { margin: 0 0 5px 0; padding: 3px 0 3px 5px; width: 115px; font-size: 12px; text-align: center; } .input-submit { font-weight: bold; } .clear { clear:both; } /* Buttons */ .option, .disabled, .active, .hover, .gray { /*margin: 5px 0 0 0;*/ width: 120px; height: 60px; background-repeat: no-repeat; } .sub {height: 37px;} .gray {filter: Gray; } .disabled { filter: gray alpha(opacity=25); -moz-opacity:.25; opacity:0.25; } .hover { cursor: pointer; } /* invisible button text */ .option input, .option label { display: none; } /* infotag */ .infotag, .active .infotag, .disabled .infotag, .gray .infotag { display:none; } .infotag { display: block; position: absolute; width: 180px; margin-left: 135px; margin-top: -70px; border:1px solid #ccc; background:#fff; z-index:1; -moz-border-radius: 10px; -webkit-border-radius: 5px; display:none;} .infotag .infotext { background-color:#EAEAEA; padding:10px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-right-radius:8px; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-left-radius:8px; } .infooptie {display: block; position: absolute; width: 135px; margin-left: 145px; margin-top: -15px; border:1px solid #F77E8C; z-index:1; background: url(../_images/warningIcon.png) no-repeat #FFEFF0 10px 11px; padding: 10px 10px 10px 35px; -moz-border-radius: 10px; -webkit-border-radius: 5px; } .disabled .infooptie {display: none;} .infotag img { padding:10px; } .infotag p { font-size:11px; margin:5px 0 0 0; } .infotag strong { color: #3b3b3b; } .infotag ul { font-size:11px; margin-left: 15px; margin-top:5px;} #verpakkingfield { background:#F4F4F4 none repeat scroll 0 0; border:1px solid #79A8C1; float:left; width:350px; } #verpakkingfield h2 { margin: 0 0 15px 0px; font-size:14px; width: 330px; padding: 4px 10px 6px 10px; background: #5FA1C6; color:#FFFFFF; font-family:Calibri, Arial; } .hover .hi { margin-top: -110px; } #pricer small { color:#5FA1C6; font-size:9px; line-height:11px; display:block; } .extra { line-height:25px; } .spacer { padding-top:10px; display:block; } /* CHILD kleinere button image - NONE */ #caseType-none, #discType-none, #insertType-none { background-image: url(../_images/childklein.png); height: 37px; background-position: 0 -703px; } #caseType-none.option, #caseType-none.option, #discType-none.option, #insertType-none.option { background-position: 0 -703px; } #caseType-none.hover, #discType-none.hover, #insertType-none.hover { background-position: -120px -703px; } #caseType-none.active, #discType-none.active, #insertType-none.active { background-position: -240px -703px; } #caseType-none.gray, #caseType-none.gray, #discType-none.gray, #insertType-none.gray, #caseType-none.disabled, #discType-none.disabled, #insertType-none.disabled { background-position: -360px -703px; } /* sub button */ .option span.button, .disabled span.button, .active span.button, .hover span.button, .gray span.button { float: right; padding-right: 20px; display: block; height: 60px; background-image: url(../_images/subarrow.png); background-repeat: no-repeat; width:0px; } .option span.button { background-position: -20px 0px; } .hover span.button { background-position: 0px 0px; } .active span.button { background-position: -40px 0px; } .gray span.button, .disabled span.button { background-position: -60px 0px; } /* PARENT Button images - DISC */ #CdSoort-A { background-image: url(../_images/parent.png); background-position: 0px 0px; } #CdSoort-A.option { background-position: 0 0px; } #CdSoort-A.hover { background-position: -120px 0px; } #CdSoort-A.gray, #CdSoort-A.disabled { background-position: -360px 0px; } #CdSoort-A.active { background-position: -240px 0px; } #discType-cdrom { background-image: url(../_images/parent.png); background-position: 0 -60px; } #discType-cdrom.option { background-position: 0 -60px; } #discType-cdrom.hover { background-position: -120px -60px; } #discType-cdrom.gray, #discType-cdrom.disabled{ background-position: -360px -60px; } #discType-cdrom.active { background-position: -240px -60px; } #DvdSoort-A { background-image: url(../_images/parent.png); background-position: 0 -120px; } #DvdSoort-A.option { background-position: 0 -120px; } #DvdSoort-A.hover { background-position: -120px -120px; } #DvdSoort-A.gray, #DvdSoort-A.disabled { background-position: -360px -120px; } #DvdSoort-A.active { background-position: -240px -120px; } #DvdSoort-2B { background-image: url(../_images/parent.png); background-position: 0 -180px; } #DvdSoort-2B.option { background-position: 0 -180px; } #DvdSoort-2B.hover { background-position: -120px -180px; } #DvdSoort-2B.gray, #DvdSoort-2B.disabled { background-position: -360px -180px; } #DvdSoort-2B.active { background-position: -240px -180px; } #DvdSoort-C { background-image: url(../_images/parent.png); background-position: 0 -240px; } #DvdSoort-C.option { background-position: 0 -240px; } #DvdSoort-C.hover { background-position: -120px -240px; } #DvdSoort-C.gray, #DvdSoort-C.disabled { background-position: -360px -240px; } #DvdSoort-C.active { background-position: -240px -240px; } #DvdSoort-D { background-image: url(../_images/parent.png); background-position: 0 -300px; } #DvdSoort-D.option { background-position: 0 -300px; } #DvdSoort-D.hover { background-position: -120px -300px; } #DvdSoort-D.gray, #DvdSoort-D.disabled { background-position: -360px -300px; } #DvdSoort-D.active { background-position: -240px -300px; } #discType-blu { background: url(../_images/parent.png); background-position: 0 -360px; } #discType-blu.option { background-position: 0 -360px; } #discType-blu.hover { background-position: -120px -360px; } #discType-blu.gray, #discType-blu.disabled { background-position: -360px -360px; } #discType-blu.active { background-position: -240px -360px; } #discType-blurom { background: url(../_images/parent.png); background-position: 0 -420px; } #discType-blurom.option { background-position: 0 -420px; } #discType-blurom.hover { background-position: -120px -420px; } #discType-blurom.gray, #discType-blurom.disabled { background-position: -360px -420px; } #discType-blurom.active { background-position: -240px -420px; } /* PARENT Button images - VERPAKKING */ #caseType-standard { background-image: url(../_images/parent.png); background-position: 0 -480px; } #caseType-standard.option { background-position: 0 -480px; } #caseType-standard.hover { background-position: -120px -480px; } #caseType-standard.gray, #caseType-standard.disabled { background-position: -360px -480px; } #caseType-standard.active { background-position: 0px -480px; } #caseType-dvd { background-image: url(../_images/parent.png); background-position: 0 -540px; } #caseType-dvd.option { background-position: 0 -540px; } #caseType-dvd.hover { background-position: -120px -540px; } #caseType-dvd.gray, #caseType-dvd.disabled { background-position: -360px -540px; } #caseType-dvd.active { background-position: 0px -540px; } #caseType-jacket { background-image: url(../_images/parent.png); background-position: 0 -600px; } #caseType-jacket.option { background-position: 0 -600px; } #caseType-jacket.hover { background-position: -120px -600px; } #caseType-jacket.gray, #caseType-jacket.disabled { background-position: -360px -600px; } #caseType-jacket.active { background-position: -240px -600px; } #caseType-digipak { background-image: url(../_images/parent.png); background-position: 0 -660px; } #caseType-digipak.option { background-position: 0 -660px; } #caseType-digipak.hover { background-position: -120px -660px; } #caseType-digipak.gray, #caseType-digipak.disabled { background-position: -360px -660px; } #caseType-digipak.active { background-position: 0px -660px; } #caseType-flexfile { background-image: url(../_images/parent.png); background-position: 0 -720px; } #caseType-flexfile.option { background-position: 0 -720px; } #caseType-flexfile.hover { background-position: -120px -720px; } #caseType-flexfile.gray, #caseType-flexfile.disabled { background-position: -360px -720px; } #caseType-flexfile.active { background-position: 0px -720px; } #caseType-sleeve { background-image: url(../_images/parent.png); background-position: 0 -780px; } #caseType-sleeve.option { background-position: 0 -780px; } #caseType-sleeve.hover { background-position: -120px -780px; } #caseType-sleeve.gray, #caseType-sleeve.disabled { background-position: -360px -780px; } #caseType-sleeve.active { background-position: 0px -780px; } #caseType-flexible { background-image: url(../_images/parent.png); background-position: 0 -840px; } #caseType-flexible.option { background-position: 0 -840px; } #caseType-flexible.hover { background-position: -120px -840px; } #caseType-flexible.gray, #caseType-flexible.disabled { background-position: -360px -840px; } #caseType-flexible.active { background-position: -240px -840px; } #caseType-spindel { background-image: url(../_images/parent.png); background-position: 0 -900px; } #caseType-spindel.option { background-position: 0 -900px; } #caseType-spindel.hover { background-position: -120px -900px; } #caseType-spindel.gray, #caseType-spindel.disabled { background-position: -360px -900px; } #caseType-spindel.active { background-position: -240px -900px; } /* PARENT Button images - DRUKWERK */ #insertType-voorkant { background-image: url(../_images/parent.png); background-position: 0 -960px; } #insertType-voorkant.option { background-position: 0 -960px; } #insertType-voorkant.hover { background-position: -120px -960px; } #insertType-voorkant.gray, #insertType-voorkant.disabled { background-position: -360px -960px; } #insertType-voorkant.active { background-position: 0px -960px; } #insertType-traycard { background-image: url(../_images/parent.png); background-position: 0 -1020px; } #insertType-traycard.option { background-position: 0 -1020px; } #insertType-traycard.hover { background-position: -120px -1020px; } #insertType-traycard.gray, #insertType-traycard.disabled { background-position: -360px -1020px; } #insertType-traycard.active { background-position: -240px -1020px; } #insertType-dvd { background-image: url(../_images/parent.png); background-position: 0 -1080px; } #insertType-dvd.option { background-position: 0 -1080px; } #insertType-dvd.hover { background-position: -120px -1080px; } #insertType-dvd.gray, #insertType-dvd.disabled { background-position: -360px -1080px; } #insertType-dvd.active { background-position: -240px -1080px; } #insertType-binnenkant{ background-image: url(../_images/parent.png); background-position: 0 -1140px; } #insertType-binnenkant.option { background-position: 0 -1140px; } #insertType-binnenkant.hover { background-position: -120px -1140px; } #insertType-binnenkant.gray, #insertType-binnenkant.disabled { background-position: -360px -1140px; } #insertType-binnenkant.active { background-position: 0px -1140px; } /*Button images - CHILD SPRITES *klein* */ #JewelcaseSoort-A { background-image: url(../_images/childklein.png); background-position: 0 0; } #JewelcaseSoort-A.option { background-position: 0 0; } #JewelcaseSoort-A.hover { background-position: -120px 0; } #JewelcaseSoort-A.gray, #JewelcaseSoort-A.disabled { background-position: -360px 0; } #JewelcaseSoort-A.active { background-position: -240px 0; } #JewelcaseSoort-B { background-image: url(../_images/childklein.png); background-position: 0px -37px; } #JewelcaseSoort-B.option { background-position: 0px -37px; } #JewelcaseSoort-B.hover { background-position: -120px -37px; } #JewelcaseSoort-B.gray, #JewelcaseSoort-B.disabled { background-position: -360px -37px; } #JewelcaseSoort-B.active { background-position: -240px -37px; } #JewelcaseSoort-C { background-image: url(../_images/childklein.png); background-position: 0px -74px; } #JewelcaseSoort-C.option { background-position: 0px -74px; } #JewelcaseSoort-C.hover { background-position: -120px -74px; } #JewelcaseSoort-C.gray, #JewelcaseSoort-C.disabled { background-position: -360px -74px; } #JewelcaseSoort-C.active { background-position: -240px -74px; } #JewelcaseSoort-D { background-image: url(../_images/childklein.png); background-position: 0 -111px; } #JewelcaseSoort-D.option { background-position: 0 -111px; } #JewelcaseSoort-D.hover { background-position: -120px -111px; } #JewelcaseSoort-D.gray, #JewelcaseSoort-D.disabled { background-position: -360px -111px; } #JewelcaseSoort-D.active { background-position: -240px -111px; } #JewelcaseSoort-E { background-image: url(../_images/childklein.png); background-position: 0 -740px; } #JewelcaseSoort-E.option { background-position: 0 -740px; } #JewelcaseSoort-E.hover { background-position: -120px -740px; } #JewelcaseSoort-E.gray, #JewelcaseSoort-E.disabled { background-position: -360px -740px; } #JewelcaseSoort-E.active { background-position: -240px -740px; } #JewelcaseSoort-F { background-image: url(../_images/childklein.png); background-position: 0 -777px; } #JewelcaseSoort-F.option { background-position: 0 -777px; } #JewelcaseSoort-F.hover { background-position: -120px -777px; } #JewelcaseSoort-F.gray, #JewelcaseSoort-F.disabled { background-position: -360px -777px; } #JewelcaseSoort-F.active { background-position: -240px -777px; } #DVDboxSoort-A { background-image: url(../_images/childklein.png); background-position: 0 -148px; } #DVDboxSoort-A.option { background-position: 0 -148px; } #DVDboxSoort-A.hover { background-position: -120px -148px; } #DVDboxSoort-A.gray, #DVDboxSoort-A.disabled { background-position: -360px -148px; } #DVDboxSoort-A.active { background-position: -240px -148px; } #DVDboxSoort-B { background-image: url(../_images/childklein.png); background-position: 0 -185px; } #DVDboxSoort-B.option { background-position: 0 -185px; } #DVDboxSoort-B.hover { background-position: -120px -185px; } #DVDboxSoort-B.gray, #DVDboxSoort-B.disabled { background-position: -360px -185px; } #DVDboxSoort-B.active { background-position: -240px -185px; } #DVDboxSoort-C { background-image: url(../_images/childklein.png); background-position: 0 -222px; } #DVDboxSoort-C.option { background-position: 0 -222px; } #DVDboxSoort-C.hover { background-position: -120px -222px; } #DVDboxSoort-C.gray, #DVDboxSoort-C.disabled { background-position: -360px -222px; } #DVDboxSoort-C.active { background-position: -240px -222px; } #DVDboxSoort-D { background-image: url(../_images/childklein.png); background-position: 0 -259px; } #DVDboxSoort-D.option { background-position: 0 -259px; } #DVDboxSoort-D.hover { background-position: -120px -259px; } #DVDboxSoort-D.gray, #DVDboxSoort-D.disabled { background-position: -360px -259px; } #DVDboxSoort-D.active { background-position: -240px -259px; } #DigipakSoort-A { background-image: url(../_images/childklein.png); background-position: 0 -296px; } #DigipakSoort-A.option { background-position: 0 -296px; } #DigipakSoort-A.hover { background-position: -120px -296px; } #DigipakSoort-A.gray, #DigipakSoort-A.disabled { background-position: -360px -296px; } #DigipakSoort-A.active { background-position: -240px -296px; } #DigipakSoort-B { background-image: url(../_images/childklein.png); background-position: 0 -333px; } #DigipakSoort-B.option { background-position: 0 -333px; } #DigipakSoort-B.hover { background-position: -120px -333px; } #DigipakSoort-B.gray, #DigipakSoort-B.disabled { background-position: -360px -333px; } #DigipakSoort-B.active { background-position: -240px -333px; } #FlexfileSoort-A { background-image: url(../_images/childklein.png); background-position: 0 -370px; } #FlexfileSoort-A.option { background-position: 0 -370px; } #FlexfileSoort-A.hover { background-position: -120px -370px; } #FlexfileSoort-A.gray, #FlexfileSoort-A.disabled { background-position: -360px -370px; } #FlexfileSoort-A.active { background-position: -240px -370px; } #FlexfileSoort-B { background-image: url(../_images/childklein.png); background-position: 0 -407px; } #FlexfileSoort-B.option { background-position: 0 -407px; } #FlexfileSoort-B.hover { background-position: -120px -407px; } #FlexfileSoort-B.gray, #FlexfileSoort-B.disabled{ background-position: -360px -407px; } #FlexfileSoort-B.active { background-position: -240px -407px; } #SleeveSoort-A { background-image: url(../_images/childklein.png); background-position: 0 -444px; } #SleeveSoort-A.option { background-position: 0 -444px; } #SleeveSoort-A.hover { background-position: -120px -444px; } #SleeveSoort-A.gray, #SleeveSoort-A.disabled { background-position: -360px -444px; } #SleeveSoort-A.active { background-position: -240px -444px; } #SleeveSoort-B { background-image: url(../_images/childklein.png); background-position: 0 -481px; } #SleeveSoort-B.option { background-position: 0 -481px; } #SleeveSoort-B.hover { background-position: -120px -481px; } #SleeveSoort-B.gray, #SleeveSoort-B.disabled { background-position: -360px -481px; } #SleeveSoort-B.active { background-position: -240px -481px; } #insertType-covercard { background-image: url(../_images/childklein.png); background-position: 0 -518px; } #insertType-covercard.option { background-position: 0 -518px; } #insertType-covercard.hover { background-position: -120px -518px; } #insertType-covercard.gray, #insertType-covercard.disabled { background-position: -360px -518px; } #insertType-covercard.active { background-position: -240px -518px; } #insertType-vouwvel { background-image: url(../_images/childklein.png); background-position: 0 -555px; } #insertType-vouwvel.option { background-position: 0 -555px; } #insertType-vouwvel.hover { background-position: -120px -555px; } #insertType-vouwvel.gray, #insertType-vouwvel.disabled { background-position: -360px -555px; } #insertType-vouwvel.active { background-position: -240px -555px; } #insertType-cdbooklet { background-image: url(../_images/childklein.png); background-position: 0 -592px; } #insertType-cdbooklet.option { background-position: 0 -592px; } #insertType-cdbooklet.hover { background-position: -120px -592px; } #insertType-cdbooklet.gray, #insertType-cdbooklet.disabled { background-position: -360px -592px; } #insertType-cdbooklet.active { background-position: -240px -592px; } #insertType-dvdInside { background-image: url(../_images/childklein.png); background-position: 0 -629px; } #insertType-dvdInside.option { background-position: 0 -629px; } #insertType-dvdInside.hover { background-position: -120px -629px; } #insertType-dvdInside.gray, #insertType-dvdInside.disabled { background-position: -360px -629px; } #insertType-dvdInside.active { background-position: -240px -629px; } #insertType-dvdbooklet { background-image: url(../_images/childklein.png); background-position: 0 -666px; } #insertType-dvdbooklet.option { background-position: 0 -666px; } #insertType-dvdbooklet.hover { background-position: -120px -666px; } #insertType-dvdbooklet.gray, #insertType-dvdbooklet.disabled { background-position: -360px -666px; } #insertType-dvdbooklet.active { background-position: -240px -666px; } /* "2-sided" checkboxes */ .twoSided-inner { margin: 5px 0 0 5px; } #pricerPriceTable td { padding:2px; } #pricerPriceTable { width:170px; font-size:12px; /*background-image: url(../_images/QQPricingTableMiddle.gif);*/ background-repeat: repeat-y; } /* STAP2 Form Elements */ #stap2 label { position: relative; display: block; float: left; clear: both; border: 0px solid #dedede; padding: 0px; line-height: 12px; } #stap2 label.active { color: #666; } .error, #stap2 label.error { color: #e8505d; } #stap2 label input, textarea { padding: 2px; border: 1px solid #afafaf; font-family:Arial, Helvetica, sans-serif; font-size:12px; } #stap2 .infopop { font-size:9px }; #stap2 label input.active { border: 1px solid green; } #stap2 label input.error { border: 1px solid #e8505d; } #stap2 .option, #stap2 .disabled, #stap2 .active, #stap2 .hover { margin:0; width: auto; height: auto; background-repeat: none; } #techniekPersen { background-image: url("../_images/childklein.png"); background-position: 0 -1665px; } #techniekPersen.option { background-position: 0 -1665px; } #techniekPersen.hover { background-position: -120px -1665px; } #techniekPersen.gray, #techniekPersen.disabled { background-position: -360px -1665px; } #techniekPersen.active { background-position: -240px -1665px; } #techniekBranden { background-image: url("../_images/childklein.png"); background-position: 0 -1702px; } #techniekBranden.option { background-position: 0 -1702px; } #techniekBranden.hover { background-position: -120px -1702px; } #techniekBranden.gray, #techniekBranden.disabled { background-position: -360px -1702px; } #techniekBranden.active { background-position: -240px -1702px; } #options-checkboxes-disc{ width:175px; float:left; } #options-checkboxes-disc fieldset { font-size:9px; padding-left:10px; float:none; } #options-checkboxes-disc fieldset h2{ margin-left:-10px; } .opt-tran{ } optgroup option { padding-left: 10px; } .subPackage label{ padding-left:8px; } .ctrDropDown{ width:112px; font-family: arial,helvetica,sans-serif; font-size: 9px; color: #4B4B4B; } .ctrDropDownClick{ width:auto; font-family: arial,helvetica,sans-serif; font-size: 9px; color: #4B4B4B; } .plainDropDown{ width:130px; font-family: arial,helvetica,sans-serif; font-size: 9px; color: #4B4B4B; } .tb_left_cell { padding-right: 10px; font-weight: bold; } .persen-data-input { font-size: 14px !important; } .infooptie{ margin-left: 16px!important; margin-top: -163px!important; } .oferte-button{ } .oferte-button .infooptie{ color: #4C4C4C !important; margin-left: 53px!important; margin-top: -138px!important; text-align: left !important; width: 155px; }