@charset "utf-8";
/* CSS Document */

body {
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
.copyright {
	font-size:10px;
	text-align:center;
}
img {
	border:none;
}
table {
	border:none;
	}
td {
	border:none;
}
.rood td{
	border:1px #FF3300 solid;
}
a {
	color:#FF3333;
	text-decoration:underline;
}
h1 {
	font-size:14px;
}
h2 {
	font-size:13px;
}
a:link.wit {
	color: #FFFFFF;
	text-decoration:none;
	font-size:13px;
}
a:hover.wit {
	color: #FFFFFF;
	text-decoration:none;
	font-size:13px;
}
a:visited.wit {
	color: #FFFFFF;
	text-decoration:none;
	font-size:13px;
}
a:active.wit {
	color: #FFFFFF;
	text-decoration:none;
	font-size:13px;
}
#container {
	width:1024px;
	height:auto;
	margin:0px auto;
	border:solid 1px #000000;
	background-color:#FFFFFF;
	overflow:hidden;
}
#header {
	width:1024px;
	height:189px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
}
#slogan {
	width:800px;
	height: 20px;
	float:left;
	padding: 98px 50px 0px 285px;
	color:#FFFFFF;
	font-size:22px;
	font-weight:bold;
}
#top_navigatie {
	width:1024px;
	height: 20px;
	float:right;
	padding: 20px 0px 0px 0px;
	text-align:center;
}
#navigatie {
	width:185px;
	height:auto;
	float:left;
	padding:10px;
}
#content_container {
	width: 815px;
	height:auto;
	float:right;
}
#content {
	width: 580px;
	height:auto;
	float:left;
	padding:10px;
}
#rechts {
	width: 185px;
	height:auto;
	float:right;
	padding:10px;
}
#footer {
	width:1024px;
	height:36px;
	float:left;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	padding:30px 0px 0px 0px;
	text-align:center;
	font-size:13px;
	color:#FFFFFF;
}
#vak {
	width:185px;
	height:auto;
	border: solid 1px #000000;
	margin:0px 0px 20px 0px;
display:none;
}
#vak1 {
	width:185px;
	height:auto;
	border: solid 1px #000000;
	margin:0px 0px 20px 0px;
}
#subvak {
	width:175px;
	height:auto;
	border: solid 1px #000000;
	margin:0px 0px 20px 0px;
	padding:5px;
}
#vak_inside {
	width:175px;
	height:auto;
	padding:5px;
	overflow:hidden;
}
#zwart {
	width:175px;
	height:auto;
	min-height: 15px;
	padding:5px;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	background-color:#000000;
	text-align:center;
}
#contentlinks {
	width:400px;
	height:150px;
	float:left;
	margin:0px 2px 0px 0px;
	border: 1px solid #FF0000;
	padding:10px;
}
#contentrechts {
	width:130px;
	height:150px;
	float:right;
	margin:0px 0px 0px 2px;
	border: 1px solid #FF0000;
	padding:10px;
}
	
.detaillistprice {
text-align:center;
}

.prodimage {
vertical-align : top;
} 
.detailimage {
vertical-align : top;
} 
.detailprice {
	text-align:right;
}
div.prodid{
font-size:11px;
}

span.prodoption{
font-weight: bold;
} 

.prodname, .detailname{
font-weight: bold;
font-size:13px;
}
.buybutton{
vertical-align:bottom;
}

/*TABLE.cobtbl{
background-color: #FF0000;
} 

TD.cobhl{
background-color: #FFC42B;
}

TD.cobll{
background-color: #FFF7B8;
color : #666666;
}*/
P.pagenums {
font-size: 11px;
font-family : Verdana;
color:#333333;
}

