* {

	margin: 0;

	padding: 0;

}



html{

	height: 100%;





}



/* styles for main body and headings */

body{

	background:#C8C8C8;

	margin: 0;

	padding: 0;

	font-family: 'Verdana',Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;

	font-size: 11px;

	color: #333333;

	height: 100%;

	text-align:center;
    z-index:0;


}



h1{ font-family:'Verdana',Trebuchet MS, Arial,Helvetica,sans-serif;color:#004F7D;font-size: 18px;font-weight: bold; letter-spacing: 0.5px;}

h2{color:#004F7D;font-size: 18px;font-weight: bold;}

h3{color:#004F7D;font-size: 11px;font-weight: normal;}

h4{color:#004F7D;font-size: 11px;font-weight: normal;}

h5{color:#004F7D;font-size: 11px;font-weight: normal;}

h6{color:#0085D5;font-size: 14px;font-weight: bold;padding: 2px 0px 10px 0px;}

.prodLink{

  	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;

	font-size: 11px;

	font-weight: bold;

	text-align: left;

	color: #004F7D;



}

h5.prodLink a{

  	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;

	font-size: 11px;

	font-weight: bold;

	text-align: left;

    color:#5197FF;



}






.promoTitle{

  	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;

	font-size: 12px;

	font-weight: bold;

	text-align: left;

	color: #004F7D;

}



.promoDetail{

  	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;

	font-size: 11px;

	font-weight: bold;

	text-align: left;

	color: #004F7D;

}

.promoDatum{

  	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;

	font-size: 14px;

	font-weight: bold;

	text-align: left;

	color: #FF2200;

}

.promoTitle a,.promoDetail a{

    text-decoration: none;

}

.promoTitle a:link, .promoTitle a:visited,.promoDetail a:link,.promoDetail a:visited{

	color: #004F7D;

}

.promoTitle a:hover, .promoTitle a:active,.promoDetail a:hover,.promoDetail a:active{

	color: #004F7D;

    text-decoration:underline;

}



.promoOldPrice{

  	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;

	font-size: 10px;

	font-weight: normal;

	text-align: left;

	color: #004F7D;

	text-decoration: line-through;

}

/* styles for links */

a {font-family: Trebuchet MS, Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color:#0085D5;text-decoration: none; border: 0px solid;}

a:link,a:visited{color:#0085D5; border: 0px;}

a:hover,a:active{color:#2BAFFF; text-decoration:underline; border: 0px solid;}

a:hover{cursor: pointer;}



#info p{
display: block;
}
p.breadcrumb{
font-family: Trebuchet MS, Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color:#6B6B6B; font-weight: bold;
text-decoration: none;
}


p.breadcrumb a{
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color:#6B6B6B;
font-size: 10px;
}



p.breadcrumb:link,p.breadcrumb:visited{
text-decoration: underline;
color:#6B6B6B;
}



p.breadcrumb:hover,p.breadcrumb:active{
border: 0px;
text-decoration: none;
}

.breadcrumb:hover{

cursor: pointer;

}

.plainType{

font-weight: normal;

}

.italicType{

font-weight: normal;

font-style: italic;

color: #FF2200;

}

.img {

	padding:0px;

	border:1px solid #DFDFDF;

}

.imgSuper {

    padding:5px;

	border:1px solid #DFDFDF;

	background:#ffffff;

    vertical-align: middle;

}

img.nav {

	padding:0px;

	border:0px;

}

.prodHiglight{

  	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;

	font-size: 11px;

	font-weight: bold;

	text-align: left;

	color: #FF2A7F;

	padding:0px 0px 0px 0px;

}

input{

	font-family: Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;

	font-size: 10px;

   	color: #004F7D;

	font-weight: bold;

	background-color: #EBEBEB;

	border : 1px solid #99B3CC;

	vertical-align: top;

}

input[type=IMG]{

	vertical-align: top;

    background-color: #99B3CC;

	border : 1px solid #99B3CC;

}



input[type=password]{

    background-color: #EBEBEB;

	border : 1px solid #99B3CC;

}

input[type=submit]{

     color: #FFFFFF;

     background-color: #99B3CC;

	 border : 1px solid #99B3CC;

}



input[type=button]{

    color: #FFFFFF;

     background-color: #99B3CC;

	border : 1px solid #99B3CC;

}

input[type=button]:hover,input[type=submit]:hover{cursor: pointer;}

input[type=text]:hover,input[type=password]:hover,input[type=file]:hover,textarea:hover{

border : 1px solid #537CA6;

background-color: #FFFFFF;

}



textarea{

	font-family: Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;

	font-size: 10px;

	color: #333333;

	font-weight: bold;

	background-color: #EBEBEB;

	border : 1px solid #CCCCCC;

    overflow: auto;

	

}

input[type=radio] {

	font-family: Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;

	font-size: 10px;

	color: #FF2200;

}

select,option{

	font-family: Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;

	font-size: 10px;

	color: #333333;

	background-color: #EBEBEB;

	border-top-color: #CCCCCC;

	border-right-color:#CCCCCC;

	border-bottom-color:#CCCCCC;

	border-left-color: #CCCCCC;

	border-top-width: 1px;

	border-right-width:	1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style:	solid;

	border-bottom-style: solid;

	border-left-style: solid;

	vertical-align: middle;

}

.grey{

  	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;

	font-size: 10px;

	font-weight: bold;

	text-align: left;

	color: #A5A5A5;

	

}

.grey a{

 color: #666666;

 font-size: 10px;

 }

/* tables styles */

table{

	width:100%;

	border: 0;

	padding: 0;

	margin:0;

    vertical-align: top;

}



table.Super{
  	margin: 5px auto;
  	width:180px;
   
	text-align: center;
  	font-family: Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #C0C0C0;
	background-color: #F9F9F9;
	border-top-color: #CCCCCC;
	border-right-color:#CCCCCC;
	border-bottom-color:#CCCCCC;
	border-left-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width:	1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style:	solid;
	border-bottom-style: solid;
	border-left-style: solid;
	vertical-align: middle;
}

th, td{

	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;

	font-size: 10px;

	text-align: left;

	color: #2D2D00;

    vertical-align: top;



}

.prodLijst{

  	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;

	font-size: 12px;

	font-weight: bold;

	text-align: left;

	background:#F9F9F9;

	color: #004F7D;

	padding: 5px 5px 5px 5px;

	vertical-align:top;

	border-top-color: #CCCCCC;

	border-top-width: 1px;

	border-top-style: solid;

}







td.super{

  	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;

	font-size: 10px;

	font-weight: bold;

	text-align: left;

	background:#F9F9F9;

	color: #004F7D;

	padding: 5px;

	

	vertical-align:top;

}

td.superCart{

  	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;

	font-size: 10px;

	font-weight: bold;

	text-align: left;

	background:#F9F9F9;

	color: #2D2D00;

	padding:5px 0px 0px 0px;

	vertical-align:middle;

	border-top: 1px solid #CCCCCC;

	

}

td.superIMG{

  	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;

	font-size: 10px;

	font-weight: bold;

	text-align: left;

	color: #2D2D00;

	vertical-align:top;

	height: 120px;

	width: 76px;

}



td.prodDetImg{

height: 100%;

  	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;

	font-size: 10px;

	font-weight: bold;

	text-align: left;

	color: #2D2D00;

	vertical-align:top;

	background:#EEEFF0;

    padding: 0px;

    margin: 0px;

	

}





.navListTitel{

  	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;

	font-size: 11px;

	font-weight: bold;

	text-align: left;

	color: #004F7D;

	vertical-align: middle;

	padding:0px 5px 0px 0px;



	

}

.go{

  	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;

	font-size: 11px;

	font-weight: bold;

	text-align: left;

	color: #004F7D;

	padding:0px 2px 2px 5px;

	vertical-align: top;

	background: transparent;

	border: 0px;

}





/* style for warnings and alert */

.sAlert{color:#FF2200; font-weight:bold;}

.kortingAlert{color:#DC143C; font-size: 12px;font-weight:bold; background-color: #FFD700;}

.alert{color:#FF2200; font-weight:bold;border-bottom: 1px solid #CCCCCC;}

#container{

   background-color: #C9D7E4;

  position:absolute;

  left:50%;

  width:800px;

  margin:0px 0px 0px -400px;

  vertical-align: top;

  

}

#maincontent{

    height: 100%;

 	width: 800px;

	text-align: left;

    background-color: #C9D7E4;

    background-attachment: scroll;

  background-image: url(../images/bg_content.gif);

  background-position: top;

  background-repeat: repeat-y;

}

#homecontent{
    height: 100%;
 	width: 800px;
	text-align: left;
    background-color: #FFFFFF;
    background: #FFFFFF url(../images/bg_home.gif) scroll top repeat-y  ;
}







#rightPanel{

  float:right;
  width: 200px;
  font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  text-align: justify;

  background-color: #EEEFF0;

}

#footer{

    clear: both;

	background: #D7D7D7;

	text-align: center;

	font-weight: bold;

	font-size: 9px;

	color: #999999;

	padding: 5px 0px 5px 0px;

    border-top: 1px solid #BEBEBE;

    border-bottom: 1px solid #BEBEBE;

	margin:0px auto 0;

    width: 100%;

}

#pageHeader{

	background: transparent url(../images/head.gif) no-repeat top;

	height: 118px;

	width: 800px;

	margin:0px 0px 0px 0px;

}

#spageHeader{

	background: transparent url(../images/shead.gif) no-repeat top;

	height: 118px;

	width: 800px;

	margin:0px 0px 0px 0px;

}

/* styles for menu */

#menu{

  	background: transparent;

  	clear: both;

  	float:right;

	margin: 0px;

	position: relative; top: 66px; right: 10px;

    text-decoration: none;

    border: 0px solid;



}

#menu a{

	padding:0px 0px 0px 0px;

    text-decoration: none;

}

#menu a:link,#menu a:visited{text-decoration: none; }

#menu a:hover,#menu a:active,#uberlink a:link, #uberlink a:visited,#uberlink a:hover, #uberlink a:active{

	text-decoration: none;

}

#menu li{display: block; float:left; margin:0px; padding:0px; border: 0px;	}

#menu ul{margin:0px; padding:0px;}





#smenu{

  	background: transparent;

  	clear: both;

  	float:right;

	margin: 0px;

	position: relative; top: 66px; right: 10px;

    text-decoration: none;

    border: 0px solid;



}

