File: D:/HostingSpaces/SBogers25/superbedrukt.nl/wwwroot/css-js/screen.css
@charset "utf-8";
/* CSS Document */
* {
outline:0;
}
body, html, h1, h2, h3, h4, p, ul, ol, li, img{
margin:0;
padding:0;
border:0;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
background-color:#333;
background-image:url(../img/backgr.png);
letter-spacing:0.2px;
}
li{
vertical-align: text-top;
}
.clear_both{
clear:both;
}
.right{
float:right;
}
.left{
float:left;
}
h1{
color:#3D3D3D;
font-size:14px;
padding-bottom:10px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:2px;
}
h2{
color:#3D3D3D;
font-size:14px;
padding-bottom:10px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:2px;
}
h3{
color:#3D3D3D;
font-size:14px;
padding-bottom:10px;
font-weight:normal;
text-transform:uppercase;
letter-spacing:2px;
}
p{
line-height:17px;
color:#000;
padding-bottom:20px;
}
a{
color:#000;
text-decoration:none;
}
a:hover{
}
#mainframe{
margin:45px auto 0;
position:relative;
width:1000px;
}
#header{
width:996px;
height:145px;
float:left;
background:url(../img/header_backgr.png) no-repeat;
}
.headerImage{
color:#fff;
float:left;
margin-top:13px;
margin-left:13px;
}
#categories{
width:996px;
float:left;
margin-bottom:16px;
position:relative;
}
#categories.home{
margin-bottom:38px;
}
#categories.cursor{
cursor:pointer;
}
#categories:hover a.plus{
background-position:0 -31px;
}
#categories .contentBlockTop{
width:996px;
float:left;
position:relative;
}
#categories h2{
float:left;
margin-left:27px;
margin-top:10px;
}
#categories span.textRight{
float:right;
margin-top:10px;
margin-right:30px;
font-size:14px;
color:#898989;
display:block;
text-transform:uppercase;
letter-spacing:2px;
}
#categories .contentBlock{
overflow:hidden;
}
#categories .categoriesContent{
float:left;
padding-top:20px;
margin-left:38px;
}
#categories .categorieRij{
float:left;
padding-bottom:30px;
}
#categories .categorieNaam{
float:left;
color:#ED008C;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
width:186px;
}
#categories .subcategorieen{
width:760px;
float:left;
}
#categories .subcategorieen li{
float:left;
list-style:none;
margin-bottom:3px;
margin-right:22px;
}
#categories .subcategorieen li a{
color:#000;
display:block;
border-bottom:solid 1px #666;
width:228px;
height:20px;
}
#categories .subcategorieen li a span{
float:right;
}
#categories .subcategorieen li a:hover{
color:#ED008C;
border-bottom-color:#ED008C;
text-decoration:none;
}
#categories .subcategorieen li a:hover span{
color:#ED008C;
}
#categories a.categoriesButton{
position:absolute;
left:479px;
bottom:-10px;
}
#leftSide{
float:left;
width:281px;
}
#rightSide{
float:left;
width:714px;
margin-left:1px;
}
#mainContent{
float:left;
}
#mainLeft{
float:left;
width:475px;
}
#mainRight{
float:right;
margin-left:2px;
width:236px;
}
#subContent{
float:left;
}
#searchBlock{
float:left;
width:281px;
margin-bottom:27px;
position:relative;
}
#searchBlock h2{
padding-bottom:33px;
}
#searchBlock p{
padding-bottom:35px;
}
#searchBlock .divContent{
margin-left:28px;
width:226px;
float:left;
}
#searchBlock .searchBlockExtended{
height:0px;
float:left;
position:relative;
}
#extraContent.overflow{
overflow:hidden;
}
#searchBlock .searchBlockButton{
position:absolute;
left:122px;
bottom:-10px;
}
#searchBlock input[type="text"]{
width:212px;
height:23px;
border:none;
background-color:#efefef;
color:#000;
margin-bottom:12px;
line-height:23px;
padding-left:12px;
float:left;
}
#merkenSelect_container{
top:37px;
}
/* Drop down styles*/
div.selectbox-wrapper {
position:absolute;
width:222px !important;
background-color:#efefef;
border:1px solid #ccc;
margin:0px;
padding:0px;
max-height:200px;
overflow:auto;
z-index:150;
left:0;
top:0;
}
/*Drop down list styles*/
div.selectbox-wrapper ul {
list-style-type:none;
margin:0px;
padding:0px;
}
/* Selected item in dropdown list*/
div.selectbox-wrapper ul li.selected {
background-color: #efefef;
}
/* Hover state for dropdown list */
div.selectbox-wrapper ul li.current {
background-color: #666;
color:#fff;
}
/* Drop down list items style*/
div.selectbox-wrapper ul li {
list-style-type:none;
display:block;
margin:0;
cursor:pointer;
padding-left:12px;
font-size:12px;
height:23px;
line-height:23px;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:0.2px;
}
/* Look and feel of select box */
.selectbox
{
position:relative;
display:block;
background: url('../img/select_backgr.gif') no-repeat right;
font-family:Arial, Helvetica, sans-serif;
cursor: pointer;
width:212px;
height:23px;
border:none;
background-color:#efefef;
color:#000;
margin-bottom:12px;
line-height:23px;
padding-left:12px;
float:left;
letter-spacing:0.2px;
font-size:12px;
}
#searchBlock input[type="submit"]{
float:left;
text-transform:uppercase;
background:none;
font-weight:bold;
font-size:11px;
border:0;
color:#ED008C;
cursor:pointer;
line-height:13px;
letter-spacing:0.2px;
margin-left:157px;
}
#searchBlock input[type="submit"]:hover{
color:#333;
}
#contactBlock{
float:left;
width:281px;
cursor:pointer;
}
#contactBlock .divContent{
margin-left:28px;
width:226px;
float:left;
padding-bottom:23px;
}
#contactBlock h2{
padding-bottom:7px;
}
#contactBlock h3{
padding-bottom:23px;
}
#contactBlock a{
width:226px;
float:left;
color:#ED008C;
}
#contactBlock:hover a, #contactBlock:hover a span{
color:#999;
}
#contactBlock a:hover, #contactBlock a:hover span{
color:#ccc;
}
#contactBlock a span{
float:right;
color:#ED008C;
}
#contactBlock span.telefoon{
font-size:20px;
font-weight:bold;
letter-spacing:1px;
display:block;
margin-top:16px;
margin-left:25px;
color:#ffffff;
text-transform:uppercase;
text-align:left;
width: 254px;
position:relative;
z-index:10;
}
#contactBlock .bottomContactBackgr a{
width:auto;
float:none;
color:#fff;
}
#belMeTerug{
float:left;
width:281px;
margin-bottom:5px;
}
#belMeTerug .divContent{
margin-left:28px;
width:229px;
float:left;
position:relative;
}
#belMeTerug h2{
padding-bottom:7px;
}
#belMeTerug h3{
padding-bottom:23px;
}
#belMeTerug input[type="text"]{
width:212px;
height:23px;
border:none;
background-color:#efefef;
color:#000;
margin-bottom:12px;
line-height:23px;
padding-left:12px;
float:left;
letter-spacing:0.2px;
}
#belMeTerug input[type="submit"]{
float:left;
text-transform:uppercase;
background:none;
font-weight:bold;
font-size:11px;
border:0;
color:#ED008C;
cursor:pointer;
line-height:13px;
letter-spacing:0.2px;
margin-left:133px;
}
#belMeTerug input[type="submit"]:hover{
color:#333;
}
#logo .divContent{
padding-left:17px;
padding-top:11px;
padding-bottom:18px;
}
#subContent #logo .divContent{
padding-left:17px;
padding-top:12px;
padding-bottom:19px;
}
#bedrukkenBlock .divContent{
text-align:center;
padding-top:7px;
}
#bedrukkenBlock a:hover span{
color:#333;
}
#bedrukkenBlock span.dik{
font-size:14px;
font-weight:bold;
letter-spacing:2px;
line-height:19px;
padding-bottom:4px;
text-transform:uppercase;
display:block;
color:#fff;
}
#bedrukkenBlock span.dun{
font-size:14px;
letter-spacing:2px;
line-height:19px;
padding-bottom:5px;
text-transform:uppercase;
display:block;
color:#fff;
}
/* Background Width 995 */
.width995{
float:left;
}
.width995 .topBackgr{
background:url(../img/categorie_backgr_top.png) no-repeat;
width:995px;
height:14px;
float:left;
}
.width995 .contentBlock{
background:url(../img/categorie_backgr_middle.png) repeat-y;
width:995px;
height:28px;
float:left;
}
.width995 .bottomBackgr{
background:url(../img/categorie_backgr_bottom.png) no-repeat;
width:995px;
height:25px;
float:left;
}
/* Background Width 281 */
.width281{
float:left;
}
.width281 .topBackgr{
background:url(../img/top_281.png) no-repeat;
width:281px;
height:21px;
float:left;
}
.width281 .contentBlock{
background:url(../img/middle_281.png) repeat-y;
width:281px;
min-height:100px;
float:left;
}
.width281 .bottomBackgr{
background:url(../img/bottom_281.png) no-repeat;
width:281px;
height:25px;
float:left;
}
.width281 .bottomContactBackgr{
background:url(../img/bottom_pink_nr_281.png) no-repeat;
width:281px;
height:64px;
float:left;
}
/* Background Width 475 */
.width475{
float:left;
margin-bottom:2px;
}
.width475 .topBackgr{
background:url(../img/top_475.png) no-repeat;
width:475px;
height:21px;
float:left;
}
.width475 .contentBlock{
background:url(../img/middle_475.png) repeat-y;
width:475px;
min-height:368px;
float:left;
}
.width475 .bottomBackgr{
background:url(../img/bottom_475.png) no-repeat;
width:475px;
height:21px;
float:left;
}
.width475 .bottomPinkBackgr{
background:url(../img/bottom_pink_475.png) no-repeat 1px 0;
width:475px;
height:41px;
float:left;
}
/* Background Width 236 */
.width236{
float:left;
margin-bottom:2px;
}
.width236 .topBackgr{
background:url(../img/top_236.png) no-repeat;
width:236px;
height:20px;
}
.width236 .contentBlock{
background:url(../img/middle_236.png) repeat-y;
width:236px;
min-height:100px;
}
.width236 .bottomBackgr{
background:url(../img/bottom_236.png) no-repeat;
width:236px;
height:20px;
}
.width236 .topPinkBackgr{
background:url(../img/top_pink_236.png) no-repeat;
width:236px;
height:20px;
}
.width236 .contentPinkBlock{
background:url(../img/middle_pink_236.png) repeat-y;
width:236px;
height:100px;
}
.width236 .bottomPinkBackgr{
background:url(../img/bottom_pink_236.png) no-repeat;
width:236px;
height:20px;
}
.width236 .bottomPinkBackgrNr{
background:url(../img/bottom_pink_nr_236.png) no-repeat;
width:236px;
height:64px;
}
#subContent li{
list-style:none;
float:left;
margin-left:3px;
}
#subContent li.first{
margin-left:0;
}
#footer{
width:988px;
float:left;
padding-bottom:90px;
margin-top:40px;
margin-left:2px;
}
#footer .dotLine{
width:988px;
float:left;
height:2px;
background:url(../img/dot_line.png) repeat-x;
margin-bottom:4px;
}
#footer .footerContentLeft{
float:left;
color:#fff;
font-size:11px;
line-height:25px;
}
#footer .footerContentLeft span{
float:left;
margin-left:7px;
margin-right:7px;
font-weight:bold;
}
#footer .footerContentLeft a{
text-transform:uppercase;
color:#fff;
float:left;
font-weight:bold;
}
#footer .footerContentLeft a:hover{
color:#fff;
text-decoration:underline;
}
#footer .footerContentLeft a.active{
text-decoration:underline;
}
#footer .footerContentLeft .grey a, #footer .footerContentLeft .grey span{
color:#ccc;
font-weight:normal;
}
#footer .footerContentLeft .grey a:hover{
text-decoration:none;
color:#fff;
}
#footer .footerContentRight{
float:right;
text-transform:uppercase;
color:#fff;
text-align:right;
font-size:11px;
line-height:25px;
}
#footer .footerContentRight a{
color:#ccc;
}
#footer .footerContentRight a:hover{
color:#fff;
}
a.plus{
width:32px;
height:31px;
display:block;
background:url(../img/plus-button.png) no-repeat 0 0;
z-index:10;
cursor:pointer;
}
a.plus:hover{
background-position:0 -31px;
}
a.min{
width:32px;
height:31px;
display:block;
background:url(../img/min-button.png) no-repeat 0 0;
z-index:10;
cursor:pointer;
}
a.min:hover{
background-position:0 -31px;
}
.mainText .divContent{
float:left;
margin-left:26px;
width:415px;
margin-top:10px;
}
.mainText .divContent h1{
color:#ED008C;
font-size:16px;
line-height:28px;
float:left;
width:180px;
font-weight:normal;
padding-right:20px;
padding-bottom:20px;
}
.pageText .divContent{
float:left;
margin-left:26px;
width:415px;
margin-top:10px;
}
.pageText .divContent h1{
color:#ED008C;
font-size:16px;
line-height:28px;
float:left;
width:410px;
font-weight:normal;
padding-bottom:20px;
}
.pageText .divContent a{
color:#ED008C;
text-decoration:underline;
}
.pageText .divContent a:hover{
text-decoration:none;
}
ul.homeProducts .divContent{
height:290px;
line-height:17px;
color:#000;
width:204px;
margin-left:14px;
}
ul.homeProducts li{
cursor:pointer;
}
ul.homeProducts .title{
font-size:14px;
color:#3D3D3D;
margin-bottom:25px;
text-transform:uppercase;
letter-spacing:2px;
float:left;
margin-left:12px;
}
ul.homeProducts .name{
margin-left:12px;
height:43px;
float:left;
}
ul.homeProducts .name a{
float:left;
width:180px;
color:#000;
}
ul.homeProducts .name a span.nameSpan{
width:168px;
display:block;
float:left;
height: 17px;
overflow: hidden;
}
ul.homeProducts .name a.categorieName{
font-style:italic;
}
ul.homeProducts .name a span.arrows{
line-height:14px;
float:right;
}
ul.homeProducts li a.black span.nameSpan, ul.homeProducts li a.black span.arrows{
color:#000 !important;
}
ul.homeProducts li:hover a.productName, ul.homeProducts li:hover a.productName span{
color:#ED008C;
}
ul.homeProducts .name a:hover, ul.homeProducts .name a:hover span{
color:#ED008C;
}
ul.homeProducts .image{
position:relative;
width:204px;
height:204px;
overflow:hidden;
float:left;
}
ul.homeProducts .artikelnr{
position:absolute;
left:12px;
bottom:12px;
background-color:#ED008C;
color:#fff;
text-transform:uppercase;
padding:0px 2px;
font-size:11px;
line-height:13px;
}
ul.minWidth{
min-width:714px;
}
ul.overviewProducts .divContent{
height:165px;
line-height:17px;
color:#000;
width:190px;
margin-left:14px;
position:relative;
}
ul.overviewProducts li{
cursor:pointer;
}
ul.overviewProducts .name{
margin-left:12px;
height:43px;
float:left;
}
ul.overviewProducts .name a{
float:left;
width:180px;
color:#000;
display:block;
border-bottom:solid 1px #666;
}
ul.overviewProducts .name a:hover{
border-color:#ED008C;
}
ul.overviewProducts .name a span.nameSpan{
width:168px;
display:block;
float:left;
padding-bottom:8px;
}
ul.overviewProducts .name a span.arrows{
line-height:14px;
float:right;
}
ul.overviewProducts li:hover .name a{
border-color:#ED008C;
color:#ED008C;
}
ul.overviewProducts li:hover .name a span {
color:#ED008C;
}
ul.overviewProducts .name a:hover, ul.overviewProducts .name a:hover span{
color:#ED008C;
}
ul.overviewProducts .image{
position:relative;
width:125px;
overflow:hidden;
height:123px;
margin-top:4px;
float:left;
}
ul.overviewProducts .artikelnr{
position:absolute;
left:12px;
bottom:12px;
background-color:#ED008C;
color:#fff;
text-transform:uppercase;
padding:0px 2px;
font-size:11px;
line-height:13px;
}
ul.overviewProducts .meerInfo{
position:absolute;
right:-16px;
bottom:-7px;
color:#ED008C;
font-size:11px;
display:none;
}
ul.overviewProducts li:hover .meerInfo{
display:block;
}
ul.populairProducts .contentBlock{
height:370px;
}
ul.populairProducts .divContent{
height:360px;
line-height:17px;
color:#000;
width:204px;
margin-left:14px;
}
ul.populairProducts li{
list-style:none;
cursor:pointer;
margin-left:3px;
}
ul.populairProducts li.first{
margin-left:0px;
}
ul.populairProducts .title{
font-size:14px;
color:#3D3D3D;
margin-bottom:25px;
text-transform:uppercase;
letter-spacing:2px;
float:left;
margin-left:12px;
}
ul.populairProducts .name{
margin-left:12px;
height:59px;
float:left;
}
ul.populairProducts .name a{
float:left;
width:180px;
color:#000;
}
ul.populairProducts .name a span.nameSpan{
width:168px;
display:block;
float:left;
}
ul.populairProducts .name .categorieName{
font-style:italic;
}
ul.populairProducts .name a span.arrows{
line-height:14px;
float:right;
}
ul.populairProducts li:hover a.productName, ul.populairProducts li:hover a.productName span{
color:#ED008C;
}
ul.populairProducts .name a:hover, ul.populairProducts .name a:hover span{
color:#ED008C;
}
ul.populairProducts .image{
position:relative;
width:204px;
height:272px;
overflow:hidden;
float:left;
}
ul.populairProducts .artikelnr{
position:absolute;
left:12px;
bottom:12px;
background-color:#ED008C;
color:#fff;
text-transform:uppercase;
padding:0px 2px;
font-size:11px;
line-height:13px;
}
.productDetail .contentBlock{
padding-bottom:20px;
}
.productDetail .divContent{
line-height:17px;
color:#000;
width:435px;
margin-left:14px;
}
.productDetail h1{
font-size:14px;
color:#3D3D3D;
margin-bottom:10px;
text-transform:uppercase;
letter-spacing:2px;
float:left;
margin-left:12px;
width:415px;
}
.productDetail .image{
position:relative;
width:295px;
float:left;
margin-bottom:24px;
}
.productDetail .artikelnr{
position:absolute;
left:12px;
bottom:12px;
background-color:#ED008C;
color:#fff;
text-transform:uppercase;
padding:0px 2px;
font-size:11px;
line-height:13px;
}
.productDetail .productInfo{
float:right;
width:115px;
}
.productDetail h2{
font-weight:normal;
}
.productDetail h2.klein{
font-size:12px;
color:#ED008C;
font-style:italic;
text-transform:capitalize;
letter-spacing:0.2px;
padding-bottom:0;
}
.productDetail .productInfo p{
padding-bottom:12px;
}
.productDetail .kleuren{
float:left;
margin-left:12px;
width:295px;
}
.productDetail .kleuren li{
list-style:none;
float:left;
margin-bottom:14px;
width:40px;
height:30px;
margin-right:6px;
}
.productDetail .omschrijving{
float:left;
margin-left:12px;
width:295px;
}
.productDetail .omschrijving p{
width:280px;
}
.productDetail .bottomContent{
margin-left: 22px;
margin-top: 4px;
}
.productDetail .bottomContent a, .productDetail .bottomContent span{
font-size:14px;
font-weight:bold;
letter-spacing:1px;
color:#fff;
text-transform:uppercase;
float:left;
padding-top:4px;
display:block;
}
.productDetail .bottomContent span{
padding-left:20px;
padding-right:20px;
line-height:13px;
}
.productDetail .bottomContent a:hover{
text-decoration:underline;
}
#productDetailMenu{
position:relative;
float:left;
margin-left:3px;
margin-top:18px;
margin-bottom:10px;
}
#productDetailMenu a.arrowLeft{
float:left;
width:33px;
height:35px;
background:url(../img/arrows_left.png) 0 0 no-repeat;
}
#productDetailMenu a.arrowRight{
float:left;
margin-left:399px;
width:33px;
height:35px;
background:url(../img/arrows_right.png) 0 0 no-repeat;
}
#productDetailMenu a.grijs{
background-position:0 -35px !important;
}
#productDetailMenu a.arrowLeft:hover, #productDetailMenu a.arrowRight:hover{
background-position:0 -35px;
}
#productDetailMenu .dotLine{
width:705px;
float:left;
height:2px;
background:url(../img/dot_line.png) repeat-x;
margin-top:21px;
margin-bottom:14px;
}
#productDetailMenu h2{
font-size:11px;
letter-spacing:0.2px;
color:#fff;
}
#headerBreadcrump{
width:988px;
float:left;
margin-bottom:15px;
margin-left:2px;
position:relative;
}
#headerBreadcrump .dotLineTop{
width:988px;
float:left;
height:2px;
background:url(../img/dot_line.png) repeat-x;
margin-bottom:9px;
}
#headerBreadcrump .dotLineBottom{
width:988px;
float:left;
height:2px;
background:url(../img/dot_line.png) repeat-x;
margin-top:10px;
}
#headerBreadcrump .textLeft{
float:left;
color:#ccc;
font-size:11px;
}
#headerBreadcrump .textLeft span{
float:left;
margin-left:7px;
margin-right:7px;
}
#headerBreadcrump .textLeft a{
text-transform:uppercase;
color:#ccc;
float:left;
}
#headerBreadcrump .textLeft a:hover{
color:#fff;
}
#headerBreadcrump .textLeft a.active{
font-weight:bold;
color:#fff;
}
#headerBreadcrump .textCenter{
color: #FFFFFF;
font-size: 11px;
height: 20px;
left: 373px;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 11px;
width: 240px;
}
#headerBreadcrump .textRight{
float:right;
color:#fff;
font-size:11px;
}
#headerBreadcrump .textRight a{
text-transform:uppercase;
color:#ccc;
}
#headerBreadcrump .textRight a:hover{
color:#fff;
}
#headerBreadcrump .textRight li{
list-style:none;
float:left;
}
#headerBreadcrump .textRight li a{
float:left;
display:block;
font-size:12px;
}
#headerBreadcrump .textRight li a.active{
color:#fff;
}
#headerBreadcrump .textRight li.last span.dash{
display:none;
}
#headerBreadcrump .textRight li span.dash{
display:block;
margin-left:13px;
margin-right:8px;
font-size:12px;
color:#ccc;
}
#footerBreadcrump{
width:988px;
float:left;
margin-top:18px;
margin-left:2px;
position:relative;
}
#footerBreadcrump .dotLine{
width:988px;
float:left;
height:2px;
background:url(../img/dot_line.png) repeat-x;
margin-bottom:13px;
}
#footerBreadcrump .textLeft{
float:left;
color:#ccc;
font-size:11px;
}
#footerBreadcrump .textLeft span{
float:left;
margin-left:7px;
margin-right:7px;
}
#footerBreadcrump .textLeft a{
text-transform:uppercase;
color:#ccc;
float:left;
}
#footerBreadcrump .textLeft a:hover{
color:#fff;
}
#footerBreadcrump .textLeft a.active{
font-weight:bold;
color:#fff;
}
#footerBreadcrump .textCenter{
color: #FFFFFF;
font-size: 11px;
height: 20px;
left: 373px;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 14px;
width: 240px;
}
#footerBreadcrump .textRight{
float:right;
color:#fff;
font-size:11px;
}
#footerBreadcrump .textRight a{
text-transform:uppercase;
color:#ccc;
}
#footerBreadcrump .textRight a:hover{
color:#fff;
}
#footerBreadcrump .textRight li{
list-style:none;
float:left;
}
#footerBreadcrump .textRight li a{
float:left;
display:block;
font-size:12px;
}
#footerBreadcrump .textRight li a.active{
color:#fff;
}
#footerBreadcrump .textRight li.last span.dash{
display:none;
}
#footerBreadcrump .textRight li span.dash{
display:block;
margin-left:13px;
margin-right:8px;
font-size:12px;
color:#ccc;
}
#categoriePageMenu{
position:relative;
float:left;
margin-left:3px;
margin-top:18px;
margin-bottom:5px;
}
#categoriePageMenu a.arrowLeft{
float:left;
width:33px;
height:35px;
background:url(../img/arrows_left.png) 0 0 no-repeat;
}
#categoriePageMenu a.arrowRight{
float:left;
margin-left:637px;
width:33px;
height:35px;
background:url(../img/arrows_right.png) 0 0 no-repeat;
}
#categoriePageMenu a.grijs{
background-position:0 -35px !important;
}
#categoriePageMenu a.arrowLeft:hover, #categoriePageMenu a.arrowRight:hover{
background-position:0 -35px;
}
/* bel me terug */
#preloaderBelMe{
width:229px;
height:175px;
background:#fff url(../img/preloader.gif) 94px 67px no-repeat;
display:block;
position:absolute;
top:55px;
}
#succesBelMe{
width:229px;
height:175px;
display:block;
position:absolute;
top:0;
display:none;
}
#formReplacement{
height:225px;
width:50px;
display:none;
}
/* algemene voorwaarden */
#blancoPage #mainLeft{
width:758px;
}
#blancoPage h1{
color:#fff;
padding-bottom:45px;
}
#blancoPage h1.sitemap{
padding-bottom:25px;
}
#blancoPage .column{
margin-right:13px;
}
#blancoPage h2{
color:#fff;
font-weight:normal;
padding-bottom:15px;
padding-top:11px;
}
#blancoPage h2.first{
padding-top:0;
}
#blancoPage p{
color:#fff;
}
#contactBlockContact .divContent{
margin-left:25px;
width:190px;
padding-top:4px;
}
#contactBlockContact span{
color:#ED008C;
font-style:italic;
}
#contactBlockContact a:hover{
text-decoration:underline;
}
#contactBlockProductDetail{
cursor:pointer;
}
#contactBlockProductDetail .divContent{
margin-left:25px;
width:190px;
padding-top:4px;
height:155px;
}
#contactBlockProductDetail a{
color:#ED008C;
}
#contactBlockProductDetail a:hover{
color:#999;
}
#contactBlockProductDetail:hover a, #contactBlockProductDetail:hover span{
color:#999;
}
#contactBlockProductDetail a{
width:185px;
float:left;
color:#ED008C;
}
#contactBlockProductDetail a:hover, #contactBlockProductDetail a:hover span{
color:#ccc;
}
#contactBlockProductDetail a span{
float:right;
color:#ED008C;
}
#contactBlockProductDetail span.telefoon{
font-size:22px;
font-weight:bold;
letter-spacing:1px;
display:block;
padding-top:13px;
margin-left:23px;
color:#ffffff;
text-transform:uppercase;
text-align:center;
width:190px;
position:relative;
z-index:10;
}
#contactBlockProductDetail .bottomPinkBackgrNr a{
color:#fff;
}
/*contact form */
#contactFormDiv{
position:relative;
}
#contactFormDiv p{
width:255px;
}
#contactFormDiv h2{
padding-bottom:7px;
}
#contactFormDiv h3{
padding-bottom:23px;
}
#contactFormDiv input[type="text"]{
width:360px;
height:23px;
border:none;
background-color:#efefef;
color:#000;
margin-bottom:12px;
line-height:23px;
padding-left:12px;
float:left;
letter-spacing:0.2px;
}
#contactFormDiv textarea{
width:360px;
border:none;
background-color:#efefef;
color:#000;
margin-bottom:12px;
line-height:23px;
padding-left:12px;
float:left;
letter-spacing:0.2px;
font-family:Arial, Helvetica, sans-serif !important;
font-size:13px;
height:100px;
}
#contactFormDiv input[type="submit"]{
float:left;
text-transform:uppercase;
background:none;
font-weight:bold;
font-size:11px;
border:0;
color:#ED008C;
cursor:pointer;
line-height:13px;
letter-spacing:0.2px;
margin-left:283px;
}
#contactFormDiv input[type="submit"]:hover{
color:#333;
}
#preloaderContact{
width:425px;
height:305px;
background:#fff url(../img/preloader.gif) 195px 120px no-repeat;
display:block;
position:absolute;
top:55px;
}
#succesContact{
width:229px;
height:175px;
display:block;
position:absolute;
top:0;
display:none;
}
#contactformReplacement{
height:240px;
width:50px;
display:none;
}
/* bestellen pagina */
ul.bestellenUL li{
padding:8px 8px 8px 0;
list-style:url(../img/li_dot_black.png) outside;
margin-left:11px;
}
/* sitemap */
ul.sitemap li{
padding:8px 8px 8px 0;
color:#fff;
list-style:url(../img/li_dot.png) outside;
margin-left:11px;
}
a.main{
color:#fff;
}
ul.sitemap li a:hover{
text-decoration:underline;
}
ul.sitemap li.categorie{
padding-bottom:0;
}
span.hoofdcategorie{
color:#fff;
}
ul.subcategories{
margin-left:25px;
}
a.subcategorie{
color:#fff;
}
a.subcategorie:hover{
text-decoration:underline;
}
ul.articles{
margin-left:25px;
overflow:hidden;
clear:both;
}
ul.articles li a{
color:#fff;
}
li.subcategorie span.name{
float:left;
}
li.subcategorie span.arrow{
display:block;
width:10px;
height:9px;
float:left;
margin-left:3px;
margin-top:3px;
background:url(../img/arrow_sitemap.png) no-repeat;
}
li.subcategorie span.arrow_turn{
background-position:left -9px;
}
.catalogus_btn{
float:left;
text-transform:uppercase;
background:none;
font-weight:bold;
font-size:11px;
border:0;
color:#ED008C;
cursor:pointer;
line-height:13px;
letter-spacing:0.2px;
}
.catalogus_btn:hover{
color:#000000 !important;
}