SPAN.currpage {
color: #FF0000;
font-weight: bold;
}
div.prodinstock {
font-size: 11px;
font-family : Verdana;
color:#009900;}

.review {
color: #000;
font-weight: bold;
font-size:11px
}
.review, .reviewform{
font-weight:normal;
}
.reviewhr {
color: #CCC;

}
.showallreview, .reviewcomments {
color: #000;
font-weight: normal;
font-size:11px
}

.reviewname {
color: #999;
font-weight: normal;
font-size:12px
}

hr.review {
width: 100%;
text-align:left;
height: 0px;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #CCCCCC;
}
div.prodrating{
}
img.prodrating{
}
.pop360l {width:500px;height:530px;border:5px #ccc solid;position:absolute;zindex:1200;margin-left:120px;margin-top:50px;background:#fff;}
.360sml {text-align:center;margin-top:340px;margin left:120px;width:130px;position:absolute;z-index:1;}
.popwb {margin-top:-2px;width:750px;height:515px;background- color:#fff;position:absolute;z-index:40;filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}

TD.mincart {
background-color:none;
}

P.mincart {
font-size: 10px;
background-color:none;
}
IMG.catimage { 
width:140px;
height:140px;
vertical-align:bottom; 
border: 1px solid #FF0000;
}
TD.catimage { 
vertical-align:bottom; 
border: 1px solid #FF0000;
}
TD.catname { 
vertical-align:bottom; 
text-align: center; 
}  

/* 
----------------------------------------------
Accordion Menu 
----------------------------------------------
*/

.ectacmenu{
margin: 0 0;
padding: 0;
border-bottom-width: 0;
margin-right: 1px;
margin-top: -1px;
}

.ectacmenu a.menuitem{
background:none;
font-size:13px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 175px;
padding: 5px ;
margin: 2px 0px;
border: 1px solid #FF3333;
color: #000000;
text-decoration: none;
}


.ectacmenu a.menuitem:visited, .ectacmenu .menuitem:active{
color: #000000;
}

.ectacmenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.ectacmenu a.menuitem:hover{
background: none;
color:#FF3333;
}

.ectacmenu div.submenu{ /*DIV that contains each sub menu*/

}

.ectacmenu div.submenu ul{ /*UL of each sub menu*/
list-style-type:disc;
margin: 0;
padding: 0;
}

.ectacmenu div.submenu ul li{
border-bottom: 1px none #c0c0c0;
}

.ectacmenu div.submenu ul li a{
display: block;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
text-decoration: none;
padding: 6px;
padding-left: 20px;
}

.ectacmenu div.submenu ul li a:hover{
color: #FF3333;
}

.tblqtydisc {
border: 1px solid #FF3333;
}
/* 
----------------------------------------------
End Accordion Menu 
----------------------------------------------
*/
/* 
----------------------------------------------
Accordion Menu 
----------------------------------------------
*/

.sf-menutop {
	padding:0px 0px 0px 5px;
	margin:5px;
	list-style:none;
	color:#000000;
}

.blog-menu {
	padding:0px 0px 0px -5px;
	color:#000000;
	margin:-5px;
	list-style:none;
}

.prijsfilter {
	padding-left:10px;
}
.hoofdnav ul { 
	display:inline;
	font-weight:bold;
		word-spacing:15px;
}
.hoofdnav ul li { 
	display:inline;
	font-weight:bold;
		word-spacing:15px;
		
}
.folder {
	color:#000000;
	margin:0px;
	padding:5px;
	list-style:none;
font-weight:bold;
cursor: pointer;

}
a.treemenu{
	margin:5px;
	padding:-2px;
	list-style:none;
	color:#000000;
text-decoration:none;
font-weight:bold;

}

li.treemenu {
	list-style:none;
line-height:30px;
border: 1px solid #FF3333;
width:185px;

	
}
.treemenu li {
	list-style:none;
line-height:30px;
border: 1px none #FF3333;
width:175px;

	
}
#tree_menu ul{
	margin:5px;
	padding:5px;


	
}
#tree_menu li{
margin:5px 0px 0px 0px;

}
.hoofdnav {
	padding:5px 0px 0px 0px;
}
#tree_menu.treeview {
margin: 0px 0px 0px -40px;
*margin: 0px 0px 0px 0px;
}
/* 
----------------------------------------------
End Accordion Menu 
----------------------------------------------
*/
.receiptoption{background-color:#E6E6E6;}
.receipthr{height: 0;border-width: 1px 0 0 0;border-style: solid;border-color:#333333;}
.receipthl{background-color:#DFE0EC;}
.receiptheading{background-color:#FF3333;color: #FFFFFF;font-weight:bold; }
/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#000000;
    text-decoration:none;

}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #000000; background:#ffffff;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
	top:-400px; left:50;
	padding: 15px;
	width:500px;
	color: #000000;
    text-align: left;
	background-color:#FFFFFF;
	border: 1px solid #999999;
	font-weight:normal;
	/*filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;*/
}
a.tt:hover span.tooltip2{
    display:block;
    position:absolute;
	top:-50px; right:0;
	padding: 15px;
	width:500px;
	color: #000000;
    text-align: left;
	background-color:#FFFFFF;
	border: 1px solid #999999;
	font-weight:normal;
	/*filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;*/
}
a.tt:hover span.top{
	display: block;
	padding:10px;
    background: url(bubble.gif) no-repeat top;
	background-color:#FFFFFF;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 10px; 
	background: url(bubble_filler.gif) repeat bottom; 
	background-color:#FFFFFF;
}
a.tt:hover span.bottom{
	display: block;
	padding: 10px;
	color: #548912;
    background: url(bubble.gif) no-repeat bottom;
	background-color:#FFFFFF;
}