#smenu a{

	padding:0px 0px 0px 0px;

    text-decoration: none;

}

#smenu a:link,#smenu a:visited{text-decoration: none; }

#smenu a:hover,#smenu a:active,#uberlink a:link, #uberlink a:visited,#uberlink a:hover, #uberlink a:active{

	text-decoration: none;

}

#smenu li{display: block; float:left; margin:0px; padding:0px; border: 0px;	}

#smenu ul{margin:0px; padding:0px;}



#navList{
    position: absolute;
	top: 94px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	background: transparent;
	width: 800px;
	padding: 0px 0px 0px 0px;
}

#listAssort{
float: left;
  	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 8px;
	text-align: left;
	background: transparent;
}

#listSubCat{
	float: left;
  	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 10px;
	text-align: left;
	background: transparent;
}

#listFab{

	position: absolute;
	top:0px;
	left: 435px;
	margin: 0px 0px 0px 0px;

	text-align: left;

	background: transparent;

}
#listAssort select{
  width: 150px;
    margin : 0px;
  padding: 0px;
  border: none;
  
}
#listSubCat select{
  width: 150px;
  margin : 0px;
  padding: 0px;
}
#listFab select{

  width: 100px;

  margin : 0px;

  padding: 0px;

}


#search{

  	position: absolute;

	top:0px;

	

	right: 20px;

	margin: 0px 0px 0px 0px;

	text-align: left;

	background: transparent;

	



}

