/*************************************************************************
' Function : CSS defintions for the store.
'**************************************************************************/

/* General Tag specifications */
html, body { background: #FFFFFF; }

BODY, B, TD, P     {color: #435073; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}

ul, ol { list-style-position: outside; padding-left: 15px; }

img, form {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

th, td {
    text-align: left;
   /* vertical-align: top;*/
}

H1 {
	FONT-SIZE: 16px;
	color: #276dc5;
	text-decoration:none;
}

H2 a {FONT-SIZE: 10px;
	color: #499AFF;
	text-decoration:none;
}

a:link {color: #435073; font-family: Verdana, Arial, Helvetica, sans-serif}

a:visited {color: #435073;  font-family: Verdana, Arial, Helvetica, sans-serif}

a:hover {color: #435073; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif}

a:active {color: #435073;  font-family: Verdana, Arial, Helvetica, sans-serif}

.TSheader           {
	font-family:  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.TSheader A:link   {
	COLOR: #003333;
	FONT-SIZE: 11px;
	TEXT-DECORATION: none;
	font-weight: bold;
	padding: 1px;
}
.TSheader A:visited {COLOR: #003333;
	FONT-SIZE: 11px;
	TEXT-DECORATION: none;
	font-weight: bold;
	padding: 1px;
	}
.TSheader A:hover   {
	COLOR: #003333;
	FONT-SIZE: 11px;
	background-color: #CCCCCC ;
	border: 1px solid #666666;
	TEXT-DECORATION: none;
	font-weight: bold;
	margin: auto;
	padding: 1px;
}

/* Info Box WITHOUT Headings */
.CPbox1            {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #BBC3D3}
.CPbox1 A:link     {COLOR: #333333; FONT-SIZE: 8px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:visited  {COLOR: #333333; FONT-SIZE: 8px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:hover    {COLOR: #999999; FONT-SIZE: 8px; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */
.CPbox2            {
	BACKGROUND-COLOR: #F3F3F4;
	border-top: 1px solid #BBC3D3;
	border-right: 1px solid #BBC3D3;
	border-bottom: 1px solid #BBC3D3;
	border-left: 1px solid #BBC3D3;
	text-align:left;
}
.CPbox2H           {
	background-color: #cccccc;
	padding: 0px 1px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.CPbox2B           {
	color: #1C2F8D;
	font-family: Verdana, Arial, Helvetica, sans-serif
	
}
.CPbox2B A:link    {COLOR: #003333; FONT-SIZE: 11px; TEXT-DECORATION: none}
.CPbox2B A:visited {COLOR: #003333; FONT-SIZE: 11px; TEXT-DECORATION: none}
.CPbox2B A:hover   {
	
	FONT-SIZE: 11px;
	
}
.CPbox2Bn           {
	COLOR: #1C2F8D;
	BACKGROUND-COLOR: #F4F4F4;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 3px;
	margin-right: 3px;
}
.CPbox2o           {COLOR: #1C2F8D;
	BACKGROUND-COLOR: #F4F4F4;
 font-family: Verdana, Arial, Helvetica, sans-serif
	
}
.CPbox2o A:link    {COLOR: #1C2F8D; FONT-SIZE: 11px; TEXT-DECORATION: none}
.CPbox2o A:visited {COLOR: #1C2F8D; FONT-SIZE: 11px; TEXT-DECORATION: none}
.CPbox2o A:hover   {
	COLOR: #366oaa;
	FONT-SIZE: 11px;
	
}

.CPbox2B td	{
	padding: 0px;
}

/* Box - Page Headings */
.CPpageHead {BORDER-BOTTOM: 2px solid #CCCCCC; PADDING-BOTTOM: 4px}

/* Box - Page Navigation */
.CPpageNav { background-image:url(../images/BG_BestelGadgets.gif); border: 1px solid #ACB8E6 ;BACKGROUND-COLOR: #f5f5f5;}

/* Box - General Headings */
.CPgenHeadings { background-image:url(../images/BG_BestelGadgets.gif); border-bottom: 1px solid #ACB8E6; BACKGROUND-COLOR: #f5f5f5;}
/* Outside TR */
.CPgenHeadingsOut { background-image:url(../images/BG_BestelGadgets.gif); BACKGROUND-COLOR: #f5f5f5;}

/* Box - Product Image (Home page) */
.CPhomeImg {BACKGROUND-COLOR: #FFFFFF; BORDER: 1px solid #CCCCCC}

/* Box - Product Description (Home page) */
.CPhomeDesc {BORDER-BOTTOM: 1px solid #CCCCCC}

/* Horizontal and Vertical lines */
.CPlines {BACKGROUND-COLOR: #CCCCCC}

/* Product Short Description (Except Detail page) */
.CPprodDesc {
	FONT-SIZE: 11px;
	color: #499AFF;
	text-decoration:none;
	margin: 0;
}
.CPprodDesc a:active{
	FONT-SIZE: 11px;
	color: #499AFF;
	text-decoration:none;
}
.CPprodDesc a:link{
	FONT-SIZE: 11px;
	color: #499AFF;
	text-decoration:none;
}
.CPprodDesc a:hover{
	FONT-SIZE: 11px;
	color: #499AFF;
	text-decoration:none;
}
.CPprodDesc a:visited{
	FONT-SIZE: 11px;
	color: #499AFF;
	text-decoration:none;
}

/* Product Short Description (Detail page only) */
.CPprodDescDet {
	FONT-SIZE: 16px;
	color: #499AFF;
}

/* Product Long Description */
.CPprodDescLong {}

/* Product Detail */
.CPprodDet {}

/* Product SKU */
.CPprodSKU {}

/* Product Price - Text Label */
.CPprodPriceT {FONT-SIZE: 12px; 
	}

/* Product Price - Price Value */
.CPprodPriceV {FONT-SIZE: 14px;
	color: #499AFF;}

/* Product List Price - Text Label */
.CPprodLPriceT {}

/* Product List Price - Price Value */
.CPprodLPriceV {}

/* Product Sale Price - Text Label */
.CPprodSPriceT {}

/* Product Sale Price - Price Value */
.CPprodSPriceV {
	}

/* Free Shipping text */
.CPfreeShipMsg {COLOR: #888888}

/* In Stock text */
.CPinStock {COLOR: #888888}

/* Out of Stock text */
.CPoutStock {COLOR: red}

/* No Image text */
.CPnoImgT {COLOR: #800000}

/* Category List */
.CPcatDescList {}

/* Category Description - No products linked to it */
.CPcatDesc {}

/* Category Description - Has products linked to it */
.CPcatDescProd {FONT-WEIGHT: bold}

/* Option Description */
.CPoptDesc {FONT-STYLE: italic}

/* Option Select box */
.CPoptSel {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 11px}

/* Option Text box */
.CPoptTxt {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 11px}

/* ADDED - Version 2.3 */

/* Box - 2, 3 and 4 Column Layout for product list page */
.CPcolsView {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #CCCCCC}
.CPcolsView A:link    {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:visited {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:hover   {COLOR: #996666; TEXT-DECORATION: underline}

/* System Messages */
.CPsysMsg    {FONT-SIZE: 11px}
.CPsysMsgErr {COLOR: red; FONT-SIZE: 11px}
.CPsysMsgURL {FONT-SIZE: 11px}

/* ADDED - Version 2.4 */

/* Highlights used in search results */
.CPhighlight {COLOR: #000000; BACKGROUND-COLOR: #ffff66}
.CPbox2w {
	border-top: 0px solid #BBC3D3;
	border-right: 1px solid #BBC3D3;
	border-bottom: 1px solid #BBC3D3;
	border-left: 1px solid #BBC3D3;
	background-image: url("/images/bg_menu_gradient.gif") repeat-y;
}
.CPbox2Bs {
	COLOR:  #000033; 
	BACKGROUND-COLOR: #F4F4F4;
	font-family: Verdana, Arial, Helvetica, sans-serif
	font-weight: bold;
}
.CPbox2Bs A:link {
COLOR: #000033; FONT-SIZE: 10px; TEXT-DECORATION: none
}
.CPbox2Bs A:visited {
COLOR:  #000033;  FONT-SIZE: 10px; TEXT-DECORATION: none
}
.CPbox2Bs A:hover {
	COLOR: #366oaa;
	FONT-SIZE: 10px;
	font-weight: bold;
}
.CPbox2Bl {
COLOR: #1C2F8D;
	BACKGROUND-COLOR: #F4F4F4;
 font-family: Verdana, Arial, Helvetica, sans-serif
	font-weight: bold;
}
.CPbox2Bl A:link {
COLOR: #1C2F8D; FONT-SIZE: 11px; TEXT-DECORATION: none
}
.CPbox2Bl A:visited {
COLOR: #1C2F8D; FONT-SIZE: 11px; TEXT-DECORATION: none
}
.CPbox2Bl A:hover {

	COLOR: #366oaa;
	FONT-SIZE: 11px;
	font-weight: bold;
}
.CPbox2i {

	BACKGROUND-COLOR: #F5F5F5;
	border-top: 0px solid #BBC3D3;
	border-right: 1px solid #BBC3D3;
	border-bottom: 0px solid #BBC3D3;
	border-left: 1px solid #BBC3D3;
}
.droplist {
	background-color: #f4f4f4;
	width: 150px;
}

.style5 {
 font-family: Verdana, Arial, Helvetica, sans-serif
	font-weight: bold;
	color: #435073;
}
.style6 {color: #FB3A1B}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #F1F1F1;
}
.style1 a:link {
}.style1 a:hover {
	color: #CCCCCC;
}
.w1 {
/*	text-transform: lowercase;
	font-size: 14px;
	font-variant: small-caps;	*/
	font-weight: bold;
	color: #FFFFFF;
} 
.style10 { font-family: Verdana, Arial, Helvetica, sans-serif}
.style11 {
	margin-left: 5px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

/* Page navigation */ 	
.pagination {color:#666;padding: 1px 2px 1px 7px;border: 

0px solid #ddd;margin: 2 0 2}
/*.pagination  {position:relative;text-align:left}*/
.pagination  a:link, .pagination  a:visited, .pagination  a:hover, 

.pagination a:active {text-decoration:none;background:#fff;padding:2px 

5px;border: 1px solid #ccc; margin-right:1px}
.pagination a:hover {background:#435073;color:#fff}
.pagination span {text-decoration:none;background:#ccc;padding:2px 5px;border: 1px solid #ccc;color:#fff; margin-right:1px}
.paginationgrey {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc; margin-right:1px}
.pagination * {margin:0}
.pagination h4 {margin-top:-1.45em;padding:0;border:none}


.ProdContentHead
{ font-size:16px; font-weight:bold; font-family:"Trebuchet MS", Verdana, Arial;}
.ProdContentZone
{ 	display: block;
	visibility: visible;
	clear: both;
	border-top: 1px solid #8AA5D0;
	padding-top:5px;

}
.filterlinks a
{color: #3878CF;}

.t {background: url(/images/dot.gif) 0 0 repeat-x;}
.b {background: url(/images/dot.gif) 0 100% repeat-x}
.l {background: url(/images/dot.gif) 0 0 repeat-y}
.r {background: url(/images/dot.gif) 100% 0 repeat-y}
.bl {background: url(/images/bl.gif) 0 100% no-repeat}
.br {background: url(/images/br.gif) 100% 100% no-repeat}
.tl {background: url(/images/tl.gif) 0 0 no-repeat}
.tr {background: url(/images/tr.gif) 100% 0 no-repeat;}

.CPrelatedProd {width: 100%; margin-top: 10px; background-color: #f3f3f3; border: 1px solid #999999; border-width: 1px 0 1px 0;}

#kadozoeker1	{
	background-image: url(../images/0-15_1.gif);
	width: 101px;
	height: 13px;
	display: block;
}
#kadozoeker1 span	{
	display:none;
}
#kadozoeker1:hover	{
	background-image: url(../images/0-15.gif);
}

#kadozoeker2	{
	background-image: url(../images/15-30_1.gif);
	width: 101px;
	height: 13px;
	display: block;
}
#kadozoeker2 span	{
	display:none;
}
#kadozoeker2:hover	{
	background-image: url(../images/15-30.gif);
}

#kadozoeker3	{
	background-image: url(../images/30-50_1.gif);
	width: 101px;
	height: 13px;
	display: block;
}
#kadozoeker3 span	{
	display:none;
}
#kadozoeker3:hover	{
	background-image: url(../images/30-50.gif);
}

#kadozoeker4	{
	background-image: url(../images/50-100_1.gif);
	width: 101px;
	height: 13px;
	display: block;
}
#kadozoeker4 span	{
	display:none;
}
#kadozoeker4:hover	{
	background-image: url(../images/50-100.gif);
}

#kadozoeker5	{
	background-image: url(../images/100-500_1.gif);
	width: 101px;
	height: 13px;
	display: block;
}
#kadozoeker5 span	{
	display:none;
}
#kadozoeker5:hover	{
	background-image: url(../images/100-500.gif);
}

#kadozoeker6	{
	background-image: url(../images/bigspender_1.gif);
	width: 101px;
	height: 13px;
	display: block;
}
#kadozoeker6 span	{
	display:none;
}
#kadozoeker6:hover	{
	background-image: url(../images/bigspender.gif);
}

#homepage_line	{
	width: 639px;
	border-bottom: 1px solid #cccccc;
	margin: 0 0 10px 7px ;
}

.rightMenuDocs	{
	padding: 0;
	margin: 0;
	list-style: inside;
	list-style-type: none;
}

.rightMenuDocs li	{
	margin: 5px 0 0 5px;
	border-bottom: 1px dotted #9CC7F7;
	display: block;
}

.rightMenuDocs li a:hover {background-color: #E7EBF8;font-weight:bold;cursor:pointer; display:block;}

.kop { color: #E14F2B; font-family: verdana, arial, sans-serif; text-align: left; font-size: 15px; font-weight: bold}
.subkop { color: #435073; font-family: verdana, arial, sans-serif; text-align: left; font-size: 11px; font-weight: bold}
.bodyaccent {color: #E14F2B; font-family: verdana, arial, sans-serif; font-size: 11px}
.italic { color: #435073; font-family: verdana, arial, sans-serif; font-size: 11px; font-style: italic}
.bold { color: #435073; font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: bold}
.copyright { color: #435073; font-family: verdana, arial, sans-serif; font-size: 8px; font-style: italic }

.CPthumbImgDiv div {
	border:1px solid black;
	cursor:pointer;
	display:block;
	float:left;
	height:36px;
	margin:4px 3px;
	width:36px;
}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    width:641px;
    height:270px;
    margin:0 auto;
    margin-top:10px;
}

#slider {
	position:relative;
    width:641px;
    height:246px;
	background: url(/components/nivoslider/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-25px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(/components/nivoslider/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(/components/nivoslider/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px 10px;
	margin:0;
	font-size: 14px;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/*====================*/

div.box-content-usp {
	width: 163px;
	font-size: 11px;
}

/* usp */
#usp_box,
#usp_box_left	{
	position: relative;
	border: 1px solid #bcbcbc;
	padding:15px 5px 5px 5px;
	margin-bottom:10px;
	z-index: 12;
}

.usp	{
	position: relative;
	font-size:11px;
	color:#494949;
	font-family:Arial, Helvetica, sans-serif;
}
.usp a	{
	color:#494949;
	text-decoration:none;
}

#usp_item1,
#usp_item2,
#usp_item3,
#usp_item4,
#usp_item5,
#usp_item6{
	position: relative;
	height:42px;
	padding:6px 0 0 35px;
	/*cursor: pointer;*/
}

#usp_item1:hover,
#usp_item2:hover,
#usp_item3:hover,
#usp_item4:hover,
#usp_item5:hover,
#usp_item6:hover {
	/*color:#5FAFE0;*/
}

#usp_item1 { background:url(/images/usp_icon1.jpg) no-repeat left top; }
#usp_item2 { background:url(/images/usp_icon2.jpg) no-repeat left top; }
#usp_item3 { background:url(/images/usp_icon3.jpg) no-repeat left top; }
#usp_item4 { background:url(/images/usp_icon4.jpg) no-repeat left top; }
#usp_item5 { background:url(/images/usp_icon5.jpg) no-repeat left top; }
#usp_item6 { background:url(/images/usp_icon6.jpg) no-repeat left top; }

#subcontent1,
#subcontent2,
#subcontent3,
#subcontent4,
#subcontent5,
#subcontent6 {
	position:absolute;
	visibility: hidden;
	border: 9px solid #bcbcbc;
	background-color: white;
	width: 300px;
	padding: 8px;
	z-index: 15;
}

#usp_box .usp:hover #subcontent1 { visibility: visible; top: 100%; left: -110%; }
#usp_box .usp:hover #subcontent2 { visibility: visible; top: 100%; left: -110%; }
#usp_box .usp:hover #subcontent3 { visibility: visible; top: 100%; left: -110%; }
#usp_box .usp:hover #subcontent4 { visibility: visible; top: 100%; left: -110%; }
#usp_box .usp:hover #subcontent5 { visibility: visible; top: 100%; left: -110%; }

#usp_box_left .usp:hover #subcontent1 { visibility: visible; top: 100%; left: 10%; }
#usp_box_left .usp:hover #subcontent2 { visibility: visible; top: 100%; left: 10%; }
#usp_box_left .usp:hover #subcontent3 { visibility: visible; top: 100%; left: 10%; }
#usp_box_left .usp:hover #subcontent4 { visibility: visible; top: 100%; left: 10%; }
#usp_box_left .usp:hover #subcontent5 { visibility: visible; top: 100%; left: 10%; }

/* multishhopbar */
#multishopbar	{
	height:35px;
	background: url(/images/multishopbar_back.gif) repeat-x scroll left top;
}

#multishopbar_inner	{
	width: 1010px;
	margin: 0 auto;
	height: 35px;
}

#multishopbar #multishopbar_inner ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	height: 35px;
	position: relative;
	z-index: 51;
}

#multishopbar #multishopbar_inner ul li  {
	position: relative;
	z-index: 10;
	float: left;
	height: 35px;
}

#multishopbar_inner a  {
	display: block;
	height: 35px;
	float: left;
}

#multishopbar_inner span	{
	display: none;
}

#multishopbar_inner li .sub	{
	display: none;
	position: absolute;
	left: 0;
	top: 35px;
	height: 29px;
	z-index: 101;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #fff;
	border-top: 0;
}

#multishopbar_inner li:hover .sub	{
	display: block;
}

/* /end multishopbar */

/* socialmedia_sidebox */
#socialmedia_sidebox {
	position:fixed;
	left:0;
	top:30%;
	z-index:100;
	overflow:hidden;
	outline: none;
	color: #435073;
}

#socialmedia_sidebox .socialmedia_links {
	height:120px;
	background: url(/images/socialmedia_links.png) no-repeat 0 0;
	outline: none;
}

#socialmedia_sidebox .socialmedia_links a {
	display:block;
	flaot:left;
	width:40px;
	height:40px;
	text-indent:-10000px;
	outline: none;
}

#newsletter_sidebox {
	width:36px;
	height:145px;
	display:block;
	overflow:hidden;
	background: url(/images/socialmedia_nieuwsbrief.png) no-repeat 0 0;
	cursor: pointer;	
}

#newsletter_sidebox:hover {
	width:200px;
	height:145px;
	overflow:hidden;
	display:block;
}

#newsletter_sidebox .content {
	margin:0 0 0 36px;
	padding:5px;
	background: transparent;
	font-size: 9px;
}

#newsletter_sidebox td, #newsletter_sidebox p	{
	background: transparent;
	font-size: 9px;
	color: #435073;
}

#newsletter_sidebox #socialinput  {
	width:150px;
}
/* end socialmedia_sidebox */

/* /input button */
.input_submit_long {	
	background: transparent url(/images/bg_button_input_long.gif) no-repeat scroll top right;
	width: 150px;
	text-align: center;
	border: 0;
	color: #000000 !important;
	cursor: pointer;
	font: normal 12px arial, sans-serif;
	height: 24px;
	line-height: 14px;
}
	.input_submit_long:active {	
		background-position: bottom right;
		outline-width: 0;
	}
	
	.input_submit_long::-moz-focus-inner { border: 0; }
	
.input_submit_short {	
	background: transparent url(/images/bg_button_input_short.gif) no-repeat scroll top right;
	width: 75px;
	text-align: center;
	border: 0;
	color: #000000 !important;
	cursor: pointer;
	font: normal 12px arial, sans-serif;
	height: 24px;
	line-height: 14px;
}

	.input_submit_short:active {	
		background-position: bottom right;
		outline: none; 
	}
	
	
/* /input button */