/* html5doctor.com Reset Stylesheet v1.5 Last Updated: 2010-08-12 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; } body { line-height:1; } article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } input:focus{ border: 0; border-color: transparent; } /* EINDE RESET */ /* WEBFONTS */ /* Helvetica lookalike MgOpenModerna */ @font-face { font-family: 'MgOpenModernaBold'; src: url('../fonts/mgopenmodernabold-webfont.eot'); src: url('../fonts/mgopenmodernabold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/mgopenmodernabold-webfont.woff') format('woff'), url('../fonts/mgopenmodernabold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MgOpenModernaBoldOblique'; src: url('../fonts/mgopenmodernaboldoblique-webfont.eot'); src: url('../fonts/mgopenmodernaboldoblique-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/mgopenmodernaboldoblique-webfont.woff') format('woff'), url('../fonts/mgopenmodernaboldoblique-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MgOpenModernaOblique'; src: url('../fonts/mgopenmodernaoblique-webfont.eot'); src: url('../fonts/mgopenmodernaoblique-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/mgopenmodernaoblique-webfont.woff') format('woff'), url('../fonts/mgopenmodernaoblique-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MgOpenModernaRegular'; src: url('../fonts/mgopenmodernaregular-webfont.eot'); src: url('../fonts/mgopenmodernaregular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/mgopenmodernaregular-webfont.woff') format('woff'), url('../fonts/mgopenmodernaregular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* Helvetica webfont */ @font-face { font-family: 'HelveticaNeueLtProRoman'; src: url('../fonts/helveticaneueltpro-roman.eot'); src: url('../fonts/helveticaneueltpro-roman.eot?#iefix') format('embedded-opentype'), url('../fonts/helveticaneueltpro-roman.woff') format('woff'), url('../fonts/helveticaneueltpro-roman.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLtProMedium'; src: url('../fonts/helveticaneueltpro-md.eot'); src: url('../fonts/helveticaneueltpro-md.eot?#iefix') format('embedded-opentype'), url('../fonts/helveticaneueltpro-md.woff') format('woff'), url('../fonts/helveticaneueltpro-md.ttf') format('truetype'); font-weight: normal; font-style: normal; } .clear{ clear: both; } .button.grey{ /* Gradient */ background: #585858; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU4NTg1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDQwNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #585858 0%, #404040 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#585858), color-stop(100%,#404040)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #585858 0%,#404040 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #585858 0%,#404040 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #585858 0%,#404040 100%); /* IE10+ */ background: linear-gradient(top, #585858 0%,#404040 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#404040',GradientType=0 ); /* IE6-8 */ /* Schaduw */ -webkit-box-shadow: 1px 1px 3px 0px #dadada; -moz-box-shadow: 1px 1px 3px 0px #dadada; box-shadow: 1px 1px 3px 0px #dadada; color: white; } .button.grey:hover{ /* Gradient */ background: #6d6d6d; background: #6d6d6d; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iIzZkNmQ2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDQwNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #6d6d6d 2%, #404040 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#6d6d6d), color-stop(100%,#404040)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6d6d6d 2%,#404040 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #6d6d6d 2%,#404040 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #6d6d6d 2%,#404040 100%); /* IE10+ */ background: linear-gradient(top, #6d6d6d 2%,#404040 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#404040',GradientType=0 ); /* IE6-8 */ color: white; } .button.grey:active{ /* Gradient */ background: #404040; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ODU4NTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #404040 0%, #585858 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#585858)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #404040 0%,#585858 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #404040 0%,#585858 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #404040 0%,#585858 100%); /* IE10+ */ background: linear-gradient(top, #404040 0%,#585858 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#585858',GradientType=0 ); /* IE6-8 */ color: white; } .button.disabled{ /* Gradient */ background: #ededed; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU4NTg1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDQwNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ededed 0%, #e4e4e4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ededed 0%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ededed 0%,#e4e4e4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ededed 0%,#e4e4e4 100%); /* IE10+ */ background: linear-gradient(top, #ededed 0%,#e4e4e4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-8 */ /* Schaduw */ -webkit-box-shadow: 1px 1px 3px 0px #dadada; -moz-box-shadow: 1px 1px 3px 0px #dadada; box-shadow: 1px 1px 3px 0px #dadada; color: black; } .button.disabled:hover{} .button.disabled:active{} .button.orange{ /* Gradient */ background: #e77149; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3NzE0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZDUzMzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e77149 0%, #dd5335 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e77149), color-stop(100%,#dd5335)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e77149 0%,#dd5335 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e77149 0%,#dd5335 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e77149 0%,#dd5335 100%); /* IE10+ */ background: linear-gradient(top, #e77149 0%,#dd5335 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e77149', endColorstr='#dd5335',GradientType=0 ); /* IE6-8 */ /* Schaduw */ -webkit-box-shadow: 1px 1px 3px 0px #dadada; -moz-box-shadow: 1px 1px 3px 0px #dadada; box-shadow: 1px 1px 3px 0px #dadada; } .button.orange:hover{ /* Gradient */ background: #f7794e; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3Nzk0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZDUzMzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f7794e 0%, #dd5335 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7794e), color-stop(100%,#dd5335)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f7794e 0%,#dd5335 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f7794e 0%,#dd5335 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f7794e 0%,#dd5335 100%); /* IE10+ */ background: linear-gradient(top, #f7794e 0%,#dd5335 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7794e', endColorstr='#dd5335',GradientType=0 ); /* IE6-8 */ } .button.orange:active{ /* Gradient */ background: #dd5335; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkNTMzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNzcxNDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dd5335 0%, #e77149 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd5335), color-stop(100%,#e77149)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dd5335 0%,#e77149 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dd5335 0%,#e77149 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dd5335 0%,#e77149 100%); /* IE10+ */ background: linear-gradient(top, #dd5335 0%,#e77149 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd5335', endColorstr='#e77149',GradientType=0 ); /* IE6-8 */ } .button.yellow{ /* Gradient */ background: #f9ea81; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3NzE0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZDUzMzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f9ea81 0%, #f6de5a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9ea81), color-stop(100%,#f6de5a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f9ea81 0%,#f6de5a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f9ea81 0%,#f6de5a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f9ea81 0%,#f6de5a 100%); /* IE10+ */ background: linear-gradient(top, #f9ea81 0%,#f6de5a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ea81', endColorstr='#f6de5a',GradientType=0 ); /* IE6-8 */ /* Schaduw */ -webkit-box-shadow: 1px 1px 3px 0px #dadada; -moz-box-shadow: 1px 1px 3px 0px #dadada; box-shadow: 1px 1px 3px 0px #dadada; } .button.yellow:hover{ /* Gradient */ background: #fff39d; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3NzE0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZDUzMzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fff39d 0%, #f6de5a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff39d), color-stop(100%,#f6de5a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff39d 0%,#f6de5a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff39d 0%,#f6de5a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff39d 0%,#f6de5a 100%); /* IE10+ */ background: linear-gradient(top, #fff39d 0%,#f6de5a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff39d', endColorstr='#f6de5a',GradientType=0 ); /* IE6-8 */ } .button.yellow:active{ /* Gradient */ background: #f6de5a; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkNTMzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNzcxNDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f6de5a 0%, #f9ea81 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6de5a), color-stop(100%,#f9ea81)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f6de5a 0%,#f9ea81 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f6de5a 0%,#f9ea81 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f6de5a 0%,#f9ea81 100%); /* IE10+ */ background: linear-gradient(top, #f6de5a 0%,#f9ea81 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6de5a', endColorstr='#f9ea81',GradientType=0 ); /* IE6-8 */ } .button.green{ /* Gradient */ background: #53B918; background: -moz-linear-gradient(top, #53B918 0%, #3EA113 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#53B918), color-stop(100%,#3EA113)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #53B918 0%,#3EA113 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #53B918 0%,#3EA113 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #53B918 0%,#3EA113 100%); /* IE10+ */ background: linear-gradient(top, #53B918 0%,#3EA113 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53B918', endColorstr='#3EA113',GradientType=0 ); /* IE6-8 */ /* Schaduw */ -webkit-box-shadow: 1px 1px 3px 0px #dadada; -moz-box-shadow: 1px 1px 3px 0px #dadada; box-shadow: 1px 1px 3px 0px #dadada; } .button.green:hover{ /* Gradient */ background: #3EA113; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3Nzk0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZDUzMzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #66d724 0%, #3EA113 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66d724), color-stop(100%,#3EA113)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #66d724 0%,#3EA113 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #66d724 0%,#3EA113 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #66d724 0%,#3EA113 100%); /* IE10+ */ background: linear-gradient(top, #66d724 0%,#3EA113 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66d724', endColorstr='#3EA113',GradientType=0 ); /* IE6-8 */ } .button.green:active{ /* Gradient */ background: #3EA113; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkNTMzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNzcxNDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #3EA113 0%, #53B918 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3EA113), color-stop(100%,#53B918)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3EA113 0%,#53B918 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3EA113 0%,#53B918 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3EA113 0%,#53B918 100%); /* IE10+ */ background: linear-gradient(top, #3EA113 0%,#53B918 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3EA113', endColorstr='#53B918',GradientType=0 ); /* IE6-8 */ } /* HEADER */ .header{ margin-bottom: 15px; position: relative; z-index: 900; } .header_topnav { padding: 6px 0 0 12px; font-family: Arial, sans-serif; font-size: 12px; line-height: 25px; color: #939393; float: left; } .header_topnav a{ text-decoration: none; color: #939393; } .header_topnav a:hover{ color: black; text-decoration: underline; } .header_topnav ul li.current{ font-weight: bold; } .header_topnav ul li:before{ content: "|"; position: relative; padding-right: 5px; } .header_topnav ul li:first-child:before{ content: ""; padding-right: 0; } .header_topnav ul li{ display: inline; } .header_languages{ text-align: right; padding: 8px 0 0 0; float: right; } .header_languages a{ text-decoration: none; margin-left: 3px; } .header_social { float: right; margin-right: 23px; padding: 10px 0 0 0; line-height: 25px; } .header_social a { display: block; float: left; margin-right: 10px; } .header_social .facebook { background: url('../images/socialmedia_icons.png') no-repeat 0 -25px; width: 16px; height: 16px; } .header_social .twitter { background: url('../images/socialmedia_icons.png') no-repeat 0 0; width: 16px; height: 16px; } .header_social .google { background: url('../images/socialmedia_icons.png') no-repeat 0 -75px; width: 16px; height: 16px; } .header_social .pinterest { background: url('../images/socialmedia_icons.png') no-repeat 0 -50px; width: 16px; height: 16px; } .header_social .instagram { background: url('../images/socialmedia_icons.png') no-repeat 0 -100px; width: 16px; height: 16px; } .header_search{ padding: 8px 0 0 12px; } .header_search input[type=text]{ width: 400px; border: 1px solid #eaeaea; padding: 3px 5px; color: #9697a0; } .header_search input[type=submit]{ background: url("../images/sprite.png") 0 -437px no-repeat; border: 1px solid #eaeaea; text-indent: -999px; width: 50px; height: 25px; cursor: pointer; outline: none; } .header_search input[type=submit].en{ background: url("../images/sprite.png") -65px -437px no-repeat; } .header_account{ font-family: Arial,sans-serif; font-size: 12px; padding: 12px 0 0 12px; float: right; text-align: right; margin-right: 10px; } .header_account ul li:before{ content: "|"; position: relative; padding-right: 5px; color: #939393; } .header_account ul li.first:before{ content: ""; padding-right: 0; } .header_account ul{ list-style: none; color: #939393; } .header_account ul li{ display: inline; } .header_account ul li a{ text-decoration: underline; color: #939393; } .header_account ul li a:hover{ color: black; text-decoration: underline; } .header_cart{ font-family: Arial, sans-serif; font-size: 12px; padding: 15px 0 0 0; text-align: right; clear: both; } .header_cart .cart_text{ background: url("../images/sprite.png") 0 -26px no-repeat; padding: 5px 0 0 30px; font-weight: bold; } .header_cart a{ color: #e36745; text-decoration: underline; margin-left: 15px; } .header_cart a:hover{ color: black; } .header_infobar{ background: #efefef url("../images/USP_top.png") 0 0 no-repeat; height: 30px; margin-top: 15px; } .header_infobar.en{ background: #efefef url("../images/USP_top_en.png") 0 0 no-repeat; } .header_infobar ul{ list-style: none; } .header_infobar ul li{ display: inline; } /* MEGA MENU */ .shop_nav{ padding: 10px 0 0 12px; font-size: 18px; font-family: Arial, sans-serif; font-weight: bold; position: relative; } .shop_nav > ul > li{ display: block; float: left; } .shop_nav > ul > li.first{ padding-left: 0; } .shop_nav > ul > li > a{ text-decoration: none; color: black; padding: 10px 6px; display: block; position: relative; } .shop_nav > ul > li:hover{ -webkit-box-shadow: 1px 1px 3px 1px #afafaf; -moz-box-shadow: 1px 1px 3px 1px #afafaf; box-shadow: 1px 1px 3px 1px #afafaf; } .shop_nav > ul > li:hover > a:after{ z-index: 9999; position: absolute; top: 35px; left: 0px; bottom: 0px; right: 0px; height: 10px; content:" "; background: white; cursor: pointer; } .shop_nav > ul > li:hover .megamenu{ display: block; } /* SALE KNOP */ .shop_nav > ul > li.sale{ float: right; } .shop_nav > ul > li.sale > a{ font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 18px; color: white; background: #e36745; padding: 3px 5px; margin-top: 8px; } .shop_nav > ul > li.sale:hover > a{ background: white; color: #e36745; border: 1px solid #e36745; } .shop_nav > ul > li.sale:hover{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* -- */ .shop_nav .megamenu{ display: none; position: absolute; top: 50px; background: white; padding: 15px; z-index: 10002; font-size: 12px; min-width: 608px; -webkit-box-shadow: 1px 1px 3px 1px #afafaf; -moz-box-shadow: 1px 1px 3px 1px #afafaf; box-shadow: 1px 1px 3px 1px #afafaf; } .shop_nav .megamenu.right{ right: 4px; left: initial; } .shop_nav .megamenu h3{ font-family: Arial, sans-serif; font-size: 14px; margin-bottom: 10px; font-weight: bold; } .shop_nav .megamenu ul{ line-height: 20px; } .shop_nav .megamenu ul li a{ text-decoration: none; color: black; font-weight: normal; } .shop_nav .megamenu ul li a:hover{ text-decoration: underline; } .shop_nav .megamenu .menu_col{ float: left; width: 130px; border-left: 1px solid #efefef; padding-left: 15px; } .shop_nav .megamenu .menu_col.first{ border-left: none; padding-left: 0; } .shop_nav .megamenu .menu_col.last{ width: 120px; } .shop_nav .megamenu .menu_banner{ background: #efefef; margin-top: 10px; display: block; position: relative; text-decoration: none; } .shop_nav .megamenu .menu_banner:hover .banner_link{ text-decoration: underline; } .shop_nav .megamenu .menu_banner .banner_link{ position: absolute; bottom: 10px; right: 10px; font-family: Arial, sans-serif; font-size: 12px; color: black; background: url(../images/sprite.png) -7px -87px no-repeat; padding-left: 15px; z-index: 5; } .submenu .megamenu .submenu-container{display:block; overflow:auto;} .submenu .megamenu .submenu-banner{display:block; overflow:auto; height: 135px; width: 608px;} /* FOOTER */ .footer{ padding: 20px 0; font-family: Arial, sans-serif; font-size: 12px; line-height: 20px; border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF; margin-bottom: 30px; } .footer h3{ color: black; margin-bottom: 15px; } .footer p{ margin-bottom: 10px; color: #444444; } .footer ul{ list-style: none; float: left; width: 115px; } .footer ul li a{ text-decoration: none; color: #444444; display: block; } .footer ul li a:hover{ text-decoration: underline; color: #444444; } /* ALGEMEEN */ .inner{ padding: 20px; overflow: hidden; } .main{ position: relative; } .main_breadcrumbs{ font-family: Arial, sans-serif; font-size: 12px; color: #727171; padding-bottom: 15px; } .main_breadcrumbs.detail{ padding-top: 9px; } .main_breadcrumbs span{ font-weight: bold; margin-right: 5px; } .main_breadcrumbs ul{ list-style: none; display: inline; } .main_breadcrumbs ul li{ display: inline; } .main_breadcrumbs ul li+li:before{ content: '> '; } .main_breadcrumbs ul li.current a{ font-weight: bold; color: #363636; } .main_breadcrumbs a{ text-decoration: none; color: #727171; } .main_breadcrumbs a:hover{ text-decoration: underline; } /* HOMEPAGE */ .main_slider{ background: #f0f0f0; height: 390px; } .main_slider ul{ list-style: none; float: left; width: 150px; font-family: Arial, sans-serif; font-size: 12px; line-height: 20px; } .main_slider ul li{ padding-left: 20px; background: url(../images/sprite.png) -7px -85px no-repeat; } .main_slider ul li a{ text-decoration: underline; color: black; } .main_slider ul li a:hover{ color: #E36745; } .main_product_tiles{ margin-top: 15px; overflow: hidden; } .main_product_tiles .tile{ display: block; height: 275px; background: #efefef; text-decoration: none; position: relative; } .main_product_tiles .tile:hover .tile_link{ text-decoration: underline; } .main_product_tiles .tile .overlay{ /*background: url("../images/overlay.png") repeat;*/ position: absolute; top: 0; left: 0; height: 275px; width: 310px; z-index: 200; } .main_product_tiles .tile img{ position: absolute; z-index: 1; top: 0; left: 0; } .main_product_tiles .tile h3{ position: absolute; z-index: 100; font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 32px; color: black; letter-spacing: 3px; top: 10px; left: 10px; width: 180px; } .main_product_tiles .tile .tile_price{ position: absolute; z-index: 100; top: 15px; right: 40px; font-family: 'MgOpenModernaRegular'; font-weight: normal; text-transform: uppercase; font-size: 18px; color: black; } .main_product_tiles .tile .tile_link{ position: relative; z-index: 100; top: 250px; left: 10px; font-family: Arial, sans-serif; font-size: 12px; color: black; background: url(../images/sprite.png) -7px -87px no-repeat; padding-left: 15px; } .main_product_tiles .tile .icon_plus{ background: url('../images/sprite.png') no-repeat -1px -1px; width: 22px; height: 22px; display: block; position: absolute; top: 10px; right: 10px; z-index: 5; } .main_interactive_map{ height: 270px; margin-top: 15px; position: relative; overflow: hidden; text-decoration: none; } .main_interactive_map > img{ position: absolute; z-index: 1; top: 0; left: 0; } .map_text{ position: relative; z-index: 100; top: 170px; margin: 0 auto; width: 500px; text-align: center; color: #181818; font-family: Arial, sans-serif; font-size: 12px; } .map_text p{ clear: both; line-height: 20px; } .main_selectedproducts{ margin-top: 15px; } .main_selectedproducts h3{ font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 32px; color: black; margin-bottom: 15px; } .main_selectedproducts .products{ background: #efefef; padding: 15px; } .main_selectedproducts .shop_tile_small{ width: 176px!important; height: 215px; margin-bottom: 0; } .main_newsletter{ height: 270px; margin-top: 15px; position: relative; } .main_newsletter > img{ position: absolute; z-index: 1; top: 0; left: 0; } .newsletter_text{ position: absolute; z-index: 100; top: 155px; margin: 0 150px; text-align: center; color: #181818; font-family: Arial, sans-serif; font-size: 12px; } .newsletter_text p{ clear: both; margin-bottom: 10px; } .newsletter_text form{ outline: none; } .newsletter_text input[type=text], .newsletter_text input[type=text].placeholder.error{ border-left: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; border-right: none; padding: 10px 10px; width: 370px; outline:none; color: #676767; } .newsletter_text input[type=text].error{ border-color: red; border-right: 1px solid red; } .newsletter_text input[type=submit]{ background: url("../images/newsletter_submit.png") 0 0 no-repeat; position: relative; text-indent: -999px; width: 185px; height: 38px; border-left: none; border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0; margin: 0; padding: 0; cursor: pointer; margin-left: -3px; outline: none; } .newsletter_text input[type=submit].en{ background: url("../images/newsletter_submit_en.png") 0 0 no-repeat; } .main_info_tiles{ margin-top: 15px; float: left; } .main_info_tiles .tile{ background: #F0F0F0; height: 235px; font-family: Arial, sans-serif; font-size: 12px; position: relative; } .main_info_tiles .tile h1{ margin: 20px; font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 26px; color: black; } .main_info_tiles .tile h3{ margin: 20px; font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 26px; color: black; } .main_info_tiles .tile p{ margin: 10px 20px; line-height: 20px; } .main_info_tiles .tile a{ text-decoration: none; color: black; position: absolute; left: 20px; top: 195px; font-size: 14px; height: 25px; padding: 6px 0 0 0; } .main_info_tiles .tile a:hover{ text-decoration: underline; } .main_info_tiles .tile .icon{ background: url("../images/sprite.png") 0 0 no-repeat; width: 28px; height: 25px; display: inline-block; vertical-align: middle; } .main_brands{ float: left; border-top: 1px solid #EFEFEF; margin-top: 20px; padding: 20px 0; } .main_brands h3{ font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 24px; padding-top: 13px; } .main_brands ul{ list-style: none; } .main_brands ul li{ float: left; margin-left: 40px; } .main_brands ul li.first{ margin-left: 0; } .main_brands a{ margin-top: 10px; float: left; } /* WEBSHOP OVERZICHT */ .shop{ position: relative; } .shop_usedinfo{ background:#00B7ED url('../images/used-banner.jpg') no-repeat; margin-bottom: 15px; position: relative; min-height:81px; } .shop_usedinfo h1{ font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 28px; color: black; margin-left: 80px; } .shop_usedinfo h3{ font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 28px; color: white; margin-bottom: 10px; } .shop_usedinfo a.more_about{ position: absolute; bottom: 10px; right: 20px; text-decoration: none; color: black; font-size: 12px; font-weight: bold; } .shop_usedinfo a.more_about:hover{ text-decoration: underline; } .shop_used_account{ background: url('../images/used-banner-bottom.jpg') no-repeat; margin-bottom: 15px; position: relative; min-height:161px; } .shop_catinfo{ background: #efefef; margin-bottom: 15px; } .shop_catinfo h1{ font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 28px; color: black; } .shop_catinfo p.first{ margin-left: 0; } .shop_catinfo p{ font-family: Arial, sans-serif; font-size: 12px; line-height: 20px; margin-top: 10px; margin-left: 15px; width: 345px; float: left; } .shop_pagination{ font-family: Arial, sans-serif; font-size: 12px; text-align: right; margin: 0 0 30px 0; } .shop_pagination a{ text-decoration: none; color: black; } .shop_pagination a:hover{ text-decoration: underline; } .shop_pagination a.active{ font-weight: bold; } .shop_pagination a.view_max{ padding-left: 15px; background: url("../images/sprite.png") -7px -88px no-repeat;; } .shop_pagination ul{ list-style: none; display: inline; margin-left: 10px; } .shop_pagination ul li{ display: inline; } .shop_pagination ul li+li:before{ content: " | "; } .shop_pagination ul li.previous a{ background: url("../images/sprite.png") 0 -179px no-repeat; padding: 5px 0 5px 25px; } .shop_pagination ul li.next a{ background: url("../images/sprite.png") 55px -155px no-repeat; padding: 5px 25px 5px 0; } .shop_pagination.bottom{ padding: 30px 0; } .shop_goback{ font-family: Arial, sans-serif; font-size: 13px; } .shop_goback a{ text-decoration: none; padding: 8px 30px; color: white; float: left; } .shop_productnav{ font-family: Arial, sans-serif; font-size: 12px; text-align: right; background: #efefef; padding: 3px 10px; float: right; line-height: 20px; color: #454545; } .shop_productnav span{ padding-right: 40px; } .shop_productnav ul{ list-style: none; display: inline; font-size: 18px; } .shop_productnav ul li{ display: inline; } .shop_productnav ul li+li:before{ content: " | "; font-size: 16px; } .shop_productnav a{ text-decoration: none; color: black; } .webshop_filters{ font-family: Arial, sans-serif; font-size: 12px; line-height: 20px; width: 185px!important; margin-right: 10px; } .webshop_filters ul{ list-style: none; } .webshop_filters a{ color: black; text-decoration: none; } .webshop_filters h3{ /*font-family: 'MgOpenModernaBold';*/ font-family: Arial, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 14px; margin: 5px 0; padding: 0 10px; } .webshop_filters .expand_filter{ background: url("../images/sprite.png") 150px -113px no-repeat; display: block; } .filter_container{ border: 1px solid #EFEFEF; padding: 10px; overflow: auto; max-height: 108px; margin-bottom: 15px; } .filter_container a{ color: black; text-decoration: none; display: block; } .filter_container a:hover{ text-decoration: underline; } .filter_container a.clear_selection{ display: inline; float: right; } .filter_container a.checkbox{ background: url("../images/sprite.png") no-repeat -4px -286px; padding-left: 20px; } .filter_container a.checkbox_active{ background: url("../images/sprite.png") no-repeat -4px -524px; padding-left: 20px; font-weight: bold; } .filter_container a.info{ background: url("../images/arrow.png") right 4px no-repeat; } .filter_container.collectie{ background: #f2f2f2; border: 1px solid #EFEFEF; padding: 10px; } .color_boxes{} .color_boxes li{ float: left; padding-right: 5px; display: inline-block; } .color_boxes a{ width: 16px; height: 16px; display: block; text-indent: -4000px; margin-bottom: 8px; } .sizes{ float: left; } .moreless a{ color: black; } .moreless_less{ display: none; } .product_overview{ /* width: 730px!important; padding-left: 20px;*/ float: right; } .product_overview .shop_tile{ width: 180px; min-height: 255px; } .shop_displaytype{ list-style: none; padding: 13px 0; overflow: hidden; } .shop_displaytype ul{ list-style: none; } .shop_displaytype li{ float: left; margin-right: 5px; } .shop_displaytype li a{ width: 15px; height: 13px; display: block; } .shop_displaytype .type_grid{ background: url('../images/sprite.png') no-repeat -25px -210px; } .shop_displaytype .type_grid:hover, .shop_displaytype .type_grid.active{ background: url('../images/sprite.png') no-repeat -4px -210px; } .shop_displaytype .type_list{ background: url('../images/sprite.png') no-repeat -25px -230px; } .shop_displaytype .type_list:hover, .shop_displaytype .type_list.active{ background: url('../images/sprite.png') no-repeat -4px -230px; } .shop_displaytype .type_collage{ background: url('../images/sprite.png') no-repeat -25px -269px; } .shop_displaytype .type_collage:hover, .shop_displaytype .type_collage.active{ background: url('../images/sprite.png') no-repeat -4px -269px; } .shop_displaytype .type_panorama{ background: url('../images/sprite.png') no-repeat -25px -249px; } .shop_displaytype .type_panorama:hover, .shop_displaytype .type_panorama.active{ background: url('../images/sprite.png') no-repeat -4px -249px; } /* PRODUCT IN TEGELWEERGAVE */ .shop_tile{ position:relative; margin-bottom: 15px; font-family: Arial, sans-serif; font-size: 12px; line-height: 20px; } .shop_tile:hover .tile_active{ display: block; } .shop_tile:hover .tile_default{ display: none; } .shop_tile.alpha { clear: both; } .shop_tile .tile_default{ display: block; position: relative; z-index: 1; } .shop_tile .tile_active{ display: none; position: absolute; z-index: 3; top: 0; left: 0; -webkit-box-shadow: 1px 2px 3px 1px #dadada; -moz-box-shadow: 1px 2px 3px 1px #dadada; box-shadow: 1px 2px 3px 1px #dadada; } .shop_tile a{ text-decoration: none; color: black; } .shop_tile a:hover{} .shop_tile img{} .shop_tile h4{ display: block; text-align: center; font-size: 12px; } .shop_tile .tile_prices{ display: block; text-align: center; } .shop_tile .tile_price_old{ text-decoration: line-through; color: #838383; } .shop_tile .tile_price{ font-weight: bold; } .shop_tile .tile_sizes{ background: #f2f2f2; display: block; text-align: center; padding: 5px; } .shop_tile .tile_sizes{ color: #838383; font-family: Arial, sans-serif; font-size: 12px; } .shop_tile .tile_sizes ul{ list-style: none; } .shop_tile .tile_sizes ul li{ display: inline; } /*.shop_tile .tile_sizes ul li+li:before{ content:','; }*/ .shop_tile .tile_sizes span{} .shop_tile .icon_plus{ background: url('../images/sprite.png') no-repeat -29px -2px; width: 22px; height: 22px; display: block; position: absolute; top: 10px; right: 10px; } /* EINDE PRODUCT IN TEGELWEERGAVE */ /* USED PRODUCT IN TEGELWEERGAVE 2.0 (FIXED) TEGEL */ .shop_tile.used{ position:relative; margin-bottom: 15px; font-family: Arial, sans-serif; font-size: 12px; line-height: 20px; } .shop_tile.used .tile_default .hover{ display: none; } .shop_tile.used .tile_default:hover .hover{ display: block; } .shop_tile.used.alpha { clear: both; } .shop_tile.used .tile_default{ display: block; position: relative; z-index: 1; } .shop_tile.used .tile_default:hover{ position: absolute; z-index: 3; top: 0; left: 0; width: 180px; -webkit-box-shadow: 1px 2px 3px 1px #dadada; -moz-box-shadow: 1px 2px 3px 1px #dadada; box-shadow: 1px 2px 3px 1px #dadada; } .shop_tile.used a{ text-decoration: none; color: black; } .shop_tile.used img{} .shop_tile.used h4{ display: block; text-align: center; font-size: 12px; } .shop_tile.used .tile_prices{ display: block; text-align: center; } .shop_tile.used .tile_rating{ text-align: center; } .shop_tile.used .tile_rating .star.active{ background: url('../images/rating_stars.png') 0 0 no-repeat; } .shop_tile.used .tile_rating .star{ width: 12px; height: 15px; display: inline-block; background: url('../images/rating_stars.png') 0 -15px no-repeat; } .shop_tile.used .tile_price_old{ text-decoration: line-through; color: #838383; } .shop_tile.used .tile_price{ font-weight: bold; } .shop_tile.used .tile_sizes{ background: #f2f2f2; display: block; text-align: center; padding: 5px; } .shop_tile.used .tile_sizes{ color: #838383; font-family: Arial, sans-serif; font-size: 12px; } .shop_tile.used .tile_sizes ul{ list-style: none; } .shop_tile.used .tile_sizes ul li{ display: inline; } .shop_tile.used .tile_sizes span{} .shop_tile.used .icon_plus{ background: url('../images/sprite.png') no-repeat -29px -2px; width: 22px; height: 22px; display: block; position: absolute; top: 10px; right: 10px; } /* EINDE SHOP USED TEGEL */ /* BRAND LIJST */ .main_brandlist{} .main_brandlist h1{ font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 32px; color: black; } .main_brandlist .brandlist_title{ background: #efefef; margin-bottom: 15px; } .main_brandlist .brandlist_text{ background: #efefef; color: black; font-family: Arial, sans-serif; font-size: 12px; line-height: 20px; min-height: 104px; margin-bottom: 15px; } .main_brandlist .brandlist_category{ background: #efefef; clear: both; display: block; height: 275px; text-decoration: none; position: relative; margin-bottom: 15px; } .main_brandlist .brandlist_category:hover .tile_link{ text-decoration: underline; } .main_brandlist .brandlist_category .overlay{ /*background: url("../images/overlay.png") repeat;*/ position: absolute; top: 0; left: 0; height: 275px; width: 310px; z-index: 200; cursor: pointer; } .main_brandlist .brandlist_category img{ position: absolute; z-index: 1; top: 0; left: 0; } .main_brandlist .brandlist_category h3{ position: absolute; z-index: 100; font-family: 'MgOpenModernaRegular'; font-weight: normal; text-transform: uppercase; font-size: 32px; color: black; top: 15px; left: 15px; width: 180px; } .main_brandlist .brandlist_category .tile_price{ position: absolute; z-index: 100; top: 15px; right: 40px; font-family: 'MgOpenModernaRegular'; font-weight: normal; text-transform: uppercase; font-size: 18px; color: black; } .main_brandlist .brandlist_category .tile_link{ position: relative; z-index: 100; top: 250px; left: 15px; font-family: Arial, sans-serif; font-size: 12px; color: black; background: url(../images/sprite.png) -7px -87px no-repeat; padding-left: 15px; } .main_brandlist .brandlist_category .icon_plus{ background: url('../images/sprite.png') no-repeat -1px -1px; width: 22px; height: 22px; display: block; position: absolute; top: 15px; right: 15px; z-index: 5; } .main_brandlist .brandlist_brandbox{ background: #efefef; margin-bottom: 15px; min-height: 275px; } .main_brandlist .brandlist_brandbox a{ text-decoration: none; float: left; margin: 0 13px 13px 0; position: relative; } .main_brandlist .brandlist_brandbox .overlay{ position: absolute; top: 0; left: 0; width: 70px; height: 50px; background: url("../images/product_overlay_grey.png"); z-index: 5; } /* BRAND OVERVIEW (zelfde als categorie overview)*/ .brand_overview{ /* width: 730px!important; padding-left: 20px; */ } .brand_slider{ background: #f0f0f0; height: 390px; margin-bottom: 15px; } .brand_slider ul{ list-style: none; float: left; width: 150px; font-family: Arial, sans-serif; font-size: 12px; line-height: 20px; } .brand_slider ul li{ padding-left: 20px; /*background: url(../images/sprite.png) -7px -85px no-repeat;*/ } .brand_banner{ margin-bottom: 15px; } .brand_info{ margin-bottom: 15px; background: #efefef; } .brand_info h1{ font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 54px; color: black; margin-bottom: 10px; } .brand_info p.first{ margin-left: 0; } .brand_info p{ font-family: Arial, sans-serif; font-size: 12px; line-height: 20px; float: left; width: 340px; margin-left: 15px; } .brand_subcategories{ margin-bottom: 15px; font-family: Arial, sans-serif; font-size: 12px; } .brand_subcategories h2{ font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 32px; color: black; margin-bottom: 10px; } .brand_subcategories ul{ float: left; line-height: 20px; width: 215px; } .brand_subcategories ul li{ padding-left: 20px; background: url(../images/sprite.png) -7px -85px no-repeat; } .brand_subcategories ul li a{ text-decoration: none; color: black; } .brand_subcategories ul li a:hover{ text-decoration: underline; } .brand_featured{ margin-bottom: 15px; } .brand_featured .featured_tile.alpha{ margin-left: 0; } .brand_featured .featured_tile{ width: 240px; min-height: 219px; display: block; float: left; margin-left: 15px; position: relative; text-decoration: none; } .brand_featured .featured_tile:hover .tile_link{ text-decoration: underline; } .brand_featured .featured_tile h3{ position: absolute; z-index: 100; font-family: 'MgOpenModernaRegular'; font-weight: normal; text-transform: uppercase; font-size: 21px; color: black; letter-spacing: 2px; top: 10px; left: 10px; width: 180px; } .brand_featured .featured_tile .tile_price{ position: absolute; z-index: 100; top: 10px; right: 10px; font-family: 'MgOpenModernaRegular'; font-weight: normal; text-transform: uppercase; font-size: 12px; color: black; padding: 5px 28px 5px 0; background: url("../images/sprite.png") 36px 0px no-repeat; min-width: 30px; } .brand_featured .featured_tile .tile_link{ position: relative; z-index: 100; top: 190px; left: 15px; font-family: Arial, sans-serif; font-size: 12px; color: black; background: url(../images/sprite.png) -7px -87px no-repeat; padding-left: 15px; } .brand_featured .featured_tile img{ width: 240px; position: absolute; top: 0; left: 0; z-index: 0; } .brand_featured .featured_tile .tile_overlay{ position: absolute; top: 0; left: 0; width: 240px; height: 219px; background: url("../images/product_overlay_grey.png"); z-index: 5; cursor: pointer; } /* PRODUCT DETAIL */ .shop .column_left{ width: 335px!important; margin-right: 20px!important; } .product_detail{ margin-top: 15px; } .product_image_large{ background: #efefef; position: relative; display: none; position: relative; padding: 10px; } .product_image_large .overlay{ position: absolute; top: 10px; left: 10px; width: 305px; height: 432px; z-index: 5; background: url("../images/product_overlay_grey.png"); cursor: pointer; } .product_image_large .icon_plus{ background: url('../images/sprite.png') no-repeat 0 0; width: 22px; height: 22px; display: block; position: absolute; top: 10px; right: 10px; z-index: 100; } .product_image_large.visible{ display: block; } .product_image_thumbnails{ background: #efefef; padding: 10px; height: 42px; } .product_image_thumbnails a.active{ opacity: 1; } .product_image_thumbnails a{ margin-right: 5px; opacity: 0.5; text-decoration: none; position: relative; float: left; } .product_image_thumbnails a:hover{ opacity: 1; } .product_image_thumbnails a .overlay{ position: absolute; top: 0px; left: 0px; width: 40px; height: 40px; z-index: 5; background: url("../images/product_overlay_grey.png"); } .product_box { margin-bottom: 15px; overflow: hidden; } .product_box.used { min-height: 365px; } .product_box.used h3 { color: #FC0; font-family: Arial, sans-serif; font-weight: normal; font-size: 18px; text-transform: none; margin: 15px 0; } .product_box.used p { margin-bottom: 15px; } .product_box.used .socialmediabox { padding: 0; } .product_box .description{} .product_box.infobox.short{ min-height: 125px; overflow: hidden; } .product_box.tabsbox.short{ } .product_box #tabs { } .socialmediabox { padding: 5px 0 0 9px; height: 16px; } .shadow{ -webkit-box-shadow: 1px 1px 3px 1px #dadada; -moz-box-shadow: 1px 1px 3px 1px #dadada; box-shadow: 1px 1px 3px 1px #dadada; } .product_info{ font-family: Arial, sans-serif; } .product_info a{ color: #E36745; text-decoration: underline; font-size: 12px; } .product_info a:hover{ color: black; } .product_info h1{ font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 32px; color: black; margin-bottom: 10px; } .product_info h2{ font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 26px; color: black; margin-bottom: 10px; } .product_info h3{ font-family: Arial, sans-serif; font-size: 14px; text-transform: uppercase; color: black; margin-bottom: 10px; } .product_info p{ font-size: 12px; line-height: 20px; } .product_sizes { padding: 15px; } .product_sizes ul{ list-style: none; } .product_sizes ul li{ display: inline; } .product_sizes ul li a{ padding: 4px 5px; background: #e2613e; color: white; text-decoration: none; font-size: 12px; font-family: Arial, sans-serif; margin: 0 5px 5px 0; float: left } .product_sizes ul li a.active{ background: black; color: white; } .product_sizes ul li a:hover{ background: black; color: white; } .product_amount { padding: 15px; } .product_amount #amount{ font-size: 12px; } .product_prijs { padding: 15px; text-align: right; font-family: Arial, sans-serif; } .product_prijs .label_orange{ background: #e2613e; color: white; padding: 3px 5px; font-weight: bold; font-size: 16px; letter-spacing: 2px; margin-right: 15px; float: right; } .product_prijs .price{ font-size: 30px; float: right; line-height: 23px; } .product_prijs .price_from{ text-decoration: line-through; color: #787878; font-size: 14px; display: block; clear: both; } .product_kopen{ padding: 0 0 15px 15px; } .product_kopen input[type="submit"]{ border: none; outline: none; color: white; padding: 10px 30px; font-size: 21px; cursor: pointer; font-weight: bold; width: 175px; margin: 0; } .product_verzending{ background: #efefef; padding: 15px; height: 15px; margin-right: 15px; font-size: 12px; } .product_verzending .green{ color: green; font-weight: bold; } .product_box #tabs ul{ list-style: none; } .product_info #tabs ul.ui-tabs-nav{ list-style: none; border-bottom: 1px solid #efefef; display: block; height: 42px; } .product_box #tabs ul.ui-tabs-nav li{ float: left; height: 42px; } .product_box #tabs ul.ui-tabs-nav li a{ font-size: 12px; padding: 15px; background: white; float: left; font-family: Arial, sans-serif; font-size: 12px; text-decoration: none; color: black; } .product_box #tabs ul.ui-tabs-nav li.ui-state-active a{ font-size: 12px; padding: 11px 15px 17px 15px; border-top: 1px solid #efefef; border-left: 1px solid #efefef; border-right: 1px solid #efefef; background: white; position: relative; bottom: -3px; font-weight: bold; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; } .product_box .tabs_content{ padding: 10px; height: 140px; overflow: auto; margin: 0; } .product_box .tabs_content ul{ list-style: none; font-size: 12px; line-height: 20px; margin: 0; padding: 0; } .product_box .tabs_content ul li span{ font-weight: bold; min-width: 170px; display: inline-block; } /* #tabs .ui-tabs-nav li.ui-state-active a:before{ z-index: 110; position: absolute; left: 0px; bottom: -5px; right: 0px; height: 10px; background: #FFF; content:" "; } */ .product_box .ui-tabs-panel{ } .product_box .ui-tabs-hide{ display: none; } .product_extra{ margin-top: 15px; font-family: Arial, sans-serif; font-size: 12px; line-height: 20px; } .product_used{ margin-top: 15px; font-family: Arial, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 20px; } .used_products_info{ border-right: 1px solid #efefef; } .used_products_info h3{ color: #FC0; font-family: Arial, sans-serif; font-weight: normal; font-size: 18px; text-transform: none; margin: 0 0 15px 0; } .used_products_info .used_products_info_text{ width: 169px; float: left; margin-right: 20px; } .used_products_info .used_products_info_image{ width: 145px; float: left; } .about_seller{} .about_seller h3{ color: #525252; font-family: Arial, sans-serif; font-weight: normal; font-size: 18px; text-transform: none; margin: 0 0 15px 0; } .about_seller ul{ list-style: none; font-size: 14px; } .about_seller ul li{ line-height: 25px; } .about_seller ul li span{ margin-right: 5px; vertical-align: bottom; color: #a8a8a8; } .product_alsoavailable{} .product_alsoavailable a{ padding: 8px; text-decoration: none; float: left; position: relative; } .product_alsoavailable a:hover{ background: #efefef; } .product_alsoavailable a:hover .overlay{ display: block; } .product_alsoavailable .overlay{ display: none; position: absolute; top: 8px; left: 8px; width: 95px; height: 100px; background: url("../images/product_overlay_grey.png"); cursor: pointer; } .product_brandinfo{} .product_brandinfo a{ color: #E36745; text-decoration: underline; } .product_brandinfo a:hover{ color: black; text-decoration: underline; } /* PRODUCT DETAIL - RELATED TEGELS*/ .shop .more_collection, .shop .more_related{ margin-bottom: 20px; } .shop .more_collection .products{ background: #efefef; padding: 15px; } .more_collection .shop_tile_small{ width: 147px!important; height: 215px; } .more_related .shop_tile_small{ width: 190px!important; height: 215px; text-align: center; } .shop_tile_small{ position: relative; margin-bottom: 15px; position:relative; font-family: Arial, sans-serif; font-size: 12px; line-height: 20px; } .shop_tile_small:hover h4{ text-decoration: underline; } /* .shop_tile_small:hover{ background: #efefef; } .more_collection .shop_tile_small:hover h4:before{ content: ' '; position: absolute; z-index: 300; top: 0; left: 0; width: 160px; height: 146px; background: url("../images/product_overlay_grey.png"); } */ .shop_tile_small.alpha { clear: both; } .shop_tile_small .tile_default{ display: block; } .shop_tile_small a{ text-decoration: none; color: black; } .shop_tile_small h4{ display: block; text-align: center; font-size: 12px; } .shop_tile_small .tile_prices{ display: block; text-align: center; } .shop_tile_small .tile_price_old{ text-decoration: line-through; color: #838383; } .shop_tile_small .tile_price{ font-weight: bold; } .shop_tile_small .tile_sizes{ background: #f2f2f2; display: block; text-align: center; padding: 5px; } .shop_tile_small .tile_sizes{ color: #838383; font-family: Arial, sans-serif; font-size: 12px; } .shop_tile_small .tile_sizes ul{ list-style: none; } .shop_tile_small .tile_sizes ul li{ display: inline; } .shop_tile_small .tile_sizes ul li+li:before{ content:','; } .shop_tile_small .tile_sizes span{} .shop_tile_small .icon_plus{ background: url('../images/sprite.png') no-repeat -29px -2px; width: 22px; height: 22px; display: block; position: absolute; top: 10px; right: 10px; } .shop_tile_small .tile_overlay{ cursor: pointer; position: absolute; top: 0; left: 0; width: 160px; height: 146px; background: url("../images/product_overlay_grey.png"); } .shop .product_more{ margin: 30px 0; } .shop .product_more h3, .product_extra h3{ font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 21px; color: black; margin: 0 0 15px 0; } .shop .viewed_products{} .shop .viewed_products .tile{ width: 105px!important; } /* TEKSTPAGINA */ .main_header{ position: relative; height: 135px; margin-bottom: 10px; background: #efefef; overflow: hidden; } .main_header h1{ font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 45px; color: black; margin: 0 0 15px 0; z-index: 1; position: relative; } .main_header img{ position: absolute; top: 0; left: 0; } /* MAGAZINE PAGINA */ .magazine_signup form{ outline: none; } .magazine_signup input[type=text], .magazine_signup input[type=text].placeholder.error{ border-left: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; border-right: none; padding: 10px 10px; width: 370px; outline:none; color: #676767; } .magazine_signup input[type=text].error{ border-color: red; border-right: 1px solid red; } .magazine_signup input[type=submit]{ background: url("../images/newsletter_submit.png") 0 0 no-repeat; position: relative; text-indent: -999px; width: 185px; height: 38px; border-left: none; border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0; margin: 0; padding: 0; cursor: pointer; margin-left: -3px; outline: none; } .magazine_signup input[type=submit].en{ background: url("../images/newsletter_submit_en.png") 0 0 no-repeat; } /* MERK LANDING */ .main_text.large{ min-height: 1px; margin-bottom: 10px; } .brandlanding_tiles{ float: left; } .brandlanding_tile{ position: relative; height: 370px; margin-bottom: 10px; } .brandlanding_tile img{ position: absolute; z-index: 1; top: 0; left: 0; } .brandlanding_tile .title{ position: absolute; z-index: 100; top: 10px; left: 10px; } .brandlanding_tile h3{ font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 32px; color: black; letter-spacing: 3px; border-bottom: 2px solid #000000; line-height: 40px; } .brandlanding_tile h4{ font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 32px; color: black; letter-spacing: 3px; line-height: 45px; } .brandlanding_tile .tile_link{ position: absolute; z-index: 100; bottom: 15px; left: 15px; font-family: Arial, sans-serif; font-size: 12px; color: black; background: url(../images/sprite.png) -7px -87px no-repeat; padding-left: 15px; } .brandlanding_tile:hover .tile_link{ text-decoration: underline; } .brandlanding_tile .icon_plus{ background: url('../images/sprite.png') no-repeat -1px -1px; width: 22px; height: 22px; display: block; position: absolute; top: 10px; right: 10px; z-index: 5; } /* SERVICE PAGINA */ .main_text{ background: #efefef; margin-bottom: 15px; font-family: Arial, sans-serif; min-height: 325px; } .main_text h1{ font-family: 'MgOpenModernaRegular'; font-weight: normal; text-transform: uppercase; font-size: 32px; margin-bottom: 10px; } .main_text h2, .main_text h3, .main_text h4{ font-family: 'MgOpenModernaRegular'; font-weight: normal; margin-bottom: 10px; } .main_text h2{ font-size: 26px; text-transform: uppercase; } .main_text h3{ font-size: 18px; } .main_text h4{ font-size: 16px; } .main_text p{ line-height: 20px; font-size: 12px; margin-bottom: 10px; } .main_text a{ text-decoration: none; color: black; color: #E36745; } .main_text a.link{ text-decoration: none; color: black; font-size: 14px; margin: 10px 0 0 0; display: block; background: url("../images/sprite.png") 0 0 no-repeat; padding-left: 30px; line-height: 24px; } .main_text a:hover{ text-decoration: underline; } .main_text a .icon{ background: url("../images/sprite.png") 0 0 no-repeat; width: 28px; height: 25px; display: inline-block; vertical-align: middle; } .text_tiles{} .text_tiles .tile{ font-family: Arial, sans-serif; font-size: 12px; text-decoration: none; background: #efefef; margin-bottom: 10px; position: relative; color: black; height: 145px; } .text_tiles .tile.press{ height: 215px; } .text_tiles .tile h3{ font-family: 'MgOpenModernaRegular'; font-weight: normal; text-transform: uppercase; font-size: 24px; margin-bottom: 10px; position: relative; z-index: 1; } .text_tiles .tile p{ line-height: 20px; position: relative; z-index: 1; } .text_tiles .tile img{ position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; } .text_tiles .tile .icon_plus{ background: url('../images/sprite.png') no-repeat 0 -1px; width: 22px; height: 22px; display: block; position: absolute; top: 15px; right: 15px; z-index: 1; } .text_tiles .tile .tile_link{ position: relative; z-index: 5; font-family: Arial, sans-serif; font-size: 12px; color: black; background: url(../images/sprite.png) -7px -87px no-repeat; padding-left: 15px; margin-top: 15px; display: block; } .text_tiles .tile:hover .tile_link{ text-decoration: underline; } .text_footer{ margin-bottom: 15px; } /* CONTACT PAGINA */ .main_contact{ font-family: Arial, sans-serif; font-size: 12px; } .main_contact h3{ font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 28px; color: black; margin: 0 0 15px 0; } .main_contact ul{ list-style: none; } .contact_question{ background: #0a0a0a; color: white; display: block; margin-bottom: 15px; } .contact_question p{ line-height: 20px; } .contact_question h3{ color: white; } .contact_question ul{ float: left; width: 215px; line-height: 20px; font-size: 16px; } .contact_content{ background: #efefef; margin-bottom: 15px; } .contact_content ul{ float: left; width: 215px; line-height: 20px; font-size: 16px; margin-bottom: 15px; font-size: 12px; } .contact_content p{ line-height: 20px; } .contact_content a{ text-decoration: none; color: black; font-size: 14px; margin: 10px 0 0 0; display: block; } .contact_content a:hover{ text-decoration: underline; } .contact_content a.link{ color: black; font-size: 14px; margin: 10px 0 0 0; display: block; background: url("../images/sprite.png") 0 0 no-repeat; padding-left: 30px; line-height: 24px; } .contact_formbox{ background: #efefef; margin-bottom: 15px; font-family: Arial, sans-serif; font-size: 12px; min-height: 665px; } .contact_formbox h3{ font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 28px; color: black; margin: 0 0 15px 0; } .contact_formbox p{ line-height: 20px; } #contactform { margin-top: 20px; } #contactform label { display: inline-block; width: 100%; margin-bottom: 10px; font-size: 12px; } #contactform input[type="text"]{ width: 80%; border: 1px solid #D0D0D0; padding: 5px; margin-bottom: 10px; font-size: 12px; } #contactform input[type="text"].error{ border: 1px solid red; } #contactform textarea { width: 80%; border: 1px solid #D0D0D0; padding: 5px; margin-bottom: 10px; font-size: 12px; font-family: Arial,sans-serif; resize: none; } #contactform input[type="submit"] { color: white; padding: 7px 30px; font-size: 14px; font-family: Arial,sans-serif; border: none; cursor: pointer; -webkit-box-shadow: 1px 1px 3px 0px #efefef; -moz-box-shadow: 1px 1px 3px 0px #efefef; box-shadow: 1px 1px 3px 0px #efefef; } .contact_footer{ margin-bottom: 15px; } /* BLOG PAGINA */ .blog a{ color: #E36745; text-decoration: underline; } .blog a:hover{ color: black; } .blog .tile_default{ color: black; text-decoration: none; text-decoration: none; } .blog_nav{ background: #efefef; padding: 10px 0; margin-bottom: 10px; } .blog_nav .blog_previous{ padding: 10px 10px 10px 35px; font-size: 14px; font-family: Arial, sans-serif; text-decoration: none; color: black; float: left; margin-left: 10px; background: white url(../images/sprite.png) 5px -348px no-repeat; } .blog_nav .blog_previous:hover{ text-decoration: underline; } .blog_nav .blog_nav_next{ min-height: 10px; } .blog_nav .blog_nav_prev{ min-height: 10px;} .blog_nav .blog_next{ background: white; padding: 10px 35px 10px 10px; font-size: 14px; font-family: Arial, sans-serif; text-decoration: none; color: black; float: right; margin-right: 10px; background: white url(../images/sprite.png) 105px 5px no-repeat; } .blog_nav .blog_next:hover{ text-decoration: underline; } .blog_nav h1{ font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 28px; color: black; text-align: center; padding: 3px 0; } .blog_article{ font-family: Arial, sans-serif; font-size: 12px; line-height: 20px; background: #efefef; margin-bottom: 10px; } .blog_article p{ float: left; width: 285px; padding: 15px; } .blog_gallery{ background: #efefef; margin-bottom: 15px; } .blog_gallery > img{ width: 950px; height: 490px; display: block; } .blog_gallery > a{ text-decoration: none; display: block; } .blog_gallery .gallery_thumbs{ padding: 10px; } .blog_gallery .gallery_thumbs a{ text-decoration: none; } .blog_gallery .gallery_thumbs img{ margin-right: 5px; } #loading_icon_blog { z-index: 10000; position: absolute; left: 50%; top: 247px; display: block; width: 50px; height: 50px; padding: 16px 0 0 16px; margin: 0 0 0 -25px; background: url(../images/bg_loading.png) no-repeat; } .blog_relatedblogs{ margin-bottom: 15px; overflow: hidden; } .blog_relatedblogs h3 { font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 18px; color: black; margin-bottom: 15px; } .blog_relatedblogs .tile{ display: block; height: 275px; background: #efefef; text-decoration: none; position: relative; } .blog_relatedblogs .tile:hover .tile_link{ text-decoration: underline; } .blog_relatedblogs .tile img{ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .blog_relatedblogs .tile h3{ position: relative; z-index: 5; font-family: 'MgOpenModernaRegular'; font-weight: normal; text-transform: uppercase; font-size: 26px; color: black; letter-spacing: 3px; top: 10px; left: 10px; width: 255px; margin-bottom: 5px; word-wrap: break-word; } .blog_relatedblogs .tile p{ position: relative; z-index: 5; font-family: Arial, sans-serif; font-size: 14px; color: black; top: 10px; left: 10px; width: 255px; } .blog_relatedblogs .tile .icon_plus{ background: url('../images/sprite.png') no-repeat 0 0; width: 22px; height: 22px; display: block; position: absolute; top: 10px; right: 10px; z-index: 5; } .blog_relatedblogs .tile .tile_link{ position: absolute; z-index: 5; top: 250px; left: 10px; font-family: Arial, sans-serif; font-size: 12px; color: black; background: url(../images/sprite.png) -7px -87px no-repeat; padding-left: 15px; } .blog_relatedproducts{} .blog_relatedproducts h3 { font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 18px; color: black; margin-bottom: 15px; } .blog_relatedproducts .shop_tile_small { width: 182px; } /* KLANTEN CENTRUM */ .customer_center{ margin-bottom: 30px; } .customer_center h1{ font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 26px; color: black; margin-bottom: 5px; } .customer_center h2, .customer_center h3{ font-family: Arial, sans-serif; font-weight: bold; font-size: 16px; color: black; margin-bottom: 5px; } .customer_center input[type="text"], .customer_center input[type="password"]{ border: 1px solid #efefef; padding: 5px; } .customer_center input[type="text"]:focus, .customer_center input[type="password"]:focus{ border: 1px solid #939393; outline: none; } .customer_center #cc_menu { margin: 0 0 15px 0; padding: 0 0 10px 0; border-bottom: 1px solid #efefef; } .customer_center #cc_menu ul{ list-style: none; } .customer_center #cc_menu li{ display: inline; margin-right: 10px; } .customer_center #cc_menu a{ text-decoration: none; font-size: 12px; color: #939393; } .customer_center #cc_menu a:hover{ color: black; text-decoration: underline; } .customer_center #cc_menu a.active{ color: black; font-weight: bold; } .customer_center .cc_my_details_row{ display: block; margin: 12px 0; } .customer_center .cc_my_details_container{ float: left; } .customer_center .cc_my_details_form_row{ font-size: 12px; display: block; margin: 5px 0; } .customer_center .cc_my_details_form_row label{ min-width: 220px; display: block; float: left; } .customer_center .cc_my_details_form_row input[type="text"]{ border: 1px solid #efefef; padding: 8px; min-width: 220px; } .customer_center .cc_my_details_form_row input[type="text"]:focus{ border: 1px solid #939393; outline: none; } .customer_center .cc_my_details_form_row input[type="text"].error{ border: 1px solid red; } .customer_center ul{ list-style: none; font-size: 12px; line-height: 20px; } .customer_center ul li a{ text-decoration: none; font-size: 12px; color: #939393; } .customer_center ul li a:hover{ color: black; text-decoration: underline; } .customer_center .cc_submit_button, .customer_center #cc_my_details_submit{ color: white; text-decoration: none; font-size: 14px; padding: 8px; float: left; border: none; cursor: pointer; } .customer_center #customer_center_content{ font-size: 12px; line-height: 20px; } .customer_center #customer_center_content p{} .customer_center .cc_my_details_container ul li{ font-size: 12px; display: block; margin: 5px 0; } .customer_center .cc_my_details_container ul li label{ min-width: 220px; display: block; float: left; } .customer_center .cc_my_details_container .button{ color: white; text-decoration: none; padding: 8px; float: left; margin-right: 5px; } /* CC Login */ .customer_center #cc_login_container{} .customer_center #cc_login_container .cc_login_row{ display: block; margin-bottom: 10px; overflow: hidden; } .customer_center #cc_login_container a#forgot_pass_link{ float: left; line-height: 26px; padding: 0 6px; margin-top: 2px; margin-left: 10px; } .customer_center #cc_login_container label{ min-width: 150px; float: left; line-height: 40px; } .customer_center #cc_login_container input[type="text"], .customer_center #cc_login_container input[type="password"]{ border: 1px solid #efefef; padding: 8px; min-width: 220px; background: #efefef; } .customer_center #cc_login_container input[type="text"]:focus, .customer_center #cc_login_container input[type="password"]:focus{ border: 1px solid #939393; outline: none; } .customer_center #cc_login_container input[type="text"].error, .customer_center #cc_login_container input[type="password"].error{ border: 1px solid red; } .customer_center #cc_login_container input[type='submit']{ color: white; padding: 5px 8px; border: none; float: left; cursor: pointer; } /* 404 Pagina */ .notfound{ height: 470px; position: relative; background: url("../images/404_back.jpg") no-repeat; margin-bottom: 15px; } .notfound_content{ position: absolute; top: 50px; left: 50px; } .notfound_content h1{ margin-bottom: 15px; font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 26px; color: black; } .notfound_content p{ line-height: 20px; font-size: 12px; margin-bottom: 15px; width: 360px; } .notfound_content ul{ float: left; list-style: none; font-size: 12px; width: 100px; line-height: 20px; } .notfound_content ul li{} .notfound_content ul li a{ text-decoration: none; color: black; } .notfound_content ul li a:hover{ color: #E36745; } .notfound_content input[type=text]{ padding: 8px; border: 1px solid #585858; min-width: 270px; margin: 0; } .notfound_content input[type=submit]{ border: none; color: white; padding: 9px 20px; cursor: pointer; margin: 0 0 0 -4px; } .notfound_catlists { margin: 15px 0; } /* USED CENTER */ .used_center{ margin-top: 20px; margin-bottom: 20px; } .used_center a.button.yellow{color:#000000; font-size:13px;} .used_center_home{} .used_center_home h1{ font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 36px; color: black; margin-top: 25px; margin-bottom: 10px; } .used_center_home p{ font-size: 12px; line-height: 20px; } .used_center_home_buttons{ margin: 50px 0 0 0; } .used_center_home_buttons p{ line-height: 20px; float: left; padding: 0 20px; font-size: 14px; } .used_center_enter{ padding: 15px; float: left; color: black; font-size: 18px; } .used_center .button{ padding:5px 20px 5px 20px; border:0px; cursor: pointer; } .used_center .space-artikelen-left{ font-size:12px; margin-left:10px; } .used_center_header{padding-bottom:30px;} .used_center_header h1{ font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 36px; color: black; margin-bottom: 10px; } .used_center_header p{ color: #333333; font-size: 14px; line-height: 20px; width: 450px; } .used_center_header_image{ float: right; height: 170px; } .used_center_nav{ margin: 20px 0; } .used_center_nav ul li{ float: left; } .used_center_nav ul li a{ padding: 10px 15px; background: white; display: block; text-decoration: none; font-size: 18px; color: black; } .used_center_nav ul li a:hover, .used_center_nav ul li.active a{ background: #efefef; } .used_center_nav ul li.active a:hover{ background: #e1e1e1; } .used_center_notification{ margin: 15px 0; border-top: 2px solid #efefef; border-bottom: 2px solid #efefef; padding: 15px 0; } .used_center_notification p{ margin: 0; font-family: 'MgOpenModernaBold'; font-weight: normal; text-transform: uppercase; font-size: 18px; color: black; } .used_center_orderoverview{ border-top: 1px solid #efefef; border-left: 1px solid #efefef; border-right: 1px solid #efefef; } .used_center_orderoverview .order_line{ font-size: 12px; border-bottom: 1px solid #efefef; display: block; padding: 5px 0 0 0; } .used_center_orderoverview .order_number{ float: left; width: 410px; margin-bottom: 5px; padding-left: 5px; } .used_center_orderoverview .order_number a{ font-weight: bold; color: #333333; text-decoration: none; padding: 10px; float: left; } .used_center_orderoverview .order_actions{ float: left; width: 518px; margin-bottom: 5px; padding-right: 5px; } .used_center_orderoverview .order_actions .button{ padding: 10px; color: white; text-decoration: none; float: left; margin-left: 5px; } .used_center_orderoverview .button.disabled{ color: #a8a8a8; } .used_center_orderoverview .order_info { background: #ececec; padding: 10px; -webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.1); display:none; } .used_center_orderoverview .order_products{ float: left; width: 410px; } .used_center_orderoverview .order_info_text{ float: right; width: 518px; line-height: 20px; } .used_center_orderoverview .order_info_text h3{ color: black; font-size: 18px; margin-bottom: 10px; } .used_center_orderoverview .product{ display: block; color: black; line-height: 20px; margin-bottom: 15px; } .used_center_orderoverview .product .product_image{ display: block; float: left; } .used_center_orderoverview .product .product_text{ display: block; float: left; padding: 0 0 0 10px; } .used_center_orderoverview .product .product_text span{ display: block; } .used_center_table { margin: 20px 0; } .used_center_table h3{ font-family: 'MgOpenModernaBold', Arial, sans-serif; font-weight: normal; text-transform: uppercase; font-size: 18px; color: black; margin-bottom: 15px; } .used_center_table p{ line-height: 20px; font-size: 12px; margin-bottom: 15px; } .used_center_table table{ width: 100%; font-size: 12px; line-height: 20px; } .used_center_table table thead tr td{ padding: 5px 10px; color: #575757; font-weight: bold; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); } .used_center_table table tbody tr td{ padding: 10px; border-bottom: 1px solid #efefef; } .used_center_table table tbody tr td span{ display: block; } .used_center_table .date{ width: 100px; } .used_center_table .info{ width: 715px; } .used_center_table .price{ width: 145px; } .used_center_table .button{ padding: 10px; float: right; color: black; text-decoration: none; font-size: 12px; margin: 15px 0; font-weight: bold; } .used_center_myproducts{ display: block; } .used_center_myproducts .product{ position: relative; float: left; width: 140px; display: block; min-height: 250px; padding: 10px; text-decoration: none; font-size: 12px; line-height: 20px; -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.10); box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.10); margin-right: 15px; margin-top: 15px; } .used_center_myproducts span{ display: block; } .used_center_myproducts .buttons{ position: absolute; bottom: 10px; width: 140px; } .used_center_myproducts .button{ margin-top: 5px; float: left; display: block; padding: 5px; width: 60px; color: white; text-align: center; } .used_center_myproducts .button.yellow{ color: black; } .used_center_myaccount{ margin: 15px 0; padding: 15px 0; border-top: 2px solid #efefef; } .used_center_myaccount h1{ font-family: 'MgOpenModernaBold', Arial, sans-serif; font-weight: normal; text-transform: uppercase; font-size: 18px; color: black; } .used_center_myaccount_form{ background: #fafafa; padding: 15px; margin-top: 15px; } .used_center_myaccount_form h3{ font-size: 18px; line-height: 25px; } .used_center_myaccount_form form{ margin-top: 15px; font-size: 12px; line-height: 20px; } .used_center_myaccount_form form label{ cursor: pointer; width: 300px; display: block; float: left; } .used_center_myaccount_form .formrow{ display: block; } .used_center_myaccount_form input[type="text"]{ outline: none; padding: 5px 0; border: 1px solid #d3d3d3; margin-bottom: 5px; padding: 5px; } .used_center_myaccount_form input.error{border: 1px solid #FF0000 !important;} .used_center_myaccount_form .col_1{ width: 75px; margin-right: 5px; } .used_center_myaccount_form .col_2{ width: 170px; margin-right: 5px; } .used_center_myaccount_form .col_3{ width: 250px; margin-right: 5px; } .used_center_myaccount_form .col_4{ width: 360px; margin-right: 5px; } .used_center_myaccount_form .col_5{ width: 420px; margin-right: 5px; } .used_center_myaccount_form .col_6{ width: 550px; margin-right: 5px; } .used_center_popup{} .used_center_popup .tips{ background: #ebebeb; padding: 15px; min-height: 560px; } .used_center_popup .tips h3{ font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; color: #454545; text-transform: none; } .used_center_popup .tips p{ line-height: 20px; font-size: 12px; margin-bottom: 10px; color: #9f9f9f; } .used_center_popup a{ color: #3468d0; padding: 0 10px; } .used_center_popup a:hover{ color: black; } .used_center_popup h3{ font-family: 'MgOpenModernaBold', Arial, sans-serif; font-weight: normal; text-transform: uppercase; font-size: 18px; color: black; margin-bottom: 15px; } .used_center_popup .formrow{ margin-bottom: 10px; } .used_center_popup form{ font-size: 12px; color: #333333; } .used_center_popup form label{ cursor: pointer; width: 145px; display: block; float: left; line-height: 30px; } .used_center_popup input[type="text"]{ outline: none; padding: 5px 0; border: 1px solid #d3d3d3; padding: 5px; } .used_center_popup input[type="text"].half{ width: 160px; } .used_center_popup input[type="text"].full{ width: 300px; } .used_center_popup select{ padding: 5px 5px 5px 0px; } .used_center_popup select.half{ width: 160px; } .used_center_popup select.full{ width: 312px; } .used_center_popup textarea{ outline: none; padding: 5px 0; border: 1px solid #d3d3d3; padding: 5px; resize: none; font-family: Arial, sans-serif; width: 300px; height: 150px; } .used_center_popup .button{ padding: 8px; float: left; } .used_center_popup .button.save{ font-size: 16px; color: black; padding: 10px 15px; } .used_center_popup .formrow .firstcol{ width: 145px; display: block; float: left; line-height: 30px; } .used_center_popup .formrow .price_info{ float: left; } .used_center_popup .formrow .price_info .info{ line-height: 25px; min-width: 260px; } .used_center_popup .product_images{ float: left; } .used_center_popup .product_images .product_image_tile{ position: relative; float: left; margin-right: 10px; -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.10); box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.10); } .used_center_popup .product_images .product_image_tile .button{ position: absolute; top: 0; right: 0; padding: 0 3px; color: white; font-size: 10px; } .used_related { font-size:12px; line-height: 20px; } .used_related_right { margin-top:5px; } .used_related_left { padding-right:20px; max-width:250px; } .tile_stars { display: block; float: left; margin-bottom: 6px; width: 100%; } .tile_stars ul { display: block; height: 12px; list-style: none outside none; margin: 0 auto; width: 72px; } .tile_stars li { float: left; margin-left: 3px; } .tile_stars ul li:first-child { margin-left:0; } .tile_stars span.star { display:block; text-indent:-20000px; text-transform:capitalize; height:12px; width:12px; background: url("../images/stars.jpg") no-repeat scroll 0 -13px transparent; } .tile_stars .active span.star { background: url("../images/stars.jpg") 0 0 no-repeat; } .used_related .tile_prices { margin:5px 0 5px 0; } /***USED CENTER NEW PRODUCT ***/ .grey-line-top{ border-top:2px solid #EFEFEF; padding-top:20px; } .new_product_account{ } .new_product_account h1{ margin-bottom:10px; font-size:22px; } .new_product_account p{ font-size: 14px; line-height: 19px; } .new_product_account label{ font-size: 14px; line-height: 19px; } .new_product_account input[type=submit]{ margin:5px 0px 0px 0px; } .new_product_account input[type=text], input[type=password]{ background-color: #efefef; border: 0px solid; padding: 3px 5px 3px 5px; margin: 5px 0px 5px 0px; width: 200px; font-size: 14px; line-height: 19px; } #button-aanmelden{margin: 10px 0px 0px 0px;} #add-used-products-header{ } #add-used-products-header .choose-products-addmethod .title-light-grey{ color: #8A8A8A; font-size: 15px; line-height: 21px; } #add-used-products-header .choose-products-addmethod p{ height: 63px; padding: 10px 0px 10px 0px; font-size: 13px; } .add-products-to-used{margin-top:40px; background-color: #fafafa; padding-top:10px; margin-bottom:40px;} .add_product_to_used_container {} .add_product_to_used_container h1{font-size:18px; margin-bottom:10px;} .add_product_to_used_container p {font-size: 13px; line-height: 16px;} .my-prepared-used-products{} .my-prepared-used-products .added-used-products{} .my-prepared-used-products .added-used-products h3{font-size:18px; margin-bottom:10px;} #used_products_order_overview{} .order-history-used {margin-bottom:20px;} .order-history-used .order{ overflow:auto;} .order-history-used .order .order-heading{cursor:pointer; background-color:#ffffff; line-height: 36px; height:36px; font-size: 13px; border-bottom:2px solid #E0E0E0;} .order-history-used .order .order-heading .order-grey{color: #8A8A8A;} .order-history-used .order .order-heading .order-thick{font-weight: bold; color:#00000 !important;} .order-history-used .order .order-content {background-color: #EBEBEB; display:none;} .order-history-used .order .order-content .product{background-color:#ffffff; margin-top:5px; margin-bottom:5px;} .order-history-used .order .order-content .product .product_top{padding: 20px 0px 20px 0px;} .order-history-used .order .order-content .product .product_middle{line-height: 16px; height: 55px;} .order-history-used .order .order-content .product .product_middle span{display:block;} .order-history-used .order .order-content .product .product_bottom{padding-bottom: 5px;} .my-prepared-used-products{} .my-prepared-used-products p{line-height:18px;} .my-prepared-used-products .added-used-products{} .my-prepared-used-products .added-used-products h3{} .my-prepared-used-products .added-used-products .added-used-product{ padding: 3px; margin: 0px 0px 5px 0px; overflow:auto;} .my-prepared-used-products .added-used-products .added-used-product img.remove_added_product{cursor: pointer;} .my-prepared-used-products .added-used-products .added-used-product .product-image{float:left;} .my-prepared-used-products .added-used-products .added-used-product .toegevoegde-artikelen-txt{float:left; line-height: 18px; font-size: 13px; margin-left: 4px; max-width: 195px;} .my-prepared-used-products .added-used-products .added-used-product .toegevoegde-artikelen-txt span{ display:block;} .my-prepared-used-products .added-used-products .added-used-product:hover {background-color:#ffffff; border-bottom: 2px solid #E0E0E0; border-right: 2px solid #E0E0E0;} .add_product_to_used_container .confirm{} .add_product_to_used_container .confirm span{display:block; font-size:13px; margin-bottom:10px; } .added-used-products-confirm-header {overflow:auto; padding-bottom:5px; margin-bottom:5px; border-bottom: 2px solid #E0E0E0; border-right: 2px solid #E0E0E0; font-size: 13px; font-weight: bold;} .added-used-products-confirm-header div{border-right: 1px solid #E0E0E0; } .added-used-products-confirm-header div:last-child{border-right: 0px;} .add_product_to_used_container .conditions{font-size: 13px; line-height:20px;} .add_product_to_used_container .conditions span{display:block;} .add_product_to_used_container #button-bevestig-en-plaats{margin-top:20px;} #added-used-products-confirm{line-height: 45px; font-size: 13px;} #added-used-products-confirm .grey-line-bottom{border-bottom: 1px solid #E0E0E0;} #added-used-products-confirm .space-div-top-big{padding:10px 0px 10px 0px;} /**** USED OFFER ***/ #uploadImage.uploadify {display: inline-block;} .uploadify-queue { margin-bottom: 1em; } .uploadify-queue-item { background-color: #F5F5F5; display:block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font: 11px Verdana, Geneva, sans-serif; margin-top: 5px; padding: 10px; } .uploadify-error { background-color: #FDE5DD !important; } .uploadify-queue-item .cancel a { background: url('../images/uploadify-cancel.png') 0 0 no-repeat; float: right; height: 16px; text-indent: -9999px; width: 16px; } .uploadify-queue-item.completed { background-color: #E5E5E5; } .uploadify-progress { background-color: #E5E5E5; margin-top: 10px; width: 100%;} .uploadify-progress-bar { background-color: #0099FF; height: 3px; width: 1px; } .category_used_picker{} .category_used_picker .button {padding: 5px 20px 5px 20px; border: 0px; cursor: pointer} /* EIND USED CENTER */ /* AFTERPAY STYLING */ .clear { clear: both; } #checkout_address_intro { height: 25px; font-size: 12px; padding-top: 4px; font-size: 16px; } #checkout_address_tiles { padding-top: 10px; } /* used addresses */ #used_shipping_adresses { display: none; position: absolute; width: 443px; height: 410px; top: 0; left: 0; background: #fff; z-index: 2; padding: 15px 10px 10px 10px; } #used_shipping_adresses table td{ padding: 3px 10px 3px 0; height: 18px; } #used_shipping_adresses a{ color: #333333; } #used_billing_adresses { display: none; position: absolute; width: 443px; height: 410px; top: 0; left: 0; background: #fff; z-index: 2; padding: 15px 10px 10px 10px; } #used_billing_adresses table td{ padding: 3px 10px 3px 0; height: 18px; } #used_billing_adresses a{ color: #333333; } #checkout_address_tiles .checkout_address_tile { position: relative; width: 443px; height: 410px; margin-left: 10px; border: 1px solid #ececec; padding: 15px 5px 10px 10px; float: left; background-color: #ffffff; font-size: 12px; } #checkout_address_tiles .checkout_address_tile.inactive { background-color: #fbfbfb; } #checkout_address_tiles .checkout_address_tile.inactive label { color: #d1d1d1; } #checkout_address_tiles .first { margin-left: 0px; } .checkout_address_tile .checkout_address_head { height: 25px; } .checkout_address_tile .checkout_address_head h3 { float: left; color: #333333; font-weight: bold; font-size: 16px; margin: 0; } .checkout_address_tile.inactive .checkout_address_head h3 { color: #d1d1d1; } .checkout_address_tile #check_out_address_send_address { margin-bottom: 10px; } .checkout_address_tile .checkout_address_tile_intro { color: #333333; line-height: 18px; padding-top: 15px; font-size: 12px; } .checkout_address_tile .checkout_address_tile_form { color: #333333; line-height: 18px; font-size: 12px; } .checkout_address_tile .checkout_address_tile_form_label { clear: both; float: left; width: 125px; color: #333333; padding-top: 10px; font-size: 12px; height: 25px; } .checkout_address_tile.inactive .checkout_address_tile_form_label { color: #d1d1d1; } .checkout_address_tile .checkout_address_tile_form_input { float: left; padding-top: 5px; height: 30px; width: 310px; } .checkout_address_tile .checkout_address_tile_form_input input { float: left; border: 1px solid #cecece; color: #333333; height: 16px; width: 298px; font-size: 12px; padding: 4px 5px 4px 6px; } .checkout_address_tile.inactive .checkout_address_tile_form_input input { border: 1px solid #d1d1d1; color: #d1d1d1; background-color: #fbfbfb; } /* Afwijkende velden */ .checkout_address_tile .checkout_address_tile_form_input select { float: left; border: 1px solid #cecece; color: #333333; height: 21px; width: 310px; font-size: 12px; } .checkout_address_tile.inactive .checkout_address_tile_form_input select { border: 1px solid #d1d1d1; color: #d1d1d1; background-color: #fbfbfb; } .checkout_address_tile_form_input input.input_street { width: 216px; } .checkout_address_tile_form_input input.input_number { margin-left: 5px; width: 25px; } .checkout_address_tile_form_input input.input_addition { margin-left: 5px; width: 20px; } .checkout_address_tile_form_input input.input_postcode_1 { width: 101px; } .checkout_address_tile_form_input input.input_postcode_2 { margin-left: 5px; width: 20px; } #check_out_address_personal_information { } .checkout_address_tile #checkout_other_address { color: #333333; font-size: 12px; margin-top: 2px; float: right; } .checkout_address_tile.inactive #checkout_other_address { color: #d1d1d1; } .checkout_address_tile #checkout_other_address_billing { color: #333333; font-size: 12px; margin-top: 2px; float: right; } .checkout_address_tile.inactive #checkout_other_address_billing { color: #d1d1d1; } #different_billing_address { display: none; margin-top: 5px; } .checkout_address_tile a.continue { position: absolute; bottom: 10px; right: 10px; } .checkout_address_tile.inactive a.continue { display: none; } .checkout_address_tile a.back { position: absolute; bottom: 10px; left: 10px; } .checkout_address_tile.inactive a.back { display: none; } #checkout_address_tiles a.continue { padding:7px 15px; } /*Kiyoh beoordelingen */ .kiyoh_text{background: #EFEFEF; height:214px;} .average_scores{width:315px; float:left;} .average_score{list-style:none; margin-top:30px;} .average_score li{margin:10px 0; clear:both; font-size:12px; height:18px;} .average_score li div{float:right; width:15px; height:13px; margin-top:-4px;padding:5px; background:#000; color:#FFF; font-weight:bold; font-size:12px; margin-right:15px; text-align:center;} .average_score_review{list-style:none; margin-top:20px; width:50%; float:left;} .average_score_review li{margin:6px 0;font-size:11px; height:16px;} .average_score_review li div{float:right; width:12px; height:10px; margin-top:-2px;padding:5px; background:#7C7C7C; color:#FFF; font-weight:bold; font-size:11px; margin-left:8px; text-align:center;} .average_score_review li div.empty_score{float:right; width:15px; height:10px; margin-top:-4px;padding:5px 5px 5px 0; background:none; color:#7C7C7C; font-weight:bold; font-size:11px; margin-left:8px; text-align:center;} .average_score_review.review_right{margin-left:10px; width:45%;} .average_score_review.review_right span{width:100px; display:block; float:left;} .average_score_review.review_right li div{margin-right:-10px;} .review{height:380px !important;} .review_inner{position:relative;} .total_score{width:25px; height:22px; padding:10px; font-size:18px; font-weight:bold; background:#000; color:#FFF; position:absolute; right:16px; top:55px; text-align:center;} .total_score_review{width:20px; height:17px; padding:8px; font-size:15px;font-weight:bold; background:#000; color:#FFF; position:absolute; right:8px; top:10px; text-align:center;} .review_messages{background:#F8F8F8; display:block; min-height:150px;padding:10px; margin-top:10px;} .review_messages h5{font-size:12px; font-weight:bold;} .review_messages > div{float:left; font-size:11px; width:100%; clear:both; padding:0 0 5px 0; line-height:14px;} .overlay-loading-class { background-color: #000000; filter:alpha(opacity=50); /* IE */ opacity: 0.5; /* Safari, Opera */ -moz-opacity:0.50; /* FireFox */ z-index: 20; height: 100%; width: 100%; background-repeat:no-repeat; background-position:center; position:absolute; text-align: center; } .overlay-loading-class img{ top: 50%; position:relative; } .offer-products-added{min-height:200px; min-width: 300px; padding:20px;} .offer-products-added h3{} .offer-products-added ul{list-style: none;} .offer-products-added ul li{padding:10px;} .offer-products-added ul li a{ color: #000000;} .used_home_tile{ background:#e6e6e6; width:20% !important; height:190px; margin-top:20px; margin-right: 1%; margin-left: 0; padding:20px; position:relative; display:block; color:#000; } .used_home_tile.last{ margin-right:0 !important; width:20% !important; } .used_home_img{ position:absolute; bottom:30px; width: 82%; } .used_home_img img{ margin: 0 auto; display: block; width: 110px; height: 110px; } .cloud-zoom-big { z-index:999!important; } /*--- cloudzoom ---*/ /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { border: 4px solid #888; margin:-4px; /* Set this to minus the border thickness. */ background-color:#fff; cursor:move; } /* This is for the title text. */ .cloud-zoom-title { font-family:Arial, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; } /* This is the zoom window. */ .cloud-zoom-big { border:4px solid #ccc; overflow:hidden; width:400px!important; height:400px!important; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; } /*--- end cloudzoom ---*/ #fancybox-wrap{ z-index:10001 !important; }