p {

	margin-bottom: 10px;

}

span{

margin: 0px;

padding: 0px;

}
 #lijst h2 span{
    text-align: center;
     position: relative;
     top:13px;
 	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;
	font-size:24px;
	font-weight: bold;
	color: #ff2200;
 }

#rightPanel h3 span, #lijst h3 span,#lijst h4 span, #super h3 span, #shopCart h3 span, #shopDivider h4 span, #shopArealijst h1 span,#shopArealijst h2 span,#shopArealijst h3 span,#shopArealijst h4 span {

  display:none;

  margin: 0px;

  padding: 0px;

}





#shopArea{

  width:800px;

  float:left;

  background: #FFFFFF;

}

#shopArealijst{

  position: relative;

  text-align: left;

  background: #C9D7E4;



}

#shopArealijst h1 {

    border-top: 1px solid #99B3CC;

    border-bottom: 1px solid #99B3CC;

	background-image: url(../images/img_cart01.gif);

	background-repeat: no-repeat;

	background-position: left;

	width: 800px;

	height: 30px;

    /*margin-bottom: 10px;*/

}

#shopArealijst h2 {

    border-top: 1px solid #99B3CC;

    border-bottom: 1px solid #99B3CC;

	background-image: url(../images/img_cart02.gif);

	background-repeat: no-repeat;

	background-position: left;

	width: 800px;

	height: 30px;



}

