button:hover { cursor:pointer; } /*---- TABLE1 is voor het block op de homepage met 3 producten --------*/ /*---- TABLE2 is voor het 2e block op de homepage met 3 producten -----*/ /*---- TABLE is voor de producten pagina ------------------------------*/ #products-grid-table1, #products-grid-table2, #products-grid-table { position: relative;} #products-grid-table1 tbody tr, #products-grid-table2 tbody tr, #products-grid-table tbody tr { border-bottom:1px solid #DEE4ED; } #products-grid-table1 tbody tr.last, #products-grid-table2 tbody tr.last, #products-grid-table tbody tr.last { border:none; } #products-grid-table1 td, #products-grid-table2 td, #products-grid-table td { text-align:center; } #products-grid-table1 td fieldset, #products-grid-table2 td fieldset, #products-grid-table td fieldset { padding:0; } #products-grid-table1 td h2, #products-grid-table2 td h2, #products-grid-table td h2 {font-size:1.2em; height:180px; text-align:center; overflow:hidden;} #products-grid-table1 td h2 a, #products-grid-table2 td h2 a, #products-grid-table td h2 a {text-decoration:none; font-weight:bold; cursor:pointer;} #products-grid-table1 td h2 a span.product-name, #products-grid-table2 td h2 a span.product-name, #products-grid-table td h2 a span.product-name {font-size:0.8em; font-weight:bold; display:block;} #products-grid-table1 td h2 a:hover span.product-name, #products-grid-table2 td h2 a:hover span.product-name, #products-grid-table td h2 a:hover span.product-name {text-decoration:underline; display:block;} #products-grid-table1 td h2 a span.product-image, #products-grid-table2 td h2 a span.product-image, #products-grid-table td h2 a span.product-image { width: 145px; height: 145px; overflow: hidden; margin: 0 auto; display: block; position: relative; } #products-grid-table1 td h2 a span.product-image span.overlay, #products-grid-table2 td h2 a span.product-image span.overlay, #products-grid-table td h2 a span.product-image span.overlay { display: block; height: 145px; width: 145px; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: 0 0; } #products-grid-table1 td h2 a span.product-image img, #products-grid-table2 td h2 a span.product-image img, #products-grid-table td h2 a span.product-image img { border:5px solid #fff; } #products-grid-table1 td h2 a:hover span.product-image img, #products-grid-table2 td h2 a:hover span.product-image img, #products-grid-table td h2 a:hover span.product-image img { border:5px solid #EDF2F9; } #products-grid-table1 td.op-op h2 a span.product-image span.overlay, #products-grid-table2 td.op-op h2 a span.product-image span.overlay, #products-grid-table td.op-op h2 a span.product-image span.overlay { background-image: url(../images/ndcvbk/op-op.gif); } #products-grid-table1 td.aanbieding h2 a span.product-image span.overlay, #products-grid-table2 td.aanbieding h2 a span.product-image span.overlay, #products-grid-table td.aanbieding h2 a span.product-image span.overlay { background-image: url(../images/ndcvbk/aanbieding.gif); } #products-grid-table1 td.abonneevoordeel h2 a span.product-image span.overlay, #products-grid-table2 td.abonneevoordeel h2 a span.product-image span.overlay, #products-grid-table td.abonneevoordeel h2 a span.product-image span.overlay { background-image: url(../images/ndcvbk/abonnees.gif); } #products-grid-table1 td.zes-flessen h2 a span.product-image span.overlay, #products-grid-table2 td.zes-flessen h2 a span.product-image span.overlay, #products-grid-table td.zes-flessen h2 a span.product-image span.overlay { background: url(../images/ndcvbk/zes_flessen.gif) no-repeat 5px 5px; } #products-grid-table1 td.vier-stuks h2 a span.product-image span.overlay, #products-grid-table2 td.vier-stuks h2 a span.product-image span.overlay, #products-grid-table td.vier-stuks h2 a span.product-image span.overlay { background: url(../images/ndcvbk/4stuks.gif) no-repeat 5px 5px; } #products-grid-table1 td.zes-stuks h2 a span.product-image span.overlay, #products-grid-table2 td.zes-stuks h2 a span.product-image span.overlay, #products-grid-table td.zes-stuks h2 a span.product-image span.overlay { background: url(../images/ndcvbk/6stuks.gif) no-repeat 5px 5px; } #products-list li.zes-flessen h2 a span.product-image span.overlay { background-image: url(../images/ndcvbk/zes_flessen.gif); } #products-grid-table1 td.op-op h2 a:hover span.product-image span.overlay, #products-grid-table2 td.aanbieding h2 a:hover span.product-image span.overlay, #products-grid-table td.abonneevoordeel h2 a:hover span.product-image span.overlay { background-position: -148px 0; } #products-grid-table1 td div.price-box span.regular-price, #products-grid-table2 td div.price-box span.regular-price, #products-grid-table td div.price-box span.regular-price { margin:0 auto; } #products-grid-table1 td .product-info, #products-grid-table2 td .product-info, #products-grid-table td .product-info { width:147px; height:60px; margin:0 auto;} /* opmaak van de aanbieding met special price */ #products-grid-table1 div.price-box, #products-grid-table2 div.price-box { width:160px; margin:0 auto; } #products-grid-table1 div.price-box .old-price, #products-grid-table2 div.price-box .old-price { height:20px; } #products-grid-table1 td form, #products-grid-table2 td form { display:inline; float:left; width:100%; } #products-grid-table td form { display:inline; float:left; width:100%; } /* opmaak van de aanbieding prijzen op-op */ #products-grid-table1 td.op-op div.price-box, #products-grid-table2 td.op-op div.price-box, #products-grid-table td.op-op div.price-box {} #products-grid-table1 td.op-op div.price-box .old-price #products-grid-table2 td.op-op div.price-box .old-price #products-grid-table td.op-op div.price-box .old-price {background:url(../images/dvhn/old-new-price-op-op.gif) no-repeat bottom left;} #products-grid-table td.op-op div.price-box .old-price .price-label {} #products-grid-table td.op-op div.price-box .old-price .price {} #products-grid-table td.op-op div.price-box .special-price {} #products-grid-table1 td.op-op div.price-box .special-price .price-label, #products-grid-table2 td.op-op div.price-box .special-price .price-label, #products-grid-table td.op-op div.price-box .special-price .price-label { padding-left:2px; } #products-grid-table1 td.op-op div.price-box .special-price .price, #products-grid-table2 td.op-op div.price-box .special-price .price, #products-grid-table td.op-op div.price-box .special-price .price { background:url(../images/dvhn/old-new-price-op-op.gif) no-repeat bottom right; } /* opmaak van de aanbieding prijzen abonnees */ #products-grid-table td.abonneevoordeel div.price-box {} #products-grid-table1 td.abonneevoordeel div.price-box .old-price, #products-grid-table2 td.abonneevoordeel div.price-box .old-price, #products-grid-table td.abonneevoordeel div.price-box .old-price {background:url(../images/dvhn/old-new-price-op-op.gif) no-repeat bottom left;} #products-grid-table td.abonneevoordeel div.price-box .old-price .price-label {} #products-grid-table td.abonneevoordeel div.price-box .old-price .price {} #products-grid-table td.abonneevoordeel div.price-box .special-price {} #products-grid-table1 td.abonneevoordeel div.price-box .special-price .price-label, #products-grid-table2 td.abonneevoordeel div.price-box .special-price .price-label, #products-grid-table td.abonneevoordeel div.price-box .special-price .price-label { padding-left:2px; } #products-grid-table1 td.abonneevoordeel div.price-box .special-price .price, #products-grid-table2 td.abonneevoordeel div.price-box .special-price .price, #products-grid-table td.abonneevoordeel div.price-box .special-price .price { background:url(../images/dvhn/old-new-price-abonnee.gif) no-repeat bottom right; } /* Upsell weergave */ span.product-name-txt { display:block; } /* Prijs in de lijstweergave */ .product-shop .price-box .regular-price .price {font-size:1.7em;} /* Titels in de checkout */ .step-title h3 { font-size:13px; line-height:21px; } /* Login eerste stap - Checkout */ #checkout-step-login .col2-set .col-1 { width:45%; border-right:1px solid #CECECE; padding:10px; } #checkout-step-login .col2-set .col-1 h4 { color:#11376C; } #checkout-step-login .col2-set .col-1 p { margin-top:15px } #checkout-step-login .col2-set .col-2 { width:49%; border:none !important; padding:10px;} #checkout-step-login .col2-set .col-2 h4 { background:none; border:none; padding:3px 2px;} #checkout-step-login .col2-set .col-2 img.myIDlogo { float:right; margin-top: -30px; } #checkout-step-login .col2-set .col-2 #login-form fieldset { padding:2px 0 0 2px; margin-top:10px; } #checkout-step-login .col2-set .col-2 .byline { padding:0; margin-top:15px; } #checkout-step-login .col2-set .buttons-set { border:none; padding:0;} #checkout-step-login .col2-set .buttons-set button.button { float:right; } /* Bedankt voor uw bestelling pagina */ .buttons-set-thnk { padding:0 0 0 10px; } /* Searchbutton homepage */ #search_home_form fieldset #search { float:left !important; width:124px !important;} #search_home_form .form-search button.button { float:left !important; margin-left:10px;} .topbanner-item { } .topbanner-item p { height:50px; overflow: hidden; } .topbanner-item p a { font-size:13px; text-decoration: none; } .select_wijn { display:none; } /* Footer */ .footer .links-follow { float:right; width:140px; } .footer .links-follow .links { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; } .block-progress dd.complete a { float:left; } .block-progress dd.complete .dt-title { float:left; } .block-progress dd.complete .seperator { float:left; } /* Aanpassingen van Willem */ .block-nav .level0 a { float: none !important; padding:5px 10px; } .block-nav .level0, .block-nav .level1 { display: none; } .block-nav .active, .block-nav .level0 .level0 { display: block; } .block-nav .active .level0, .block-nav .active .level0 .active .level1 { display: block; } .block-nav .active .level0 li {display: block; border-bottom:1px solid #fff; padding:0 !important; background: #edf2f9;} .block-nav .active .level0 .parent {background: #EDF2F9 url(../images/ndcvbk/level1_parent.gif) no-repeat right top; } .block-nav .active .level0 .active a{ font-weight:bold; } .block-nav .active .level0 .active ul li a { font-weight: normal; } .block-nav .active .level0 .level1 .active a{ font-weight:bold; } li.level0 { padding:0 !important; } li.level0 a { display:block; width:auto !important;} .block-nav li.level0 ul.level0 {} .block-nav li.level0 ul.level0 li.level1 a { padding-left:20px !important; } .block-nav li.level0 ul.level0 ul.level1 { } .block-nav li.level0 ul.level0 li.level2 a { padding-left:25px !important; background:#fff url(../images/ndcvbk/small_arrow.gif) no-repeat 15px 10px; border-top: 1px solid #edf2f9; color:#3B5C9E; } ul#nav li.active ul li.active a { text-decoration:underline; } /*=== Block decoration ===*/ .block-voordelen ul li { padding-left:20px; background:url(../images/ndcvbk/check.gif) no-repeat -1px 2px; margin-top:5px; white-space:nowrap;} .block .block-title h2 { white-space: nowrap; overflow:hidden; } div.category-title { overflow: hidden; } /* Crosssel and discount decoration on the shopping cart page */ .cart .top_checkout { width:980px; height:35px; padding:10px 0 0 0; } .cart .totals { margin-right:10px; } .discount { border:1px solid #E6ECF5; margin-top:5px; padding:5px 10px 10px; width:315px; position: relative;} .discount #coupon_code { margin:5px 5px 0 0; height:18px; } #discount-coupon-form button.button { margin:0 0 0 5px; } #discount-coupon-form #coupon_code { width:140px; margin:0; float:left;} #advice-required-entry-coupon_code { position: absolute; bottom:4px; } .crosssell-wrapper { padding:10px; border:1px solid #E6ECF5; margin:10px 10px 0; } .crosssell-wrapper h3 { color:#11376C; width:950px; } .crosssell { } .crosssell .products-grid td { width:180px; border-right:1px solid #E6ECF5;} .crosssell .products-grid td.last { border:none; } .crosssell #products-grid-table { margin-top: 20px; } .crosssell #products-grid-table td h2 { text-align:center; } .crosssell #products-grid-table td h2 a { float:left; width:180px; } .crosssell #products-grid-table td h2 a span.product-name { width:180px; } .crosssell #products-grid-table td h2 a span.product-image { width:180px; } .crosssell #products-grid-table td h2 a span.product-image span.overlay { width:180px; } .crosssell #products-grid-table td fieldset { text-align:center; } .crosssell .old-price { width:80px; } .crosssell .old-price .price { text-align:right; } /*= Dashboard =*/ .info-view .col2-set { margin:10px 0; } .info-view p { padding:10px 0 0; } /*= Ticketform =*/ #ticketform { padding:10px; overflow:hidden; } #ticketform div { margin:10px 0; } #ticketform label strong { color:#11376C; } #ticketform div.button-set { overflow:hidden; } #ticketform div.button-set button.button { float:left !important; margin-left:250px; } /*= Search autocomplete =*/ .search-autocomplete { z-index:999; } .search-autocomplete ul { background-color:#FFF; border:1px solid #5C7989; } .search-autocomplete li { border-bottom:1px solid #FFF; cursor:pointer; padding:2px 8px 1px; } .search-autocomplete li .amount { float:right; font-weight:bold; } .search-autocomplete li.odd { background-color:#EDF2F9; } .search-autocomplete li.selected { background-color:#D9E4F2; } span.overlay { cursor:pointer; } /*= Helpdesk Ticket page =*/ #helpdesk-reply-form { } #helpdesk-reply-form div { padding:5px 0; } #helpdesk-reply-form label { font-weight:bold; } #helpdesk-reply-form #content_field { height:100px; } #helpdesk-reply-form .button-set { overflow:hidden; } #helpdesk-reply-form .button-set button.button { float:left !important; margin-left:180px; } .group-select .page-title { margin-bottom:10px; } .message-box { display: block; overflow: hidden; margin:10px 0 10px 10px; border:1px solid #D6E0E6; padding:10px; } .message-box h5 { color:#11376C; } .message-box .message-body fieldset { background:#EDF2F9; padding:5px; border:1px solid #D6E0E6; font-style:italic; } .message-box .do-quote { display:block; border-bottom:1px solid #D6E0E6; margin-bottom:10px; } .back { overflow:hidden; margin-left:10px; } /* Print sheet */ .sales-order-print { width:800px; margin:30px auto; background:#fff; font:12px/1.5 Arial, Helvetica, sans-serif; color:#222; text-align:left; } .sales-order-print h1, .sales-order-print h2, .sales-order-print h3, .sales-order-print h4, .sales-order-print h5, .sales-order-print h6 { margin:0; } .sales-order-print h3 { margin:0 0 10px; background-color:#f2f2f2; padding:5px;} .sales-order-print .col2-set { margin-top:20px; } .sales-order-print .col2-set .col-1 { float:left; width:48%; border:1px solid #F0F0F0; margin-bottom:10px; } .sales-order-print .col2-set .col-2 { float:right; width:48%; border:1px solid #F0F0F0; margin-bottom:10px;} .sales-order-print .col2-set .col-1 address, .sales-order-print .col2-set .col-2 address, .sales-order-print .col2-set .col-1 p, .sales-order-print .col2-set .col-2 p { padding:5px; } .sales-order-print #my-orders-table { width:100%; } .sales-order-print #my-orders-table td { border:1px solid #f2f2f2; padding:5px; } .sales-order-print #my-orders-table th { background-color:#f2f2f2; border:1px solid #f0f0f0; padding:5px; } .sales-order-print .buttons-set { display:block; margin:10px 0; } tfoot .button.button { margin-right:10px; } .page .txt-page .std h2 { color:#222; } .page .txt-page .std p { margin:15px 0; } .category-title h2 { color:#fff !important; } /* nieuw by Rutger: moet nog opgeruimd worden */ /* Pager */ .pagercontainer { border-top:1px solid #e6ecf5; border-left:1px solid #e6ecf5; border-right:1px solid #e6ecf5; padding:5px; margin:5px 0 0; overflow:hidden;} .pagercontainer .limiter { float:right; padding:0 !important; } .pager {float:left; width:320px } .pager .amount{float:left; } .pager .pages { float:right; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; } .pager .pages .current {} .helpdeskultimate-customer-index .page-title { width:100%; float:left; margin-bottom:10px; } .helpdeskultimate-customer-index .pager { width:100%; float:left; margin-bottom:10px; } .helpdeskultimate-customer-index .h3 { padding:10px; } .helpdeskultimate-customer-index .pager p { float:left; } .helpdeskultimate-customer-index .pager .limiter { float:right; padding:0px; } .helpdeskultimate-customer-index #my-reviews-table { margin-bottom:10px; } /* account */ .customer-account-index .infoblock p{ padding:10px; } .checkout-onepage-success div.fieldset {margin-right: 85px; width: 260px;float: left;margin-left: 10px;} .checkout-onepage-success .register-form .required {color: #405787!important;} .checkout-onepage-success .advantages ul {padding-left: 28px;list-style-image:url(../images/onepagecheckout-checked.png); list-style-type:square;} .checkout-onepage-success .advantages li {font-size: 120%; margin: 0px; padding: 0px;vertical-align: top;color:#333;} .checkout-onepage-success .advantages {float: left; width: 45%;padding-top: 15px;margin-left: 3%;} .checkout-onepage-success .advantages h3 {padding-bottom: 10px;} .checkout-onepage-success .buttons-set {border: none;} .checkout-onepage-success .buttons-set p.required{text-align: left;} .checkout-onepage-success .buttons-set button.button {float: right;} .checkout-onepage-success .form-list .input-box {float: none;}