@charset "utf-8"; /* generic */ body { color:#ffffff; background-color:#000000; } #pagewrapper { position:relative; width:100%; height:100%; overflow:hidden; } #pagewrappertd { position:relative; } /* background slides */ #backgroundcontent { position:absolute; display:block; width:100%; height:100%; top:0; left:0; } #backgroundcontent #slider { position:absolute; display:block; width:100%; height:100%; top:0; left:0; overflow:hidden; z-index:1; } #backgroundcontent #slider #slides { position:relative; width:100%; height:100%; } #backgroundcontent #slider #slides .slide { position:relative; float:left; width:100%; height:100%; margin:0; padding:0; overflow:hidden; cursor:pointer; } #backgroundcontent #slider #slides .slide a { position:absolute; display:block; width:100%; height:100%; } #backgroundcontent #slider #slides #np_05000pc_en { background-image:url(http://www.mpmoil.nl/headers/home_2015-05_05000pc.en.1400x1168.jpg); background-color:#212e2b; background-position:center top; background-repeat:no-repeat; -webkit-background-size:1400px 1168px; } #backgroundcontent #slider #slides #np_05000pc_nl { background-image:url(http://www.mpmoil.nl/headers/home_2015-05_05000pc.nl.1400x1168.jpg); background-color:#212e2b; background-position:center top; background-repeat:no-repeat; -webkit-background-size:1400px 1168px; } #backgroundcontent #slider #slides #np_05000vlv_en { background-image:url(http://www.mpmoil.nl/headers/home_2015-07_05000vlv.en.1400x659.jpg); background-color:#cecece; background-position:center top; background-repeat:no-repeat; -webkit-background-size:1400px 659px; } #backgroundcontent #slider #slides #np_05000vlv_nl { background-image:url(http://www.mpmoil.nl/headers/home_2015-07_05000vlv.nl.1400x659.jpg); background-color:#cecece; background-position:center top; background-repeat:no-repeat; -webkit-background-size:1400px 659px; } #backgroundcontent #slider #slides #np_05000mbt { background-image:url(http://www.mpmoil.nl/headers/home_2015-09_05000mbt.1400x508.jpg); background-color:#cccccf; background-position:center top; background-repeat:no-repeat; -webkit-background-size:1400px 508px; } #backgroundcontent #slider #slides #np_pp200cr_en { background-image:url(http://www.mpmoil.nl/headers/home_2015-10_pp200cr.en.1400x700.jpg); background-color:#202020; background-position:center top; background-repeat:no-repeat; -webkit-background-size:1400px 700px; } #backgroundcontent #slider #slides #np_pp200cr_nl { background-image:url(http://www.mpmoil.nl/headers/home_2015-10_pp200cr.nl.1400x700.jpg); background-color:#202020; background-position:center top; background-repeat:no-repeat; -webkit-background-size:1400px 700px; } #backgroundcontent #slider #slides #np_02000hz_en { background-image:url('http://www.mpmoil.nl/headers/home_2015-10_02000hz.en.1400x700.jpg'); background-color:#454046; background-position:center top; background-repeat:no-repeat; background-image:-webkit-image-set( url('http://www.mpmoil.nl/headers/home_2015-10_02000hz.en.1400x700.jpg') 1x, url('http://www.mpmoil.nl/headers/home_2015-10_02000hz.en.1400x700.2x.jpg') 2x, url('http://www.mpmoil.nl/headers/home_2015-10_02000hz.en.1400x700.3x.jpg') 3x ); -webkit-background-size:1400px 700px; -moz-background-size:1400px 700px; -o-background-size:1400px 700px; background-size:1400px 700px; } #backgroundcontent #slider #slides #np_02000hz_nl { background-image:url('http://www.mpmoil.nl/headers/home_2015-10_02000hz.nl.1400x700.jpg'); background-color:#454046; background-position:center top; background-repeat:no-repeat; background-image:-webkit-image-set( url('http://www.mpmoil.nl/headers/home_2015-10_02000hz.nl.1400x700.jpg') 1x, url('http://www.mpmoil.nl/headers/home_2015-10_02000hz.nl.1400x700.2x.jpg') 2x, url('http://www.mpmoil.nl/headers/home_2015-10_02000hz.nl.1400x700.3x.jpg') 3x ); -webkit-background-size:1400px 700px; -moz-background-size:1400px 700px; -o-background-size:1400px 700px; background-size:1400px 700px; } #backgroundcontent #slider #slides #np_50000bwh-50000bwhs_en { background-image:url('http://www.mpmoil.nl/headers/home_2016-01_50000bwh-and-50000bwhs.en.1400x700.jpg'); background-color:#1f1f20; background-position:center top; background-repeat:no-repeat; background-image:-webkit-image-set( url('http://www.mpmoil.nl/headers/home_2016-01_50000bwh-and-50000bwhs.en.1400x700.jpg') 1x, url('http://www.mpmoil.nl/headers/home_2016-01_50000bwh-and-50000bwhs.en.1400x700.2x.jpg') 2x, url('http://www.mpmoil.nl/headers/home_2016-01_50000bwh-and-50000bwhs.en.1400x700.3x.jpg') 3x ); -webkit-background-size:1400px 700px; -moz-background-size:1400px 700px; -o-background-size:1400px 700px; background-size:1400px 700px; } #backgroundcontent #slider #slides #np_50000bwh-50000bwhs_nl { background-image:url('http://www.mpmoil.nl/headers/home_2016-01_50000bwh-and-50000bwhs.nl.1400x700.jpg'); background-color:#1f1f20; background-position:center top; background-repeat:no-repeat; background-image:-webkit-image-set( url('http://www.mpmoil.nl/headers/home_2016-01_50000bwh-and-50000bwhs.nl.1400x700.jpg') 1x, url('http://www.mpmoil.nl/headers/home_2016-01_50000bwh-and-50000bwhs.nl.1400x700.2x.jpg') 2x, url('http://www.mpmoil.nl/headers/home_2016-01_50000bwh-and-50000bwhs.nl.1400x700.3x.jpg') 3x ); -webkit-background-size:1400px 700px; -moz-background-size:1400px 700px; -o-background-size:1400px 700px; background-size:1400px 700px; } #backgroundcontent #slider #slides #np_18000eco { background-image:url('http://www.mpmoil.nl/headers/home_2016-02_18000eco.1270x630.jpg'); background-color:#000000; background-position:center top; background-repeat:no-repeat; background-image:-webkit-image-set( url('http://www.mpmoil.nl/headers/home_2016-02_18000eco.1270x630.jpg') 1x, url('http://www.mpmoil.nl/headers/home_2016-02_18000eco.1270x630.2x.jpg') 2x, url('http://www.mpmoil.nl/headers/home_2016-02_18000eco.1270x630.3x.jpg') 3x ); -webkit-background-size:1270px 630px; -moz-background-size:1270px 630px; -o-background-size:1270px 630px; background-size:1270px 630px; } #backgroundcontent #slider #slides #telstar_nl { background-image:url('http://www.mpmoil.nl/headers/home_2016-07_telstar.1270x748.jpg'); background-color:#202020; background-position:center top; background-repeat:no-repeat; background-image:-webkit-image-set( url('http://www.mpmoil.nl/headers/home_2016-07_telstar.1270x748.jpg') 1x, url('http://www.mpmoil.nl/headers/home_2016-07_telstar.1270x748.2x.jpg') 2x, url('http://www.mpmoil.nl/headers/home_2016-07_telstar.1270x748.3x.jpg') 3x ); -webkit-background-size:1270px 748px; -moz-background-size:1270px 748px; -o-background-size:1270px 748px; background-size:1270px 748px; } #backgroundcontent #slider #slides #automechanika { background-image:url('http://www.mpmoil.nl/headers/home_2016-08_automechanika.1270x748.jpg'); background-color:#202020; background-position:center top; background-repeat:no-repeat; background-image:-webkit-image-set( url('http://www.mpmoil.nl/headers/home_2016-08_automechanika.1270x748.jpg') 1x, url('http://www.mpmoil.nl/headers/home_2016-08_automechanika.1270x748.2x.jpg') 2x ); -webkit-background-size:1270px 748px; -moz-background-size:1270px 748px; -o-background-size:1270px 748px; background-size:1270px 748px; } #backgroundcontent #slider #slides #movie_en, #backgroundcontent #slider #slides #movie_nl { background-color:#202020; background-position:center top; background-repeat:no-repeat; -webkit-background-size:2034px 1146px; -moz-background-size:2034px 1146px; -o-background-size:2034px 1146px; background-size:2034px 1146px; } #backgroundcontent #slider #slides #movie_en { background-image:url('http://www.mpmoil.nl/headers/home_2016-12_movie.en.2034x1146.jpg'); } #backgroundcontent #slider #slides #movie_nl { background-image:url('http://www.mpmoil.nl/headers/home_2016-12_movie.nl.2034x1146.jpg'); } #backgroundcontent #slider #slides #newadditives_en { background-image:url(http://www.mpmoil.nl/headers/home_2015-04_additives.en.2008x618.jpg); background-color:#202020; background-position:center top; background-repeat:no-repeat; -webkit-background-size:2008px 618px; } #backgroundcontent #slider #slides #newadditives_nl { background-image:url(http://www.mpmoil.nl/headers/home_2015-04_additives.nl.2008x618.jpg); background-color:#202020; background-position:center top; background-repeat:no-repeat; -webkit-background-size:2008px 618px; } #backgroundcontent #slider #slides #newadditives_en { background-image:url(http://www.mpmoil.nl/headers/home_2015-04_additives.en.2008x618.jpg); background-color:#202020; background-position:center top; background-repeat:no-repeat; -webkit-background-size:2008px 618px; } #backgroundcontent #slider #slides #licenseplate_ie { background-image:url(http://www.mpmoil.nl/headers/home_2015-05_licenseplate.ie.jpg); background-color:#202020; background-position:center top; background-repeat:no-repeat; -webkit-background-size:1078px 480px; } #backgroundcontent #slider #slides #licenseplate_uk { background-image:url(http://www.mpmoil.nl/headers/home_2015-05_licenseplate.uk.jpg); background-color:#202020; background-position:center top; background-repeat:no-repeat; -webkit-background-size:1078px 480px; } #backgroundcontent #slider #slides #slideRecommendation_nl { background-image:url(http://www.mpmoil.nl/headers/home_2014-03_recommendation.nl.1920.jpg); background-color:#202020; background-position:center top; background-repeat:no-repeat; -webkit-background-size:1920px 1319px; } #backgroundcontent #slider #slides #slideRecommendation_en { background-image:url(http://www.mpmoil.nl/headers/home_2014-03_recommendation.en.1920.jpg); background-color:#202020; background-position:center top; background-repeat:no-repeat; -webkit-background-size:1920px 1319px; } #backgroundcontent #slider #slides #christmas_nl, #backgroundcontent #slider #slides #christmas_en { background-color:#202020; background-position:center top; background-repeat:no-repeat; -webkit-background-size:2008px 1235px; } #backgroundcontent #slider #slides #christmas_nl { background-image:url(http://www.mpmoil.nl/headers/home_2016-12_christmas.nl.2008x1235.jpg); } #backgroundcontent #slider #slides #christmas_en { background-image:url(http://www.mpmoil.nl/headers/home_2016-12_christmas.en.2008x1235.jpg); } @media screen and (max-width: 1440px){ #backgroundcontent #slider #slides #christmas_nl { background-image:url(http://www.mpmoil.nl/headers/home_2016-12_christmas.nl.1440x1235.jpg); -webkit-background-size:1640px 1235px; } #backgroundcontent #slider #slides #christmas_en { background-image:url(http://www.mpmoil.nl/headers/home_2016-12_christmas.en.1440x1235.jpg); -webkit-background-size:1640px 1235px; } #backgroundcontent #slider #slides #newadditives_nl { background-image:url(http://www.mpmoil.nl/headers/home_2015-04_additives.nl.1640x618.jpg); -webkit-background-size:1640px 618px; } #backgroundcontent #slider #slides #newadditives_en { background-image:url(http://www.mpmoil.nl/headers/home_2015-04_additives.en.1640x618.jpg); -webkit-background-size:1640px 618px; } #backgroundcontent #slider #slides #movie_en, #backgroundcontent #slider #slides #movie_nl { -webkit-background-size:1440px 1146px; -moz-background-size:1440px 1146px; -o-background-size:1440px 1146px; background-size:1440px 1146px; } #backgroundcontent #slider #slides #movie_en { background-image:url('http://www.mpmoil.nl/headers/home_2016-12_movie.en.1440x1146.jpg'); } #backgroundcontent #slider #slides #movie_nl { background-image:url('http://www.mpmoil.nl/headers/home_2016-12_movie.nl.1440x1146.jpg'); } } @media screen and (max-width: 1024px){ #backgroundcontent #slider #slides #movie_en, #backgroundcontent #slider #slides #movie_nl { -webkit-background-size:1024px 1146px; -moz-background-size:1024px 1146px; -o-background-size:1024px 1146px; background-size:1024px 1146px; } #backgroundcontent #slider #slides #movie_en { background-image:url('http://www.mpmoil.nl/headers/home_2016-12_movie.en.1024x1146.jpg'); } #backgroundcontent #slider #slides #movie_nl { background-image:url('http://www.mpmoil.nl/headers/home_2016-12_movie.nl.1024x1146.jpg'); } #backgroundcontent #slider #slides #christmas_nl { background-image:url(http://www.mpmoil.nl/headers/home_2016-12_christmas.nl.1024x1235.jpg); -webkit-background-size:1024px 1235px; } #backgroundcontent #slider #slides #christmas_en { background-image:url(http://www.mpmoil.nl/headers/home_2016-12_christmas.en.1024x1235.jpg); -webkit-background-size:1024px 1235px; } #backgroundcontent #slider #slides #np_02000hz_en { background-image:url('http://www.mpmoil.nl/headers/home_2015-10_02000hz.en.1024x700.jpg'); background-color:#454046; background-position:center top; background-repeat:no-repeat; background-image:-webkit-image-set( url('http://www.mpmoil.nl/headers/home_2015-10_02000hz.en.1024x700.jpg') 1x, url('http://www.mpmoil.nl/headers/home_2015-10_02000hz.en.1024x700.2x.jpg') 2x, url('http://www.mpmoil.nl/headers/home_2015-10_02000hz.en.1024x700.3x.jpg') 3x ); -webkit-background-size:1024px 700px; -moz-background-size:1024px 700px; -o-background-size:1024px 700px; background-size:1024px 700px; } #backgroundcontent #slider #slides #np_02000hz_nl { background-image:url('http://www.mpmoil.nl/headers/home_2015-10_02000hz.nl.1024x700.jpg'); background-color:#454046; background-position:center top; background-repeat:no-repeat; background-image:-webkit-image-set( url('http://www.mpmoil.nl/headers/home_2015-10_02000hz.nl.1024x700.jpg') 1x, url('http://www.mpmoil.nl/headers/home_2015-10_02000hz.nl.1024x700.2x.jpg') 2x, url('http://www.mpmoil.nl/headers/home_2015-10_02000hz.nl.1024x700.3x.jpg') 3x ); -webkit-background-size:1024px 700px; -moz-background-size:1024px 700px; -o-background-size:1024px 700px; background-size:1024px 700px; } #backgroundcontent #slider #slides #np_50000bwh-50000bwhs_en { background-image:url('http://www.mpmoil.nl/headers/home_2016-01_50000bwh-and-50000bwhs.en.1024x700.jpg'); background-image:-webkit-image-set( url('http://www.mpmoil.nl/headers/home_2016-01_50000bwh-and-50000bwhs.en.1024x700.jpg') 1x, url('http://www.mpmoil.nl/headers/home_2016-01_50000bwh-and-50000bwhs.en.1024x700.2x.jpg') 2x, url('http://www.mpmoil.nl/headers/home_2016-01_50000bwh-and-50000bwhs.en.1024x700.3x.jpg') 3x ); -webkit-background-size:1024px 700px; -moz-background-size:1024px 700px; -o-background-size:1024px 700px; background-size:1024px 700px; } #backgroundcontent #slider #slides #np_50000bwh-50000bwhs_nl { background-image:url('http://www.mpmoil.nl/headers/home_2016-01_50000bwh-and-50000bwhs.nl.1024x700.jpg'); background-image:-webkit-image-set( url('http://www.mpmoil.nl/headers/home_2016-01_50000bwh-and-50000bwhs.nl.1024x700.jpg') 1x, url('http://www.mpmoil.nl/headers/home_2016-01_50000bwh-and-50000bwhs.nl.1024x700.2x.jpg') 2x, url('http://www.mpmoil.nl/headers/home_2016-01_50000bwh-and-50000bwhs.nl.1024x700.3x.jpg') 3x ); -webkit-background-size:1024px 700px; -moz-background-size:1024px 700px; -o-background-size:1024px 700px; background-size:1024px 700px; } #backgroundcontent #slider #slides #np_18000eco { background-image:url('http://www.mpmoil.nl/headers/home_2016-02_18000eco.1024x630.jpg'); background-image:-webkit-image-set( url('http://www.mpmoil.nl/headers/home_2016-02_18000eco.1024x630.jpg') 1x, url('http://www.mpmoil.nl/headers/home_2016-02_18000eco.1024x630.2x.jpg') 2x, url('http://www.mpmoil.nl/headers/home_2016-02_18000eco.1024x630.3x.jpg') 3x ); -webkit-background-size:1024px 630px; -moz-background-size:1024px 630px; -o-background-size:1024px 630px; background-size:1024px 630px; } #backgroundcontent #slider #slides #telstar_nl { background-image:url('http://www.mpmoil.nl/headers/home_2016-07_telstar.1024x748.jpg'); background-image:-webkit-image-set( url('http://www.mpmoil.nl/headers/home_2016-07_telstar.1024x748.jpg') 1x, url('http://www.mpmoil.nl/headers/home_2016-07_telstar.1024x748.2x.jpg') 2x, url('http://www.mpmoil.nl/headers/home_2016-07_telstar.1024x748.3x.jpg') 3x ); -webkit-background-size:1024px 748px; -moz-background-size:1024px 748px; -o-background-size:1024px 748px; background-size:1024px 748px; } #backgroundcontent #slider #slides #automechanika { background-image:url('http://www.mpmoil.nl/headers/home_2016-08_automechanika.1024x748.jpg'); background-image:-webkit-image-set( url('http://www.mpmoil.nl/headers/home_2016-08_automechanika.1024x748.jpg') 1x, url('http://www.mpmoil.nl/headers/home_2016-08_automechanika.1024x748.2x.jpg') 2x ); -webkit-background-size:1024px 748px; -moz-background-size:1024px 748px; -o-background-size:1024px 748px; background-size:1024px 748px; } #backgroundcontent #slider #slides #np_pp200cr_en { background-image:url(http://www.mpmoil.nl/headers/home_2015-10_pp200cr.en.1024x700.jpg); -webkit-background-size:1024px 700px; } #backgroundcontent #slider #slides #np_pp200cr_nl { background-image:url(http://www.mpmoil.nl/headers/home_2015-10_pp200cr.nl.1024x700.jpg); -webkit-background-size:1024px 700px; } #backgroundcontent #slider #slides #np_05000mbt { background-image:url(http://www.mpmoil.nl/headers/home_2015-09_05000mbt.1024x508.jpg); -webkit-background-size:1024px 508px; } #backgroundcontent #slider #slides #np_05000pc_en { background-image:url(http://www.mpmoil.nl/headers/home_2015-05_05000pc.en.1024x1168.jpg); -webkit-background-size:1024px 1168px; } #backgroundcontent #slider #slides #np_05000pc_nl { background-image:url(http://www.mpmoil.nl/headers/home_2015-05_05000pc.nl.1024x1168.jpg); -webkit-background-size:1024px 1168px; } #backgroundcontent #slider #slides #np_05000vlv_en { background-image:url(http://www.mpmoil.nl/headers/home_2015-07_05000vlv.en.1024x659.jpg); -webkit-background-size:1024px 659px; } #backgroundcontent #slider #slides #np_05000vlv_nl { background-image:url(http://www.mpmoil.nl/headers/home_2015-07_05000vlv.nl.1024x659.jpg); -webkit-background-size:1024px 659px; } #backgroundcontent #slider #slides #newadditives_nl { background-image:url(http://www.mpmoil.nl/headers/home_2015-04_additives.nl.1024x618.jpg); -webkit-background-size:1024px 618px; } #backgroundcontent #slider #slides #newadditives_en { background-image:url(http://www.mpmoil.nl/headers/home_2015-04_additives.en.1024x618.jpg); -webkit-background-size:1024px 618px; } #backgroundcontent #slider #slides #slideRecommendation_nl, #backgroundcontent #slider #slides #slideRecommendation_en { -webkit-background-size:1024px 1319px; } #backgroundcontent #slider #slides #slideRecommendation_nl { background-image:url(http://www.mpmoil.nl/headers/home_2014-03_recommendation.nl.1024.jpg); -webkit-background-size:1024px 1319px; } #backgroundcontent #slider #slides #slideRecommendation_en { background-image:url(http://www.mpmoil.nl/headers/home_2014-03_recommendation.en.1024.jpg); -webkit-background-size:1024px 1319px; } } /* header movie */ #backgroundcontent #headerMovie { position: relative; display: inline-block; background-color: red; } #backgroundcontent #headerMovie iframe { width:100%; height:auto; } /* santa claus */ #santaclaus { position:absolute; display:block; width:663px; height:315px; top:150px; left:-663px; background-image:url(http://www.mpmoil.nl/images/2014-christmas/christmas.shadow.png); z-index:10000; } #santaclaus #santaclaus-flame-back { position:absolute; display:block; width:357px; height:188px; top:105px; left:40px; } #santaclaus #santaclaus-can { position:absolute; display:block; width:92px; height:292px; left:200px; background-image:url(http://www.mpmoil.nl/images/2014-christmas/christmas.can.png); background-repeat:no-repeat; } #santaclaus #santaclaus-sleigh { position:absolute; display:block; width:431px; height:189px; top:69px; left:95px; background-image:url(http://www.mpmoil.nl/images/2014-christmas/christmas.sleigh.png); background-repeat:no-repeat; } #santaclaus #santaclaus-eyebrow { position:absolute; display:block; width:32px; height:12px; top:80px; left:185px; background-image:url(http://www.mpmoil.nl/images/2014-christmas/christmas.eyebrow.png); background-repeat:no-repeat; } #santaclaus #santaclaus-flame-front { position:absolute; display:block; width:356px; height:188px; top:112px; background-repeat:no-repeat; } #santaclaus #santaclaus-engine { position:absolute; display:block; width:358px; height:228px; top:30px; left:290px; background-image:url(http://www.mpmoil.nl/images/2014-christmas/christmas.flame.engine.png); background-repeat:no-repeat; } #santaclause .flipped { transform: scale(-1, 1); -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -khtml-transform: scale(-1, 1); -ms-transform: scale(-1, 1); } /* page */ #page { position:relative; width:100%; height:100%; font-size:14px; } #page #topspacer { height:350px; } #page #content { position:relative; width:100%; } #page #content ul#maincolumns { position:relative; width:960px; margin:0 auto 0 auto; padding:0; list-style:none; z-index:1; } #page #content ul#maincolumns li.block { position:relative; margin:20px 0 0 0; padding:0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0 5px 7px #000000; -webkit-box-shadow:0 5px 7px #000000; -moz-box-shadow:0 5px 7px #000000; overflow:hidden; } #page #content ul#maincolumns li.block:first-child { margin-top:0; } #page #content ul#maincolumns li .bg { filter:alpha(opacity=50); -moz-opacity:.50; KhtmlOpacity:.50; opacity:.50; } #page #content ul#maincolumns li a.title { position:relative; margin:0; padding:10px 10px 10px 20px; background-color:#ffffff; font-size:22px; border-top-left-radius:3px; -webkit-border-top-left-radius:3px; -moz-border-radius-topleft:3px; border-top-right-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px; *z-index:2; } #page #content ul#maincolumns li a.title:link { color:#000000; } #page #content ul#maincolumns li a.title:visited { color:#000000; } #page #content ul#maincolumns li a.title:hover { color:#3590c5; } #page #content ul#maincolumns li a.title:active { color:#000000; } #page #content ul#maincolumns li a.title .arrow { position:absolute; display:block; width:21px; height:11px; top:100%; left:50%; margin:0 0 0 -10px; *margin:-5px 0 0 -10px; background-image:url(http://www.mpmoil.nl/images/icon.arrow.21x11.white.down.gif); background-repeat:no-repeat; z-index:1; } #page #content ul#maincolumns li ul { position:relative; margin:0 0 1px 0; padding:0; background-image:url(http://www.mpmoil.nl/images/bg.home.block.png); background-position:center top; background-repeat:no-repeat; list-style:none; *z-index:1;} #page #content ul#maincolumns li ul:last-child { margin-bottom:0; border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; } #page #content ul#maincolumns li ul .subtitle { position:relative; margin:0; padding:7px 10px 7px 20px; background-color:#000000; font-size:16px; } #page #content ul#maincolumns li ul .subtitle .arrow { position:absolute; display:block; width:960px; height:11px; top:100%; left:50%; margin-left:-480px; *margin-top:-1px; background-image:url(http://www.mpmoil.nl/images/icon.arrow.subtitle.gif); background-repeat:no-repeat; z-index:1; } #page #content ul#maincolumns li ul a.subtitle .more { position:absolute; display:block; padding-right:10px; top:7px; right:20px; background-image:url(http://www.mpmoil.nl/images/icon.arrow.5x6.3590c5.right.gif); background-position:right 5px; background-repeat:no-repeat; color:#3590c5; font-family:Arial, Helvetica, sans-serif; font-size:9px; text-transform:uppercase; } #page #content ul#maincolumns li ul a.subtitle:hover .more { background-image:url(http://www.mpmoil.nl/images/icon.arrow.5x6.white.right.gif); color:#ffffff; } #page #content ul#maincolumns li ul .subtitleError { position:relative margin:0; padding:7px 10px 7px 20px; color:#000000; background-color:#ffffcc; border:1px solid #dadbc1;} #page #content ul#maincolumns li ul li { position:relative; } #page #content ul#maincolumns li ul li ul { position:relative; background-image:none; } #page #content ul#maincolumns li#buttons { height:117px; background-image:url(http://www.mpmoil.nl/images/bg.home.block.png); background-repeat:no-repeat; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; overflow:hidden; } #page #content ul#maincolumns li#buttons a { } #page #content ul#maincolumns li#buttons a:link { color:#ffffff; } #page #content ul#maincolumns li#buttons a:visited { color:#ffffff; } #page #content ul#maincolumns li#buttons a:hover { color:#3590c5; } #page #content ul#maincolumns li#buttons a:active { color:#ffffff; } #page #content ul#maincolumns li#buttons ul { background-image:none; } #page #content ul#maincolumns li#buttons ul li { position:relative; float:left; display:block; width:192px; height:117px; } #page #content ul#maincolumns li#buttons ul li a { position:relative; display:block; width:192px; height:117px; *height:115px; background-repeat:no-repeat; background-position:center top; } #page #content ul#maincolumns li#buttons ul li a .image { position:absolute; display:block; width:192px; height:117px; top:0; left:0; background-repeat:no-repeat; z-index:1; } #page #content ul#maincolumns li#buttons ul li#productsbutton a .image { background-image:url(http://www.mpmoil.nl/home/images/button.products.png); } #page #content ul#maincolumns li#buttons ul li#tdsmsdsbutton a .image { background-image:url(http://www.mpmoil.nl/home/images/button.tdsmsds.png); } #page #content ul#maincolumns li#buttons ul li#newsbutton a .image { background-image:url(http://www.mpmoil.nl/home/images/button.news.png); } #page #content ul#maincolumns li#buttons ul li#merchandisebutton a .image { background-image:url(http://www.mpmoil.nl/home/images/button.merchandise.png); } #page #content ul#maincolumns li#buttons ul li#sportsbutton a .image { background-image:url(http://www.mpmoil.nl/home/images/button.sports.png); } #page #content ul#maincolumns li#buttons ul li#contactbutton a .image { background-image:url(http://www.mpmoil.nl/home/images/button.contact.png); } #page #content ul#maincolumns li#buttons ul li a .titles { position:absolute; display:block; width:192px; bottom:0; } #page #content ul#maincolumns li#buttons ul li a .titles .title { position:relative; display:block; margin:0; padding:7px 3px 7px 3px; background-color:#000000; font-size:16px; text-align:center; } #page #content ul#maincolumns li#buttons ul li a .titles .title .text { position:relative; display:block; z-index:2; } #page #content ul#maincolumns li#buttons ul li a .titles .subtitle { position:relative; display:block; margin:0; *margin-top:-3px; padding:1px 3px 1px 3px; background-color:transparent; color:#3590c5; font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; text-transform:none; text-align:center; } #page #content ul#maincolumns li#buttons ul li a .titles .subtitle .bg { border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; filter:alpha(opacity=75); -moz-opacity:.75; KhtmlOpacity:.75; opacity:.75; z-index:-1; } #page #content ul#maincolumns li#buttons ul li#productsbutton a .titles .subtitle .bg { border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; } #page #content ul#maincolumns li#buttons ul li#contactbutton a .titles .subtitle .bg { border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; } #page #content ul#maincolumns li#productrecommendation .title .icon { position:relative; display:inline-block; *float:left; *display:inline; width:33px; height:14px; margin:0 10px 0 -7px; background-image:url(http://www.mpmoil.nl/images/icon.oil.can.33x14.black.gif); background-repeat:no-repeat; } #page #content ul#maincolumns li#productrecommendation ul li { position:relative; height:50px; margin:0; padding:0; } #page #content ul#maincolumns li#productrecommendation ul#cars li#cat_1 { height:68px; } #page #content ul#maincolumns li#productrecommendation ul li #licenseplateinput, #page #content ul#maincolumns li#productrecommendation ul li a { position:absolute; display:block; width:100%; height:50px; margin:0; padding:0; top:0; left:0; font-weight:bold; z-index:999; /* overflow:hidden; */ } #page #content ul#maincolumns li#productrecommendation ul#cars li #licenseplateinput { height:68px; } #page #content ul#maincolumns li#productrecommendation ul li a:link { color:#3590c5; } #page #content ul#maincolumns li#productrecommendation ul li a:visited { color:#3590c5; } #page #content ul#maincolumns li#productrecommendation ul li a:hover { color:#ffffff; } #page #content ul#maincolumns li#productrecommendation ul li a:active { color:#3590c5; } #page #content ul#maincolumns li#productrecommendation ul li .icon { position:relative; float:left; display:block; width:78px; height:50px; } #page #content ul#maincolumns li#productrecommendation ul li .icon .image { position:relative; width:48px; left:20px; } #page #content ul#maincolumns li#productrecommendation ul li#cat_santa .icon .image { height:36px; top:7px; background-image:url(http://www.mpmoil.nl/images/icon.productrecommendation.santa.png); background-position:center 0; background-repeat:no-repeat; } #page #content ul#maincolumns li#productrecommendation ul li#cat_santa a:hover .icon .image { background-position:center -36px; } #page #content ul#maincolumns li#productrecommendation ul li#cat_1 .icon .image { height:28px; top:11px; background-image:url(http://www.mpmoil.nl/images/icon.car.40.png); background-position:center -112px; background-repeat:no-repeat; } #page #content ul#maincolumns li#productrecommendation ul li#cat_1 a:hover .icon .image { background-position:center -140px; } #page #content ul#maincolumns li#productrecommendation ul li#cat_2 .icon .image { height:35px; top:7px; background-image:url(http://www.mpmoil.nl/images/icon.van.40.png); background-position:center -140px; background-repeat:no-repeat; } #page #content ul#maincolumns li#productrecommendation ul li#cat_2 a:hover .icon .image { background-position:center -175px; } #page #content ul#maincolumns li#productrecommendation ul li#cat_3 .icon .image { height:43px; top:3px; background-image:url(http://www.mpmoil.nl/images/icon.truck.40.png); background-position:center -172px; background-repeat:no-repeat; } #page #content ul#maincolumns li#productrecommendation ul li#cat_3 a:hover .icon .image { background-position:center -215px; } #page #content ul#maincolumns li#productrecommendation ul li#cat_4 .icon .image { height:42px; top:4px; background-image:url(http://www.mpmoil.nl/images/icon.motor.40.png); background-position:center -168px; background-repeat:no-repeat; } #page #content ul#maincolumns li#productrecommendation ul li#cat_4 a:hover .icon .image { background-position:center -210px; } #page #content ul#maincolumns li#productrecommendation ul li#cat_5 .icon .image { height:43px; top:3px; background-image:url(http://www.mpmoil.nl/images/icon.agri.40.png); background-position:center -172px; background-repeat:no-repeat; } #page #content ul#maincolumns li#productrecommendation ul li#cat_5 a:hover .icon .image { background-position:center -215px; } #page #content ul#maincolumns li#productrecommendation ul li#cat_10 .icon .image { height:44px; top:3px; background-image:url(http://www.mpmoil.nl/images/icon.industrial.40.png); background-position:center -175px; background-repeat:no-repeat; } #page #content ul#maincolumns li#productrecommendation ul li#cat_10 a:hover .icon .image { background-position:center -219px; } #page #content ul#maincolumns li#productrecommendation ul li#cat_31 .icon .image { height:38px; top:6px; background-image:url(http://www.mpmoil.nl/images/icon.marine.40.png); background-position:center -152px; background-repeat:no-repeat; } #page #content ul#maincolumns li#productrecommendation ul li#cat_31 a:hover .icon .image { background-position:center -190px; } #page #content ul#maincolumns li#productrecommendation ul li#cat_32 .icon .image { height:23px; top:14px; background-image:url(http://www.mpmoil.nl/images/icon.oldtimer.40.png); background-position:center -92px; background-repeat:no-repeat; } #page #content ul#maincolumns li#productrecommendation ul li#cat_32 a:hover .icon .image { background-position:center -115px; } #page #content ul#maincolumns li#productrecommendation ul li .category { position:relative; top:17px; padding:0 0 0 10px; } #page #content ul#maincolumns li#productrecommendation ul li #licenseplateinput .category { top:0; margin:0; padding:0; } #page #content ul#maincolumns li#productrecommendation ul li #licenseplateinput .icon { top:10px; } #page #content ul#maincolumns li#productrecommendation ul li a .arrow { position:absolute; display:block; width:14px; height:21px; top:50%; right:20px; margin:-10px 0 0 0; background-image:url(http://www.mpmoil.nl/images/icon.arrow.8x15.right.png); background-position:0 -84px; background-repeat:no-repeat; z-index:1000; } #page #content ul#maincolumns li#productrecommendation ul li a:hover .arrow { background-position:0 -105px; } #page #content ul#maincolumns li#productrecommendation ul li a .bg { position:absolute; display:none; width:950px; height:46px; top:2px; left:5px; background-color:#000000; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; filter:alpha(opacity=100); -moz-opacity:1; KhtmlOpacity:1; opacity:1; } /* #page #content ul#maincolumns li#productrecommendation ul li a:hover .bg { display:block; } */ #page #content ul#maincolumns li#productrecommendation ul#cars li table td.category a#viamaketype { position:absolute; display:block; width:408px; height:68px; top:0; left:473px; background-image:url(http://www.mpmoil.nl/images/bg.home.licenseplate.png); background-position:0 1px; background-repeat:no-repeat; } #page #content ul#maincolumns li#productrecommendation ul#cars li table td.category a#viamaketype .icon { width:108px; } #page #content ul#maincolumns li#productrecommendation ul#cars li table td.category a#viamaketype .icon .image { left:60px; } #page #content ul#maincolumns li#productrecommendation ul#cars li table td.category a#viamaketype .text { position:relative; top:27px; left:5px; margin:0; padding:0; } #page #content ul#maincolumns li#productrecommendation ul#cars li #licenseplateinput form { position:absolute; display:block; width:340px; height:55px; top:7px; margin:0; padding:0; background-position:0 0; background-repeat:no-repeat; } #page #content ul#maincolumns li#productrecommendation ul#cars li #licenseplateinput form.nl { background-image:url(http://www.mpmoil.nl/images/licenseplate.245x55.png); } #page #content ul#maincolumns li#productrecommendation ul#cars li #licenseplateinput form.uk { background-image:url(http://www.mpmoil.nl/images/licenseplate.uk.245x55.png); } #page #content ul#maincolumns li#productrecommendation ul#cars li #licenseplateinput form.ie { background-image:url(http://www.mpmoil.nl/images/licenseplate.ie.245x55.png); } #page #content ul#maincolumns li#productrecommendation ul#cars li #licenseplateinput form.se { background-image:url(http://www.mpmoil.nl/images/licenseplate.se.245x55.png); } #page #content ul#maincolumns li#productrecommendation ul#cars li #licenseplateinput form .licenseplate { position:absolute; display:block; width:215px; top:6px; left:26px; background-color:transparent; border:0; text-align:center; text-shadow:0 -2px 2px rgba(255,219,48,1), 0 2px 2px rgba(0,0,0,.6); } #page #content ul#maincolumns li#productrecommendation ul#cars li #licenseplateinput form.nl .licenseplate { font-size:36px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; } #page #content ul#maincolumns li#productrecommendation ul#cars li #licenseplateinput form.se .licenseplate { font-size:36px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-shadow:0 -2px 2px rgba(255,255,255,1), 0 2px 2px rgba(0,0,0,.6); } #page #content ul#maincolumns li#productrecommendation ul#cars li #licenseplateinput form.uk .licenseplate { width:205px; top:0; font-size:36px; line-height:40px; font-family:mndtr, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-shadow:0 -2px 2px rgba(255,255,255,1), 0 2px 2px rgba(0,0,0,.6); } #page #content ul#maincolumns li#productrecommendation ul#cars li #licenseplateinput form.ie .licenseplate { width:205px; top:0; font-size:36px; line-height:40px; font-family:futcb, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-shadow:0 -2px 2px rgba(255,255,255,1), 0 2px 2px rgba(0,0,0,.6); } #page #content ul#maincolumns li#productrecommendation ul#cars li #licenseplateinput form .licenseplatesubmit { position:absolute; display:block; width:90px; height:102px; top:-47px; left:250px; border:0; background-position:0 0; background-repeat:no-repeat; background-image:url(http://www.mpmoil.nl/images/button.go.55x55.png); z-index:100000; } #page #content ul#maincolumns li#productrecommendation ul#cars li #licenseplateinput form .licenseplatesubmit:hover { background-position:0 -102px; } #page #content ul#maincolumns li#news { *display:none; } #page #content ul#maincolumns li#news ul { position:relative; } #page #content ul#maincolumns li#news ul li { position:relative; } #page #content ul#maincolumns li#news ul li a { } #page #content ul#maincolumns li#news ul li a:link { color:#3590c5; } #page #content ul#maincolumns li#news ul li a:visited { color:#3590c5; } #page #content ul#maincolumns li#news ul li a:hover { color:#ffffff; } #page #content ul#maincolumns li#news ul li a:active { color:#3590c5; } #page #content ul#maincolumns li#news ul li a.subtitle:link { color:#ffffff; } #page #content ul#maincolumns li#news ul li a.subtitle:visited { color:#ffffff; } #page #content ul#maincolumns li#news ul li a.subtitle:hover { color:#bbbbbb; } #page #content ul#maincolumns li#news ul li a.subtitle:active { color:#ffffff; } #page #content ul#maincolumns li#news ul li ul { position:relative; } #page #content ul#maincolumns li#news ul li ul li a .readmore { padding-right:10px; color:#3590c5; font-size:9px; text-transform:uppercase; background-image:url(http://www.mpmoil.nl/images/icon.arrow.5x6.3590c5.right.gif); background-position:right 3px; background-repeat:no-repeat; } #page #content ul#maincolumns li#news ul li ul li a:hover .readmore { color:#ffffff; background-image:url(http://www.mpmoil.nl/images/icon.arrow.5x6.white.right.gif); } #page #content ul#maincolumns li#news ul#newsitems { } #page #content ul#maincolumns li#news ul#newsitems li ul { padding:0; *height:230px; background-image:url(http://www.mpmoil.nl/images/bg.home.block.png); background-position:center top; background-repeat:no-repeat; } #page #content ul#maincolumns li#news ul#newsitems li ul li { float:left; display:block; width:304px; margin:20px 0 0 0; padding-bottom:10px; overflow:hidden; } #page #content ul#maincolumns li#news ul#newsitems li ul li .bg { z-index:-1; *display:none; } #page #content ul#maincolumns li#news ul#newsitems li ul li a { position:relative; display:block; width:304px; height:200px; margin:0 0 4px 4px; background-position:50% 50%; background-repeat:no-repeat; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; overflow:hidden; } #page #content ul#maincolumns li#news ul#newsitems li ul li a .subject { position:absolute; display:block; width:264px; bottom:10px; left:10px; padding:10px; background-color:#000000; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } #page #content ul#maincolumns li#news ul#newsitems li ul li a .subject .arrow { position:absolute; display:block; width:21px; height:11px; top:-11px; left:50%; margin-left:-10px; background-image:url(http://www.mpmoil.nl/images/icon.arrow.21x11.black.up.gif); background-repeat:no-repeat; } #page #content ul#maincolumns li#news ul#newsitems li ul li a .subject .title { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; } #page #content ul#maincolumns li#news ul#newsitems li ul li a .subject .text { margin:5px 0 0 0; color:#b0b0b0; font-size:12px; } #page #content ul#maincolumns li#news ul#newsitems li ul li a:hover .subject .text { color:#d0d0d0; } #page #content ul#maincolumns li#news ul#newsitems li ul li a .subject .text .date { margin:5px 0 0 0; font-weight:bold; color:#b0b0b0; } #page #content ul#maincolumns li#news ul#newsitems li ul li a:hover .subject .text .date { color:#d0d0d0; } #page #content ul#maincolumns li#news ul#newsitems li ul li a .subject .text .date .no { font-size:9px; text-transform:uppercase; } #page #content ul#maincolumns li#news ul#sports { } #page #content ul#maincolumns li#news ul#sports li ul { } #page #content ul#maincolumns li#news ul#sports li ul li { float:left; display:block; width:310px; margin:20px 0 10px 4px; padding-bottom:10px; overflow:hidden; } #page #content ul#maincolumns li#news ul#sports li ul li .bg { z-index:-1; *display:none; } #page #content ul#maincolumns li#news ul#sports li ul li a { position:relative; display:block; width:290px; margin:0 0 4px 0; padding:10px 10px 0 10px; overflow:hidden; } #page #content ul#maincolumns li#news ul#sports li ul li a .title { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; } #page #content ul#maincolumns li#news ul#sports li ul li a .text { margin:5px 0 0 0; color:#b0b0b0; font-size:12px; } #page #content ul#maincolumns li#news ul#sports li ul li a:hover .text { color:#d0d0d0; } #page #content ul#maincolumns li#news ul#sports li ul li .thumbs { position:relative; display:block; margin-left:10px; margin-top:5px; } #page #content ul#maincolumns li#news ul#sports li ul li .thumbs a.gallery { position:static; float:left; width:54px; height:54px; margin:0 5px 0 0; padding:0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } #page #content ul#maincolumns li#news ul#sports li ul li .thumbs a.gallery:last-child { margin-right:0; } #page #content ul#maincolumns li#news ul#sports li ul li .thumbs a.gallery img { position:static; } #page #content ul#maincolumns li#news ul#newsletter { } #page #content ul#maincolumns li#news ul#newsletter li ul { } #page #content ul#maincolumns li#news ul#newsletter li ul li { padding:20px 10px 15px 20px; text-align:center; } #page #content ul#maincolumns li#news ul#newsletter li ul li .bg { z-index:-1; } #page #content ul#maincolumns li#news ul#newsletter li ul li form .text, #page #content ul#maincolumns li#news ul#newsletter li ul li form .input { position:relative; display:block; } #page #content ul#maincolumns li#news ul#newsletter li ul li form .text { margin:0 0 0 0; } #page #content ul#maincolumns li#news ul#newsletter li ul li form .checkboxes { margin:10px 0 0 0; font-size:12px; color:#3590c5; } #page #content ul#maincolumns li#news ul#newsletter li ul li form .checkboxes input[type=checkbox] { width:16px; height:16px; margin-left:20px; color:#3590c5; background-color:transparent; border:1px solid #3590c5; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } #page #content ul#maincolumns li#news ul#newsletter li ul li form .checkboxes input[type=checkbox]:first-child { margin-left:0; } #page #content ul#maincolumns li#news ul#newsletter li ul li form .input { position:relative; display:block; width:244px; height:25px; margin:10px auto 0 auto; background-image:url(http://www.mpmoil.nl/images/form.home.newsletter.input.png); background-position:0 0; background-repeat:no-repeat; } #page #content ul#maincolumns li#news ul#newsletter li ul li form .input input[type=text] { position:absolute; display:block; width:222px; top:4px; left:3px; background-color:transparent; font-size:12px; border:0; text-align:center; } #page #content ul#maincolumns li#news ul#newsletter li ul li form .input input[type=image] { position:absolute; display:block; width:24px height:25px; top:0; left:230px; background-image:url(http://www.mpmoil.nl/images/form.submit.small.png); background-position:0 0; background-repeat:no-repeat; } #page #content ul#maincolumns li#news ul#newsletter li ul li form .input input[type=image]:hover { background-position:0 -25px; }