#shopArealijst h3 {

    border-top: 1px solid #99B3CC;

    border-bottom: 1px solid #99B3CC;

	background-image: url(../images/img_cart03.gif);

	background-repeat: no-repeat;

	background-position: left;

	width: 800px;

	height: 30px;



}

#shopArealijst h4 {

    border-top: 1px solid #99B3CC;

    border-bottom: 1px solid #99B3CC;

	background-image: url(../images/img_cart04.gif);

	background-repeat: no-repeat;

	background-position: left;

	width: 800px;

	height: 30px;

   

}

#shopDivider h4 {

    border-top: 1px solid #99B3CC;

	background-image: url(../images/shading.png);

	background-repeat: repeat-x;

	background-position: left;

	width: auto;

	height: 16px;

    margin: 0px;

    padding: 0px;

}

.shopLijst{

  	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;

	font-size: 11px;

	font-weight: bold;

	text-align: left;

	background:#F9F9F9;

	color: #004F7D;

	padding: 5px 5px 5px 5px;

	vertical-align:top;

	border-top-color: #CCCCCC;

	border-top-width: 1px;

	border-top-style: solid;

}

.facLijst{

  	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;

	font-size: 11px;

	font-weight: normal;

	text-align: left;

    background-color: #FFFFFF;

	color: #004F7D;

	padding: 5px 5px 5px 5px;

	vertical-align:top;

	border-top-color: #cccccc;

	border-top-width: 1px;

	border-top-style: solid;



}

.rightBorder{

border-right: 1px solid #cccccc;

}

.bottomBorder{

border-bottom: 1px solid #cccccc;

}

.backtoShop{

    text-align: right;

	vertical-align:middle;

    background: #FFFFFF;

     border-right: 1px solid #99B3CC;

}

.naardekassa{

    text-align: left;

    vertical-align: middle;

    background: #FFFFFF;

    border-left: 1px solid #99B3CC;

}

#flashcontent{

  position: relative;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 1px 0px;

  width: 598px;

  height: 200px;
   background-color: #C9D7E4;

}

#super{

  position: relative;

  margin: 0px 0px 0px 0px;

  padding-bottom: 10px;

  text-align: justify;
}








#account{

  position: relative;

  text-align: left;

  background: #FFFFFF;

  padding: 10px 10px 10px 10px;

  border-bottom: 1px solid #99B3CC;

}



#lijst{

  position: relative;

  text-align: left;

  background: #C9D7E4;

}

#lijst h2 {
    text-align: center;
    background: transparent url(../images/korting_bg.png) center no-repeat;
	width: 65px;
	height: 65px;

}

#lijst h3 {

    background: url(../images/promo.gif);

	background-repeat: no-repeat;

	background-position: left;

	width: 50px;

	height: 50px;

}

#lijst h4{

    text-align: right;

    background-image: url(../images/promo_big.gif);

	background-repeat: no-repeat;

	background-position: right;

	width: 65px;

	height: 65px;

    vertical-align: top;

}

