/************************************************/ /******************** Reset ********************/ /************************************************/ * { margin:0; padding:0; } body { background:#fff; font:12px/1.5 Arial, Helvetica, sans-serif; color:#222; text-align:center; } img { border:0; vertical-align:top; } a { color:#11376C; } a:hover { color:#254B99; } :focus { outline: 0; } /* Headings */ h1 { font-size:20px; font-weight:normal; line-height:1.3; } h2 { font-size:18px; font-weight:normal; line-height:1.34; } h3 { font-size:16px; font-weight:bold; line-height:1.375; } h4 { font-size:14px; font-weight:bold; } h5 { font-size:12px; font-weight:bold; } h6 { font-size:11px; font-weight:bold; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } sup { font-size:1em; vertical-align:top; } /* Lists */ ul,ol { list-style:none; } /* Tools */ .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left { float:left !important; color:#11376C; } .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } .nobr a { color:#11376C; } /************************************************/ /******************** Styles ********************/ /************************************************/ /*general overlay class to fix a bug in ie*/ span.overlay {background:url(../images/overlay.png);} /* Layout ================================================================================= */ .wrapper {} .page { position:relative; width:1000px; margin:0 auto; padding:10px 0; text-align:left; overflow:hidden; } .page-print { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .main { margin:5px 0; } /* Base Columns */ .col-left { float:left; width:230px; padding:5px 5px 0; } .col2-left-layout .col-left { margin-left: 0; } .col-main { width:736px; padding:5px; margin: 0 auto; } .col-right { float:right; width:230px; padding:5px 5px 0; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; width: 736px; } .col2-right-layout .col-main { float: left; } .col2-left-layout .col-main .page-title { background:#2E56A8 url(../images/dvhn/block-title-bg-x.gif) repeat-x scroll center top; border:1px solid #2A54A7; height:25px; padding:0 10px; color:#fff; } .col2-left-layout .col-main .page-title a { color:#fff; display: inline-block; margin-top:2px; } /* 3 Columns Layout */ .col3-layout .col-main { width:484px; overflow:hidden;} .col3-layout .col-main .category-title h1 { line-height:1.1em; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .col-2 h3, .col2-set .col-1 h3 { color:#11376c; } .col2-set .narrow { width:33%; } .col2-set .wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* Header ================================================================================ */ .logo { float:left; width:200px; height:63px; overflow:hidden; } .header-container {} .header { padding:10px 10px 10px 0px; } .header .logo { background-position:0 0; background-repeat:no-repeat; text-indent:-999em; } .header .logo a { display:block; width:188px; height:63px; } .header .welcome-msg { font-weight:bold; text-align:right; color:#11376c; } .header .links { float:right; } .header .links li { display:inline; border-right:1px solid #11376c; padding:0 4px 0 6px;} .header .links li a { color:#11376c; font-size:10px;} .header .form-search { text-align:center; position:absolute; top:60px; left:726px; } .header .form-search .search-autocomplete { z-index:999; } .header .form-search .search-autocomplete ul { border:1px solid #e6ecf5; background-color:#fff; } .header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #e6ecf5; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.selected {} .header .form-search #search { background-color:#f8f8f8; border:1px solid #d1d1d1; color:#7c7c7c; width:150px;} .header .form-language { text-align:center; } /********** < Navigation */ ul#nav { background: url(../images/dvhn/nav-bg.gif) no-repeat top; width:1000px; left:0; font-size:12px; padding:0; margin:0; position: relative; } ul#nav li { float:left; text-align:left; } ul#nav li a { float:left; padding:0 10px; height: 30px; line-height: 28px; color:#fff; text-decoration:none; } ul#nav li a:hover { text-decoration:underline; } ul#nav li.active a {font-weight:bold;} /* Subnavigatie */ ul#nav li ul { display: none; background:url(../images/dvhn/subnav-bg.gif);left:0; overflow:hidden; width:1000px; border:none; height:30px; position: absolute; top: 35px; } ul#nav li.active ul li a { color: #11376c; background: none transparent !important; font-weight: bold; } ul#nav li.active ul.level0 { display: block; z-index: 99; } ul#nav li.active_parent { height: 65px; } ul#nav li.active_parent a { padding-bottom: 6px; background: url(../images/dvhn/subnav_arrow.gif) no-repeat bottom center; position: relative; z-index: 100; } /********** Navigation > */ /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; } input.input-text,select,textarea { background:#fff; border:1px solid #e6ecf5; } input.input-text,textarea { padding:2px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option {} textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } /* Button to outside */ a.button {text-decoration: none; } /*button::-moz-focus-inner { padding:0; border:0; }*/ button.button { background:url(../images/dvhn/button.gif) no-repeat top left; overflow:visible; width:auto; cursor:pointer; border: none; height:24px; padding: 0 0 0 4px; margin-top:5px; } button::-moz-focus-inner { padding: 0; border: 0; } button.button:hover { background:url(../images/dvhn/button.gif) no-repeat left bottom; } button.button span { background:url(../images/dvhn/button.gif) no-repeat top right; color:#FFF; display:block; height:24px !important; line-height:22px; padding: 0 8px 0 4px; position:relative; white-space:nowrap; } button.button:hover span {background:url(../images/dvhn/button.gif) no-repeat bottom right;} button.disabled {} button.disabled span {} /*Button in winkelwagen en afrekenen*/ ul.checkout-types button.button, button.yellow-button { background:url(../images/dvhn/buybutton.gif) no-repeat top left; overflow:visible; width:148px; cursor:pointer; border: none; height:24px; padding: 0 0 0 4px; margin:5px auto; } ul.checkout-types button.button:hover, button.yellow-button:hover { background:url(../images/dvhn/buybutton.gif) no-repeat left bottom; } ul.checkout-types button.button span, button.yellow-button span { background:url(../images/dvhn/buybutton.gif) no-repeat top right; color:#3d2b0d; font-weight:bold; display:block; height:24px !important; line-height:22px; padding: 0 8px 0 4px; position:relative; white-space:nowrap; } ul.checkout-types button.button:hover span, button.yellow-button:hover span {background:url(../images/dvhn/buybutton.gif) no-repeat bottom right;} /*Button in nieuwsbrief*/ button.nb-button { background:url(../images/dvhn/button.gif) no-repeat top left; overflow:visible; width:auto; cursor:pointer; border: none; height:24px; padding: 0 0 0 4px; margin:5px 10px 0 0; float:right;} button::-moz-focus-inner { padding: 0; border: 0; } button.nb-button:hover { background:url(../images/dvhn/button.gif) no-repeat left bottom; } button.nb-button span { background:url(../images/dvhn/button.gif) no-repeat top right; color:#FFF; display:block; height:24px !important; line-height:22px; padding: 0 8px 0 4px; position:relative; white-space:nowrap; } button.nb-button:hover span {background:url(../images/dvhn/button.gif) no-repeat bottom right;} /* Input & Textarea stretched for 100% */ .field-100 { border:1px solid #888; padding:2px; overflow:hidden; } .field-100 input.input-text, .field-100 textarea { float:left; width:100%; margin:0; padding:0; border:0; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {} .highlight {}*/ /* Form lists */ .form-list li { margin:0 0 5px; } .form-list label { font-weight:bold; color:#405787; } .form-list .input-box { float:left; width:260px; } .form-list input.input-text, .form-list textarea { width:250px; } .form-list select { width:256px; } .form-list li.add-row { border-top:1px solid #e6ecf5; margin-top:10px; } #form-validate h3 { color:#11376C; } .group-select {} .group-select li { margin:0 0 5px; } .group-select .input-box { float:left; width:260px; } .group-select input.input-text, .group-select textarea {width:510px; } .group-select select { width:516px; } .group-select .input-box input.input-text, .group-select .input-box textarea { width:250px; } .group-select .input-box select { width:256px; } .buttons-set { clear:both; margin:0; padding:5px; border:1px solid #e6ecf5; } .buttons-set .back-link { float:left; } .buttons-set button.button { float:right; } .buttons-set2 { clear:both; margin:5px 0 0; padding:5px; border:1px solid #e6ecf5; text-align:right; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(../images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; } .validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; } .validation-passed {} .required { color:#f00 !important;} p.required { font-size:10px; text-align:right; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#f00; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 10px; } .messages li li { margin:0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 10px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:10px !important; font-weight:bold !important; } .error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(../images/error_msg_icon.gif); color:#df280a; } .success-msg { border-color:#cedbed; background-color:#EEF3F9; background-image:url(../images/success_msg_icon.gif); color:#405787; } .note-msg, .notice-msg { border-color:#ece3ad; background-color:#fafdde; background-image:url(../images/note_msg_icon.gif); color:#6c4711; } /* Breadcrumbs */ .breadcrumbs { border:1px solid #CDDAEE; float:left; height:16px; margin:0 10px 10px 0; padding:1px 5px 5px; width:730px;} .breadcrumbs li { display:inline; } /* Searchbox added to the breadcrumbs */ .breadsearch { overflow:hidden; width:1000px; } .breadsearch #search { border:1px solid #8CA3D0; color:#5B5C83; float:left; height:14px; margin:0 0 0 13px; width:156px; } .breadsearch .form-search button.button { margin-top:2px; float:right; margin-left:5px; margin-top:0; } /* Big searchbox on 2 column pages */ #search_mini_form { } #search_mini_form fieldset { padding:0; margin-bottom:10px;} #search_mini_form fieldset #search { border:1px solid #8CA3D0; color:#5B5C83; width:160px; height:17px; margin-top:1px; padding-top:4px; float:left; } #search_mini_form .form-search button.button { margin-top:1px; width:55px; float: right; } /* Page Heading */ .page-title { background:#2E56A8 url(../images/dvhn/block-title-bg-x.gif) repeat-x scroll center top; border:1px solid #2A54A7; height:25px; padding:0 10px; } .page-title h1, h2, h4, h5, h6 {color:#fff; line-height:1.2em;} .title-buttons { text-align:right; } .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .page-title h2 { margin-top:1px; } .col2-set .col-1 ol li h4 { color:#11376C; } .contentpadding { padding:10px; } .contentpadding .col2-set .col-1 ol li { margin:10px 0; border:1px solid #E6ECF5; padding:10px; } .contentpadding .col2-set .col-2 {margin-top:32px; padding:10px; width:335px; border:1px solid #E6ECF5 !important;} /* Pager removed by RR .pager { border-top:1px solid #e6ecf5; border-left:1px solid #e6ecf5; border-right:1px solid #e6ecf5; padding:5px; margin:5px 0 0; text-align:center; overflow:hidden;} .pager .amount { float:left; } .pager .limiter { float:right; padding:0 !important; } .pager .pages { margin:0 135px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; } .pager .pages .current {} */ /* Sorter */ .sorter { border-bottom:1px solid #e6ecf5; border-left:1px solid #e6ecf5; border-right:1px solid #e6ecf5; padding:5px; margin:0 0 5px;; height:20px; } .sorter .view-mode { float:left; } .sorter .sort-by { float:right; } .sorter .link-feed {} .sorter fieldset { padding:0 !important; } .sorter p a { color:#11376C; } /* Data Table */ .data-table { width:100%; } .data-table th { padding:5px; border:1px solid #e6ecf5; font-weight:bold; white-space:nowrap; color:#11376C; background-color:#EDF2F9; } .data-table td { padding:5px; border:1px solid #e6ecf5; } .data-table thead { background-color:#f2f2f2; } .data-table tbody {} .data-table tfoot {} .data-table tr.first {} .data-table tr.last {} .data-table tr.odd {} .data-table tr.even { background-color:#f6f6f6; } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f6f6f6; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:bold; background-color:#f6f6f6; } .data-table td.value {} /* Wishlist dashboard */ #wishlist-table tbody tr td h3.product-name{ text-align:center; } #wishlist-table tbody tr td span {margin:0 auto; display:block; text-align:center;} #wishlist-table tbody tr td .yellow-button {width:105px;} /* Tax Details Row */ tr.tax-total { cursor:pointer; } tr.tax-total td {} tr.tax-total .tax-collapse { float:right; text-align:right; padding-left:20px; background:url(../images/bg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .tax-collapse { background-position:0 -53px; } tr.show-details td {} tr.tax-details td { background-color:#f6f6f6; } tr.tax-details-first td {} /* Shopping cart tax info */ .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { cursor:pointer; } .cart-tax-total { padding-right:20px; background:url(../images/bg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-total-expanded { background-position:100% -52px; } /* Lists Decoration */ .block .block-content li.odd { padding:3px 10px; background-color:#f7f9fc; } .block .block-content li.odd a { color:#11376C; font-weight:normal;} .block .block-content li.odd a.wishlist-tocart, .block .block-content li.even a.wishlist-tocart{ display:block; color:#11376C;} .block .block-content li.even { background-color:#edf2f9; padding:3px 10px;} .block .block-content li.even a {color:#11376C; font-weight:normal; } dt.odd, dd.odd {} dt.even, dd.even { background-color:#f6f6f6; } .block-recent .block-content {} .block-recent .block-content ol#recently-viewed-items li{ margin:1px 0; overflow:hidden;} .block-recent .block-content ol#recently-viewed-items li a { color:#11376C;} .block-recent .block-content ol#recently-viewed-items li a.product-image { float:left; } .block-recent .block-content ol#recently-viewed-items li h4.product-name a {font-size:1.0em;} .block-recent .block-content ol#recently-viewed-items div.product-details a{ display:block; width:160px; float:left; } .block-recent .block-content ol#recently-viewed-items div.product-details .price { float:right; } /* Block Nieuwsbrief */ .nb-content { padding:10px; overflow:hidden; } .nb-content img { float:left; margin:0 10px 0 0; } .nb-content p { font-size:11px; color:#11376c; padding:0 !important; } .nb-content p strong { font-size:11px; padding:0 !important; } .nb-content input { border:1px solid #6783bb; height:15px; padding:5px 3px; margin-top:5px; width:190px; color:#5B5C83; } /* Class: std - styles for admin-controlled content */ .std h1 { margin-bottom:10px; font-weight:bold; } .std, .std ul, .std ol, .std dl, .std address, .std blockquote { margin:0; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } #description .std { padding:10px; border-right:1px solid #CECECE; border-left:1px solid #CECECE; border-bottom:1px solid #CECECE; } /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { border:1px solid #e4e9f3; margin:0 0 10px; } .block .block-title { background:url(../images/dvhn/block-title-bg-x.gif) repeat-x top; padding:0 10px; height:23px; border:1px solid #2a54a7; margin-top:-1px;} .block .block-title strong { font-size:13px; font-weight:bold; line-height:1.7em; color:#fff; } .block .block-title h2 {color:#FFFFFF; font-size:13px; font-weight:bold; line-height:1.7;} .block .block-title h2 a {color:#fff; font-size:12px; float:right; font-weight:normal;} .block h3 { font-size:14px; line-height:1.5; color:#16274a; padding:5px 10px;} .block .block-content { } .block .block-content strong { color:#2953a7; padding:0 10px; } .block .block-content dl dt { color:#2953a7; padding:0 30px 0 10px; height:25px; line-height:25px;} .block .block-content dl dd ol li { background:#D9E4F2; padding:5px 10px; margin:1px 0; overflow:hidden;} .block-nav .block-content dl dd ol li { margin:0 !important; } .block .block-content dl dd ol li a { color:#254B99; display:block; float:left; font-size:0.9em; width:175px; } .block .actions { text-align:right;} .block .actions a { float:left; margin:5px 10px; color:#11376C; font-size:0.9em; } .block .actions .button { margin:5px; } /* Block: Account */ .block-account {} .block-account .block-content ul li.odd{ background-color:#f7f9fc; margin-top:1px; } .block-account .block-content ul li.even{ background-color:#edf2f9; margin-top:1px; } .block-account .block-content ul li.current{ background-color:#6785c1; margin-top:1px; } .block-account .block-content ul li.current span{ color:#fff; } .block-account .block-content ul li.odd a, .block-account .block-content ul li.even a{ display:block; color:#11376c; text-decoration:none;} /* Homepage links in the title bars */ .title-link { color:#FFFFFF; float:right; font-size:12px; font-weight:normal; line-height: 21px; } .title-link:hover { color:#FFFFFF; } /* Inloggen of account aanmaken */ .registered-users { margin-top:10px; border:none !important;} .registered-users p { padding:10px 0 !important; } .registered-users h3 { color:#405787; } .new-users { margin-top:10px; color:#405787; border-right:1px solid #E6ECF5 !important; width:474px !important; padding-right:10px; height:200px; } .new-users p { padding:10px 0; } /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav {} .block-layered-nav dt { font-weight:bold; padding:2px 10px; font-size:1.2em; } .block-layered-nav .currently { padding:0 10px; } .currently li { color:#11376C; } /* Block: Cart */ .block-cart {} .block-cart .block-title {background:url(../images/dvhn/block-title-cart.gif) no-repeat; width:208px; height:27px; border:0; margin-top:-1px;} .block-cart .block-title strong, .block-cart .block-title strong a {color:#3d2b0d; line-height:2.0em; text-decoration: none} .block-cart .block-content {padding:0px;} .block-cart .block-content p {padding:10px;} .block-cart .block-content .actions button.yellow-button {margin-right:10px; width:110px;} .block-cart .block-content h3 { display:block;} .block-cart .block-content .amount{padding:10px 10px 0px 10px ; color:#405787;} .block-cart .block-content .amount a { color:#11376c; } .block-cart .block-content .subtotal{padding:0 10px; margin-top:10px; color:#405787; } .block-cart .block-content .actions .yellowbutton {margin-right:10px;} .block-cart .amount {} .block-cart .subtotal { text-align:left;} .block-cart .subtotal .price { font-weight:bold; font-size:14px; color:#16274a; font-weight:bold; } .block-cart .block-content .mini-products-list { display:none; } .block-cart .block-content .mini-products-list li {padding:10px;} .block-cart .block-content h3 { padding:0;} .block-cart .block-content h3 a { text-decoration:none; color:#11376C; } .block-cart .block-content h3 a.cart-sidebar-more { padding:0 10px; display:block; background:url(../images/dvhn/recent-toegevoegd-arrow.gif) no-repeat top right; height:24px; width:208px; border-top:1px solid #E4E9F3; } .block-cart .block-content h3 a.active { background:url(../images/dvhn/recent-toegevoegd-arrow.gif) no-repeat bottom right; } .mini-products-list li { border-top:1px solid #e8eaee; background:url(../images/dvhn/cart-block-rep.gif) repeat-x bottom left #fff;} .mini-products-list .product-image { float:left; width:50px; padding:5px; border:1px solid #edf2f9; margin-right:-75px; } .mini-products-list .product-details { margin-left:75px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } .mini-products-list .product-details .btn-remove { float:left; display:block; width:130px; color:#c01a1a !important;} /* Block: Wishlist */ .block-wishlist {} /* Block: Related */ .block-related {} .block-related li { padding:5px 0; } .block-related input.checkbox { float:left; } .block-related .item {} .block-related .item .product-image { float:left; padding: 0 5px; } .block-related .item .product-details { margin-left:65px; } .block-content p { padding:10px; } .product-details p {padding:0;} /* Block: Compare Products */ .block-compare {} .block-compare li { padding:5px; } .block-compare li a { color:#405787; } /* Block: Viewed */ .block-recent {} /* Block: Poll */ .block-poll {} .block-poll input.radio { float:left; margin:3px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll .answer {} .block-poll .votes { font-weight:bold; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe {} .block-subscribe #newsletter-validate-detail fieldset.block-content{ padding:10px; } .block-subscribe #newsletter-validate-detail fieldset.block-content label { color:#323232; } .block-subscribe #newsletter-validate-detail fieldset.block-content .input-box {margin-top:5px;} /* Block: Reorder */ .block-reorder {} .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .label { display:block; } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Checkout Progress */ .block-progress {} .block-progress dt { font-weight:bold; } .block-progress dt.complete { background-color:#e2efbd; margin:1px 0; padding:5px;} .block-progress dt.complete a {margin-left:53px; color:#11376C; } .block-progress dd.complete { background-color:#edf2f9; margin:1px 0; padding:5px;} .block-progress dd.complete .dt-title { float:left; } .block-progress dd.complete .seperator { float:left; } .complete { color:#11376C; } /* ======================================================================================= */ /* Opmaak sjootz pagina ================================================================ */ /* Opmaak sjootz pagina */ .col-main .info-balk { background:url(../images/dvhn/subnav-bg.png) no-repeat top left; height:32px; width:695px; position:absolute; margin-top:146px; padding:10px 20px;} .col-main .info-balk h2 { color:#fff; font-size:1.7em; font-weight:bold; float:left;} .col-main .info-balk a.span { } /* Sjootz tabel opmaak mogelijk moet deze #products-grid-table veranderd worden */ #products-grid-table td h2 a span.product-name {font-size:0.8em; font-weight:bold;} #products-grid-table td h2 a:hover span.product-name {text-decoration:underline;} #products-grid-table td h2 a span.product-image { width: 218px; height: 147px; overflow: hidden; margin: 0 auto; display: block; position: relative; } #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-table td h2 a span.product-image img { border:5px solid #fff; } #products-grid-table td h2 a:hover span.product-image img { border:5px solid #EDF2F9; } /* Button op de sjootz pagina */ button.bestel-button { background:url(../images/dvhn/bestel-head.png) no-repeat top left; overflow:visible; width:auto; cursor:pointer; border: none; height:26px; padding: 0 0 0 4px; margin-top:3px; float:right;} button.bestel-button::-moz-focus-inner { padding: 0; border: 0; } button.bestel-button:hover { background:url(../images/dvhn/bestel-head.png) no-repeat left bottom; height:26px;} button.bestel-button span { background:url(../images/dvhn/bestel-head.png) no-repeat top right; color:#3D2B0D; font-size:13px; font-weight:bold; display:block; height:26px !important; line-height:26px; padding: 0 8px 0 4px; position:relative; white-space:nowrap; } button.bestel-button:hover span {background:url(../images/dvhn/bestel-head.png) no-repeat bottom right;} button.disabled {} button.disabled span {} /* DVHN Sjootz block*/ .dvhn-sjootz { padding:15px 0; overflow:hidden; } .dvhn-sjootz .image { text-align:center; margin-top: 5px;} .dvhn-sjootz p { font-size:13px; color:#11376c; } .dvhn-sjootz p strong{ padding:0 !important; font-size:15px; line-height:1.2em; } .dvhn-sjootz .yellow-button { margin:20px 0 0 40px ; } .dvhn-sjootz-grid h2 {height: 140px !important;} .dvhn-sjootz-grid img {margin-top: 10px !important;} /* Recente evenementen block*/ .rec-ev { } .rec-ev-list ul { } .rec-ev-list ul li.even { border-bottom:1px solid #fff; padding:0 !important; } .rec-ev-list ul li.odd { border-bottom:1px solid #fff; padding:0 !important; } .rec-ev-list ul li.even a { font-weight:bold !important; font-size:14px !important; text-decoration:none !important; display:block; padding:3px 10px;} .rec-ev-list ul li.odd a { font-weight:bold !important; font-size:14px !important; text-decoration:none !important; display:block; padding:3px 10px;} .rec-ev-list ul li.even a:hover { color:#5d7ca6; background-color:#e3eaf4; } .rec-ev-list ul li.odd a:hover { color:#5d7ca6; background-color:#fff; } /* Fotosoftware block*/ .foto-soft { padding:0px; overflow:hidden; } .foto-soft .image { text-align:center; margin:10px 0 0 0; } .foto-soft p { font-size:13px; color:#11376c; padding:10px 10px 0 10px; } .foto-soft p strong{ padding:0 !important; font-size:15px; line-height:1.2em; } .foto-soft .nb-button { margin:10px 32px 10px 0px; } /* ======================================================================================= */ /* Category Page ========================================================================= */ /* Top Banner */ #topbanner { width:482px; height:197px; border:1px solid #cecece; } #banner-list { list-style:none; width:287px; float:left; position:relative; } #banner-list .item-content { overflow:hidden; width:289px; position:absolute; display:none; } .topbanner-item { width:269px; height:177px; float:left; padding:10px; } .topbanner-item h2 { margin:0; padding:0; font-size:18px; color:#11376c; display:block; } .topbanner-item p { color:#7889a2; font-size:16px; } .topbanner-item img{ float:left; margin:0 0 10px; } #topbanner-buttons { width:195px; height:197px; float:right; } #topbanner-buttons ul { list-style:none; margin:0; padding:0; } #topbanner-buttons ul li a span { display:block; line-height:17px; margin-top:4px; width:170px; } #topbanner-buttons ul li a:hover { text-decoration:underline; } .prices { overflow:hidden; float:left; width:134px; margin-top:25px; margin-left:5px; } .prices .old-price-banner { color:#7889a2; font-size:18px; text-decoration:line-through; float:left; font-weight:bold; } .prices .new-price-banner { color:#11376c; font-size:22px; font-weight:bold; float:left; } .button-odd a{ background:url(../images/dvhn/buttons.png) no-repeat bottom left; height:46px; width:176px; margin-top:1px; display:block; padding:2px 0 0 19px; font-size:12px; color:#243b5c; text-decoration:none; } .button-even a{ background:url(../images/dvhn/buttons.png) no-repeat center left; height:46px; width:176px; margin-top:1px; display:block; padding:2px 0 0 19px; font-size:12px; color:#243b5c; text-decoration:none; } #topbanner-buttons .active a{ background:url(../images/dvhn/buttons.png) no-repeat top left; display:block; height:46px; width:176px; color:#fff ; } /* Category title */ .category-title { background:url(../images/dvhn/block-title-bg-x.gif) repeat-x top #2e56a8; padding:0 10px; height:23px; border:1px solid #2a54a7; } .category-title h1 {color:#fff; line-height:1.2;} .category-title h2 {color:#fff; line-height:1.2; float:left;} .category-title a { color: white; } .category-image { display:block; margin:0 auto; } .category-products {} /* View Type: Grid */ .products-grid { width:100%; } .products-grid tr.last { border:none; } .products-grid tr.odd {} .products-grid tr.even { } .products-grid td { width:33%; padding:5px; } .products-grid td.empty {} .products-grid td.first { border-right:1px solid #EDF2F9; } .products-grid td.last{ border-left:1px solid #EDF2F9; } /* View Type: List */ .products-list li.item { border-bottom:1px solid #edf2f9; padding:5px; margin:0 0 5px; overflow:hidden;} .products-list .product-image { float:left; background:#edf2f9; } .products-list h2 .product-name, .products-list .product-shop { float:right; width:320px; } ol#products-list .item .product-shop .desc{ height:60px; overflow:hidden; display:block; float:left; margin:0; width:305px; } .desc a { color:#11376c; font-size:0.8em;} /* ======================================================================================= */ /* Product View ========================================================================== */ .product-view {} .product-view .product-essential #product_addtocart_form .product-shop .product-name h1 { font-weight:bold; } .product-view .product-essential #product_addtocart_form .product-shop .price-box { margin:0 0 15px 0; } .product-view .product-essential #product_addtocart_form .product-shop .add-to-box .add-to-cart { display:block; background:#fff; } .product-view .product-essential #product_addtocart_form .product-shop .add-to-box .add-to-cart button.yellow-button{ width:130px; } .product-collateral {} .product-view .ui-tabs .ui-tabs-hide { display: none; } /* information tabs */ .info-tabs { float:left; margin-top:10px; padding:10px 0 0; width:740px; } .info-tabs ul{ border-bottom:1px solid #CECECE; height:26px; list-style-image:none; list-style-position:outside; list-style-type:none;} .info-tabs ul li{ background-color:#EDF2F9; float:left; margin:0 2px 0 0; text-align:center; border:1px solid #CECECE; border-bottom:none;} .info-tabs ul li a { display:block; height:27px; line-height:27px; text-decoration:underline; width:135px; color:#11376C; margin-bottom:-2px;} .info-tabs ul li a:hover { background-color:#fff; } .info-tabs .ui-state-active a { background-color:#fff; } .info-tabs #description ul { border:0; height:auto; margin:10px 0; } .info-tabs #description ul li { background:none;border:0; text-align:left;list-style-type:square; float:none; } .info-tabs #description ul li a { height:auto; line-height:auto; width:auto; margin:0; } /* Product Images */ .product-view .product-img-box { float:left; width:267px; } .product-view .product-img-box .product-image { border:1px solid #edf2f9; } .product-view .product-img-box .product-image-zoom { position:relative; width:265px; height:265px; overflow:hidden; z-index:9; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(../images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(../images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; } .product-view .product-img-box .more-views ul { margin-left:-4px } .product-view .product-img-box .more-views li { float:left; padding:1px; background-color:#edf2f9; margin:0 0 8px 4px ; } #products-grid-table { position: relative;} #products-grid-table tbody tr { border-bottom:1px solid #EDF2F9; } #products-grid-table tbody tr.last { border:none; } #products-grid-table td { text-align:center; } #products-grid-table td fieldset { padding:0; } #products-grid-table td h2 {font-size:1.2em; height:180px; text-align:center; overflow:hidden;} #products-grid-table td h2 a {text-decoration:none; font-weight:bold; cursor:pointer;} #products-grid-table td h2 a span.product-name {font-size:0.8em; font-weight:bold; display:block; width:145px; overflow:hidden; margin:0 auto;} #products-grid-table td h2 a:hover span.product-name {text-decoration:underline;} #products-grid-table td h2 a span.product-image { width: 145px; height: 145px; overflow: hidden; margin: 0 auto; display: block; position: relative; } #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-table td h2 a span.product-image img { border:5px solid #fff; } #products-grid-table td h2 a:hover span.product-image img { border:5px solid #EDF2F9; } #products-grid-table td.op-op h2 a span.product-image span.overlay { background-image: url(../images/dvhn/op-op.gif); } #products-grid-table td.aanbieding h2 a span.product-image span.overlay { background-image: url(../images/dvhn/aanbieding.gif); } #products-grid-table td.abonneevoordeel h2 a span.product-image span.overlay { background-image: url(../images/dvhn/abonnees.gif); } #products-grid-table td.op-op h2 a:hover span.product-image span.overlay, #products-grid-table 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-table td .product-info { width:147px; height:60px; margin:0 auto;} /* opmaak van de aanbieding prijzen op-op*/ #products-grid-table td.op-op div.price-box {} #products-grid-table td.op-op div.price-box .old-price {} #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-table td.op-op div.price-box .special-price .price-label { padding-left:2px; } #products-grid-table td.op-op div.price-box .special-price .price {} /* opmaak van de aanbieding prijzen abonnees*/ #products-grid-table td.abonneevoordeel div.price-box {} #products-grid-table td.abonneevoordeel div.price-box .old-price {} #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-table td.abonneevoordeel div.price-box .special-price .price-label { padding-left:2px; } #products-grid-table td.abonneevoordeel div.price-box .special-price .price {} /* Lijstweergave overlay images */ #products-list{ position: relative;} #products-list li {} #products-list li.item h2 {font-size:1.2em;} #products-list li.item h2 a {text-decoration:none; font-weight:bold;} #products-list li.item div.price-box { height: 45px} #products-list li.item h2 a span.product-name {font-size:1.1em; font-weight:bold; text-align:left;} #products-list li.item h2 a span.product-image { width: 145px; height: 145px; overflow: hidden; margin: 0 auto; display: block; position: relative; } #products-list li.item 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-list li.item h2 a span.product-image img { border:5px solid #fff; } #products-list li.op-op h2 a span.product-image span.overlay { background-image: url(../images/dvhn/op-op.gif); } #products-list li.aanbieding h2 a span.product-image span.overlay { background-image: url(../images/dvhn/aanbieding.gif); } #products-list li.abonneevoordeel h2 a span.product-image span.overlay { background-image: url(../images/dvhn/abonnees.gif); } #products-list li.op-op h2 a:hover span.product-image span.overlay, #products-list li.aanbieding h2 a:hover span.product-image span.overlay, #products-list li.abonneevoordeel h2 a:hover span.product-image span.overlay { background-position: -148px 0; } #products-list li .product-info { width:147px; height:60px; margin:0 auto; display:block; } /* opmaak van de aanbieding prijzen op-op*/ #products-list li.op-op div.price-box {} #products-list li.op-op div.price-box .old-price {} #products-list li.op-op div.price-box .old-price .price-label {} #products-list li.op-op div.price-box .old-price .price {} #products-list li.op-op div.price-box .special-price {} #products-list li.op-op div.price-box .special-price .price-label { padding-left:2px; } #products-list li.op-op div.price-box .special-price .price { } /* opmaak van de aanbieding prijzen abonnees*/ #products-list li.abonneevoordeel div.price-box {} #products-list li.abonneevoordeel div.price-box .old-price {} #products-list li.abonneevoordeel div.price-box .old-price .price-label {} #products-list li.abonneevoordeel div.price-box .old-price .price {} #products-list li.abonneevoordeel div.price-box .special-price {} #products-list li.abonneevoordeel div.price-box .special-price .price-label { padding-left:2px; } #products-list li.abonneevoordeel div.price-box .special-price .price {} /* Einde lijstweergave overlay images */ #products-list li.item div.desc {padding:0 0 0 155px; margin:0;} #products-list li.item div.product-shop .price-box .regular-price, #products-list li.item div.product-shop .price-box .regular-price .price {margin:0;} #products-list li.item div.product-shop a {font-size:1.0em;} .product-image-popup { margin:0 auto; } .product-image-popup .nav { text-align:center; } .product-image-popup .image { display:block; } .product-image-popup .image-label {} /* Product Shop */ .product-view .product-shop { float:right; width:445px; } .product-view .product-name {} .product-view .short-description {} #upsell-product-table tbody tr td { border:1px solid #EDF2F9;} #upsell-product-table tbody tr td .product-name { width:162px; text-align:center; } /* Rating */ .ratings {} .ratings .amount {} .ratings .rating-links {} .ratings dt {} .ratings dd {} .rating-box { width:96px; height:18px; font-size:0; line-height:0; background:url(../images/dvhn/bg_rating.gif) 0 0 repeat-x; position:relative; overflow:hidden; margin:10px auto;} .rating-box .rating { position:absolute; top:0; left:0; height:18px; background:url(../images/dvhn/bg_rating.gif) 0 100% repeat-x; } /* Availability */ .availability {} .availability .in-stock { font-weight:bold; } .availability .out-of-stock { font-weight:bold; color:#f00; display:block; text-align:center; padding-top:8px; white-space:nowrap; } .product-shop .availability .out-of-stock { text-align:left;} /********** < Product Prices */ .price { white-space:nowrap !important;} .price-box {margin-top:0px; } .price-box .price { font-weight:bold; } .price-box-bundle {} .price-cart-list{float:left; display:block; width:150px;} /* Opmaak van de prijzen op de homepagina en fotolabel weergave*/ .category-products #products-grid-table tbody tr td .price-box .regular-price { width:auto; } /* Opmaak van de prijzen in de lijst weergave*/ .category-products #products-list li.item .product-shop .price-box .regular-price .price { text-align:left; font-size:1.7em; } /* Regular price */ .regular-price { height:30px; width:147px; display:block; margin:0;} .regular-price .price { font-weight:normal; display:block; color:#222; font-size:1.7em; text-align:center; line-height:26px;} /* in list */ .price-cart-list .price-box .regular-price .price { margin:0;} /* Old price */ .old-price { color:#8F8F8F; width:70px; float:left; height:30px;} .old-price .price-label { white-space:nowrap; color:#fff; font-weight:bold; } .old-price .price { color:#8F8F8F; font-weight:normal; text-decoration:line-through; text-align:center; width:74px; display:block; padding:5px 0; } /* Special price */ .special-price {overflow:hidden;} .special-price .price-label { font-weight:normal; white-space:nowrap; color:#fff; font-weight:bold; padding:0 0 0 2px; } .special-price .price { font-weight:normal; color:#222; width:78px; float:left; display:block; font-size:1.7em; margin-top:-2px; text-align:center;} /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { font-weight:bold; white-space:nowrap; } a.minimal-price-link { display:block; } a.minimal-price-link .label {} a.minimal-price-link .price { font-weight:normal; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:bold; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from {} .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to {} .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:bold; } .tier-prices .benefit {} .product-shop a { color:#11376C; } /* Opmaak van de Product detail pagina */ .product-view .product-img-box .product-image { padding:10px; } .product-shop .short-description { padding:10px 0; } .product-shop .availability { display:none; } .products-list .product-shop .availability { display:block; } .product-shop .price-box .regular-price .price { font-size:2.7em; text-align:left; margin:0; } .product-shop .add-to-box .add-to-cart { padding:0; } .product-shop .add-to-box .add-to-cart label, .product-shop .add-to-box .add-to-cart input.qty { display:none; } .product-shop .add-to-box .add-to-cart .add-to-links { float:none; } .product-shop a { font-size:1.0em; color:#11376c; background:url(../images/dvhn/arrow-right.gif) center left no-repeat; padding-left:15px; } /* Add to Links */ ul.add-to-links { width:150px; display:block; } .add-to-links .separator { display:none; } .add-to-links li a { font-size:1.0em; color:#11376c; background:url(../images/dvhn/arrow-right.gif) center left no-repeat; padding-left:15px; } /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; } .add-to-cart .qty { display:block; } .add-to-cart button.button { float:left; margin-left:5px; } /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { margin-top:25px; } /* Product Options */ .product-options { padding:10px; margin:10px 0 0; border:1px solid #edf2f9; background-color:#f6f6f6; } .product-options dt label { font-weight:bold; } .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin:10px 0; } .product-options dl.last dd.last {} .product-options dd input.input-text { width:98%; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:100%; } .product-options .options-list {} .product-options .options-list input.radio { float:left; margin:3px -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:3px -20px 0 0; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { padding:15px 0 0; } .product-options-bottom { padding:10px; border:1px solid #edf2f9; border-top:0; } .product-options-bottom .price-box { margin:10px 0; } /* product options wrapper */ #product-options-wrapper { padding:0; background:none; border:none; } #product-options-wrapper .required { padding:0; } /* Grouped Product */ .grouped-items {} /* Block: Description */ .product-view .description {} /* Block: Additional */ .product-view .additional {} /* Block: Upsell */ .product-view .up-sell {} .product-view .up-sell span.up-selltitle { background:transparent url(../images/dvhn/block-title-bg-x.gif) repeat-x scroll center top; font-weight:bold; border:1px solid #2A54A7; height:23px; padding:0 10px; color:#fff; margin:5px 0; display:block; } .product-view .up-sell .products-grid td { width:25%; } .product-view .up-sell .products-grid td button.yellow-button{ width:150px; } /* Block: Tags */ .product-view .tags {} .product-view .tags .form-add-tags label { float:left; } .product-view .tags .form-add-tags .input-box { float:left; margin:0 5px; } .product-view .tags .form-add-tags button.button { float:left; } .product-view .tags .form-add-tags p { clear:both; } /* Block: Reviews */ .product-view .reviews {} /* Block: Add Review */ .product-view .add-review {} .product-view .add-review .product-name span { font-weight:normal; } /* Review on the product page */ #reviews .std { padding:10px; border-right:1px solid #CECECE; border-left:1px solid #CECECE; border-bottom:1px solid #CECECE; } #reviews .std ol { margin-top: 15px; padding-left: 0 } #reviews .std ol li { list-style-type: none } .reviews p { font-style:italic; margin:5px; padding:5px; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size:0.9em; font-weight:bold; line-height:1.5; color:#11376c; } /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .search-summary {} /* CMS Home Page */ .cms-home .products-grid td { width:20%; } /* Sitemap */ .sitemap {} /* ======================================================================================= */ /* 404 Page /* =========================================================================== */ .page-head-alt {} .page-head-alt h3 {color:#11376C;} .disc li {color:#11376C;} /* Product Review ======================================================================== */ .product-review {} .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; border:1px solid #edf2f9; padding:1px; } .product-review .details { float:right; width:570px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart .checkout-types { float:right; text-align:right; } .cart .checkout-types li a { color:#11376C; } /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { float:left; width:500px; } .cart .cart-collaterals .col-1 { float:left; width:500px; } .cart .cart-collaterals .col-1 .crosssell { width:343px; } .cart .cart-collaterals .col-1 h3 { font-size:1.2em; margin-bottom:10px;} .cart .cart-collaterals .col-2 { float:left; padding:10px; margin-left:10px; border:1px solid #E6ECF5; } .discount-col { margin-left:10px; } .cart .crosssell .product-image { float:left; margin-right:-90px; } .cart .crosssell .product-shop { margin-left:90px; } .cart .shipping {} .cart .cart-collaterals .col-1 .crosssell { background:#fff; border:1px solid #E6ECF5; padding:10px; overflow:hidden; margin: 0 10px 10px 10px; } .cart .cart-collaterals .col-1 .crosssell h3 { color:#11376C; } .discount h3 { color:#11376C; } /* Shopping Cart Totals */ .cart .totals { float:right; } .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding:5px; } .cart .totals table th { font-weight:bold; } /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value dl { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #edf2f9; background-color:#f6f6f6; } .truncated .show dl { top:-20px; left:50%; } .col-left .truncated .show dl { left:30px; top:7px; } .col-right .truncated .show dl { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /* One Page */ .opc { border-bottom:1px solid #edf2f9; position:relative; } .opc li.section { border:1px solid #cecece; border-bottom:0; } .opc .step-title { background-color:#edf2f9; padding:0 5px; text-align:right; } .opc .step-title .number { float:left; line-height:22px; margin-right:5px; } .opc .step-title h3 { float:left; color:#11376C; margin-left:5px;} .opc .allow .step-title { cursor:pointer; } .opc .active {} .opc .active .step-title { background:url(../images/dvhn/betaalwijze-active-bg.gif); cursor:default; } .opc .step { border-top:1px solid #edf2f9; padding:10px; position:relative; } .opc .step .tool-tip { right:10px; } .opc .order-review {} #opc-review { border-bottom:1px solid #CECECE; } /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#000; color:#000; } .multiple-checkout { position:relative; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .grand-total big {} .multiple-checkout .grand-total .price {} /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .please-wait { float:right; margin-right:5px; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { border:1px solid #edf2f9; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .add-gift-message {} .gift-message-form { border:1px solid #edf2f9; background-color:#f5f5f5; } .gift-message-form .inner-box { padding:5px; height:300px; overflow:auto; } .gift-message-form .gift-item {} .gift-message-link { display:block; background:url(../images/bg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #edf2f9; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:6px; } /********** Common Checkout Styles > */ /* ======================================================================================= */ /* Login Page ============================================================================ */ .login-page {} .login-page .content { min-height:150px; } #login-form .col2-set .forgot-password { border:none; } #login-form .new-users .buttons-set { border:none; padding:0; } #login-form .new-users .buttons-set button.button { float:left; } #login-form .byline { margin-top:10px; } /* ======================================================================================= */ /* My Account ============================================================================= */ /********** < Dashboard */ .dashboard {} .dashboard .welcome-msg {padding: 10px;} .dashboard .welcome-msg h3 {color:#11376c;} .dashboard .welcome-msg p {color:#405787;} /* Dashboard Account data bar */ .dashboard .account-info-title { background:#2E56A8 url(../images/dvhn/block-title-bg-x.gif) repeat-x scroll center top; border:1px solid #2A54A7; height:25px; padding:0 10px; margin:0 0 10px 0;} .dashboard .account-info-title h3 { color:#fff; } /* Block: Recent Orders */ .dashboard .recent-orders { margin:10px 0; border:1px solid #edf2f9;} .dashboard .recent-orders .title-buttons {background:url(../images/dvhn/dashboard-tinybar-x.gif) repeat-x left bottom #f8f8f8; padding:3px 10px; } .dashboard .recent-orders .title-buttons h3 {color:#11376C;} .dashboard .recent-orders .title-buttons a{} .title-buttons button.button { background:none; margin:0; cursor:pointer; } .title-buttons button.button span { background:none; text-decoration:underline; } /* Block: Tags */ .dashboard .tags .number { float:left; margin-right:-20px; } .dashboard .tags .details { margin-left:20px; } .col-main .dashboard .col2-set .col-1, .col-2 { border:1px solid #cecece; } .col-main .dashboard .col2-set .col-1, .forgot-password { border:1px solid #CECECE; } .col-main .dashboard .col2-set .col-1 address, .col-2 address, .col-main .dashboard .col2-set .col-1 p, .col-2 p { padding:0 0 10px 0; color:#405787; overflow:hidden;} .col-main .dashboard .col2-set .col-1 p:after, .col-2 p:after { content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden; } .col-main .dashboard .col2-set .col-1 h4, .col-2 h4 { width:auto; background:url(../images/dvhn/dashboard-tinybar-x.gif) repeat-x top left; padding:3px 10px; border-bottom:1px solid #CECECE; font-weight:bold; color:#11376c; font-size:14px;} .col-main .dashboard .col2-set .col-1 h5, .col-2 h5 { width:auto; background:url(../images/dvhn/dashboard-tinybar-x.gif) repeat-x top left; padding:3px 10px; border-bottom:1px solid #CECECE; font-weight:bold; color:#11376c; font-size:14px;} /* a in dashboard */ .col-main .dashboard .col2-set .col-1 a.button, .col-2 a.button { background:url(../images/dvhn/button.gif) no-repeat top left; overflow:visible; width:auto; cursor:pointer; border: none; height:24px; padding: 0 0 0 4px; margin:5px 0px; color:#fff; float:left; text-decoration:none;} .col-main .dashboard .col2-set .col-1 a.button:hover, .col-2 a.button:hover { background:url(../images/dvhn/button.gif) no-repeat left bottom; float:left;} .col-main .dashboard .col2-set .col-1 a.button span, .col-2 a.button span { background:url(../images/dvhn/button.gif) no-repeat top right; color:#FFF; display:block; float: left; height:24px !important; line-height:22px; padding: 0 8px 0 4px; position:relative; white-space:nowrap; } .col-main .dashboard .col2-set .col-1 a.button:hover span, .col-2 a.button:hover span {background:url(../images/dvhn/button.gif) no-repeat bottom right;} .col-main .dashboard .col2-set .adresboek { border:1px solid #cecece; background:url(../images/dvhn/dashboard-tinybar-x.gif) repeat-x top left; padding:0 10px; border-bottom:1px solid #CECECE; font-weight:bold; font-size:14px; margin:10px 0 5px 0; height:24px;} .col-main .dashboard .col2-set .adresboek h4 { color:#11376c; line-height:24px;} /* a in adresboek */ .adresboek-button{overflow:hidden;} .col-main .dashboard .col2-set a.button { background:url(../images/dvhn/button.gif) no-repeat top left; overflow:visible; width:auto; cursor:pointer; border: none; height:24px; padding: 0 0 0 4px; margin:5px 0px 5px 0px; color:#fff; float:left; text-decoration:none;} .col-main .dashboard .col2-set a.button:hover { background:url(../images/dvhn/button.gif) no-repeat left bottom; float:left;} .col-main .dashboard .col2-set a.button span { background:url(../images/dvhn/button.gif) no-repeat top right; color:#FFF; display:block; height:24px !important; line-height:22px; padding: 0 8px 0 4px; position:relative; white-space:nowrap; } .col-main .dashboard .col2-set a.button:hover span, .col-2 a.button:hover span {background:url(../images/dvhn/button.gif) no-repeat bottom right;} /* Account gegevens pagina */ .col-main fieldset { padding:10px; } .col-main fieldset h3 a{ color:#11376C; } .col-main fieldset .col-main h3 { color:#11376C; margin-top:10px; } /* Block: Reviews */ .dashboard .reviews {} /********** Dashboard > */ /* Order View */ .order-info { border:1px solid #edf2f9; padding:5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info dt { font-weight:bold; } /* Print Pages */ .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer { background:url(../images/dvhn/footer-bg-x.gif) repeat-x #fff top; padding:10px; width:980px; margin: 5px 0; } .footer p { text-align:right; } .footer address { text-align:right; } .footer ul { float:left; padding:0 15px 0 0; list-style:disc; margin-left:20px;} .footer ul li a { color:#6b8ab3; font-size:10px; } /* Footer opmaak DVHN LC */ .footer .link-list { display:block; float:left; margin-left:10px; } .footer .link-list .link-list-wrap { width:120px; float:left; overflow:hidden; } .footer .link-list .link-list-wrap span { float:left; width:120px; } .footer .link-list .link-list-wrap span a { color:#3e3e3e; text-decoration:none; font-weight:bold; font-size:11px; } .footer .link-list .link-list-wrap ul { list-style:none; margin:0; float:left; } .footer .link-list .link-list-wrap ul li { background:url(../images/dvhn/footer-li-block.gif) no-repeat left center; padding-left:10px; } .footer .link-list .link-list-wrap ul li a { } .footer .links-follow { float:right; width:135px;} .footer .links-follow span { color:#3e3e3e; text-decoration:none; font-weight:bold; font-size:11px; } .footer .links-follow span a { } .footer .links-follow .links { list-style:none; margin:0; } .footer .links-follow .links li { background:url(../images/dvhn/footer-li-block.gif) no-repeat left center; padding-left:10px; } .footer .links-follow .links li a { } .footer address { display:block; float:left; text-align:right; color:#11376C; margin:10px; font-size:11px;} /* ======================================================================================= */ /* RSS */ .link-rss {float: right;background: url(../images/icon-rss.png) no-repeat top left; display: block; height:24px; width:24px; text-indent: -9999px;} .category-title { padding:1px 0px 0px 10px;} /************************************************/ /******************** Clears ********************/ /************************************************/ .clearer:after, .header:after, #nav:after, .main:after, .footer:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block-poll li:after, .block-related li:after, .block-related .item:after, .block .actions:after, .mini-products-list li:after, .title-buttons:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .products-list li.item:after, .product-view .product-img-box .more-views ul:after, .product-view .tags .form-add-tags:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .opc .step-title:after, .checkout-progress:after, .field-100:after, .group-select li:after, .form-list li:after, .buttons-set:after, .buttons-set2:after, .page-print .print-head:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }