/* CREDITS * ---------------------------------------------------------- * Title: Projectname - Screen Stylesheet * Author: David Candreva * Date: 00/00/09 * Last Edit: 00/00/00 David Candreva * ---------------------------------------------------------- * Inventis - Web Architects - We design the Web! * www.inventis.be */ /* Reset ---------------------------------------------------------- */ html, body { height: 100%;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0; } table{ border-collapse:collapse; border-spacing:0; } fieldset,img{ border:0; } address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; } ol,ul{ list-style:none; } caption,th{ text-align:left; } h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; } .no_padding{padding:0 !important;} .no_margin{margin:0 !important;} /* Algemene Styles ---------------------------------------------------------- */ textarea, body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; } body{background:url(../images/layout/bg.png) repeat-x left top;} /*default elements*/ strong, b{ font-weight:bold; } em{ font-style:italic; } em strong, strong em { font-weight: bold; font-style: italic; } abbr, acronym{ border-bottom:1px dotted; cursor:help; } .clear{ clear:both; } /* Container ---------------------------------------------------------- */ div#container{ min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; width:961px; margin-bottom:-111px; position: relative;} /* Header ---------------------------------------------------------- */ div#header{height:141px; width:961px;} div#header h1{background:url(../images/layout/header/logo.png) no-repeat left top; float:left; height:57px; margin-top:10px; text-indent:-9999px; width:243px;} div#header h1 a{display:block; height:57px; outline:none; width:243px; text-decoration: none;} div#header div.right{float:right;margin:0px 10px 0 0; width:360px;} /*shoppingcart in header*/ div.cart{/*background:url(../images/layout/header/shopping_cart.png) no-repeat left 5px;*/ height:38px; line-height:38px; /*padding-left:35px;*/ text-align: center;} div.cart a{color:#1a52a3; display:inline; font-size:11px; margin-right:8px;} div.right div.cart a:hover{text-decoration:none;} div.cart div.cart_price{display:inline; font-weight:bold; margin:0 17px;} div.cart img {position:relative; top: 3px;} /*zoekfunctie*/ div.zoek{background:url(../images/layout/header/search_bg.png) no-repeat left top; height:40px; float:right; padding:0 12px; width:327px;} div.zoek form label{color:#2f65b4; font-size:14px; float:left; font-weight:bold; height:40px; line-height:40px; margin-right:10px;} div.zoek form input{ float:left; margin-top:8px; } div.zoek form input.text{border:1px solid #CCCCCC;height:20px; padding-top:3px; width:222px;} div.zoek form input.submit{background:url(../images/layout/header/submit.png) no-repeat left top; border:none; cursor:pointer; height:25px; margin-left:5px; width:25px;} /* MENU */ div.menu{background:url(../images/layout/header/menu_bg.png) no-repeat left top; clear:both; color:#fff; font-weight:bold; height:37px; line-height:37px; width:961px;} div.menu ul li{display:inline; float:left; margin:0 22px;} div.menu ul li a{color:#fff; display: block; text-decoration:none;} div.menu ul li a:hover, div.menu ul li a.active{color:#f55e0b;} /*submenu*/ /*classes for fixing the submenu bg and indention and columns*/ div.menu ul li ul.sub{color:#1b4d94; background:#FFF; border:1px solid #b4cef4; left:-999px; margin-left:-10px; position:absolute; z-index:50;} div.menu ul li:hover ul.sub, div.menu ul li.sfhover ul.sub{left:auto; clear:both; } div.menu ul li ul.sub div.top{background:url(../images/layout/header/submenu_bg_top.png) repeat-x left top; overflow:hidden;} div.menu ul li ul.sub div.left_side{background:url(../images/layout/header/submenu_bg_left.png) repeat-y left top; overflow:hidden;} div.menu ul li ul.sub div.box{overflow:hidden; padding:15px;} div.menu ul li ul.sub div.right_side{background:url(../images/layout/header/submenu_bg_right.png) repeat-y right top; overflow:hidden;} div.menu ul li ul.sub div.bottom{background:url(../images/layout/header/submenu_bg_bottom.png) repeat-x left bottom; overflow:hidden;} div.menu ul li ul.sub div.left_top{background:url(../images/layout/header/submenu_bg_left_top.png) no-repeat left top;} div.menu ul li ul.sub div.right_top{background:url(../images/layout/header/submenu_bg_right_top.png) no-repeat right top;} div.menu ul li ul.sub div.left_bottom{background:url(../images/layout/header/submenu_bg_left_bottom.png) no-repeat left bottom;} div.menu ul li ul.sub div.right_bottom{background:url(../images/layout/header/submenu_bg_right_bottom.png) no-repeat right bottom;} div.menu ul li ul a{color: #1b4d94;} div.menu ul li:hover ul, div.menu ul#nav li.sfHover ul{} div.menu ul li ul li{margin:0 !important;} div.menu ul li ul li ul{border-right:1px dotted #1c4d95; float: left; margin-right:30px; padding-right:10px; overflow:hidden; } div.menu ul li ul li ul.merken{border-right:none;margin-right:-20px; min-width:140px;} div.menu ul li ul li ul li{float:none; margin:0 !important;} div.menu ul li ul li ul li{margin-right:30px;} div.menu ul li ul li ul li h2{border-bottom:1px solid #b4cef4; font-size:14px; font-weight:bold; line-height:26px; margin-right:30px;} div.menu ul li ul li ul li ul{border:none; float:left; margin:0; padding-right:0px;} div.menu ul li ul li ul li ul.second{margin-left:-10px;} div.menu ul li ul li ul li ul.second li{margin-right:20px;} div.menu ul li ul li ul li ul.merken li{margin-right:25px;} div.menu ul li ul li ul li ul li{background:url(../images/layout/header/subsubitem.png) no-repeat left center; border-bottom:none; display:block; font-weight:normal; line-height:24px; padding-left:14px; } /* MENU*/ /* breadcrumbs */ ul.breadcrumbs{clear:both; font-size:11px; height:26px; line-height:26px;} ul.breadcrumbs li{float:left;} ul.breadcrumbs li a{background:url(../images/layout/header/small_arrow.png) no-repeat 2px 1px; color:#000; padding-left:15px; text-decoration:none;} ul.breadcrumbs li a:hover{color:#f55e0b; text-decoration:underline;} /* Content ---------------------------------------------------------- */ div#content{margin-bottom:15px; width:100%; clear:both;} /*sidebar left + right*/ div.sidebar.left{float:left; margin-right:20px; width:171px;} div.sidebar div.top{background:url(../images/layout/content/sidebar_left_top.png) no-repeat left top; color:#FFF; font-weight:bold; height:30px; line-height:30px; text-align:center;} div.sidebar.left div.brands{border-left:1px solid #b4cef4; border-right:1px solid #b4cef4; height:500px; overflow:hidden; padding:5px 0; text-align:center;} div.sidebar.left div.brands div.scrolltop{background:url(../images/layout/content/sidebar_left_scroll_top.png) no-repeat left top; padding-top:3px; overflow:hidden;} div.sidebar.left div.brands div.scrollbottom{background:url(../images/layout/content/sidebar_left_scroll_bottom.png) no-repeat left bottom; padding-bottom:3px; overflow:hidden;} div.sidebar.left div.brands div.brand_logos{height:469px; overflow:hidden;} div.sidebar.left div.bottom{background:url(../images/layout/content/sidebar_left_bottom.png) no-repeat left bottom; height:7px;} div.sidebar.right{float:right; margin-left:19px; width:171px;} div.sidebar.right div.text{background:url(../images/layout/content/sidebar_right_bg.png) no-repeat left top; height:104px; margin-bottom:22px; padding:14px 10px 0 17px; position:relative;} div.sidebar.right div.text span{bottom:10px; color:#f55e0b; display:block; font-size:14px; font-weight:bold; line-height:16px; position:absolute; right:70px; text-align:right; width: 100px;} div.sidebar.right div.text a{bottom:-8px; position:absolute; right:-8px;} /*content*/ div.content{float:left; width:578px;} div.content h1{background:url(../images/layout/content/header_bg.png) repeat-x left top; color:#FFF; font-weight:bold; height:30px; line-height:30px; padding-left:11px; text-align:left;} div.content h1.home{background:url(../images/layout/content/home_header_bg.png) repeat-x left top;} /*content BG en lists*/ div.tekst{margin-bottom: 20px; background:url(../images/layout/content/product_bottom.png) #fff repeat-x left bottom; line-height:18px; overflow:hidden; position:relative; width:578px; z-index:2;} div.tekst div.bottom_bg{background:url(../images/layout/content/product_right_bg.png) repeat-y top right; overflow:hidden; padding:8px 0 0 0; width:578px} div.tekst div.right_bottom_bg{background:url(../images/layout/content/product_right_bottom.png) no-repeat bottom right; overflow:hidden; padding:8px 20px 40px; width:538px} div.tekst h2{color:#484848; font-size:14px; font-weight:bold; margin-bottom:14px;} div.tekst ul{margin:7px 0;} div.tekst ul li{background:url(../images/layout/content/listitem.png) no-repeat top left; line-height:16px; padding-left:25px;} div.tekst ol{margin:7px 0;} div.tekst ol li{background:none; list-style:decimal; line-height:16px; list-style-position:outside; margin-left:26px;} div.tekst div.adres{margin-bottom:30px;} div.tekst a{color:#f55e0b;} div.tekst a:hover{text-decoration:none;} /*gerelateerde producten box*/ div.content div.proddetail ul.relprod li{ background:none; float:left; margin:10px 20px 20px 0; padding:0; text-align:center; width:179px;} div.content div.proddetail ul.relprod li.last{margin:10px 0px 20px 0 !important;} div.content div.proddetail ul.relprod li a{color:#484848; font-size:14px; font-weight:bold; margin-bottom:14px; text-decoration:none;} div.content div.proddetail ul.relprod li div.price{color:#f55e0b; font-size:14px; font-weight:bold; margin-left:20px; position:static; text-align:center;} /*banner homepagina*/ div.banner{background:url(../images/layout/content/banner_bg.png) no-repeat left top; height:182px; position:relative;} div.banner div.title{background:#f55e0b; color:#fff; float:left; font-size:14px; font-weight:bold; line-height:30px; margin-top:50px; padding:0 13px 0 13px; position: relative; z-index: 20} div.banner div.detail{background:url(../images/layout/content/banner_detail_bg.png) repeat top left; float:left; line-height:16px; margin-top:4px; padding:9px 17px 9px 13px; width:240px;} div.banner div.prijs{background:#f55e0b; color:#fff; float:left; font-size:24px; font-weight:bold; line-height:30px; margin-top:4px; text-align:center; padding:0 7px 0 13px;} div.banner div.productimage{float:right; position:absolute; top:10px; right:15px;} /*productinfo small*/ div.product{background:url(../images/layout/content/product_bottom.png) #fff repeat-x left bottom; overflow:hidden; position:relative; width:578px; z-index:2;} div.product div.price_bg{background:url(../images/layout/content/product_right_bg.png) repeat-y top right; padding:18px 0 0 0; width:578px;} div.product div.product_right_bottom{min-height:70px; height:70px; height:auto !important; background:url(../images/layout/content/product_right_bottom.png) no-repeat bottom right; overflow:hidden; padding-bottom:15px; width:578px} div.product div.image{float:left; margin:0 8px; text-align: center; width:105px;} div.product div.image.proddetails_left{border:none; position:relative; overflow:hidden; margin-bottom:20px; width:170px;} div.product div.details{float:left; width:280px;} div.product div.details.proddetails_right{margin-bottom:48px; width:372px;} div.product div.details h2{color:#484848; font-size:14px; font-weight:bold; margin-bottom:8px;} div.product div.details h2 a{color:#484848; font-size:14px; font-weight:bold; margin-bottom:14px; text-decoration:none;} div.product div.details h2 a:hover{color:#484848; font-size:14px; font-weight:bold; margin-bottom:14px; text-decoration:underline;} div.product div.details h3{font-weight:bold; margin-top:15px;} div.product div.details a.more{color:#f55e0b; font-size:11px; margin-left:5px; text-decoration:underline;} div.product div.details a.more:hover{text-decoration:none;} div.product div.details ul{margin-top:7px;} div.product div.details ul li{background:url(../images/layout/content/listitem.png) no-repeat top left; line-height:16px; padding-left:25px;} div.product div.price{top:15px; color:#f55e0b; font-size:18px; font-weight:bold; position:absolute; right:15px; text-align:center; width:135px;} div.product div.price div.btw{color:#c4c4c4; font-size:11px; font-weight:normal; margin-top:10px;} div.product div.image div.price{margin:0 auto 0 15px; position:relative; width:auto;} div.product div.image a.buy{text-decoration:none; background:url(../images/layout/content/btn_buy.png) no-repeat top left; display:block; height:37px; margin:7px auto 15px; text-indent:-9999px; position:relative; width:100px;} div.product div.image a.buy:hover{background-position:bottom left;} /*pagination*/ div.pagination {font-size:11px; margin:10px auto 45px auto; text-align:center; width:400px;} div.pagination ul {margin: 0 auto;} div.pagination li {padding: 0 5px; color: #f55e0b; display: inline;} div.pagination li a {color:#f55e0b;} div.pagination li a:hover {color:#2257a4; text-decoration:none;} div.pagination li.active {color:#2257a4; text-decoration: none;} /*winkelwagen ------------------------------*/ /* tabelhoofd */ div.tekst ul.header{height:18px;} div.tekst ul.header li{background:none; float:left; height:18px; list-style:none; line-height:18px; padding-left:0;} div.tekst ul.header li.product{width:95px; text-align:center; padding-right:20px;} div.tekst ul.header li.description{width:102px;} div.tekst ul.header li.price{width:74px; padding-left:25px;} div.tekst ul.header li.quantity{width:114px;} div.tekst ul.header li.total{width:80px;} div.tekst ul.header2{height:18px;} div.tekst ul.header2 li{padding-left:15px; float:left; height:18px; line-height:18px;} div.tekst ul.header2 li.product{width:114px; padding-left:20px;} div.tekst ul.header2 li.description{width:120px;} div.tekst ul.header2 li.price{width:76px;} div.tekst ul.header2 li.quantity{width:106px;} div.tekst ul.header2 li.total{width:110px;} /*tabel winkelwagen*/ div.tekst table{width:100%; text-align:left; color:#24736e; font-size: 11px;} div.tekst table td{vertical-align: middle;} div.tekst table strong{color:#1f529d} div.tekst table tr{height:90px;border-top:1px solid #f5f5f5;} div.tekst table tr.first{height:90px;border-top:none; } div.tekst table thead tr{height: 30px; font-size: 12px; color: #000;} div.tekst table thead td{padding: 4px;} div.tekst table tr td.product{width:105px;} div.tekst table tr td.product img{padding-left:5px;} div.tekst table tr td.description{width:112px; font-weight: bold;} div.tekst table tr td.description a{color:#f55e0b !important;margin-left:0px; margin-top:2px; height:87px; } div.tekst table tr td.description a:hover{text-decoration:none;} div.tekst table tr td.price{width:104px; text-align: center; color: #000;} div.tekst table tr td.price strong{float:left; height:87px; line-height:87px;} div.tekst table tr td.price div.oldprice { font-size: 10px; font-weight: normal; text-decoration: line-through;} div.tekst table tr td.quantity{width:75px; text-align: center;} div.tekst table tr td.quantity strong{float:left; height:87px; line-height:87px; width:52px;} div.tekst table tr td.quantity input{border:1px solid #f55e0b; float: left; margin:3px 3px 0 15px; padding:3px 0; text-align:center; width:33px;} div.tekst table tr td.quantity div.buttons{float:left; width:11px;} div.tekst table tr td.quantity div.buttons a{margin-left:0 !important; cursor:pointer;display:block; height:13px; overflow:hidden; text-indent:-9999px; width:11px;} div.tekst table tr td.quantity div.buttons a.plus{text-decoration: none; background:url(../images/layout/button_plus.png) no-repeat scroll left 2px; } div.tekst table tr td.quantity div.buttons a.plus:hover{background-position:left top;} div.tekst table tr td.quantity div.buttons a.min{text-decoration: none; background:url(../images/layout/button_min.png) no-repeat scroll left top; clear:both; margin-top:4px;} div.tekst table tr td.quantity div.buttons a.min:hover{background-position:left 2px;} div.tekst table tr td.total{width:84px;} div.tekst table tr td.total strong{height:87px; line-height:87px; text-align:center; font-weight: bold;} div.tekst table tr td.delete{width:30px; vertical-align: middle; text-align:right;} div.tekst table tr td.delete div{height:21px; background:none; text-align:center; width:22px; margin: 35px 0 0 15px; } div.tekst table tr td.delete a{text-decoration: none; width:14px; height:14px; text-indent:-9999px; display:block; background:url(../images/layout/button_wastebin.png) no-repeat scroll left 0; margin-top:-27px;} div.tekst table tr td.delete a:hover{background:url(../images/layout/button_wastebin.png) no-repeat scroll left bottom} div.tekst span.shipment{font-size:11px; color:#424242; margin-top:2px;} div.tekst em.euro{color:#bd1616;font-size:20px;font-weight:bold;font-style:normal;padding-left:5px;} div.tekst a.button{cursor:pointer; border:none; float:right; width:125px;height:25px; line-height:25px; text-decoration:none; text-align:center; color:#fff;background:url(../images/layout/btn_next.png); margin-top:20px;} div.tekst a.button:hover{background:url(../images/layout/btn_next_hover.png)} div.tekst div.options{margin-top:20px;} div.tekst div.options strong{color:#1f529d} div.tekst div.options select{border:1px solid #f55e0b; } div.tekst div.left{float:left; width:150px; margin-top:30px;} div.tekst div.left a{text-decoration: none; text-align:center; cursor:pointer; padding-bottom:4px; line-height:25px; border:none;float:right;width:135px;height:21px;color:#fff;background:url(../images/layout/btn_next.png)} div.tekst a:hover{background:url(../images/layout/btn_next_hover.png)} div.tekst div.right{float:right; } div.tekst div.right a{text-decoration: none; text-align:center; padding-left:7px; cursor:pointer; padding-bottom:4px; line-height:25px; border:none; float:right;height:34px; color:#fff;} div.tekst div.right a:hover{background-position:left -34px;} div.tekst div.right span.price{color:#f55e0b; font-size:18px; font-weight:bold;} div.tekst div.right strong{color:#1f529d} div.tekst form.remarks textarea{border:1px solid #1f539e; height:160px; width:100%;} /*knoppen*/ div.cart_buttons a{height:34px; text-indent:-9999px; width:130px} div.cart_buttons a.stap1_right{background:url(../images/layout/content/btn_naar_stap1.png) no-repeat 0 0; float:right; height:34px; margin-top:30px; text-indent:-9999px; width:130px} div.cart_buttons a.stap1_right:hover{background:url(../images/layout/content/btn_naar_stap1.png) no-repeat 0 -38px;} div.cart_buttons a.stap1_left{background:url(../images/layout/content/btn_naar_stap1.png) no-repeat 0 0; float:left; height:34px; margin-top:30px; text-indent:-9999px; width:130px} div.cart_buttons a.stap1_left:hover{background:url(../images/layout/content/btn_naar_stap1.png) no-repeat 0 -38px;} div.cart_buttons button.stap1_left{background:url(../images/layout/content/btn_naar_stap1.png) no-repeat 0 0; border:0; float:left; height:34px; margin-top:30px; text-indent:-9999px; width:130px} div.cart_buttons button.stap1_left:hover{background:url(../images/layout/content/btn_naar_stap1.png) no-repeat 0 -38px;} div.cart_buttons a.stap2_right{text-decoration: none; background:url(../images/layout/content/btn_naar_stap2.png) no-repeat 0 0; float:right; height:34px; margin-top:30px; text-indent:-9999px; width:130px} div.cart_buttons a.stap2_right:hover{background:url(../images/layout/content/btn_naar_stap2.png) no-repeat 0 -38px;} div.cart_buttons a.stap2_left{text-decoration: none; background:url(../images/layout/content/btn_naar_stap2.png) no-repeat 0 0; float:left; height:34px; margin-top:30px; text-indent:-9999px; width:130px} div.cart_buttons a.stap2_left:hover{background:url(../images/layout/content/btn_naar_stap2.png) no-repeat 0 -38px;} div.cart_buttons a.stap3_right{text-decoration: none; background:url(../images/layout/content/btn_naar_stap3.png) no-repeat 0 0; float:right; height:34px; margin-top:30px; text-indent:-9999px; width:130px} div.cart_buttons a.stap3_right:hover{background:url(../images/layout/content/btn_naar_stap3.png) no-repeat 0 -38px;} div.cart_buttons button.stap3_right{background:url(../images/layout/content/btn_naar_stap3.png) no-repeat 0 0; border:0; float:right; height:34px; margin-top:30px; text-indent:-9999px; width:130px} div.cart_buttons button.stap3_right:hover{background:url(../images/layout/content/btn_naar_stap3.png) no-repeat 0 -38px;} div.cart_buttons a.stap3_left{text-decoration: none; background:url(../images/layout/content/btn_naar_stap3.png) no-repeat 0 0; float:left; height:34px; margin-top:30px; text-indent:-9999px; width:130px} div.cart_buttons a.stap3_left:hover{background:url(../images/layout/content/btn_naar_stap3.png) no-repeat 0 -38px;} div.cart_buttons button.stap4_right{background:url(../images/layout/content/btn_naar_stap4.png) no-repeat 0 0; border:0;float:right; height:34px; margin-top:30px; text-indent:-9999px; width:130px; cursor: pointer;} div.cart_buttons button.stap4_right:hover{background:url(../images/layout/content/btn_naar_stap4.png) no-repeat 0 -38px;} div.cart_buttons a.betaling_right{text-decoration: none; background:url(../images/layout/content/btn_naar_betaling.png) no-repeat 0 0; float:right; height:34px; margin-top:15px; text-indent:-9999px; width:130px} div.cart_buttons a.betaling_right:hover{background:url(../images/layout/content/btn_naar_betaling.png) no-repeat 0 -38px;} div.cart_buttons a.verder_winkelen_left{text-decoration: none; background:url(../images/layout/content/btn_verder_winkelen.png) no-repeat 0 0; float:left; height:34px; margin-top:15px; text-indent:-9999px; width:130px} div.cart_buttons a.verder_winkelen_left:hover{background:url(../images/layout/content/btn_verder_winkelen.png) no-repeat 0 -38px;} div#overlay{height:100%; left:0; top:0; position:absolute; visibility:hidden; width:100%; z-index:999990;} div#overlay div.background{background:#000 !important; position: absolute; left:0; top:0; height:100%; width:100%; z-index:999999; height:950px; opacity:0.7;} div#overlay div.balloon{background:#fff; position: absolute; left:50%; top:90px; height:110px; width:337px; padding:30px 10px 10px 10px; z-index:1999999;} div#overlay div.balloon a{text-decoration:none;} div#overlay div.balloon span{color: #1A52A3} div#overlay div.balloon div.image{float:left; width:60px;} div#overlay div.balloon div.image img{border:3px solid #2156A2;} div#overlay div.balloon div.right{float:right; width:260px;} div#overlay div.balloon div.arrow{background:url(../images/layout/content/arrow_overlay.png) no-repeat left top; height:55px; position:absolute; top:-55px; right:5px; width:71px;} /*push div voor sticky footer*/ div.push{height:111px;} /* Footer ---------------------------------------------------------- */ div#footer{background:#f5f4f4; border-top:1px solid #b4cef4; clear:both; height:90px; position:relative; width:100%; margin: 20px 0 0 0;} div.footer_content{margin:0 auto; width:961px; overflow: hidden; position: relative;} div.footer_content img.paymethods{float:left; margin-left:-10px;} div.footer_content ul.footer_links {float:left; line-height:39px; margin-left:65px;} div.footer_content ul.footer_links li{background:url(../images/layout/footer/link_bg.png) no-repeat left 14px; float:left; margin-left:4px; padding-left:16px; font-size: 11px;} div.footer_content ul.footer_links li.first{background:none; margin:0; padding:0;} div.footer_content ul.footer_links a{color:#000;} div.footer_content ul.footer_links a:hover{color:#f55e0b;} div.footer_content a.inventis{background:url(../images/layout/footer/inventis.png) no-repeat top left; float:right; height:23px;margin-top:8px; text-indent:-9999px; width:82px; text-decoration: none;} div.footer_content a.inventis:hover{background:url(../images/layout/footer/inventis.png) no-repeat left bottom; float:right; height:23px;} /*forms -----------------------------------------------------------*/ form.default{width:354px;} form.default.wide{width:100%;} /*fieldset*/ form.default fieldset{width:354px; padding:0px;} form.default fieldset legend{} form.default abbr{ cursor:help; } /*entry*/ form.default div.entry{clear:both; overflow:hidden; margin:0 0 15px; padding:0;} form.default div.entry label{float:left} /*error*/ form.default div.error input{background:#FFE6E7; border:1px solid #CC0000 !important;} form.default span.error{color:#CC0000; float:right; display:block; line-height:18px; padding:0 0 0 18px; margin-top:-4px; font-size:11px; background:url(../images/layout/icon_error.png) no-repeat 0 0} /*text*/ form.default div.text label{line-height:12px;width:46%;margin-bottom:4px;} form.default div.text input{width:352px; height:20px; border: 1px solid #B4CEF4; /*border:1px solid #2156A2;*/padding-top:2px;} form.default div.text input#frm_nr, form.default div.text input#frm_pc, form.default div.text input#frm_bus {width:102px;} form.default div.text input#frm_place{width:250px;} form.default div.verplicht{font-size:10px; font-style:italic;margin-top:25px; margin-bottom:30px;display:block;} form.default div.text label.captchaLbl{line-height:12px;display:block;width:100%;margin-bottom:4px;} form.default div.text input.captcha{width:230px;float:right; height:22px; border:1px solid #B4CEF4; margin-top:3px;} form.default div.text img.cap_img{float:left; margin-top:4px;} form.default div.entry.captcha.error label.captchaLbl{width:auto; margin-bottom:0;} /*textarea*/ form.default div.textarea label{clear:both; line-height:12px; display:block;margin-bottom:4px;} form.default div.textarea textarea{width:352px; border:1px solid #B4CEF4;} /*submit button*/ form.default div.button button.submit{cursor:pointer;padding-bottom:2px;border:none;float:right;width:100px;height:37px;color:#fff;background:url(../images/layout/content/forms/submit.png); text-indent:-9999px;} form.default div.button button.submit:hover{background-position:left bottom;} form.wide div.entry.right{width:150px !important; float:right; clear:none; text-align:right; margin-top:50px; margin-bottom:0px;} form.wide div.entry.left{width:135px !important; float:left; clear:none; margin-top:50px; margin-bottom:0px;} form.wide button.submit{text-align:center; cursor:pointer; padding-bottom:4px; line-height:25px; border:none;float:right;width:135px;height:25px;color:#fff;background:url(../images/layout/btn_next.png)} form.wide button.submit:hover{background:url(../images/layout/btn_next_hover.png)} form.wide button.prev{text-align:center; cursor:pointer; padding-bottom:4px; line-height:25px; border:none;float:right;width:135px;height:25px;color:#fff;background:url(../images/layout/btn_next.png)} form.wide button.prev:hover{background:url(../images/layout/btn_next_hover.png)} button.payment {cursor:pointer;padding-bottom:2px;border:none;float:right;width:132px;margin-top:28px;height:37px;color:#fff;background:url(../images/layout/content/btn_naar_betaling.png); text-indent:-9999px;} button.payment {background-position:left bottom;} /*radiobutton*/ form.default div.radiobutton label{width:100%; display:block} /*checkbox*/ form.default div.checkbox{} form.default div.checkbox label{display:block; float:left; clear:none;} form.default div.checkbox input#frm_check{display:block; float:left; clear:left; margin-right:4px;margin-top:1px;} /*select*/ form.default div.select select{clear:both; display:block; border:1px solid #3a746d;} form.default select{border:1px solid #3a746d; width:50px;} form.default div.select label{display:block} form.default.aantaldetail{width:auto; z-index:2;} form.default.aantaldetail div.entry{overflow:hidden; margin-top:0px; padding:0; display:inline;} form.default.aantaldetail button.submit{margin-left:10px;cursor:pointer;padding-bottom:2px;padding-left:25px;border:none;width:125px;height:25px;color:#fff;background:url(../images/layout/content/forms/submitbuy.png)} form.default.aantaldetail button.submit:hover{background:url(../images/layout/content/forms/submitbuy_hover.png)} form.default.aantal button.submit.aantal{text-align:right !important;cursor:pointer;padding-bottom:2px;border:none;width:114px; margin-top:20px; height:25px;color:#fff;background:url(../images/layout/content/forms/submitbuy2.png); padding-right:10px;} form.default.aantal button.submit.aantal:hover{background:url(../images/layout/content/forms/submitbuy2_hover.png)} /* Form shoppingcart */ form.shoppingcart div.type1 { width: 250px !important; float: left; margin: 3px 9px 12px 0;} form.shoppingcart div.type2 { width: 120px !important; float: left; margin: 3px 9px 12px 0;} form.shoppingcart div label { line-height:12px; width:100%; margin-bottom:4px; } form.shoppingcart div input.textfield { width: 100%; border:1px solid #B4CEF4; height: 20px; padding: 2px 0 0 0; margin: 2px 0 0 0; } form.shoppingcart div select { border: 1px solid #B4CEF4; width: 100%; padding: 2px 2px 2px 0; margin: 2px 0 0 0; height: 24px; } form.shoppingcart div.error { color: #F00; } form.shoppingcart div.error input.textfield { border: 1px solid #F00; background: #e3e3e3;} form.shoppingcart div.verplicht{font-size:10px; font-style:italic;margin-top:25px; margin-bottom:30px;display:block;} form.shoppingcart div.morespace{margin: 10px 0 15px 0;} /* Additional styles built-in during development -------------------------------------------------------------------*/ div.prijs sup, div.price div.oldprice {text-decoration: line-through; font-size: 12px; color: #c4c4c4; } div.tekst div.url h2 { margin-bottom: 0; } div.tekst div.image { float: left; width: 300px } div.banner .title a {text-decoration: none; color: #FFF;} div.banner .title a:hover {text-decoration: underline;} ul.breadcrumbs li a.first { background: none; padding-left: 0;} ul.breadcrumbs li span {background:url(../images/layout/header/small_arrow.png) no-repeat 2px 1px; color:#000; padding-left:15px; text-decoration:none;} div.details ul li ul { margin-top: 0 !important; } div.category_wrapper { margin: 0; border-bottom: 1px solid #b4cef4; width: 100%; overflow: hidden; } div.category_wrapper h2 { color: #1b4d94; border-bottom:1px solid #b4cef4; font-size:14px; font-weight:bold; line-height:26px; margin-right:30px; padding-left: 10px; } div.category_wrapper ul, div.search_result_type ul { margin: 5px 0 10px 10px; } div.category_wrapper li, div.search_result_type li { background:url(../images/layout/header/subsubitem.png) no-repeat left center; border-bottom:none; display:block; font-weight:normal; line-height:24px; padding-left:14px; } div.category_wrapper li a, div.search_result_type li a {text-decoration: none; color: #1b4d94;} div.category_wrapper li a:hover, div.search_result_type li a:hover{color:#f55e0b;} div.category_wrapper div.wrapper { position:relative; width: 280px; margin: 5px 0 0 11px; float:left; display: inline;} div.category_wrapper div.wrapperright { width: 280px; margin: 5px 0 0 0; float: right; position: relative; } div.resume li a { text-decoration: none; color: #1b4d94; } div.resume li a:hover { color:#f55e0b; } div.imagethumbs a img{ border: 1px solid #B4CEF4; } div.imagethumbs a:hover img{ border: 1px solid #B4CEF4; } div.imagethumbs img { margin: 14px 14px 0 0; } div.imagethumbs img.last { margin: 0; } div.search_result_type { border-bottom: 1px solid #b4cef4; padding: 15px 10px; } div.search_result_type h2 { color: #1b4d94; font-size:14px; font-weight:bold; line-height:26px;} /* Ogone 'hacks' */ div.ogone-payment small { font-size: 12px !important;} div.ogone-payment small b, div.ogone-payment small small { font-size: 12px !important; font-weight: normal !important; } div.ogone-payment td { padding: 5px 2px; } div.ogone-payment table.ncoltable2{margin: 20px 0 0 0;} div.ogone-payment td.ncoltxtl,div.ogone-payment td.ncoltxtl2 { width: 30% !important; text-align: left !important; padding-left: 10px;} div.ogone-payment td.ncoltxtr,div.ogone-payment td.ncolinput { width: 67% !important; text-align: left !important; } div.ogone-payment td.ncoltxtr small b, div.ogone-payment td.ncoltxtr2 small b { color: #2257a4; font-weight: bold !important; } div.ogone-payment td.ncolh1 { text-align: left !important; padding: 25px 0 0 10px; } div.ogone-payment td.ncolh1 small b { font-weight: bold !important; font-size: 12px !important;} div.brand_logos {width:169px} ul.brands_list {top:0} ul.brands_list li {margin: 0 0 15px 0;} ul.brands_list li.first { margin-top: 15px;} div.tekst table tr.trans{height: 20px !important; border-top:1px solid #f5f5f5;} div.tekst table tr.trans td.shippingcost { color:#000; font-size: 12px; } ul.relprod{overflow:hidden; position:relative; width:100%; margin-bottom:10px;} ul.relprod div.price sup {text-decoration: line-through; font-size: 10px; color: #c4c4c4; display: block;} /* Brands tree */ div.brands_category { border-bottom: 1px solid #b4cef4; } div.brands_category h2 {color: #1b4d94; border-bottom:1px solid #b4cef4; font-size:14px; font-weight:bold; line-height:26px; margin:5px 10px;} div.brands_category ul { margin: 5px 0 10px 10px; line-height: 15px;} div.brands_category a.active { color: #F55E0B;} div.brands_category ul li { background:transparent url(../images/layout/header/subsubitem.png) no-repeat scroll left 1px; padding-left: 15px; margin-bottom: 4px; } div.brands_category ul li a { font-weight: bold; color: #1B4D94; text-decoration: none;} div.brands_category ul li a:hover { color: #F55E0B; } div.brands_category ul li ul { margin: 2px 0 5px 0; } div.brands_category ul li ul li { background:transparent url(../images/layout/header/subsubitem.png) no-repeat scroll left 1px; } div.brands_category ul li ul li a { font-size: 12px; font-weight: normal; } div.brands_category ul li ul li ul li { margin: 0; } div.brands_category ul li ul li ul li a { font-size: 11px; font-weight: normal; line-height: 17px; }