#super h3 {

	background-image: url(../images/tit_super.gif);

	background-repeat: no-repeat;

	background-position: left;

	width: 598px;

	height: 30px;

    padding: 0px;

    margin: 0px;

}







#rightPanel h3{

   width: 201px;

  height:29px;

  background: url(../images/img_shopCart.gif) no-repeat top;



}

#shopCart{

  font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;

  font-size: 10px;

  font-weight: bold;

  padding-bottom: 0px;

  margin: 10px 5px 0px 5px;

  background: #EEEFF0;



}

#shopCart.p2{

  margin: 10px 5px 5px 5px;

  padding-bottom: 1px;

  text-align: justify;

  font-weight: bold;

}

 #minicart{

 padding: 0px;

 margin: 0px;

 }



#shopDivider{

  padding: 0px 0px 0px 0px;

  margin: 0px;

}

.shopCartProd{;

  text-align: left;

  padding: 5px 0px 5px 0px;;

  border-bottom-color: #D7D7D7;

  border-bottom-width: 1px;

  border-bottom-style: solid;

  vertical-align: middle;



}

.shopCartPrice{

  text-align: right;

  padding: 5px 0px 5px 0px;;

  border-bottom-color: #D7D7D7;

  border-bottom-width: 1px;

  border-bottom-style: solid;

  vertical-align: middle;

}

.shopCartCostRight{

  text-align: right;

  padding: 5px 0px 0px 0px;

  vertical-align: middle;

}

.shopCartCostLeft{

  text-align: left;

  padding: 5px 0px 0px 0px;

  vertical-align: middle;

}

.shopBtn{

    text-align: left;

    vertical-align: text-bottom;

}






#loginNewUser{
position: relative;
padding: 20px 10px 10px 10px;
text-align: left;
background:#F5F5F5;
border-top: 1px solid #99B3CC;

}



.spacer{

  padding: 6px 0px;

  border-top:  1px solid  #D7D7D7;;



}

.loginBox{

  	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;

    font-size: 11px;


	color: #004F7D;

	font-weight: bold;

	text-align: left;

	vertical-align: middle;

    padding: 5px 10px;

}



.iconUserEdit{

    background: url(../images/user_edit.png) no-repeat center;

    padding: 0px 18px 2px 10px;

}


.loginTitle {
  	font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #004F7D;
}





#testdiv1{

 visibility: hidden;

 position: static;

 background-color:#FFFFFF;

 left:-300px;

 width: 160px;

 height: 100px;

 text-align: center;

 }



.vTop{

vertical-align: top;

}



.cal{

clear: both;

float: left;

vertical-align: top;

}

/* STYESHEETS UPDATED WITH NEW STUFF */
#contentArea{
  position: relative;
  top: 0px;
  vertical-align: top;
  width:598px;
  float: left;
}

#info{
  position: relative;
  margin: 0px;
  padding: 10px;
  text-align: left;
  background-color: #C9D7E4;
}

#info h1{
  padding-top: 10px;
  padding-bottom: 10px;
}

#info h5{
  font-weight: bold;
  padding-top: 10px;
}

.contact{
  position: relative;
  text-align: left;
  background: #FFFFFF;
  padding: 10px 10px 10px 10px;
  border-top: 1px solid #99B3CC;
  border-bottom: 1px solid #99B3CC;
  font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  color: #004F7D;
}

#news{
  position: relative;
  font-family:Trebuchet MS, Verdana,Arial,Helvetica,sans-serif;
  font-weight: normal;
  text-align: left;
  padding: 10px 10px 10px 10px;
  border-top: 1px solid #99B3CC;
  background-color: #FFFFFF;

}

.newsDate{
	font-size: 10px;
	font-weight: bold;
	color: #004F7D;
}

.newsTitle{
  	font-size: 13px;
	font-weight: bold;
	color: #0085D5;
}

.newsMiniTitle{
	font-size: 10px;
    color: #0085D5;
    padding: 2px 0px 2px 0px;
    border-bottom: 1px solid #cccccc;
}

.newsBody{
  	font-size: 13px;
	color: #0096F0;
}