﻿body {
 background: url(/files/img/body-background.jpg) repeat-x;
 font-family: Arial, helvetica, sans-serif; 
 font-size: 11px;
 margin: 0px;
 padding: 0px;
 /* overflow-y: scroll; */
 color: #000;}

#rcWrapper {
 width: 990px;
 margin: 0 auto;
 position: relative;}

h1, h2, h3, h4, h5, h6, h7 {
 margin: 0;
 padding: 0;}

img, fieldset { border: 0;}
body
.clear { 
 clear: both; }

.warning { 
 background-color: #FFFBF3; 
 border: 1px solid #F7E497;
 padding: 10px;
 width:605px;}

.rcmessage { padding:10px; border:2px dotted #849BA9; background:#D2E4ED; margin-bottom:10px; font-weight: bold; color: #849BA9; }

A { color: #006BB7; text-decoration: underline; }
/* A:visited { color: #003366;}
A:visited:hover { text-decoration: none; } */
A:hover { text-decoration: none; color: #3A8CDE; }
h1 { color: #006BB7; font-size: 18px; font-weight: bold; margin: 10px 0 20px 0; text-decoration: none;}
h1.logo { width: 213px; height: 56px; background: transparent url(/files/57/A3/0436835CCBBD.jpg) no-repeat; margin: 0; padding: 0;} 
h1.logo span { display: none;}
h1 A:hover { color: #006BB7; text-decoration: underline;}
h2 { color: #666666; font-size: 14px; font-weight: bold; margin: 5px 0 5px 0; text-decoration: none;}
h2 A { color: #666666; font-size: 14px; font-weight: bold; margin: 5px 0 5px 0; text-decoration: underline;}
h2 a:hover { color: #006BB7; text-decoration: none;}
h3 { color: #666; font-size: 12px; font-weight: bold; line-height: 22px; margin: 5px 0 ; text-decoration: none;}
h3 A{ color: #666; font-size: 12px; font-weight: bold; line-height: 22px; margin: 5px 0 ; text-decoration: underline;}
h3 A:hover { text-decoration: none; color : #006BB7;}
h4 { color: #006BB7; font-size: 12px; font-weight: bold; line-height: 22px; margin: 5px 0; text-decoration: none;}
h4 A { color: #006BB7; font-size: 12px; font-weight: bold; line-height: 22px; margin: 5px 0; text-decoration: underline;}
h4 A:hover { color: #006BB7; text-decoration: none;}
h5, h5 a{ color: #666666; font-size: 11px; font-weight: bold; line-height: 22px; margin: 5px 0 5px 0 ; text-decoration: underline;} 
h5 a:hover { color: #006BB7; text-decoration: none;}
h6, h6 a { color: #006BB7; font-size: 11px; font-weight: bold; line-height: 22px; margin: 5px 0 5px 0; text-decoration: underline;}
h6 a:hover { color: #3A8CDE; text-decoration:none;}

/* text */
.text { font-size: 12px;}
.text h1 { font-size: 20px; color: #006BB7; font-weight: bold; display: block;}
.text h2 { font-size: 14px; color: black; font-weight: bold; display: block; /* padding-bottom: 5px; */ }
.text h3 { font-size: 12px; color: #666666; font-weight: bold; display: block;}
.text img { padding: 10px;}
.text-grey { color: #666666; line-height: 16px; margin: 0px; display: block;}
.text-grey A { color: #666666;}
.text-grey A:hover { color: #006BB7;}
.text-green { font-size: 11px; font-weight: bold; color: #009900; display: block; text-decoration:none;}
.text-orange { font-size: 11px; font-weight: bold; color: #F27333; display: block;}
.text-blue { font-size: 11px; font-weight: bold; color: #006BB7; display: block;}

/* link (quicksearch) */
LI.link { font-size: 12px; text-decoration:none; }

/* tables */
table { border-collapse: collapse; }
th, td { padding: 3px; }
table.border th, table.border td { border: 1px solid #0C70BB; }

/* Lists */

/* ------------------- */

UL.reset,UL.reset li { list-style: none outside none; padding: 0px; margin: 0px;}

 

UL.list { padding-left: 20px; margin: 0px;}

UL.list LI { list-style: none outside url(/files/img/list-bullet-grey.png);}

UL.list A { color: #006BB7; text-decoration: none;} 

/* UL.list A:visited { color: #003366;} 

UL.list A:visited:hover { text-decoration: underline;} */

UL.list A:hover { text-decoration: underline; color: #3A8CDE;} 

 

UL.bullets-white, UL.bullets-black, UL.bullets-black-bigger { padding-left: 16px !important; margin: 0px;}
UL.bullets-white LI { list-style: none outside url(/files/img/list-bullet-white.png) !important;}
UL.bullets-black LI { list-style: none outside url(/files/img/list-bullet-black.png) !important;}
UL.bullets-black-bigger LI { list-style: none outside url(/files/img/list-bullet-black.png) !important; font-size: 14px; font-weight:bold;}
UL.bullets-white A { color: white; text-decoration: none;}

UL.bullets-black A, UL.bullets-black-bigger A { color: #006BB7; text-decoration: underline; } 
/* UL.bullets-black A:visited, UL.bullets-black-bigger A:visited { color: #003366;} */
/* UL.bullets-black A:visited:hover, UL.bullets-black-bigger A:visited:hover { text-decoration: underline;} */
UL.bullets-black A:hover, UL.bullets-black-bigger A:hover { text-decoration: none; color: #3A8CDE;} 
UL.bullets-grey { padding-left: 20px !important; line-height: 16px; vertical-align: baseline; margin: 0px;}
UL.bullets-grey LI { list-style: none outside url(/files/img/list-bullet-grey.png) !important;}
UL.bullets-grey A { color: #006BB7; text-decoration: none;}
/* UL.bullets-grey A:visited { color: #003366;} */
UL.bullets-grey A:hover { text-decoration: underline;} 
UL.bullets-filter { padding-left: 17px !important; line-height: 16px; vertical-align: baseline; margin: 0px;}
UL.bullets-filter LI { list-style: none outside url(/files/img/list-bullet-grey.png) !important;} 
UL.bullets-filter A { color: #006BB7; text-decoration:none; }
/* UL.bullets-filter A:visited { color: #003366 } */
UL.bullets-filter A:hover { text-decoration:underline;} 

/* Bestel en meer-info buttons */
a.bestel-button, a.meer-info-button { display: block; width: 140px; height: 20px;}
a.meer-info-button, a.bestel-button {

 background: transparent url(/files/img/groen.gif) repeat-x 0 0;

 font-size: 12px;

 color: white;

 text-decoration: none;

 font-weight: bold;

 /* padding: 0px 35px 0 35px */

}

a.meer-info-button span, a.bestel-button span {
 color:white;
 font-size:12px;
 font-weight:bold;
 left:43px;
 position:relative;
 text-align:center;
 text-decoration:none;
 top:2px;
 vertical-align:middle; }

a.meer-info-button { background: transparent url(/files/img/meer-info-button.png) no-repeat 0 0; }
a.bestel-button:hover { background: transparent url(/files/img/groen-over.gif) repeat-x 0 0; }





/* Header Shopping Basket */

/* ------------------------------------------------------- */



.headerCart A{

 color: black;

 text-decoration: none; 

 font-weight: bold;

 font-size: 1.1em;}

 

 .headerCart A:hover {

 text-decoration: underline;

 color: #007BD7;}



 



.sidebar-right > div {

 margin-bottom: 10px; 

}



 

/* search bar */

/* -------------------------------------------------*/

.search_bar { 

 position: relative;}

 

 .search_bar .text_field {

 width: 270px;

 height: 18px;

 border: 1px solid #c7c7c7;

 padding: 2px;

 margin:0 3px 0 0;

 top: 0;

 float: left;

}

 

 .search_bar .button {

 display: block; 

 height: 24px;

 width: 83px;

 overflow: hidden;

 background: white url(/files/img/search_button.png) no-repeat 0 0;

 border: 0;

 text-indent: -10000em;

 margin: 0;

 float: left;

} 

 

 .search_bar .search_type_container {

 width: 100px;

 border: 1px solid #c7c7c7;

 height: 22px;

 overflow: hidden;

 background: #fff;}

 

 .search_bar .search_type {

 background: #fff;

 width: 100%;

 height: 100%;

 #width :104px;

 #height: 26px;

 #margin: -2px;

 border: 0px;}

 

 .search_bar .search_type option { }



.search_bar .text_field { padding: 4px 2px 0 4px; }

.search_bar .hint { color: #999; font-style: italic }

 

/* Links top menu */

/* ------------------------------------------------- */

.links-top-menu-container {

 float: right;}

 

.links-top-menu { 

 float: right;}

 

 .links-top-menu LI { 

 float: left;}

 

 .links-top-menu LI A {

 color: black;

 text-decoration: none;

 display: block;

 border-right: 1px solid #62a5d4;

 border-top: 1px solid #62a5d4;

 padding-top: 3px;

 padding-right: 8px;

 padding-bottom: 3px;

 padding-left: 8px; 

 background-color: #e4eff8;}

 

 .links-top-menu LI.first A { 

 border-left: 1px solid #62a5d4;}

 

 .links-top-menu LI A:hover {

 color: #007BD7;

 /* text-decoration: underline; */ }

 

/* top product navigation */

/* ------------------------------------------------- */

.top_navigation {

 position: relative;

 top: 0;

 left: 0;

 width: 990px;}

 

.top_navigation, .top_navigation UL {

 margin: 0;

 padding: 0;

 list-style: none inside none;}

 

.top_navigation LI {

 list-style: none outside none;

 padding: 0px;

 margin: 0px;}

 

 .top_navigation LI.category {

 float: left;

 height :55px;

 background: transparent url(/files/img/body-background.jpg) repeat-x 0 -178px ;}

 

 .top_navigation LI.category div.category.link A {

 width: 50px;

 height: 50px;

 border: 1px solid blue;

 margin-right: 5.5px;

 cursor: pointer;

 display: block;

 color: white;

 font-size: 11px;

 text-align: center;

 font-weight: bold;

 text-decoration : none;}

 

 .top_navigation LI.category div.sub_categories {

 position: absolute;

 top: 55px;

 left: 0px;

 width: 450px;

 height: 60px;

 background: transparent url(/files/img/top-nav-background.png) repeat-x;

 clear: both;

 display: none;}

 

 .top_navigation LI.category div.sub_categories UL.category { 

 width: 700px;}

 

 .top_navigation LI.category H4 {

 color: white;

 font-size: 20px;

 padding: 2px 10px 10px 34px;

 border-bottom: 1px solid #4391C8;

 margin: 10px;

 background: transparent url(/files/img/logo_klein.png) no-repeat;}

 

 LI.category H4 A{

 font-size: 20px; }

 

 LI.category H4 A:hover{

 text-decoration : underline; }

 

 .top_navigation LI.category LI.sub_category {

 width: 150px;

 float: left;

 height: 120px;

 margin: 3px 10px;

 overflow: hidden;}

 

 .top_navigation LI.category LI.sub_category A { 

 color: white;}

 

 .top_navigation LI.category LI.sub_category strong {

 font-weight: bold;

 text-decoration: none;

 font-size: 1.2em;

 color: white;

 margin: 0 0 8px 0;}

 

/* Main breadcrums */

/* --------------------------------------------------------- */

.main-breadcrums.reset li {

 float: left;

 display: block;

 margin: 0 2px;}

 

.main-breadcrums li A { 

 color: #006BB7;}



.main-breadcrums li A:hover { 

 color: #006BB7;} 



/* QuickSearch FORM */

/* ------------------------------------------------------ */

div.quicksearchContainer {

 background: #0061A6 url(/files/img/top-nav-background.png);

 width: 134px;

 padding: 8px; }

 

 div.quicksearchContainer UL {

 margin: 0;

 padding: 0;

 list-style: none inside none;}

 

 div.quicksearchContainer LI {

 list-style: none outside none;

 padding: 0px;

 margin: 0px;}

 

 div.quicksearchContainer LI.text, div.quicksearchContainer H2 {

 color: white;

 font-weight: bold;

 font-size: 12px;}

 

 div.quicksearchContainer H2 {

 margin: 0;

 padding: 0;

 text-align: center;}

 

 div.quicksearchContainer select {

 width: 134px;

 margin: 4px 0;

 font-family:Arial, Helvetica, sans-serif;

 font-size: 12px; }

 

 

/* Quick Search PAGES */

/* ------------------------------------------------------------ */

.quicksearch_results .info {

 background: transparent url(/files/img/light-blue-gradient.png);

 border: 1px solid #62A5D4;

 padding: 8px;

 margin-bottom: 10px;}

 

 .quicksearch_results .info img.brand-logo {

 margin: 0 8px 8px 0;

 border: 1px solid #62A5D4;}

 

.quicksearch_results hr {

 color: #62A5D4;

 background-color: #62A5D4;}

 

.quicksearch_results h2, .quicksearch_results h1 {

 color: #006BB7;

 font-size: 1.5em;

 font-weight: bold;

 margin: 8px 0;

 padding: 0;}







/* TOP BRANDS */



.top-brands {

 margin-top: 10px;

}

ul.top-brands {

 width: 640px; 

}



ul.top-brands li { 

 float: left; }

 

ul.top-brands li img { 

 vertical-align:middle; }



ul.top-brands li a {

 display:block;

 text-align: center;

 border: 1px solid #ccc;

 text-decoration: none;

 margin: 0 10px 10px 0; 

 width: 116px;

 height: 32px;

 padding-top: 8px;

 color: #666; }



ul.top-brands li a:hover {

 border: 1px solid #006BB7;

 color: #006BB7;

 text-decoration: none; }







/* ALL BRANDS */



.all-brands, .all-brands-width {

 width: 630px;

 /* border-bottom: 1px solid #ccc; */

 padding: 10px 0 20px 0;

 margin: 10px 0;

 display: table-cell;

 clear: both;

 #display: block;

}

 

 .all-brands UL, .all-brands-width UL {

 padding-left: 16px;

 display: block;}

 

 .all-brands UL {

 float: left;

 width: 192px;

 display: block;}

 

 .all-brands-width UL {

 float: left;

 width: 282px;

 display: block;}

 

 .all-brands A, .all-brands-width A {

 color: black;

 text-decoration: none;}

 

 .all-brands A:hover,UL.quicksearch.breadcrum LI A:hover, .all-brands-width A:hover { 

 color: #007BD7;

 /* text-decoration: underline; */ }

 

HR.quicksearch {

 clear: both;

 float: left;

 width: 620px;}

 

/* breacrum */

UL.quicksearch.breadcrum LI {

 float: left;

 margin: 8px 8px 0 0;}

 

 UL.quicksearch.breadcrum LI A {

 color: black;

 text-decoration: none;

 font-size: 1.5em;

 font-weight: bold;}

 

/* Left menu */

/* ------------------------------------------------ */

.left-menu LI , .left-menu UL {

 list-style: none outside none;

 padding: 0px;

 margin: 0px;}

 

.left-menu {

 width: 132px;

 border: 1px solid #CCCCCC;

 background: #f5f5f5;

 padding: 8px;

 margin-top: 10px;}

 

.left-bar-bottom-shade {

 width: 150px;

 height: 10px;

 background: transparent url(/files/img/left-bar-bottom-shade.png) no-repeat;

 clear: both;}



.left-menu H2 {

 color: #666666;

 font-size: 11px;

 font-weight: bold;

 line-height: 18px;

 margin: 8px 0 5px 0 ;

 text-decoration: none;

}



.left-menu H2 A {

 color: black;

 font-size: 11px;

 font-weight: bold;

 line-height: 18px;

 margin: 5px 0 5px 0 ;

 text-decoration: none;}

 

 .left-menu H2 A:hover {

 color: #006BB7;

 text-decoration: underline;}







.left-menu H4 {

 border-bottom: 1px solid #ccc;

 font-size: 1.2em;

 font-weight: bold;

 padding: 0 0 8px 0 ;

 margin: 0 0 4px 0;

 color: #666;}

 

.left-menu strong {

 display: block;

 font-weight: bold;

 color: black;

 margin: 6px 0;

}

 

.left-menu A {color: #006BB7; text-decoration: none;}

 /* .left-menu A:visited {color: #003366; text-decoration: none;}

 .left-menu A:visited:hover {text-decoration: underline;} */

 .left-menu A:hover {color: #006BB7; text-decoration: underline;}



.left-menu.border {

 border: 1px solid #006BB7;

}



.left-menu.repair {

 border: 1px solid #006BB7;

 background: #f5f5f5 url(/files/img/repairtool.png) no-repeat 120px center; 

}





/* .left-menubox {

 border: 1px solid #ccc;

 width: 132px;

 padding: 6px;

margin-bottom: 10px; } */



.left-menubox LI , .left-menubox UL {

 list-style: none outside none;

 padding: 0px;

 margin: 0px;}



.left-menubox {

 background:#F5F5F5 none repeat scroll 0 0;

 border:1px solid #006BB7;

 padding:5px;

 width:138px;}

 

 .left-menubox-header {

 font-weight: bold;

 font-size: 11px;

 color: white;

 width: 136px;

 /* height: 25px; */

 vertical-align:middle;

 border-top: 1px solid #006BB7;

 border-left: 1px solid #006BB7;

 border-right: 1px solid #006BB7;

 padding: 2px 6px 2px 6px;

 /* background: transparent url(/files/img/bgheaderblue.png) repeat-x; */

 background-color: #006BB7;

 margin-top: 10px;}



 .left-menubox-header A {color: white;}

 .left-menubox-header A:hover {text-decoration:underline;}



 .left-menubox A {color: #006BB7; text-decoration: none;}

 /*.left-menubox A:visited {color: #003366; text-decoration: none;}

 .left-menubox A:visited:hover {text-decoration: underline;} */

 .left-menubox A:hover {color: #006BB7; text-decoration: underline;}





.newsletter LABEL { 

 display: none;}

 

.newsletter FORM {

 margin: 0;

 padding: 0;}

 

.newsletter .textfield {

 border: 1px solid #ccc;

 margin: 4px 0;}

 

.newsletter .button { }

 

/* rigth bar */

.right-support-menu UL {

 width: 138px;

 height: 204px;

 background: transparent url(/files/img/right-support-menu.png) no-repeat;

 position: relative;}

 

 .right-support-menu UL LI {

 position: absolute;

 left: 50px;

 width: 76px;

 top: 8px;}

 

 .right-support-menu UL LI.mail { 

 top: 46px;}

 

 .right-support-menu UL LI.vraag { 

 top: 96px;}

 

 .right-support-menu UL LI span {

 margin: 0 0 0 4px;

 display: block;}

 

 .right-support-menu UL LI.vraag A {

 position: absolute;

 top: 74px;

 display: block;

 border : 1px solid #ccc;}

 

 .right-support-menu UL LI.vraag A span {

 margin: 0;

 background: transparent url(/files/img/top-nav-background.png) repeat-x;

 border: 1px solid white;

 color: white;

 font-weight: bold;

 padding: 1px 0;

 font-size: 1em;

 display: block;

 width: 82px;

 text-align :center;}

 

 

/* CATALOG */

/* ----------------------------- */



div.catalog {

 width: 640px; }



.catalog-info { 

 margin: 10px 0; }

 

.catalog-item {

 width: 150px;

 height: 170px;

 float: left;

 margin: 0 10px 10px 0;

 position:relative;

 text-align:center;}

 

 .catalog-item.break { 

 margin-right: 0;}

 

 .catalog-item A {

 position: absolute;

 top: 0;

 left: 0;

 padding: 140px 0 0 0;

 text-decoration: none;

 color: black;

 display: block;

 width: 150px;

 background: transparent url(/files/img/catalog-item-bg.png) no-repeat -1px 0 ;}

 

 .catalog-item A:hover { 

 background: transparent url(/files/img/catalog-item-bg-hover.png) no-repeat -1px 0 ;}

 

 .catalog-item A:hover { 

 color: #006BB7;}

 

 .catalog-item A SPAN { 

 display:block;}

 

 .catalog-item A IMG {

 border: 0px;

 position: absolute;

 top: 3px;

 left: 2px;}

 

 .catalog-item .name H2 { 

 font-weight: bold;}

 .catalog-item .name H2 A { 

 color: #cccccc;}

 .catalog-item .name H2 A:hover { 

 color: #006BB7;}



 

 .catalog-item .count { 

 color: #ccc;}

 

 ul.filter.selected { }

 

 ul.filter.selected LI {

 font-weight: bold;

 color: red;

 font-size: 1.2em;

 width: auto;}

 

 ul.filter.selected IMG{

 display: inline;

 vertical-align: middle;}

 

/* Product Details Page */

/* ---------------------------------------------------------*/

div.next_previous_product {

 width: 834px;

 border-top: 1px solid #ccc;

 border-bottom: 1px solid #ccc;

 margin: 10px 0;

 position: relative;

 padding: 4px 0 28px 0;

 #padding: 4px 0 4px 0;

 #height: 23px;}

 

 div.next_previous_product .button {

 position: absolute;

 border: 1px solid #ccc;

 padding: 1px;}

 

 div.next_previous_product .button.next { 

 right: 0px;}

 

 div.next_previous_product .button A {

 display:block;

 width: 120px;

 text-align: center;

 padding: 2px;

 background: #006BB7 url(/files/img/top-nav-background.png) repeat;

 color: white;

 font-weight: bold;

 text-decoration: none;}

 

 div.next_previous_product .button A:hover { 

 background: #003366;}

 

 div.next_previous_product .button A .symbol {

 font-size: 1.3em;

 line-height: 0.6em;}

 

 div.next_previous_product .next { 

 float: left;}

 

 div.next_previous_product .info {

 position:absolute;

 width: 790px;

 text-align: center;

 padding: 2px;

 z-index: 0;}

 

div.next_previous {

 position: absolute;

 top: 30px;

 z-index: 500;

 padding-top: 10px;

 display: none;}

 

div#next_products { 

 right: 0px;}

 

div.next_previous UL {

 display:table-cell;

 border: 1px solid #006BB7;

 padding: 4px;

 background: white;

 #height: 50px;

 _display: block;

 _width: 300px;}

 

 div.next_previous UL LI { 

 float: left;}

 

div.next_previous .pointer {

 height: 11px;

 width: 19px;

 background: transparent url(/files/15/68/3A9E91EF7B4E.png) no-repeat top center;

 position: absolute;

 left: 10px;

 top: 0px;}

 

div#next_products .pointer {

 right: 10px;

 left: auto;}

 

div.next_previous IMG {

 border: 1px solid #cbcbcb;

 margin: 0 2px;}

 

div.product_details {

 color: #000;

 width: 820px; 

}

 

div.product_details .left {

 width: 502px;

 float: left;

}

 

div.product_details .right { 

 width: 310px;

 float: right; 

}



div.product_details .deviceLeft {

 width: 626px;

}

 

div.product_details .deviceRight { 

 width: 180px; 

}

 

/* div.product_details H1 {

 color: #006BB7;

 font-size: 18px;

 font-weight: bold;

 margin: 10px 0;

 padding: 0 0 0 0px;

 clear: both !important;}

 

 div.product_details H2 {

 color: #006BB7;

 font-size: 14px;

 font-weight: bold;

 margin: 10px 0;

 padding: 0 0 0 0px; 

 clear: both !important;}

 

 div.product_details H3 {

 color: #666666;

 font-size: 14px;

 font-weight: bold;

 margin-top: 20px;

 clear: both !important;} */

 

 div.product_details .suitable-for {

 background: transparent url(/files/img/vinkje.png) no-repeat left center;

 height: 20px;

 margin: 5px 0 10px 0;

 padding: 4px 10px 0px 25px;

 border-top: 1px dashed #CECECE;

 border-bottom: 1px dashed #CECECE;

 /* margin-bottom: 10px; */

}



div.product_details .filtered {

 background-color: #FFFBF3; 

 border: 1px solid #F7E497;

 padding:10px;

 width:478px;

 margin-bottom: 10px;

}



div.product_details .infobox-grey {

 background-color: #F5F5F5; 

 border: 1px solid #CCCCCC;

 padding:5px;

 width:492px;

 margin-bottom: 10px;

}



div.product_details DL.product_attributes {

 margin: 0;

 padding:0;

 border: 1px solid #ccc; }

 

div.product_details DL.product_attributes dt,

div.product_details DL.product_attributes dd,

div.product_details div.product_price div.label,

div.product_details div.product_price div.info {

 margin: 0;

 padding: 4px 5px 4px 8px;}

 

div.product_details DL.product_attributes dt {

 float: left;

 /* font-weight: bold;*/ }

 

div.product_details DL.product_attributes dd, div.product_details div.product_price div.info {

 padding-left: 175px;

 /* border-top: 1px solid white;

 border-left: 1px solid white;

 border-right: 1px solid white; */

 background-color: #F5F5F5;}



ul.links LI {

 padding-left: 25px;

 border-top: 1px solid white;

 border-left: 1px solid white;

 border-right: 1px solid white;

 background-color: #F5F5F5;}





/* test tables instead of DL in productdetail */

div.product_attributes { border: 1px solid #ccc; width: 100%; margin-bottom:10px;}

div.product_attributes table { background-color: #F5F5F5; margin: 0; /* margin: 1px 0 0 1px;*/ }

div.product_attributes tr.withmouseovereffect:hover { background-color: #ddd; } 

div.product_attributes td, div.product_attributes th { padding: 2px 1px 2px 5px; }

div.product_attributes td.attrinfo { width: 18px; border: 1px solid white; border-right: 0; }

div.product_attributes td.attrname { width: 185px; border: 1px solid white; border-left: 0; }

div.product_attributes td.attrvalue { width: 299px; border: 1px solid white; }



div.product_attributes td.column_medium_1 { width: 238px; border: 1px solid white; border-left: 0; }

div.product_attributes td.column_medium_2 { width: 264px; border: 1px solid white; }

div.product_attributes td.column_small_1 { width: 170px; border: 1px solid white; border-left: 0; }

div.product_attributes td.column_small_2 { width: 334px; border: 1px solid white; }



 

div.product_details div.product_price div.info { 

 background: transparent;

 margin: 5px 0 5px 0;}

 

div.product_details .product_price { 

 position: relative;}

 

div.product_details div.product_price div.label {

 position: absolute;

 top: 0px;

 left: 0px;

 font-weight: bold;}

 

div.product_details .price-from, UL.compare .price-from { 

 display:none;}

 

div.product_details .price-for .label { 

 display: none;}

 

div.product_details .price-for .price { 

 display: block;}

 

 div.product_details .price-for .price span, UL.compare .price-for .price span {

 clear: both;

 display: block;

 padding: 4px 0;}

 

 div.product_details .price-for .price .netprice, UL.compare .price-for .price .netprice {

 color: #006BB7;

 font-size: 1.5em;

 font-weight: bold;

 padding: 0 0;

 margin: 0;}

 

div.product_details ul.links LI A {

 margin: 3px 3px 5px 20px;

 display: block;

 color: #006BB7;

}



div.product_details ul.links LI.favorieten { background: transparent url(/files/img/star.gif) no-repeat 4px 4px;}

div.product_details ul.links LI.doorsturen { background: transparent url(/files/img/mail.gif) no-repeat 4px 4px;}

div.product_details ul.links LI.print { background: transparent url(/files/img/print.gif) no-repeat 4px 5px;}

 

div.product_details .long_description, div.product_details .short_description { 

 overflow: hidden;}

 

div.product_details .long_description H3, div.product_details .short_description H3 {

 font-weight: bold;

 color: black;

 margin: 0;

 padding: 100px;

 font-size: 1em;}

 

A.show_longdescription, A.show_shortdescription {

 display: block;

 color: #006BB7;}

 

/* RIGHT */

.right-menubox {

 border: 1px solid #ccc;

 width: 176px;

 padding: 6px;

 /* margin-bottom: 10px; */}

 

 .right-menubox-header {

 font-weight: bold;

 font-size: 12px;

 color: white;

 width: 176px;

 /* height: 25px; */

 vertical-align:middle;

 border-top: 1px solid #ccc;

 border-left: 1px solid #ccc;

 border-right: 1px solid #ccc;

 padding: 3px 6px 3px 6px;

 background: transparent url(/files/img/bgheaderblue.png) repeat-x;

}



 .right-menubox-header A {color: white;}

 .right-menubox-header A:hover {text-decoration:underline;}

 

div.product_details .right .block .content {

 border: 1px solid #ccc;

 width: 292px;

 padding: 6px;

 margin-top:10px;}

 

div.product_details .right .block .contentblueborder {

 border: 1px solid #006BB7;

 width: 292px;

 padding: 6px;

 margin-top:10px;}

 

div.product_details .right .block .bottom-shade {

 width: 310px;

 height: 19px;

 background: transparent url(/files/img/bottom-shade.png) no-repeat;}



/* PHOTO VIEWER */



.foto-viewer {

 height: 310px;

 background: white; }

 

.foto-viewer .main li {

 /* position: absolute;

 top: 0;

 left: 0;*/

 display: none;}



.foto-viewer .maincontainer { 

 position: relative; 

 height: 240px;

 margin: 0;}



.foto-viewer .thumbscontainer {

 height: 50px;

 position: relative;

 padding-top: 11px;}

 

.foto-viewer .button {

 width: 16px;

 height: 42px;

 margin: 1px;

 float: left;

 background-position: center center;

 background-repeat: no-repeat;}

 

 .foto-viewer .button.enabled { 

 cursor: pointer;}

 

 .foto-viewer .button.previous { 

 background-image: url(/files/img/foto-viewer-left-disabled.png);}

 

 .foto-viewer .button.next { 

 background-image: url(/files/img/foto-viewer-right-disabled.png);}

 

 .foto-viewer .button.next.enabled { 

 background-image: url(/files/img/foto-viewer-right-enabled.png) !important;}

 

 .foto-viewer .button.previous.enabled { 

 background-image: url(/files/img/foto-viewer-left-enabled.png) !important;}

 

.foto-viewer .container {

 position: relative ;

 width: 256px;

 height: 50px;

 overflow: hidden;

 float: left;}



.foto-viewer .thumbs {

 width: 10000000px;

 position: absolute;

 top: 0;

 left: 0;}

 

 .foto-viewer .thumbs LI {

 float: left;

 padding: 1px 9px;

 cursor: pointer;}

 

.foto-viewer .active-thumb {

 width: 51px;

 height: 55px;

 background: transparent url(/files/img/foto-viewer-active-thumb.png) no-repeat;

 position: absolute;

 top: 0px;

 left: 24px;}

 

/* small version */



.foto-viewer.small {



 background: white; 

 }



.foto-viewer.small .main { 

 height: 150px; }



.foto-viewer.small .maincontainer { 

 position:relative;

 height:150px;

 width:150px;

 margin: 0 10px; }



.foto-viewer.small .container { 

 width: 128px; }





/* PRODUCT DETAIL */



div.product_details .block H4 {

 margin: 0px;

 padding: 0 0 8px 0;

 font-size: 12px;

 font-weight: bold;

 color: #666666; }



/* Partnumber block */

div.product_details .partnumbers { 

 display: table-cell; 

 margin-bottom:10px}

 

div.product_details .partnumbers LI {

 width: 136px;

 float: left;}



div.product_details .partnumbers H3 {

 margin: 0;

}



/* Compatibility block */

div.product_details .compatibility { 

 display: table-cell;

 margin-bottom: 10px;

 }

 

div.product_details .compatibility H5 {

 font-size: 1em;

 font-weight: normal;

 margin: 0;

 padding: 8px 0;

 border-top: 1px solid #ccc; }



div.product_details .compatibility LI {

 width: 242px;

 float: left;}



/* Alternatives block */

div.product_details .alternatives FORM { 

 display: table-cell;}

 

div.product_details .alternatives .related-product {

 width: 50%;

 height: 30px;

 float: left;}

 

 div.product_details .alternatives .related-product label {

 display: block;

 float: left;

 padding-top: 3px;

 width: 120px;}

 

 

/* Product Compare Page */

/* ------------------------------------------- */

UL.compare LI {

 display: block;

 width: 100%;}

 

UL.compare UL.compare-row {

 display: table-row;

 clear: both;}

 

 UL.compare UL.compare-row LI {

 width: 140px;

 display: table-cell;

 background: #F5F5F5;

 border: 1px solid white;

 padding: 4px;

 margin: 0 -1px -1px 0;

 #float: left;

 height: inherit;}

 

 UL.compare UL.compare-row LI.odd { 

 background: #EAEAEA;}

 

UL.compare LI.photos UL.compare-row LI, UL.compare LI.info UL.compare-row LI {

 height: 110px;

 background: white !important;

 position: relative;}

 

UL.compare LI.photos UL.compare-row LI IMG.photo {

 top: 0;

 right: 0;}

 

UL.compare LI.photos UL.compare-row LI IMG.manufacturer {

 clear: both;

 bottom: 4px;

 left: 0;

 float: left;}

 

UL.compare.attrs {

 border-top: 1px solid #ccc;

 clear: both;}

 

H3.compare_header {

 clear: both;

 float: left;

 margin: 0;

 padding: 0;

 font-size: 1.2em;

 margin-top: 20px;}

 

/* Search Results */

/* ------------------------------------------- */

OL.product-results LI.product-result {

 position: relative;

 padding: 8px 335px 8px 88px;

 margin-bottom: 8px;

 min-height: 70px;

 _height: 70px;

 border-bottom: 0px solid #ccc;}

 

OL.product-results { border-top: 1px solid #ccc; }

 

 OL.product-results LI img.thumbnail {

 position: absolute;

 left: 8px;

 top: 8px;}

 

 OL.product-results LI .availability {

 position: absolute;

 left: 375px;

 top: 8px;

 width: 100px;

 height: auto;

 font-size : 1.0em;

 text-align: left;}

 

 OL.product-results LI .price {

 position: absolute;

 left: 490px;

 top: 8px;

 text-align: left;

 font-weight: bold;

 font-size : 1.2em;}

 

 OL.product-results LI .order {

 position: absolute;

 left: 560px;

 top: 4px;}

 

 OL.product-results LI .description ul { 

 margin-top: 4px;}

 

 OL.product-results LI A.product-name, OL.product-results LI A.meer-info { 

 display: block;}

 

 OL.product-results LI A.product-name {

 color: black;

 font-size : 1.1em;

 font-weight: bold;

 padding: 0 0 4px 0;}

 

 OL.product-results LI A.meer-info { 

 color: #006BB7;}

 



/* DEVICE PAGE */

/* -------------------------------- */



.filtered {

 background-color: #FFFBF3; 

 border: 1px solid #F7E497;

 padding: 10px;

}



div.product_details.device .filtered {

 background-color: #FFFBF3; 

 border: 1px solid #F7E497;

 padding:5px;

 width:615px;

 margin-bottom: 10px;

}





div.product_details .longdescription {

 padding-top: 5px;

 margin-bottom: 20px;}

 

 div.product_details .description .text { 

 border-top: 1px solid #ccc;}

 

div.product_details .device-subnav { 

 top: 40px;}

 

.foto-viewer.small {

 border: 1px solid #ccc;

 height: 250px;

 width: 172px;

 padding: 8px;}

 

.device-products-subnav .left-menu { 

 background-color: white;}

 

.device .links li { 

 padding-left: 4px !important;}

 

.device .info-button {

 background: transparent url(/files/img/top-nav-background.png) repeat-x;

 border: 1px solid white;

 color: white;

 font-weight: bold;

 padding: 2px 6px;

 font-size: 1em;

 text-decoration: none;

 display:block;

 clear: both;}

 

.device .button-border { 

 float: none;}



.device-products.repair {

 

}



.device-products.repair H2 {

 font-size: 18px; 

}



 

/* Results Page Numbers */

/* -------------------------------------------- */

div.search-results-container H2 {

 color: #FF6600;

 font-size: 1.5em;

 font-weight: bold;

 margin: 10px 0;}



div.paging {

 padding: 5px;

 margin: 5px;

 float: right;

}

 

 Ul.pages LI {

 float: left;

 padding: 2px;

 MARGIN: 2px;}

 

UL.pages LI.vorige, UL.pages LI.volgende { 

 color: #ccc;}

 

UL.pages LI A {

 color: #000;

 text-decoration: none;}

 

 UL.pages LI A:hover { 

 color: #007BD7;

 /* text-decoration: underline; */}

 

UL.pages LI.pagenr {

 border: 1px solid #ccc;

 background: #ccc;

 width: 18px;

 text-align: center;

 padding: 0;}

 

 UL.pages LI.pagenr.selected span, UL.pages LI.pagenr A {

 display: block;

 border: 1px solid white;}

 

 UL.pages LI.pagenr.selected {

 border: 1px solid #0066cc;

 color: white;

 background: #0066cc url(/files/img/top-nav-background.png) repeat left bottom;}

 

.list-info {

 margin-bottom: 10px;

 padding: 3px 0;}

 

/* Support Overview */

/* -------------------------------------------- */

div.support-overview-group {

 padding-top: 0px;

 width: 31%;

 margin-right: 10px;

 float: left;

}

 

 div.support-overview-group h2 {

 margin-top: 10px;

 color:#006BB7;

 font-size: 1em;

 width: 100%;}

 

.search_support .text_field {

 width: 370px;

 left: 4px;}

 

.support .info { 

 height: 23px;}

 

h2.support_menu {

 margin: 10px 10px 10px 5px;

}

 

.support-overview-group.menu {

 float: left;

 clear: both;

 width: 190px;}

 

.support-overview-group.menu h3 {

 padding: 2px 2px 2px 5px;

 margin: 3px;

 cursor: pointer;

 border: 1px solid #cccccc;

 background-color: #F5F5F5;

}



.support-overview-group.menu h3:hover {

 text-decoration:underline;}





 

/* FLEXFORMS */



.main-form label { padding-top: 3px; } 

.main-form .form-row { padding-bottom: 3px; clear: both; font-size:11px; } 

.main-form .form-row-text { padding: 0 0 10px 0px; }

.main-form .submit { padding-left: 150px; }

.main-form .submit .button-border { float: inherit; margin-left: 150px; }

.main-form .remember-me { padding-left: 150px; clear: both; }

.main-form .reminder { padding-left: 150px; clear: both }

.main-form .form-radio { width: auto; }

.main-form .form-radio label { width: auto !important; }

.main-form .checkbox { padding-left: 150px; }

.main-form .checkbox label { width: auto; }



input.textfield { border: 1px solid #CCC; padding: 3px; }

input.textfield.required { border: 1px solid #CCC; padding: 2px; }



textarea { 

 border: 1px solid #CCC;

 padding: 2px;

 font-family: Arial, helvetica, sans-serif !important;

 font-size: 12px !important; 

}





form.main-form .form-row.radio { 

 height: 20px;

 padding-bottom: 3px;}





form.main-form .form-radio {

 width: 110px;

 text-align: left;

 float: left;}

 

 form.main-form .form-radio input { 

 }

 



 

form.main-form .message {

 position: absolute;

 left: 340px;

 width: 250px;

 display: block;

 top: -18px;

 font-weight: bold;}



form.main-form .checkbox label { 

 width: auto;}

 





form.main-form select {

 border: 1px solid #CCC;

 padding: 2px; }

 

.textfield.invalid {

 border: 1px solid #FF9999;}



.textfield.accepted {

 border: 1px solid green;}

 

.textfield.focussed { 

 background-color: #ffffe6; !important }

 

form.main-form .textfield, form.main-form select { 

 }

 

form.main-form .remember-me input { 

 float: left;}

 



 

form.main-form label {

 display: block;

 float: left; 

 width: 150px;

 padding-top: 3px;

 top: 0;}

 

form.main-form span.textfield {

 padding-top: 0px;

 width: auto;}

 

.iframe-button .button-border { 

 float: left;}



div.form-row-text h4 {

 font-size: 1em;

 color: #006BB7;

 border-bottom: #ccc 1px solid;

 padding: 4px 0;

 line-height: 25px;}







div.delivery {

 padding: 10px 0 10px 0px ;}



div.delivery .content {

 width: 400px;

 background: transparent url(/files/D4/40/D9C64023FDA2.png) repeat-y;

 border-bottom: 1px solid #ccc;

 border-right: 1px solid #ccc;

 padding: 20px;} 



div.delivery span.ui-radio {

 width: 40px !important;}



div.delivery LI {

 height: 24px;}

 

div.delivery LI label{

 padding: 3px 3px;

 display: block;}



#login-form input { float:left; }

 

 form.main-form div.login-bg {

 height: 134px;

 /*background: transparent url(/files/CE/A3/0C965D72CC5E.png) no-repeat;*/

 padding-top: 26px;

 position: relative;

 clear: both; 

 display: block;}

 

form.login-failed div.login-bg {

 height: 226px;

 /*background: transparent url(/files/95/14/826AA7160CB2.png) no-repeat;*/

 padding-top: 26px;}



form.login-failed div.form-row-text h4 {

 color:#cc0000;

 border-bottom:1px solid #cc0000;}

 

form.login-failed .submit { 

 top: 163px;}

 

form.login-failed label { }

 

form.newsletter-form .form-row.submit { 

 height: 20px;}

 

 form.newsletter-form .form-row.submit input { 

 background:transparent url(/files/img/top-nav-background.png) repeat-x scroll 0 0;}

 

/* Kassa */

/* ----------------------------- */



ul.checkout-header {

 background: transparent url(/files/E5/54/BDEAC6B1FF4C.png) no-repeat 0 0;

 width: 790px;

 height: 29px;

 margin: 0;

 padding: 1px 0 0 6px; }



ul.checkout-header li {

 float: left;

 display: block;

 color: #999; 

 font-weight: bold;}

 

ul.checkout-header li span {

 display: inline-block;

 width: 185px;

 border-right: 1px solid #999;

 height: 10px;

 padding: 7px 2px 9px 6px;}

 

ul.checkout-header li.first span {

 border-left: 1px solid #999;}

 

ul.checkout-header li a {

 display: block;

 background: transparent url(/files/67/E3/09423F95225C.png) repeat-x;

 color: #9DCB93;

 text-decoration: none;}

 

ul.checkout-header li a.current {

 background: transparent url(/files/27/DA/6BE0868FDF11.png) repeat-x top center;

 color: white;}





 

/* Winkelwagen */

/* ------------------------------- */



.shoppingBasket {

 width: 790px;}



.basket-form {

 margin: 0;

 padding: 0;}

 

 .basket-form .submit {

 float: right;

 width: auto;

 padding-top: 10px;}

 

 .basket-form .submit .button-border {

 margin-left: 10px;

 #margin-left: 0px;}

 

UL.basket LI { 

 margin-bottom: -1px;}

 

UL.basket UL {

 margin: 0;

 padding:0;}

 

 UL.basket UL LI {

 float: left;

 display:block;

 padding: 4px 8px;

 clear: none;

 border: 1px solid #D1ECFF;

 margin-top: -1px;

 margin-right:-1px;

 margin-top: 0;}

 

UL.basket LI.even UL LI {

 height: 70px;

 background: #F4FBFF;}

 

 UL.basket LI.even UL LI {

 height: 60px;

 background: #F4FBFF;}



 

UL.basket LI.odd UL LI {

 height: 60px;

 background: #EAF5FF;}

 

UL.basket LI.odd.discount UL LI { 

 background: #FFFEAA;}

 

UL.basket LI.odd.discount UL LI { 

 background: #F7ffD7;}

 

UL.basket LI.discount { 

 color: #066000;}

 

UL.basket LI.header UL LI {

 font-weight: bold;

 background:transparent url(/files/img/links-top-menu-hover.png) repeat-x scroll 0 0;}

 

UL.basket UL LI.product {

 width: 360px; 

 position: relative;}

 

UL.basket LI.item UL LI.product {

padding:4px 4px 4px 6px;

width:366px; 

} 



UL.basket LI.item UL LI.product table { display:inline; }

 

UL.basket UL LI.product img {

 position: absolute;

 top: 4px;

 left: 8px;

 border: 1px solid #D1ECFF; }

 

UL.basket UL LI.status {

 width: 180px;

 text-align: center;}



ul.history ul li.status { width:120px; }

 

UL.basket UL LI.adres {

 width: 268px;}

 

UL.basket UL.order-full LI.adres {

 width: 170px;}



UL.basket UL LI.quantity { 

 width: 60px;}

 

 UL.basket UL LI.quantity INPUT { 

 width: 30px;}

 

UL.basket UL LI.remove {

 width: 30px;

 text-align: center;}

 

UL.basket UL LI.price {

 width: 75px;

 text-align: right;

 font-weight: bold;}

 

UL.basket UL LI.info {

 width: 681px;

 text-align: right;

 border: 0px;

 background: transparent !important;}

 

UL.basket LI.total_row {

 float: right; 

} 

 

UL.basket LI.total_row UL LI {

 padding-top: 8px;

 height: 20px;}



UL.basket LI.sub LI{

 margin: 0;

 padding: 0;

 border: 0;}

 

UL.basket LI.sub LI LI {

 padding: 4px 8px; 

 border: 1px solid #D1ECFF;}

 

UL.basket UL A { 

 font-weight: bold;}

 

UL.basket UL SPAN.context { color: grey;}



/* CUSTOM CSS */

/* ------------------------------------- */



.image-border {

 border: 1px solid #CCCCCC;

 padding: 0px;

 margin-top: 0px;}



/* footer */

/* -------------------------- */

#footer {

 height: 218px;

 width: 100%;

 background: transparent url(/files/48/82/4E1BB90BF48A.png) repeat-x;

 display : none;

 margin-top: 20px;}

 

 #footer .content {

 width: 674px;

 margin: 0 auto;

 padding-top: 30px;}

 

 #footer .left-menu {

 float: left;

 width: 152px;

 background: transparent;

 border: 0;}

 

 div.autosuggest{width:270px;position:absolute;padding:0;z-index:500;padding-top:12px;top:18px;background:transparent url(/files/img/background-gradient-grey.png) repeat-x 0 13px;}#as_fc_headerSearchKeyword{z-index:9999999;}div.autosuggest div.as_header{width:270px;height:13px;background:transparent url(/files/img/ac_header_arrow.png) no-repeat center top;position:absolute;z-index:10;left:0;top:0;}div.autosuggest ul{list-style:none;margin:0;padding:0;overflow:hidden;border:1px solid #8B8B8B;border-top:0;}div.autosuggest .as_title{border:1px solid #8B8B8B;border-bottom:0;font-size:1.4em;color:#006BB7;font-weight:bold;padding:4px;}div.autosuggest ul li{color:#404041;padding:0;text-align:left;}div.autosuggest ul li a{display:block;text-decoration:none;background-color:transparent;position:relative;padding:0;color:#404041;}div.autosuggest ul a:hover{text-decoration:underline;}div.autosuggest ul li.as_highlight{background:#006bb7;color:white;}div.autosuggest ul li.as_highlight A{color:white;}div.autosuggest ul li.as_highlight a:hover{background-color:#006bb7;}div.autosuggest ul li.as_highlight em{color:white;font-weight:bold;}div.autosuggest ul li a span{display:block;padding:4px;}div.autosuggest ul li a span small{font-weight:normal;color:#999;}div.autosuggest ul li.as_highlight a span small{color:#ccc;}div.autosuggest ul li.as_warning{font-weight:bold;text-align:center;}div.autosuggest ul em{font-style:normal;color:#006bb7;}div.autosuggest ul li.as_highlight a:hover em{color:#d5eeff;}div.autosuggest div.as_header div.as_corner,div.autosuggest div.as_footer div.as_corner,div.autosuggest div.as_footer,div.autosuggest div.as_header div.as_bar,div.autosuggest div.as_footer div.as_bar,div.autosuggest ul li .tl,div.autosuggest ul li .tr{display:none;}#TB_window{font:12px Arial,Helvetica,sans-serif;color:#333333;}#TB_secondLine{font:10px Arial,Helvetica,sans-serif;color:#666666;}#TB_window a:link{color:#666666;}

 #TB_window a:visited{color:#666666;}

 #TB_window a:hover{color:#000;}

 #TB_window a:active{color:#666666;}

 #TB_window a:focus{color:#666666;}

 #TB_overlay{position:fixed;z-index:999999;top:0px;left:0px;height:100%;width:100%;}

 .TB_overlayMacFFBGHack{background:url(macFFBgHack.png) repeat;}

 .TB_overlayBG{background-color:#001728;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}

 * html #TB_overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight + 'px');}#TB_window{position:fixed;background:#ffffff;z-index:99999999;color:#000000;display:none;border:4px solid #006BB7;text-align:left;top:50%;left:50%;}* html #TB_window{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}#TB_window img#TB_Image{display:block;margin:15px 0 0 15px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666;}#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}#TB_closeAjaxWindow{padding:3px 3px 5px 0;margin-bottom:1px;text-align:right;float:right;}#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}#TB_title{background-color:#e8e8e8;height:27px;}#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}#TB_ajaxContent.TB_modal{padding:15px;}#TB_ajaxContent p{padding:5px 0px 5px 0px;}#TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px;}* html #TB_load{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%;}* html #TB_HideSelect{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight + 'px');}#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}#popup_container{font-family:Arial,sans-serif;font-size:1em;min-width:300px;max-width:600px;background:#FFF;border:solid 4px #006BB7;color:#000;}#popup_overlay{background-color:#001728;}#popup_title{font-size:1em;font-weight:bold;text-align:center;line-height:1.75em;color:#000;background:#CCC url(/files/img/links-top-menu-hover.png) bottom repeat-x;border:solid 1px #FFF;border-bottom:solid 1px #999;cursor:default;padding:0em;margin:0em;}#popup_content{background:16px 16px no-repeat url(images/info.gif);padding:1em 1.75em;margin:0em;}#popup_content.alert{background-image:url(images/info.gif);}#popup_content.confirm{background-image:url(images/important.gif);}#popup_content.prompt{background-image:url(images/help.gif);}#popup_message{padding-left:48px;}

 #popup_panel{width:auto;margin:10px auto;text-align:center;position:relative;}

 #popup_panel input{BORDER:1PX SOLID #CCC;}#popup_prompt{margin:.5em 0em;}.ui-helper-hidden-accessible{position:absolute;left:-999em;}.ui-radio-state-disabled,.ui-radio-state-checked-disabled,.ui-radio-state-disabled-hover,.ui-radio-state-checked-disabled-hover{color:#999;}span.ui-checkbox,span.ui-radio{display:block;float:left;width:16px;height:16px;background:url(/files/img/icon_checkbox.png) 0 -40px no-repeat;cursor:pointer;}span.ui-helper-hidden{display:none;}span.ui-radio{background-position:center -113px;display:block;}span.ui-checkbox-state-hover{background-position:0 -40px;}span.ui-radio-state-hover{background-position:center -113px;}span.ui-checkbox-state-checked{background-position:0 -1px;}span.ui-checkbox-state-checked-hover{background-position:0 -1px;}span.ui-radio-state-checked-disabled-hover,span.ui-radio-state-checked-disabled,span.ui-radio-state-checked{background-position:center -161px;}span.ui-radio-state-checked-hover{background-position:center -199px;}

 

 

.zipcode-loader { color: #CCC; height:16px; } 

.zipcode-loader img { float: left; padding:0 }

.zipcode-loader span { float: left; margin: 2px 10px; font-weight: bold; }



.cataloguevisual { border: none; }



.catalogue-header {

 border-bottom: 1px #ccc solid;

 background: #FFF url('/files/cat-header-bg.gif') repeat-x bottom left;

 padding: 10px;

 width: 610px;

 color: #6F6F71; /* margin-bottom: 20px; */

} 



.catalogue-header H1 { margin: 0px 0 5px 0 ;}





#parts-container h2, #options-container h2, #product-container h2 {
 color:#006BB7;
 font-size:18px;
 margin: 15px 0;
 /* background:#F5F5F5 none repeat scroll 0 0; */
 /* border-bottom:1px dashed #C5C5C5; */
 /*width:608px;*/ 
 /* padding:3px 5px 3px 10px; */
  } 



.resultcounts {

 float:right; 

}

 



.options-container .resultcounts {

 width:615px;

 font-size:20px; 

}



#options-container .priceblock { height:40px; position: relative; top: 0; right; 10px; }

#options-container .symbol { font-size:12px; font-weight:normal; margin:0 -5px; } 

#options-container .euros { white-space: nowrap; position:relative; margin-right:16px; position:absolute; right:0; font-size:24px; font-weight:bold; height:30px; }

#options-container .cents { margin-top:4px;position:absolute;right:0;top:0;font-size:13px; } 

#options-container .vatlabel {color: #CCC; position:absolute;right:0;top:28px; width: 100px; text-align:right; } 

#options-container .button.device { background: url('/files/01/DA/81568C38FFC3.png') no-repeat scroll 0 0; }

 

 

/* Product result template 'wide' (result row in catalogue) */

.product-row { border-bottom: 1px solid #eee; width: 625px; margin-bottom: 5px;}

.product-row .colleft { padding: 10px 0 0 0; width: 90px; float: left;}

.product-row .brand-logo { float: right; width: 90px; height: 35px; margin: 2px 5px; }

.product-row .brand-logo span { display: none; }

.product-row .image { margin: 5px; background: #FFF; width: 90px; height: 90px; }

.product-row .image td { border: 0 }

.product-row .colcenter{ width: 374px; float: left; }

.product-row .name { color: #006BB7; font-size: 12px; font-weight: bold; line-height: 16px; margin: 5px 0;}

.product-row .name a { color: #006BB7; font-size: 12px; font-weight: bold; line-height: 16px; margin: 5px 0; text-decoration:underline;}

.product-row .name a:hover { color: #3A8CDE; text-decoration: none; } 

.product-row .intro { color: #6F6F71; padding: 0px 5px 5px 0; }

.product-row .attr { margin: 10px 0px 5px 0px; /* border: 1px solid #CCC; */ }

.product-row .attr tr { border: 1px solid #CCC; }

.product-row .attr th { width: 170px; padding : 1px 5px; text-align: left; font-weight: normal; background-color: #eee; }

.product-row .attr td { width: 170px; padding: 1px 5px; }

.product-row .colright { width: 160px; float: right; border-left: 1px #F5F5F5 solid;} 

.product-row .stock { margin: 5px; text-align: right; padding: 2px; color: #6F6F71;}

.product-row .price { height:40px; margin:5px; text-align:right; }

.product-row .priceblock { display:inline; height:40px; position:relative; width:100px; }

.product-row .euros { display:inline; height:40px; position:relative; margin-right:16px; position:absolute; right:0; font-size:24px; font-weight:bold; height:30px; white-space: nowrap; } 

.product-row .cents { margin-top:2px;position:absolute;right:0;top:0;font-size:14px; }

.product-row .vatlabel {color: #999; position:absolute;right:0;top:30px; width: 100px; }

.product-row .order-button { margin: 5px 0 0; }

.product-row .order-btn { float: right }



.product-row .PriceBlock { 

 float: right 

}

.product-row .PriceBlock td { 

 padding: 0; 

}

.product-row .PriceFrom {

 text-align: right;

 color: #999; 

}

.product-row .PriceForEuros {

 font-size: 24px;

 font-weight: bold;

 line-height: 24px;

}

.product-row .PriceVatLabel { 

 text-align: right;

 color: #999; 

}

.product-row .PriceForCents {

 vertical-align: top; 

}

.product-row .PriceSymbol {

 margin-right: 2px; 

} 





/* product result list view */

div.resultview { float: left; vertical-align: top; }

div.resultviewlayout { padding: 5px; width:625px; } 

table.resultview { width: 625px; } 

table.resultview th { text-align: left; background-color: #eee; border:1px solid #CCCCCC;}

table.resultview tr:hover {background-color: #F5F5F5;}

table.resultview tr.colname { background-color: #fff; }

table.resultview td { border: 1px solid #ccc; padding: 0px 5px;} 

table.resultview .image { width: 20px; }

table.resultview .name { width: auto; padding: 5px; }

table.resultview .name.device { width: auto; padding: 5px; }

table.resultview .stock { width: 50px; text-align: center; margin: 0 5px 0 5px;}

table.resultview .price { width: 50px; text-align: right; margin: 5px;}

table.resultview .button { width: 60px; }

table.resultview .button.device { width: 242px; }

table.resultview .attr { color: #999; }

table.resultview td.image { text-align: center; vertical-align: middle; }



/* product result grid view */ 

ul.gridview { list-style: none; margin: 0; padding: 0; width: 630px; } 

ul.gridview li { float: left; margin: 0 8px 8px 0; list-style: none; }

/* ul.gridview li.last { margin-right: 0; } */

.product-grid { position: relative; width:200px; height:300px; border:1px solid #CCC; }

.product-grid .image { margin: 5px; height:190px;}

.product-grid .price { position: absolute; top: 5px; right: 10px; }

.product-grid .priceblock { display:inline;height:40px;position:absolute;right:0; width:100px; }

.product-grid .euros { display:inline;height:40px;position:relative;margin-right:16px;position:absolute;right:0; font-size:24px;font-weight:bold; height:30px; }

.product-grid .cents { margin-top:4px;position:absolute;right:0;top:0;font-size:13px; }

.product-grid .vatlabel {color: #CCC; position:absolute;right:0;top:30px; width: 100px; text-align:right; } 

.product-grid .priceblock.shadow { margin: 1px 1px 0 0; }

.product-grid .priceblock.shadow span{ color: #FFF }

.product-grid .name { font-size:12px;

font-weight:bold;

margin:0 10px 10px;}

.product-grid .attr { margin: 0 0 10px 0 }

.product-grid .attr table { width: 100% }

.product-grid .attr th { width:50%; padding: 2px 5px 2px 10px; text-align: right; font-weight: normal; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC}

.product-grid .attr td { width:50%; padding: 2px 10px 2px 5px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC}

.product-grid .stock { margin: 0 10px 10px 10px; }

.product-grid .order-button { margin: 0 10px 10px 10px; float: left; position:absolute;

top:150px;}



/* product result grid view */

.product-grid2 { position: relative; width:200px; height:340px; border:1px solid #CCC; }

.product-grid2 .name { font-size:12px; font-weight:bold; margin:10px 10px 5px 10px; height: 28px; overflow: hidden; } 

.product-grid2 .image { margin: 5px; height:190px;}

.product-grid2 .attr { margin: 5px 0 }

.product-grid2 .attr table { width: 100% }

.product-grid2 .attr th { width:50%; padding: 2px 5px 2px 10px; text-align: right; font-weight: normal; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC}

.product-grid2 .attr td { width:50%; padding: 2px 10px 2px 5px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC}

.product-grid2 .button { position: absolute; bottom: 24px; left: 10px; } 

.product-grid2 .button form { margin: 0 auto; } 

.product-grid2 .priceblock { height:40px; position:absolute;bottom: 14px; right:10px; float: right; }

.product-grid2 .symbol { font-size:12px; font-weight:normal; margin:0 -5px; } 

.product-grid2 .euros { white-space: nowrap; position:relative; margin-right:16px; position:absolute; right:0; font-size:24px; font-weight:bold; height:30px; }

.product-grid2 .cents { margin-top:4px;position:absolute;right:0;top:0;font-size:13px; }

.product-grid2 .vatlabel {color: #CCC; position:absolute;right:0;top:30px; width: 100px; text-align:right; } 

.product-grid2 .stock { position: absolute; bottom: 10px; left: 10px; }





/* Product result loader*/

#resultloader { border:1px solid #CCC; padding: 10px; width: 610px; }

#resultloader img { vertical-align: middle; }

#resultloader span { color: #999; font-weight: bold; margin-left: 10px; }







/* TOP MENU (sprite image based) */



.channelmenu ul { margin: 0; padding: 0; }

.channelmenu li { float: left; height: 48px; width: 48px; list-type: none; display: block; overflow: hidden; cursor: pointer; border: 1px solid #0C70BB; margin-right: 10px; }

.channelmenu li a:hover { text-decoration: none; }

.channelmenu li:hover { border: 1px solid #80ADCD; }

.channelmenu li:hover a.desc { text-decoration: underline; }

.channelmenu li:visited a.desc { text-decoration: underline; }

.channelmenu li.active2 { border: 1px solid #FFF; width: 160px; }

.channelmenu li .desc { display: block; color: #FFF; font-decoration: none; width: 110px; padding: 10px 0 10px 50px; white-space: nowrap; }

html* .channelmenu li .desc { color: #FFF; width: 100px; padding: 10px 0 10px 5px; background: #005494 url('/files/img/body-background.jpg') repeat-x -0 -106 } /* no background image or color does not trigger onclick event in IE */

.channelmenu li .image { background: transparent url('/files/img/topmenu-sprite-V2.png'); display: block; float: left; height: 48px; width: 48px; text-decoration: none; }

.channelmenu li.laptop .image { background-position: 0 0; }

.channelmenu li.digitale-camera .image { background-position: -48px 0; }

.channelmenu li.camcorder .image { background-position: -96px 0; } 

.channelmenu li.pda .image { background-position: -144px 0; }

.channelmenu li.gsm-smartphone .image { background-position: -192px 0; }

.channelmenu li.backup-ups .image { background-position: -240px 0; }

.channelmenu li.beamer .image { background-position: -288px 0; }

.channelmenu li.netbook .image { background-position: -336px 0; }

.channelmenu li.powertool .image { background-position: -384px 0; }

.channelmenu li.navigatiesysteem .image { background-position: -432px 0; }

.channelmenu li.reparatie .image { background-position: -480px 0; }



/* 23-02-2010 */

.channelmenu li.mp3-speler .image { background-position: -528px 0; }

.channelmenu li.portofoon .image { background-position: -576px 0; }

.channelmenu li.printer .image { background-position: -624px 0; }

.channelmenu li.server .image { background-position: -672px 0; }

.channelmenu li.game-console .image { background-position: -720px 0; }

.channelmenu li.desktop-pc .image { background-position: -768px 0; }





/* ckeckout page 2 */

.button-large { border: 1px solid #CCC; background: #FFF; display: block; }

.button-large a { display:block; color: #FFF; text-decoration: none; font-size: 13px; font-weight: bold; border: 0; padding: 5px 10px; margin: 2px; background: #10830E url('/files/bg-button-large.gif') repeat-x 0 0; }

.button-large input { display:block; color: #FFF; text-decoration: none; font-size: 13px; font-weight: bold; border: 0; padding: 5px 10px; margin: 2px; background: #10830E url('/files/bg-button-large.gif') repeat-x 0 0; }

.button-back { border: 1px solid #CCC; background: #FFF; display: block; }

.button-back a { display:block; color: #000; text-decoration: none; border: 0; padding: 2px 5px; margin: 1px; background: #CCC repeat-x 0 0; }



.checkout-personal .button-large { position: absolute; }

.checkout-personal .button-back { position: absolute; }

.checkout-personal .buttons td { padding-top: 20px; }

.checkout-personal .buttons th { padding-top: 20px; } 

.checkout-personal { font-size: 11px; }

.checkout-personal table { width: 500px; }

.checkout-personal th { width: 120px; font-size: 11px; font-weight: normal; text-align: left; }

.checkout-personal td.textonly { padding: 5px 4px; }

.checkout-personal h3 { border-bottom: 1px solid #999; padding-bottom: 2px; margin-bottom: 5px }

.checkout-personal td.required {width: 16px; }

.checkout-personal td.required img {margin-top: 2px}

.checkout-personal input[type=text] { float: left; background-color: #F0F0F0; margin-right: 4px; }

.checkout-personal textarea { float: left; background-color: #F0F0F0; height: 50px; }

.checkout-personal select, label, input[type=radio], input[type=checkbox] { float: left; } 

.checkout-personal img { vertical-align:middle; } 

.checkfield { float: left; margin:2px; }

.checkout-personal .message { margin: 5px 0; border:1px solid #F27333; background: #F2E9A6; padding: 10px; width: 290px; }

.checkout-personal .button { border: 1px solid #999; display: inline; padding: 4px 0; /* padding: 0; */ margin-right: 5px; }

.checkout-personal .button a { border: 2px solid #FFF; background: #1F9C1A; color: #FFF; padding: 2px 5px; text-decoration: none; margin: 1px 0; }

.checkout-personal label.radio { margin-top: 4px; }

.checkout-personal select { height: 21px; margin-right: 4px; }

#user_firstname, #box_recipientfirstname { width: 80px; }

#user_middlename, #box_recipientmiddlename { width: 44px; } 

#user_lastname, #box_recipientlastname, #user_mail, #user_address, #user_city, #user_mailaddress

, #user_mailcity, #box_extra, #box_extra2, #box_recipientcompany, #user_company { width: 200px; }

#user_telephone { width: 90px; } 

.checkout-personal tr.lookup_mailaddress, tr.lookup_address { height: 40px; } 

.checkout-personal fieldset { border: 0; } 

.checkout-personal fieldset label { width: 150px !important; float: left; }

#deliveryaddress, #mailaddress { width: 350px; float: left; margin: 0; border: 0; }

#globalmessage div {padding:10px; border:2px solid #E25E52; background:#F7D2CF; margin-bottom:10px; }

#globalmessage strong {color:#E25E52; }

td.checkbox { width: 16px; padding-left: 0px; } 

.checkout-personal th { vertical-align: top; padding-top: 8px; }

.checkout-personal td.required { vertical-align: top; padding-top: 6px; }

.explain { font-size: 10px; color: #999; padding-top: 2px; } 



.checkfield { float: left; width:16px; height:16px; }

.checkfield.ok { background:transparent url('/files/img/accept.png') no-repeat 0 0; }

.checkfield.error { background:transparent url('/files/img/exclamation.png') no-repeat 0 0; }

.checkout-personal .required { }





/* checkout login form */

#ErrorBlockID { padding:10px; border:2px solid #E25E52; background:#F7D2CF; margin-bottom:10px; }

#loginLoader { padding:10px; border:2px solid #62A5D4; background:#E4EFF8; margin-bottom:10px; } 

#SuccessBlockID { padding:10px; border:2px solid #07BF1F; background:#C3FDCB; margin-bottom:10px; } 

 



/* Pretty flexform */ 



.prettyform input[type=text] { float: left; margin-right: 4px; }

.prettyform select{ float: left; margin-right: 4px; }

.prettyform input[type=radio], .prettyform input[type=password] , .prettyform input[type=checkbox], .prettyform select { float: left }

.prettyform textarea { float: left; height: 50px; }

.prettyform .flexform-check .rc_checkbox { float: right; } 



.button-border3 td { border: 1px solid #CCC; padding: 0; } 

.button-border3 input, .button-border3 a { border: 1px solid #FFF; background: transparent url(/files/img/green-gradient-bg.png) repeat-x scroll 0 0; color: #FFF; font-weight: bold; } 

.button-border3 a { padding: 2px 5px; display: block; text-decoration: none } 



/* EasyTooltip */ 

#easyTooltip{

 margin:0 10px 1em 0;

 width:250px;

 padding:8px;

 background:#fcfcfc;

 border:1px solid #e1e1e1;

 line-height:130%; 

 }

#easyTooltip h3{

 margin:0 0 .5em 0;

 font:13px Arial, Helvetica, sans-serif;

 text-transform:uppercase;

 } 

#easyTooltip p{

 margin:0 0 .5em 0;

 } 

#easyTooltip img{

 background:#fff;

 padding:1px;

 border:1px solid #e1e1e1;

 float:left;

 margin-right:10px;

 } 



#item{display:none;}





/* Product home page item */

.product-item {

 width: 147px;

 position: relative;

 margin-top: 10px;

 padding-left: 162px;

 color: black; }

 

A.product-item-name {

 color: #FF6600;

 font-size: 1.5em;

 font-weight: bold;

 display: block;

 text-decoration:none; }

 

.product-item .image_price {

 width: 134px;

 padding: 8px;

 border: 1px solid #ccc;

 position: absolute;

 top: 0;

 left: 0; }

 

.product-item .image_price H4 { color: #006BB7; font-size: 14px; }

.product-item .image_price H4 A { text-decoration:none; font-weight: bold; }

.product-item .price-from, .product-item .price-for .label { display:none; }

.product-item .price-for, .product-item .stock, .product-item .button { display:block; text-align: right; margin: 2px 0; }

.product-item .price-for { font-weight: bold; color: black; } 

.product-item .stock.available { color: #006600; } 

.product-item .stock.not-available { color: #cc0000; } 

.product-item UL.links { /* margin-top: 8px;*/ } 

.product-item UL.links LI { clear: both; }

table.tablesimple { border: 1px solid #CCCCCC; background-color: #EFEFEF; }

table.tablesimple td { padding: 5px; border-bottom: 1px solid #ffffff; }



/* Quick Search PAGES */

.contentbox_grey { background: transparent url(/files/img/light-grey-gradient.png); border: 1px solid #cccccc; padding: 10px; margin-bottom: 10px; } 

.contentbox_grey img.brand-logo { margin: 0 0px 0px 0; border: 1px solid #cccccc; }

.contentbox_grey span { border: 1px solid #F5F5F5; background-color: #F5F5F5; margin-bottom: 4px; } 

.contentbox_grey hr { border: 1px solid #F5F5F5; background-color: #F5F5F5; margin-bottom: 4px; }

.contentbox_grey img { margin: 1px 5px; }

.contentbox_grey A { color: #006BB7; text-decoration:underline; font-size: 12px; font-weight: bold;}

.contentbox_grey A:hover { color: #006BB7; text-decoration:none;}

.contentbox_grey h2 { color: #006BB7; font-size: 14px; font-weight: bold; margin: 8px 0; padding: 0; }



/* BUTTONS */



.btnGreen54, .btnGrey54, .btnBlue54, .btnGreen110, .btnGrey110, .btnBlue110, .btnGreen240, .btnGrey240, .btnBlue240 {

 font-family: Arial, helvetica, sans-serif; 

 font-weight: bold;

 color: white;

 font-size: 11px; 

 line-height: 11px; 

 display: block;

 text-decoration: none;

 border: 0; 

 margin: 5px 0; 

 padding: 0px; 

 height: 26px;

 cursor: pointer; 

} 



a.btnGreen54, a.btnGrey54, a.btnBlue54, a.btnGreen110, a.btnGrey110, a.btnBlue110, a.btnGreen240, a.btnGrey240, a.btnBlue240 { 

 color: #ffffff !important;

 height: 28px; 

 line-height: 27px;

 text-decoration: none;

 text-align: center; 

}



a.btnGreen54:hover, a.btnGrey54:hover, a.btnBlue54:hover, a.btnGreen110:hover, a.btnGrey110:hover, a.btnBlue110:hover, a.btnGreen240:hover, a.btnGrey240:hover, a.btnBlue240:hover { 

 text-decoration:none; 

} 



.btnGreen54, .btnGrey54, .btnBlue54 { width:56px; }

.btnGreen110, .btnGrey110, .btnBlue110 { width:112px; }

.btnGreen240, .btnGrey240, .btnBlue240 { width:242px; }



.btnGreen54 {background: white url('/files/img/buttonbalk-kort-groen.gif') no-repeat;}

.btnGreen54:hover {background: white url('/files/img/buttonbalk-kort-groen-over.gif') no-repeat;}

.btnGreen110 {background: white url('/files/img/buttonbalk-middel-groen.gif') no-repeat;}

.btnGreen110:hover {background: white url('/files/img/buttonbalk-middel-groen-over.gif') no-repeat;}

.btnGreen240 {background: white url('/files/img/buttonbalk-groen.gif') no-repeat;} 

.btnGreen240:hover {background: white url('/files/img/buttonbalk-groen-over.gif') no-repeat;}



.btnGrey54 {background: white url('/files/img/buttonbalk-kort-grijs.gif') no-repeat;}

.btnGrey54:hover {background: white url('/files/img/buttonbalk-kort-grijs-over.gif') no-repeat;}

.btnGrey110 {background: white url('/files/img/buttonbalk-middel-grijs.gif') no-repeat;}

.btnGrey110:hover {background: white url('/files/img/buttonbalk-middel-grijs-over.gif') no-repeat;}

.btnGrey240 {background: white url('/files/img/buttonbalk-grijs.gif') no-repeat;}

.btnGrey240:hover {background: white url('/files/img/buttonbalk-grijs-over.gif') no-repeat;}



.btnBlue54 {background: white url('/files/img/buttonbalk-kort-blauw.gif') no-repeat;}

.btnBlue54:hover {background: white url('/files/img/buttonbalk-kort-blauw-over.gif') no-repeat;} 

.btnBlue110 {background: white url('/files/img/buttonbalk-middel-blauw.gif') no-repeat;}

.btnBlue110:hover {background: white url('/files/img/buttonbalk-middel-blauw-over.gif') no-repeat;}

.btnBlue240 {background: white url('/files/img/buttonbalk-blauw.gif') no-repeat;}

.btnBlue240:hover {background: white url('/files/img/buttonbalk-blauw-over.gif') no-repeat;}





.suitable-for img { 

 vertical-align:middle;

}



.main-breadcrums .leaf {

 font-weight: bold; 

} 



.device-products-subnav { 

 padding: 0px 0px 10px 0px; 

}



.device-products-subnav ul { 

 float: left; width: 30%; 

}



 .left-menubox a.active { font-weight: bold; }



h2.repair { background: url('/files/90/9E/CC28353BC5DE.png') no-repeat scroll 0 0; padding-left: 30px; margin-top: 30px; } 

 ul.links { display: block; }

 

.delivery table tr { border: 1px solid #D1ECFF; background-color: #F4FBFF; }

.delivery table tr:hover { background-color: #EAF5FF;}

.delivery table tr.header { border: 1px solid #D1ECFF; background: transparent url(/files/img/links-top-menu-hover.png) repeat-x scroll 0 0; }



ul.basket ul li.info {

 width: 479px !important;

} 



.orderheader { margin-bottom: 20px; }

.orderheader td { border: 1px solid #CCC; padding: 5px; vertical-align: top; }

.orderheader td td { border: 0px; padding: 2px; }

.orderheader td th { text-align: left; padding: 5px; }



.zoekhulp {

 border: 1px solid #CCCCCC; 

 background: #F5F5F5 none repeat scroll 0 0;

 padding: 8px;

 margin-top: 10px; 

 cursor:pointer;

 color: #003366;

}



.video {

 border: 1px solid #CCCCCC; 

 background: #F5F5F5 none repeat scroll 0 0;

 padding: 8px; 

 margin-top: 10px; 

 width: 132px;

}



.assortimentblok {

 border: 1px solid #aeafb1;

 padding-bottom: 7px;

 color: #6d6f71

}



.reparatieblok {

 border: 1px solid #aeafb1;

 width: 188px

}



.filterblok {

 border: 1px solid #aeafb1;

 padding: 5px;

 width: 630px;

}





 #detailImagesHolder .detailThumbs {

 float: left; display: inline;

 width: 47px;

 }

 #detailImagesHolder .detailThumbs a {

 display: block;

 width: 45px; height: 45px;

 overflow: hidden;

 margin: 0 0 6px 0;

 border: 1px solid #cccbcc;

 }

 #detailImagesHolder .detailThumbs a:hover,

 #detailImagesHolder .detailThumbs .active a {

 border: 1px solid #87cdff;

 }

 #detailImagesHolder .detailLarge {

 position: relative;

 float: left; display: inline;

 margin: 0 0 0 11px;

 width: 500px;

 text-align: center;

 border: 1px solid #9a9899;

 }



 #detailImagesHolder .detailLarge .detailPic {

 display: none;

 width: 100%;

 text-align: center;

 }

 #detailImagesHolder .detailLarge .active {

 display: block;

 }





 

 #detailImagesHolder .detailThumbs {

 float: left; display: inline;

 width: 47px;

 }

 #detailImagesHolder .detailThumbs a {

 display: block;

 width: 45px; height: 45px;

 overflow: hidden;

 margin: 0 0 6px 0;

 border: 1px solid #cccbcc;

 }

 #detailImagesHolder .detailThumbs a:hover,

 #detailImagesHolder .detailThumbs .active a {

 border: 1px solid #87cdff;

 }

 #detailImagesHolder .detailLarge {

 position: relative;

 float: left; display: inline;

 margin: 0 0 0 11px;

 width: 500px;

 text-align: center;

 border: 1px solid #9a9899;

 }

 #detailImagesHolder .detailLarge .detailPic {

 display: none;

 width: 100%;

 text-align: center;

 }

 #detailImagesHolder .detailLarge .active {

 display: block;

 }



ul.filter li a.active {

 font-weight: bold; 

}





 .catmenu .image { background: transparent url('/files/img/topmenu-sprite.png'); display: block; width: 48px; height: 48px; }

 .catmenu li.laptop .image { background-position: 0 0; }

 .catmenu li.digitale-camera .image { background-position: -48px 0; }

 .catmenu li.camcorder .image { background-position: -96px 0; } 

 .catmenu li.pda .image { background-position: -144px 0; }

 .catmenu li.gsm .image { background-position: -192px 0; }

 .catmenu li.backup-ups .image { background-position: -240px 0; }

 .catmenu li.beamer .image { background-position: -288px 0; }

 .catmenu li.netbook .image { background-position: -336px 0; }

 .catmenu li.powertool .image { background-position: -384px 0; }

 .catmenu li.navigatiesysteem .image { background-position: -432px 0; }

 .catmenu li.reparatie .image { background-position: -480px 0; }



.zipcode-lookup {

 height: 45px; 

} 



 .clear { clear: both; }

 img { border:0 }

 .prod150x120 { position: relative; width: 148px; height: 118px; border: 1px solid #000; font-family:arial;}

 .prod150x120 a, .prod150x120 a:hover { text-decoration: none; color: #000; }

 .prod150x120 .name { font-size:12px; font-weight:bold; margin: 5px; } 

 .prod150x120 .name a { width: 138px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

 .prod150x120 .image { position: absolute; top: 35px; left: 6px; }

 .prod150x120 .price { color: #6D6B6C; position: absolute; top: 30px; right: 6px; }

 .prod150x120 .euros { font-size: 32px; float:left;} 

 .prod150x120 .cents { font-size: 16px; float:left; margin: 3px 0 0 2px;} 

 .prod150x120 .vat { font-size: 10px; margin: 0;} 

 .prod150x120 .readmore { position: absolute; bottom: 0; right: 5px }











/* product result grid view */

.product-grid2 { position: relative; width:200px; height:340px; border:1px solid #CCC; }

.product-grid2 .name { font-size:12px; font-weight:bold; margin:10px 10px 5px 10px; height: 28px; overflow: hidden; } 

.product-grid2 .image { margin: 5px; height:190px;}

.product-grid2 .attr { margin: 5px 0 }

.product-grid2 .attr table { width: 100% }

.product-grid2 .attr th { width:50%; padding: 2px 5px 2px 10px; text-align: right; font-weight: normal; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC}

.product-grid2 .attr td { width:50%; padding: 2px 10px 2px 5px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC}

.product-grid2 .button { position: absolute; bottom: 24px; left: 10px; } 

.product-grid2 .button form { margin: 0 auto; } 

.product-grid2 .priceblock { height:40px; position:absolute;bottom: 14px; right:10px; float: right; }

.product-grid2 .symbol { font-size:12px; font-weight:normal; margin:0 -5px; } 

.product-grid2 .euros { white-space: nowrap; position:relative; margin-right:16px; position:absolute; right:0; font-size:24px; font-weight:bold; height:30px; }

.product-grid2 .cents { margin-top:4px;position:absolute;right:0;top:0;font-size:13px; }

.product-grid2 .vatlabel {color: #CCC; position:absolute;right:0;top:30px; width: 100px; text-align:right; } 

.product-grid2 .stock { position: absolute; bottom: 10px; left: 10px; }



form { margin: 0; padding: 0; }

.product-grid2 .btn.but110.green { margin-left: 50px; background:transparant url('/files/img/buttonbalk-middel-groen-over.gif') no-repeat scroll 0 0; } 

 



 

#footer-wrap { width:100%; height: 210px; background: #FFF url(/files/C9/79/99B9D3360BCD.png) repeat-x; }

#newfooter { width: 990px; height: 210px; margin: 0 auto; }

#newfooter ul.col { margin: 0 5px 0 0; } 

#newfooter ul.col li { float: left; width: 164px; } 

#newfooter h4 { font-size: 11px; color: #FFF; margin: 7px 0; display: block; }

#newfooter ul.row { margin-top: 8px; } 

#newfooter ul.row li { padding: 1px 0; } 

#newfooter ul a { color: black; text-decoration:none;} 

#newfooter ul a:hover { color: #3A8CDE; text-decoration: underline; } 

#newfooter .bottomline { clear: both; position: absolute; width: 980px; bottom: 0; color: #7B7B7B; }

#newfooter .bottomline a { color: #006BB7; text-decoration: underline; }

#newfooter .bottomline a:hover { color: #3A8CDE; text-decoration:none;} 

#newfooter .bottomline table { height: 36px; }

#newfooter .bottomline td { vertical-align: middle; font-size: 11px; height: 36px; white-space: nowrap; }

#newfooter .blue { color: #006BB7; }

#newfooter input[type=text] { border: 1px solid #CDCCCB; padding: 4px 2px; font-size: 11px; margin: 5px 0;}

#newfooter input[type=submit] { background-color: transparent; margin-top:0px; } 

#newfooter li.newsletter { height: 174px; padding: 0 10px; width: 145px !important; background: url('/files/B9/33/8538093518C4.png') no-repeat; }

#newfooter li.newsletter div { width: 145px; line-height: 150%; } 

.valign { vertical-align: middle; }







table.PriceBlock { 

 float: right 

}

table.PriceBlock td { 

 padding: 0; 

 border: 0;

}

table.PriceBlock .PriceFrom {

 text-align: right;

 color: #999; 

}

table.PriceBlock .PriceForEuros {

 font-size: 24px;

 font-weight: bold;

 line-height: 24px;

}

table.PriceBlock .PriceVatLabel { 

 text-align: right;

 color: #999; 

}

table.PriceBlock .PriceForCents {

 vertical-align: top; 

}

table.PriceBlock .PriceSymbol { margin-right: 2px; }







/** Search Results Page Additions **/



.searchResultsPage h2 { margin: 20px 0 8px 0; } 

.searchResultsPage ul.bullets-black { margin-bottom: 20px; } 

table.resultsList tr td { font-size: 1.1em; } 

ul.resultsList { list-style: none; margin: 0 0 20px 0; padding: 0; }

ul.resultsList li { margin: 0; padding: 0; width: 100%; font-size: 1.1em; border-bottom: 1px dashed #F7F7F7; }

ul.resultsList li:hover { background: #F7F7F7; } 

ul.resultsList li a { border: none; display:inline-block; height:30px; line-height:50px; min-width:80%; vertical-align:top; }

ul.resultsList li a strong { min-width: 70px; display: inline-block; } 

ul.resultsList li table { display: inline-block; margin: 0 10px 0 0; padding: 0; } 





/* Buttons */



.btn { display: block; text-decoration: none; text-align: center; height: 36px; line-height: 36px; font-size: 12px; margin: 10px 10px 10px 0; cursor: pointer; border: none; color: #fff; } 

.btn:hover { text-decoration: none; } 

.btn:active { margin: 11px 9px 9px 1px; } 

.btn em { font-style: normal; }

input.btn { border: none; } 



.btnOrder100 { background: url(/files/img/btn_sprite36.png) no-repeat transparent 0 0; width: 100px; color: white !important; text-shadow: #004D00 1px 1px 0px; font-weight: bold; }

.btnOrder100:hover { background-position: -200px 0; text-decoration: none; }

.btnOrder160 { background: url(/files/img/btn_sprite36.png) no-repeat transparent 0 -36px; width: 160px; color: white !important; text-shadow: #004D00 1px 1px 0px; font-weight: bold; }

.btnOrder160:hover { background-position: -200px -36px; text-decoration: none;}

.btnOrder200 { background: url(/files/img/btn_sprite36.png) no-repeat transparent 0 -72px; width: 200px; color: white !important; text-shadow: #004D00 1px 1px 0px; font-weight: bold; }

.btnOrder200:hover { background-position: -200px -72px; text-decoration: none; } 



.btnContext100 { background: url(/files/img/btn_sprite36.png) no-repeat transparent 0 -108px; width: 100px; color: #666 !important; text-shadow: #fff 1px 1px 0px; }

.btnContext100:hover { background-position: -200px -108px; text-decoration: none; }

.btnContext160 { background: url(/files/img/btn_sprite36.png) no-repeat transparent 0 -144px; width: 160px; color: #666 !important; text-shadow: #fff 1px 1px 0px; }

.btnContext160:hover { background-position: -200px -144px; text-decoration: none; }

.btnContext200 { background: url(/files/img/btn_sprite36.png) no-repeat transparent 0 -180px; width: 200px; color: #666 !important; text-shadow: #fff 1px 1px 0px; }

.btnContext200:hover { background-position: -200px -180px; text-decoration: none; }



.btnFunction100 { background: url(/files/img/btn_sprite36.png) no-repeat transparent 0 -216px; width: 100px; color: white !important; text-shadow: #006699 1px 1px 0px; font-weight: bold; }

.btnFunction100:hover { background-position: -200px -216px; text-decoration: none; }

.btnFunction160 { background: url(/files/img/btn_sprite36.png) no-repeat transparent 0 -252px; width: 160px; color: white !important; text-shadow: #006699 1px 1px 0px; font-weight: bold; }

.btnFunction160:hover { background-position: -200px -252px; text-decoration: none; }

.btnFunction200 { background: url(/files/img/btn_sprite36.png) no-repeat transparent 0 -288px; width: 200px; color: white !important; text-shadow: #006699 1px 1px 0px; font-weight: bold; }

.btnFunction200:hover { background-position: -200px -288px; text-decoration: none; }



.topBtn { width: 100px; float: right; margin: -44px 3px 0 0; height: 25px; font-size: 10px; line-height: 25px; text-decoration: none; text-align: left; text-indent: 14px; background: url(/files/img/btn_sprite36.png) repeat-x 0px -324px; color: #666; text-shadow: #fff 1px 1px 1px; }

.topBtn:hover { background-position: -200px -324px; } 

 /*.topBtn:active { float: right; clear: right; margin: -43px 2px 0 0; } */

 

.closeBtn { float: right; clear: right; margin: 3px 3px 1px 1px; padding: 0 36px 0 0; height: 30px; line-height: 25px; background: url(/files/img/fancy_closebox.png) no-repeat right top; cursor: pointer; text-shadow: #fff 1px 1px 0px; color: #666; }

.closeBtn:hover { text-decoration: underline; color: #000; }

.closeBtn:active { margin: 4px 2px 0px 2px; }



.btnCoOrder { background: url(/files/img/btn_sprite36.png) no-repeat transparent 0 -349px; width: 160px; color: white; text-shadow: #004D00 1px 1px 0px; font-weight: bold; text-align: left; text-indent: 14px; }

.btnCoOrder:hover { background-position: -200px -349px; }

.orderActive { background: url(/files/img/btn_sprite36.png) no-repeat transparent 0 -385px; !important width: 160px; color: white; text-shadow: #004D00 1px 1px 0px; font-weight: bold; text-align: left; text-indent: 14px; }

.orderActive:hover { background-position: -200px -385px; }



 /* Nieuwe Voordelenblok en Cart Overview */

 .lists th { text-align: left; padding: 5px; background: #006BB7; border: 1px solid #006BB7; }
 #lists_vd th { text-align: left; padding: 5px; background: #006BB7; border: 1px solid #006BB7; }
 .lists .spacer { background: none; border: none; padding: 0px; margin: 0px; width: 10px; }
 .lists th h3 { float: left; color: white; padding-left:5px;}
 .lists td { margin:0px 10px; padding:0px; vertical-align:top; }
 .lists .list { background:white none repeat scroll 0%; border: 1px solid #C5C5C5; width: 200px; }
 .lists .list .list_item { border-bottom:1px solid #C5C5C5; padding: 10px; width: 200px; }
 .lists .list .list_item.first { border-top: none; }
 .cart_overview { font-size: 1.1em; padding:0px; margin:0px; font-weight:bold; }
 .cart_overview tr { }
 .cart_overview td { padding: 5px 0px; margin-top: 5px; margin-bottom: 5px; line-height: 18px; }
 .bullets-black li { /* padding-top:3px; padding-bottom:3px; */ font-size: 1em; }
 .voordelen-cart tr { vertical-align: text-top; }
 .voordelen-cart td { padding: 3px; margin: 5px; }

 .lists-v2 th { text-align: left; padding: 5px; background: #006BB7; border: 1px solid #006BB7; }
 #lists-v2_vd th { text-align: left; padding: 5px; background: #006BB7; border: 1px solid #006BB7; }
 .lists-v2 .spacer { background: none; border: none; padding: 0px; margin: 0px; width: 10px; }
 .lists-v2 th h3 { float: left; color: white; padding-left:5px;}
 .lists-v2 td { margin:0px 10px; padding:0px; vertical-align:top; }
 .lists-v2 .list { background:white none repeat scroll 0%; border: 1px solid #C5C5C5; width: 168px; }
 .lists-v2 .list .list_item { border-bottom:1px solid #C5C5C5; padding: 5px; width: 178px; }
 .lists-v2 .list .list_item.first { border-top: none; }
 .voordelen-cart-v2 tr { vertical-align: text-top; }
 .voordelen-cart-v2 td { padding: 3px; margin: 5px; }
 

/* Tag cloud */
 #tagcloudFooter { float:left; display:inline; width:630px; } 
 #tags ul { margin:1em 0; padding:.5em 10px; text-align: justify; background: #F5F5F5; border: 1px solid #c5c5c5; }
 #tags li { margin:0; padding:0; list-style:none; display:inline; }
 #tags li a { text-decoration:none; padding:0 2px; }
 #tags li a:hover{ } 
 .tag1 {font-size:100%;}
 .tag2 {font-size:120%;}
 .tag3 {font-size:140%;}
 .tag4 {font-size:160%;}
 .tag5 {font-size:180%;}


/* .topmenu { margin-top:-5px; background:url(trans.png) repeat; } */
.topmenu #menu { margin: 0; padding: 0; width:100%; }
.topmenu li { float: left; list-style-type:none; display: block; cursor: default; position:relative; color:#666; }
.topmenu li:hover { }
.topmenu li:hover a {cursor:pointer; text-decoration:none; color:#0C70BB;}
.topmenu li:hover a:hover {cursor:pointer; text-decoration:underline;}
.topmenu li h3 {display:block;height:36px;color: white;font-size: 12px;padding: 6px 12px;margin: 0px;line-height:24px;text-decoration:underline;}
.topmenu li:hover h3 {background-color: white;border: solid #0C70BB;color: #0C70BB;text-decoration:underline;}
.menu-expander { -ms-filter: â€œprogid:DXImageTransform.Microsoft.Alpha(Opacity=0.95)â€; -moz-opacity: 0.95; /* firefox 1.0 */ -khtml-opacity: 0.95; /* webkit */ opacity: 0.95; /* css 3 */ }
.topmenu li .menu-expander { display:none; width:200px; position:absolute; background-color:white; top:50px; padding:0px 10px 5px 10px; border: 2px solid #0C70BB; border-top:none; left:-1px;}
.topmenu li:hover .menu-expander {display:block; left: -10px;}
.topmenu li:hover .menu-expander h3 { 
	display: block; 
	font-size: 14px; 
	font-weight: bold; 
	margin: 5px 0px; 
	padding: 0px 0px 5px 0px;
	background-color: white; 
	color: #0C70BB; 
	text-decoration:none; 
	border: 0px; 
	border-bottom: 1px solid #F5F5F5; 
	height: 18px; }

.topmenu li:hover .menu-expander li { margin: 0px; padding:0px 0px 0px 10px;}
.topmenu li:hover .menu-expander.middlealign { left: -50px; }
.topmenu li:hover .menu-expander.rightalign { left: -100px; }
.sub_cat {float:left; margin: 0px 5px 0px 5px; width: 230px;}
.sub_cat_link { border-top: 1px dashed #CCC; clear: both; margin: 0px 10px; padding: 10px 10px; }
.submenu li{float:none; height:16px; margin:0; padding-left:10px; }
.submenu {padding:0; margin:0 0 0 -10px; padding:0 0 0 10px; border-left:solid 1px #CCC;}
.topmenu h4 { margin:3px; font-size:1em; text-decoration:none;}
.noborder {border:none;}

/* TOP MENU ICONS (sprite image based) */
.icontopmenu { padding-left: 5px; }
.icontopmenu ul { margin: 0; padding: 0; }
.icontopmenu li { float: left; /* height: 48px; width: 60px; */ list-type: none; display: block; overflow: hidden; cursor: pointer; border: 1px solid #0C70BB;}
.icontopmenu li a:hover { text-decoration: none; }
.icontopmenu li:hover { border: 1px solid #80ADCD; }
.icontopmenu li:hover a.desc { text-decoration: underline; }
.icontopmenu li:visited a.desc { text-decoration: underline; }
.icontopmenu li.active2 { border: 1px solid #FFF; width: 160px; }
.icontopmenu li .desc { display: block; color: #FFF; font-decoration: none; width: 110px; padding: 10px 0 10px 50px; white-space: nowrap; }

html* .icontopmenu li .desc { color: #FFF; /* width: 100px; */ padding: 10px 0 10px 5px; background: #005494 url('/files/img/body-background.jpg') repeat-x -0 -106 } /* no background image or color does not trigger onclick event in IE */
.icontopmenu li .image { background: transparent url('/files/img/topmenu-sprite-V2.png'); display: block; float: left; height: 48px; width: 48px; text-decoration: none; }
.icontopmenu li.laptop .image { background-position: 0 0; }
.icontopmenu li.digitale-camera .image { background-position: -48px 0; }
.icontopmenu li.camcorder .image { background-position: -96px 0; } 
.icontopmenu li.pda .image { background-position: -144px 0; }
.icontopmenu li.gsm-smartphone .image { background-position: -192px 0; }
.icontopmenu li.backup-ups .image { background-position: -240px 0; }
.icontopmenu li.beamer .image { background-position: -288px 0; }
.icontopmenu li.netbook .image { background-position: -336px 0; }
.icontopmenu li.powertool .image { background-position: -384px 0; }
.icontopmenu li.navigatiesysteem .image { background-position: -432px 0; }
.icontopmenu li.reparatie .image { background-position: -480px 0; }

/* 23-02-2010 */
.icontopmenu li.mp3-speler .image { background-position: -528px 0; }
.icontopmenu li.portofoon .image { background-position: -576px 0; }
.icontopmenu li.printer .image { background-position: -624px 0; }
.icontopmenu li.server .image { background-position: -672px 0; }
.icontopmenu li.game-console .image { background-position: -720px 0; }
.icontopmenu li.desktop-pc .image { background-position: -768px 0; }


 
 
