@charset "utf-8";
/* CSS Document */
body {
	background-color:#D9D9FB;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
form {
display: inline;
}
h1 {
	font-size:16px;
	color:#966C56;
}
h3 {
	font-size:14px;
	color:#966C56;
}
h6 {
	font-size:16px;
}
a:link {
	color:#9999FF;
	text-decoration:none;
}
a:visited {
	color:#9999FF;
	text-decoration:none;
}a:hover {
	color:#000000;
	text-decoration:none;
}a:active {
	color:#9999FF;
	text-decoration:none;
}
a:link.top {
	color:#9999FF;
	text-decoration:none;
}
a:visited.top {
	color:#9999FF;
	text-decoration:none;
}a:hover.top {
	color:#000000;
	text-decoration:none;
}a:active.top {
	color:#9999FF;
	text-decoration:none;
}
a:link.footer {
	color:#CC3366;
	text-decoration:none;
}
a:visited.footer {
	color:#CC3366;
	text-decoration:none;
}
a:hover.footer {
	color:#000000;
	text-decoration:none;
}
a:active.footer {
	color:#CC3366;
	text-decoration:none;
}
.home {
	font-size:13px;
	font-weight:bold;
	color:#966C56;
}
#container {
	width:877px;
	height:auto;
	margin:0px auto;
	background-image:url(../images/container.jpg);
	background-repeat:repeat-y;
	background-color:#d9d9fb;
	overflow:hidden;
}
#header {
	width:750px;
	height:82px;
	float:left;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
}
#minicart {
	width:85px;
	height:57px;
	overflow:hidden;
	float:right;
	background-image:url(../images/minicart.jpg);
	background-repeat:no-repeat;
	padding: 15px 25px 10px 17px;
}
#leftcontainer {
	width:138px;
	height:auto;
	float:left;
	padding:30px 0px;
}
#rightcontainer {
	width:735px;
	height:auto;
	float:right;
}
#navigatiecontainer {
	width:138px;
	height:auto;
}
#navigatietop {
	width:138px;
	height:19px;
	background-image:url(../images/navigatietop.jpg);
	background-repeat:no-repeat;
}
#navigatiecontent {
	width:128px;
	height:auto;
	background-image:url(../images/navigatiecontent.jpg);
	background-repeat:repeat-y;
	padding:0px 5px;
}
#navigatiebottom {
	width:108px;
	height:121px;
	background-image:url(../images/navigatiebottom.jpg);
	background-repeat:no-repeat;
	padding:20px 10px 0px 15px;
	line-height:23px;
	font-weight:bold;
}
#informatievak {
	width:138px;
	height:auto;
}
#zoeken {
	width:735px;
	height:111px;
	background-image:url(../images/aanbiedingvak.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	float:right;
	padding:10px 0px 0px 0px;
}
#topnavigatie {
	width:250px;
	height:20px;
	float:left;
	padding: 5px 0px 0px 0px;
	color:#9999FF;
}
#aanbieding {
	width:730px;
	height:80px;
}
#content {
	width:659px;
	height:auto;
	padding:20px 50px 20px 20px;
	float:right;
}
.zoekvak {
	margin:0px 0px 0px 100px;
	background-image:url(../images/zoekvak.jpg);
	background-repeat:no-repeat;
	padding: 0px 0px 10px 0px;
}
.input {
	width:160px;
	background: none;
	border: none;
	padding:4px 10px 0px 20px;
	vertical-align:middle;
}
#footer {
	width:837px;
	height:25px;
	background-image: url(../images/footer.jpg);
	background-repeat:no-repeat;
	float:left;
	text-align:right;
	padding:65px 40px 0px 0px;
	font-size:10px;
}
/* 
----------------------------------------------
Accordion Menu 
----------------------------------------------
*/

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

.ectacmenu a.menuitem{
background: none;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
border-bottom: 1px none #000000;
color: #9999FF;
padding-left: 10px;
text-decoration: none;
}


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

.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:#000000;
}

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

}

.ectacmenu div.submenu ul{ /*UL of each sub menu*/
list-style-type:none;
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;
font-style:italic;
font-weight:bold;
color:#9999FF;
text-decoration: none;
padding: 6px;
padding-left: 20px;
}

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


/* 
----------------------------------------------
End Accordion Menu 
----------------------------------------------
*/
.giantimgname detailname{
background-color:blue;
color:#000000;
}
.detaillistprice {
text-align:center;
}
.prodimage {
vertical-align: top;

} 
.imageprod { 
width:100px;
height:auto;
border:none; 
border-thickness: 1px; 
border-color:#FFFFFF;
border-style: none; 

}
.detailimage {
vertical-align : top;
width:auto;
height:auto;
} 
.detailprice {
	text-align:center;
}
div.prodid{
font-size:11px;
}

span.prodoption{
font-weight: bold;
} 

.prodname, .detailname{
font-weight: bold;
font-size:13px;
display:none;
}
div.prodname {
font-weight: bold;
font-size:13px;
display:none;
}
.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:#FFFFFF;
}

P.mincart {
font-size: 10px;
}

/*---------- 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:-500px; 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.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;
}