@CHARSET "UTF-8";

.clearFix:after { /* for modern browsers */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearFix { /* for IE7/Win */
    min-height:1px;
}
* html .clearFix { /* for IE5-6/Win */
    height:1px;
}
* html>body .clearFix { /* for IE5/Mac */
    height:auto;
    display:inline-block;
}

* {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #233a85;
}

.relwrap{
	width: 996px;
	margin: 0px auto auto auto;
	text-align: left;
}

body{
	background: url('/images/glossy/bg.jpg') top left repeat-x #fff;
	text-align: center;
	overflow-x: hidden;
}

h1{
	font-size: 18px;
	color: #2995f0;
	padding: 12px 0px 12px 0px;
}

h3{
	color: #2995f0;
	font-weight: bold;

}

a {
	text-decoration: none;
	color: #2995f0;
}

strong{
	font-weight: bold !important;
}

#thumbspath{
	float: none;
	font-weight: bold;
	clear: both;
	padding: 18px 0px 24px 0px;
	height: 24px;
}

#thumbspath li{
 	float: left;
}

#catalogusTree li {
	padding-bottom: 8px;
}

#catalogusTree li a {
	color: #233A85;
	font-size: 12px;
}

.numeriek{
	color: #999 !important;
	font-size: 10px;
}

#Payment {
	background: url('/images/glossy/waarborg.jpg') top right no-repeat #fff;
}

#Payment dl {
	height: 130px ;
}

p{
	line-height: 16px;
	margin: 12px 0px 12px 0px;
}

a:hover {
	text-decoration: none;
	color: #233a85;
	text-decoration: underline;
}

li{
	list-style: none;
}

#donationTable {
	margin: 0px 0px 48px 36px;
	border: 1px solid #233A85;
	border: 0px 1px 0px 1px;
}

#donationTable th {
	color: #fff;
	background-color: #233A85;
	font-size: 10px;
	font-weight: bold;
	padding: 2px 4px 1px 4px;
}

#donationTable td {
	height: 24px;
	border-bottom: 1px solid #233A85;
	padding: 2px 4px 2px 4px;
}

#donationTable td a{
	color: #233A85 !important;
}

.carousel_container{
	clear: both;
	float: none;
	width: 500px;
	height: 200px;
	margin: 0px auto;
	cursor: pointer;
}

.GoedDoelTekst strong{
	font-weight: bold;
}

.spacer{
	padding-bottom: 12px !important;
}

.highLight{
	font-size: 10px;
	font-weight: bold;
	color: #333;
}


.lichtBlauw{
	color: #2995f0;
}

.gray{
	color: #979797;
}

.rood{
	color: #e2021a;
}

.donkerblauw{
	color: #233a85;
}

.bullet{
	background: url('/images/glossy/bullet.jpg') no-repeat transparent !important;
	background-position: 0px 4px !important;
	padding-left: 8px;
}

.cmsPage ul, .cmsPage ol {
	padding: 12px 12px 12px 36px;
}

.cmsPage li {
	list-style: square;
}

/* TopMenu -------------------------- */


ul.nav, .nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: pointer;
	list-style-type: none;
	display: inline;
	background-color: transparent !important;
}


ul.nav{
	display: table;
	background-color: transparent !important;
}

ul.nav li{
	padding: 0px 12px 0px 0px !important;
	background-color: transparent !important;
	line-height: 24px;
	float: left;
}

ul.nav li ul li{
	line-height: 12px;
	margin-left: 0px;
	float: none;
}
		
ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
}


ul.nav li>ul{
	display: none;
	position: absolute;
	margin-left: 0px;
	margin-top: 0px;
}

ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.nav li a {
	width: 96px;
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	width: 96px;
	padding: 8px 10px 10px 8px;
}

/*** Menu colors (customizable) ***/
ul.nav li:hover{
	background-color: #fff !important;
}

ul.nav li ul li:hover{
	background-color: transparent !important;
}

ul.nav, .nav ul, .nav li a,  .nav ul li a{
	background-color: #000 !important;
	color: #233a85;
}

ul.nav li ul li{
	border-left: 1px solid #9BCEF8;
}

ul.nav li ul li a {
	border-right: 1px solid #9BCEF8;
}

ul.nav li:hover, .nav ul li a:hover{
	background-color: #E7F6FE;
}

.nav ul{
	border: 0px solid #369;
}

.nav a{
	text-decoration: none;
}

/* pageHeader ------------------------------- */
#headerTop{
	float: none;
	width: 996px;
	height: 186px;
	background: url('/images/glossy/header.jpg') top left no-repeat transparent;
}

#serviceHeaderTop{
	float: none;
	width: 996px;
	height: 119px;
	background: url('/images/glossy/serviceHeader.jpg') top left transparent;
}

#headerBottom{
	float: none;
	width: 996px;
	height: 38px;
	background: url('/images/glossy/bottomHeader.jpg') top left no-repeat transparent;
}

#serviceHeaderBottom{
	float: none;
	width: 996px;
	height: 38px;
	background: url('/images/glossy/serviceBottomHeader.jpg') top left no-repeat transparent;
}

/* Sidebar */

#priceFilter div, #priceFilter ul, #yearFilter div, #yearFilter ul , #languageFilter div, #languageFilter ul{
	margin: 0px 6px 0px 6px;
}

#priceFilter div h2, #yearFilter div h2 , #languageFilter div h2{
	background: url('/images/icons/filter.png') top right no-repeat transparent;
	padding-bottom: 6px;
	border-bottom: 1px solid #e5e5e5;
}

#priceFilter ul, #yearFilter ul, #languageFilter ul{
	padding: 4px 0px 0px 8px;
}

#priceFilter ul li, #yearFilter ul li, #languageFilter ul li {
	height: 24px;
	line-height: 20px;
	background: url('/images/icons/unselected.png') top left no-repeat transparent;
	padding-left: 20px;
	cursor: pointer;
}

#priceFilter ul li.selectedItem, #yearFilter ul li.selectedItem, #languageFilter ul li.selectedItem{
	background: url('/images/icons/selected.png') top left no-repeat transparent;
}

#priceFilter ul li:hover, #yearFilter ul li:hover, #languageFilter ul li:hover {
	background: url('/images/icons/hoverselected.png') top left no-repeat transparent;
}
	
#sideBar, .sideBar{
	float: left;
	padding: 0px 0px 0px 24px;
}

#sideBar h3{
	padding: 9px 0px 16px 0px;
}

#sideBarTop, .sideBarTop{
	width: 177px;
	height: 5px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
	background: url('/images/glossy/topSidebar.jpg') top left no-repeat transparent;
}

#sideBarContent, .sideBarContent{
	clear: both;
	background: url('/images/glossy/bgSidebar.jpg') top left repeat-y transparent;
}

#sideBarReferer, #fountdationFirstHour{
	padding: 6px;
}

#Movies{
	width: 503px;
	height: 244px;
	background: url('/images/glossy/bgMovies.jpg') top left no-repeat #fff;
}

#movie{
	width: 320px;
	float: left;
	padding: 8px 0px 8px 8px;
}

#movieMenu{
	float: left;
	background-color: #b2c9dd;
	width: 164px;
	height: 218px;
	margin-top: 8px;
	padding: 0px 0px 8px 0px;
}

#movieMenu ul {
	backgrond-color: #fff;
	margin-left: 2px;
	width: 142px;
}

#movieMenu ul li{
	width: 142px;
	border: 1px solid #92b2ce;
	padding: 8px 8px 8px 8px;
	margin-bottom: 1px;
	text-align: center;
	color: #000;
	background: url('/images/glossy/bgMovieMenu.jpg') top left repeat-x;
}
#movieMenu ul li a {
	color: #000;
}

#tabPages{
	padding: 12px 0px 0px 0px;
}

#goedDoelVanDeWeek{
	width: 503px;
	height: 291px;
	background: url('/images/glossy/bgGoedDoel.jpg') top left no-repeat #fff;
}

#goedDoelVanDeWeek h2, #greenLink h2{
	color: #fff;
	font-size: 16px;
	padding: 10px 0px 0px 60px;
}

#greenLink{
	background: url('/images/glossy/groeneLinkContainer.jpg') top left no-repeat;
	width: 503px;
	height: 295px;
}

#connect {
	width: 504px;
	height: 295px;
}

#connectBody{
	width: 504px;
	height: 237px;
	background: url('/images/glossy/bgVraagAanbod.jpg') top left repeat-y;
	float: none;
}

#connectBody ul li{
	padding: 4px 12px 4px 12px;
}

#connectBody ul li a {
	color: #233A85 !important;
}

#connectHeader{
	width: 504px;
	height: 48px;
	background: url('/images/glossy/vraagAanbodHeader.jpg') top left no-repeat;
	float: none;
}

#connectFooter{
	width: 504px;
	height: 10px;
	background: url('/images/glossy/vraagAanbodFooter.jpg') top left no-repeat;
	float: none;
}

#connectHeader h2 {
	color: #fff;
	font-size: 16px;
	padding: 10px 0px 0px 64px;
}

#sideBarBottom, .sideBarBottom{
	width: 177px;
	height: 11px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
	background: url('/images/glossy/bottomSidebar.jpg') top left no-repeat transparent;
}


#searchContainer{
	width: 996px;
	padding: 12px 0px 0px 354px;
}

#searchField{
	width: 290px;
	height: 19px;
	float: left;
	padding: 2px 2px 0px 2px; 
	
}

#searchField input{
	border: 0px;
	height: 16px;
	width: 280px; 

}

#searchBtnContainer{
	width: 70px;
	float: left;
	padding-left: 12px;
}

#btnSearch{
	background: url('/images/glossy/placeholder.gif') top left no-repeat transparent;
	width: 70px;
	height: 26px;
	border: 0px;
	float: left;
	cursor: pointer; 
}

.advSearch{
	background: url('/images/glossy/advSearch.jpg') top left no-repeat;
	width: 177px;
	height: 180px;
	margin-top: 24px;
}

#btnAdvSearch{
	width: 100px;
	font-size: 12px;
	font-weight: bold;
	margin-left: 60px;
}

.advSearchHeader{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 8px 0px 0px 60px;	
}

.advSearchForm{
	clear: both;
	padding: 24px 0px 0px 6px;
}

/* Teller */
#tellerContainer{
	float: none;
	padding: 0px 22px 0px 28px;
}

#teller{
	float: none;
	width: 178px;
	height: 66px;
	padding: 0px 0px 0px 54px; 
	background: url('/images/glossy/bgTeller.jpg') top left no-repeat #fff;
}

#doantionGoedDoelCounter{
	float: left; 
	margin: 18px 0px 0px 18px;
	background: url('/images/glossy/donatieTellerGoedDoel.jpg') top left no-repeat; 
	width:172px; 
	height:71px;
	color: #E2021A;
	font-weight: bold;
	font-size: 18px;
	padding: 18px 0px 0px 58px;
}

#amountTeller{
	padding-top: 12px;
	font-size: 18px;
	font-weight: bold;
}

#tellerContainer ul{
	padding: 8px 0px 22px 4px;
}

#tellerContainer ul li a{
	padding: 0px 0px 0px 8px;
	background: url('/images/glossy/bullet.jpg') no-repeat #fff !important;
	background-position: 0px 5px !important;
}

/* boeken top 3 */
#top3Container{
	height: 276px;
	padding: 0px 0px 0px 0px;
	clear:both;
	float: none;
}

#top3Lijst li {
	float: left;
	width: 168px;
}

.top3Image{
	width: 160px;
	height: 164px;
}

.top3Donatie{
	width: 61px;
	height: 164px;
	float: right;
	background: url('/images/glossy/bloem.png') bottom right no-repeat transparent;
}

.top3Amount{
	font-size: 10px;
	font-weight: bold !important;
	color: #fff;
	padding: 132px 0px 0px 8px;
}

.top3Title{
	color: #0583ee;
	font-weight: bold;
	font-size: 10px;
	width: 164px;
	height: 32px;
}

.top3BestelNu{
	padding: 8px 0px 0px 0px;
	width: 160px;
	height: 22px;
}

.top3BestelNu button{
	width: 136px;
	height: 22px;
	border: 0px;
	background: url('/images/glossy/btnUpBestellen.jpg') top left no-repeat #fff;
	cursor: pointer;
}
.top3Price{
	width: 160px;
	font-weight: bold;	
	font-size: 12px;
	color: #0583ee;
}

.top3PriceEx{
	width: 160px;
	font-size: 10px;
	color: #979797;
}

.top3BestelNu button:hover{
	width: 136px;
	height: 22px;
	border: 0px;
	background: url('/images/glossy/btnDownBestellen.jpg') top left no-repeat #fff;
}

/* widget */
.widgetWrap{
	padding:0px 12px 0px 15px;
	width: 216px;
}

.boxHeader{
	clear: both;
}

.boxTopLeft{
	width: 25px;
	height: 27px;
	float: left;
	background: url('/images/glossy/boxheader.jpg') no-repeat !important;
}

.boxTopTitle{
	height: 27px;
	width: 181px;
	line-height: 33px;
	padding: 0px 6px 0px 4px;
	color: #2995f0;
	background: url('/images/glossy/boxtitle.jpg') no-repeat !important;
	font-weight: bold;
	float: left;
}

.boxEndTab{
	display: none;
}

.boxTopRight{
	width:98px;
	height: 27px;
	float: left;
	/*background: url('/images/glossy/topRight.jpg') no-repeat #fff !important;*/
}

.boxBody{
	clear: both;
	padding: 12px 0px 12px 12px;
}

.boxFooter{
	/* background: url('/images/glossy/bottom.jpg') top left no-repeat #fff; */
	height: 3px;
	width: 216px;
	clear: both;	
	font-size: 1px !important;
	line-height: 1px !important;
	padding: 0px;
	margin: 0px;
}

#newItems {
	padding: 56px 0px 0px 12px;
}

#newItems, #newItems li{
	float: left;
}

#newItems li a img,  #newCover img{
	border: 1px solid #e6e6e6;
	float: left;
}

#newItems li {
	padding-right: 1px !important;
}

#newCover {
	float: left;
	padding: 12px 0px 0px 12px;
}

/* login users */
#frmLoginEmail, #frmLoginPassword{
	border: 1px solid #e5e5e5;
	width: 170px;
	height: 16px;
	margin: 8px 0px 4px 0px;
}
#frmUserLogin li {
	padding: 0px 0px 10px 0px;
}

#frmUserLogin a {
	padding: 0px 0px 0px 8px;
	color: #2995f0 !important;
}

#frmUserLogin label {
	color: #233a85 !important;
}

#frmLoginButton{
	width: 93px;
	height: 23px;
	border: 0px;
	margin: 8px 0px 0px 78px;
	background: url('/images/glossy/btnUpLogin.jpg') top left no-repeat;
}

#frmLoginButton:hover{
	width: 93px;
	height: 23px;
	border: 0px;
	background: url('/images/glossy/btnDownLogin.jpg') top left no-repeat #fff;
}

/* producten */
#box_categorien li,#wishlist li,  #box_gevraagd li, #box_aangeboden li, #box_nieuwsarchief li{
	line-height: 20px;
	padding: 3px 0px 0px 3px;
	border-top: 1px solid #edf6fe;
}

#box_categorien li a, #box_gevraagd li a, #box_aangeboden li a, #box_nieuwsarchief li a{
	color: #233a85 !important;
}

#box_categorien li:hover,  #box_gevraagd li:hover, #box_aangeboden li:hover, #box_nieuwsarchief li:hover{
	line-height: 20px;
	border-top: 1px solid #ddeffd;
	padding: 3px 0px 0px 3px;
	background: #e7f5fe;
}
/* Wishlist */

#addToWishlist, .viral{
	
	padding-left: 20px;
	height: 16px;
	line-height: 16px;
	background: url('/images/icons/control_play.png') top left no-repeat #fff;
	cursor: pointer;
}

#addToWishlist a{
	font-weight: bold;
	font-size: 10px;
	color: #233A85;
}

.deleteItemWishlist{
	height: 20px;
	background: url('/images/icons/delete.png') top left no-repeat #fff !important;
	padding-left: 20px;
	cursor: pointer;
}

.addItem{
	height: 20px;
	background: url('/images/icons/cart_go.png') top left no-repeat #fff !important;
	padding-left: 20px;
	cursor: pointer;
}

.mailItems{
	height: 20px;
	width: 140px;
	float: left;
	cursor: pointer;
	background: url('/images/icons/email_open.png') top left no-repeat #fff !important;
	padding-left: 20px;
	font-weight: bold;
}

/* goed doel van de week */

#homeFoundation{
	float: none;
	width: 504px;
	clear: both;
	background: url('/images/glossy/goedDoelHeader.jpg') top left no-repeat #fff;
	padding: 36px 0px 0px 0px;
}

#goedDoelWeekContainer{
	width: 336px;
	height: 291px;
	float: left;
	background: url('/images/glossy/goedDoelWeekContainer.jpg') top left no-repeat #fff;
}

#contentNewsFooter, #contentGroeneLinkFooter{
	padding: 6px 0px 12px 16px;
}

#btnSearchEngine, #btnSearchAz, #btnSearchGoogle, #btnSearchOnderbuik{
	width: 129px;
	height: 22px;
	padding:0px 0px 6px 0px;
	cursor: pointer;
}

#btnSearchEngine{
	background: url('/images/glossy/btnUpSearchEngine.png') top left no-repeat transparent;
}

#btnSearchEngine:hover{
	background: url('/images/glossy/btnDownSearchEngine.png') top left no-repeat transparent;
}

#btnSearchAz{
	background: url('/images/glossy/btnUpAz.png') top left no-repeat transparent;
}

#btnSearchAz:hover{
	background: url('/images/glossy/btnDownAz.png') top left no-repeat transparent;
}

#btnSearchGoogle{
	background: url('/images/glossy/btnUpGoogle.png') top left no-repeat transparent;
}

#btnSearchGoogle:hover{
	background: url('/images/glossy/btnDownGoogle.png') top left no-repeat transparent;
}

#btnSearchOnderbuik{
	background: url('/images/glossy/btnUpOnderbuik.png') top left no-repeat transparent;
}

#btnSearchOnderbuik:hover{
	background: url('/images/glossy/btnDownOnderbuik.png') top left no-repeat transparent;
}

#searchGoedDoel{
	width: 154px;
	height: 130px;
	float: none;
	padding: 0px;
	background: none;
}

#searchGoedDoel ul{
	padding: 18px 0px 0px 12px;	
}

#divContainer{
	padding: 12px 0px 12px 0px;
	width: 504px;
	float: both;
}

#nieuweBoekenContainer{
	height: 296px;
	width: 503px;
	clear: both;
	float: none; 
	background: url('/images/glossy/bgNieuweBoeken.jpg') top left no-repeat #fff;
}

#recensieContainer{
	height: 295px;
	width: 338px;
	float: left;
	background: url('/images/glossy/bgRecensieContainer.jpg') top left no-repeat #fff;
}

#recensieContainer ul{
	padding: 64px 0px 0px 18px;
}

#box_nieuwsarchief div.paginationControl{
	margin: 12px 0px 0px 18px !important;
}

#newsContainer{
	height: 295px;
	width: 154px;
	float: right;
	background: url('/images/glossy/newsContainer.jpg') top left no-repeat #fff;
}

#articleContainer img{
	margin: 8px;
}

#articleContainer{
	line-height: 16px;
}


.newsItem{
	margin: 0px 0px 2px 0px;
	font-size: 10px !important;
	line-height: 12px;
	width: 130px;
	clear: both;
	float: none;
	display: block;
	background: url('/images/glossy/line.jpg') top left no-repeat;
}

#nieuwsItems{
	padding: 42px 12px 4px 12px;
}

#newsArchief{
	padding: 12px 16px 0px 16px;
}

#newsArchief a{
	font-weight: bold;
}

/* content */
#content{
	float: left;
	width: 1006px;
	padding: 12px 0px 0px 0px;
	min-height: 150px;
	background: url('/images/glossy/bgContent.jpg') top left no-repeat #fff;
}

#columnleft{
	width: 722px;
	padding: 0px 0px 0px 42px;
	float:left; 
}

#columnright{
	width: 700px;
	padding: 0px 0px 0px 0px;
	float:left; 
}

#left{
	width: 260px;
	float:left; 
}

#middle{
	padding: 0px;
	width: 504px;
	float:left;
}

#right{
	width: 232px;
	float:right;
}

/* footer */
#footer{
	width: 996px;
	height: 42px;
	clear: both;
	float: none;
	padding: 0px 36px 0px 42px;
	background: url('/images/glossy/bgFooter.jpg') top left no-repeat #fff;
}

.footerLeft{
	float: left; width: 220px; line-height: 42px; text-align: left;
}

.footerMiddle{
	float: left; width: 504px; line-height: 42px; text-align: center;
}

.footerMiddle img {
	vertical-align: middle;
}

.footerRight{
	float: right; width: 232px; line-height: 42px; text-align: left; 
}

/* profiel ----------------------------------------- */
#Box_UserProfile li, #Box_Foundations li {
	padding-bottom: 6px;
}

.frmProfile{
	margin: 24px 0px 0px 24px;
}

.frmFoundation, .frmCategory{
	margin: 24px 0px 0px 0px;
}

.frmProfile label, .frmFoundation label, .frmCategory label {
	width: 125px !important;
	float: left !important; 
	color: #333;
	font-size: 10px;
	font-weight: bold;
}

.frmProfile input, .frmFoundation input, .frmCategory input {
	margin-bottom: 8px !important;
}

.frmFoundation dd{
	margin-bottom: 8px !important;
}

.frmCategory dd {
	width: 36px;
	float: left;
}

#orderHistory{
	width: 100%;
}

#orderHistory th {
	border-bottom: 1px solid #333;
	padding: 0px 0px 8px 0px;
	font-size: 10px;
	font-weight: bold;
	color: #333;
}

#orderHistory td{
	font-size: 10px;
	vertical-align: top;
	border-bottom: 1px solid #C3D3C4;
	padding: 6px 0px 0px 6px;
}

#orderHistory li {
	font-size: 10px;
}

.dashboardIcons {
	width: 48px;
	height: 48px;
	padding-right: 12px;
	float: left;
}

#dashboardLinks{
	width: 210px;
	margin-left: 12px;
	float: left;
}

#dashboardLinks li{
	clear: both;
	float: none;
	margin-bottom: 24px;
	
}

/* Shoppingcart ------------------------------------ */

#ShoppingCart{
	width: 100%;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	margin-bottom: 36px;
}

#ShoppingCart th {
	text-align: right;
	font-size: 10px;
	border-bottom: 2px solid #e6e6e6;
	padding: 3px 3px 6px 3px;
}

#ShoppingCart td {
	text-align: right;
	font-size: 10px;
	padding: 3px 3px 6px 3px;
}

#ShoppingCart .numCol{
	width: 75px;
}

#ShoppingCart .subtotaal {
	height: 40px;
	vertical-align: bottom;
	border-top: 1px solid #e6e6e6;
}

#ShoppingCart .transport{
}

#ShoppingCart .totaal{
	height: 40px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 3px double #e6e6e6;
}

#Shoppingcart .productRow{
	height: 36px;
}

#productLink{
	font-size: 10px;
	text-decoration: none !important;
}

.productColli{
	cursor: pointer;
	font-size: 10px;
	border: 0px;
	height: 24px;
	line-height: 24px;
	padding-right: 3px;
}

.productColliHover{
	cursor: pointer;
	font-size: 10px;
	border: 1px solid #e6e6e6;
	background: url('/images/change.png') top left no-repeat #fff;
	height: 24px;
	line-height: 24px;
	padding-right: 3px;
}

.editColli{
	text-align: right;
	width: 35px;
	border: 0px;
	line-height: 24px;
	font-size: 10px;
	font-weight: bold;
	color: #C1001F;
	margin-top: 6px;
}

#Shoppingcart .deleteItem{
	cursor: pointer;
}

#boxShoppingcartItems, #otherItems{
	list-style: none;
}

#boxShoppingcartItems img, #otherItems img {
	float: left;
	margin: 3px 6px 3px 0px;
	border: 1px solid #e6e6e6;
}

#removeShoppingCartItem{
	float: right;
	text-align: right;
	height: 16px;
}

#boxShoppingcartItems li, #otherItems li{
	clear: both;
	padding: 6px 0px 12px 0px;
	border-bottom : 1px solid #e6e6e6;
	min-height: 50px;
	height: 60px;
}

#boxShoppingcartItems li, #boxShoppingcartItems a, #otherItems li, #otherItems a{
	font-size: 10px;
}

#otherItemsPrice, #otherItemsPrice: hover{
	color: #007EEC;
	text-decoration: none !important;
	font-weight: bold;
}

#btnVerdershoppen{
	background: url('/images/btnShoppen.png') top left no-repeat;
	border: 0px;
	height: 22px;
	font-weight: bold;
	line-height: 22px;
	cursor: pointer;
	padding-left: 24px;
	text-decoration: underline;
	text-align: left;
	width: 125px;
}

#btnAfrekenen{
	background: url('/images/btnAfrekenen.png') top left no-repeat;
	border: 0px;
	height: 22px;
	line-height: 22px;
	cursor: pointer;
	padding-left: 24px;
	font-weight: bold;
	text-decoration: underline;
	text-align: left;
	width: 125px;
	margin-left: 36px;
}

.addProduct{
	text-align: right;
	background: url('/images/add.png') top right no-repeat;
	padding: 0px 18px 0px;
}

.addProduct a{
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #333;
}

/* Checkout ---------------------------------------- */

.GoTo{
	font-size: 10px;
	cursor: pointer;
	background: url('/images/tip.png') top right no-repeat #fff;
}

.chkHeader{
	background-color: #D0DCE1;
	border: 1px solid #A3AEB3;
	border-bottom: 0px;
	padding: 3px;
	color: #A3AEB3;
	font-size:10px;
	font-weight: bold;
}

.chkHeaderCurrent{
	background-color: #F9F3E4;
	border: 1px solid #A3AEB3;
	border-bottom: 0px;
	padding: 3px;
	color: #C1001F;
	font-size:10px;
	font-weight: bold;
}

.stepCount{
	border: 1px solid #A3AEB3;
	padding:0 4px;
	font-size:10px;
	margin-right: 10px;

}

.stepCountCurrent{
	color: #fff;
	background-color: #C1001F;
	border: 1px solid #fff;
	padding:0 4px;
	font-size:10px;
	margin-right: 10px;
}

.frmCheckout{
	background-color: #fff;
	border: 1px solid #A3AEB3;
	padding: 12px 4px 4px 12px;
}

.btnOkee{
	background: url('/images/okee.png') top left no-repeat transparent;
	width: 130px;
	height: 24px;
	padding-left: 32px;
	line-height: 24px;
	border: 0px;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	letter-spacing: +1px;
	text-align: left;
	margin: 24px 0px 12px 176px !important;
	cursor: pointer;
}

.btnUpload{
	background: url('/images/upload.png') top left no-repeat transparent;
	width: 130px;
	height: 24px;
	padding-left: 32px;
	line-height: 24px;
	border: 0px;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	letter-spacing: +1px;
	text-align: left;
	cursor: pointer;
	
}

.btnCancel{
	background: url('/images/cancel.png') top left no-repeat transparent;
	width: 130px;
	height: 24px;
	padding-left: 32px;
	line-height: 24px;
	border: 0px;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	letter-spacing: +1px;
	text-align: left;
	cursor: pointer;
}

#GoedDoel .btnOkee{
	margin: 24px 0px 12px 336px !important;
}

.idealForm dt {
	float: left;
	width: 100px;
	font-weight: bold;
	color: #999999;
}


.idealForm dd {
	clear: right;
	float: none;
}

.checkoutForm dt {
	float: left;
	width: 150px;
}


.checkoutForm dd {
	clear: right;
	float: none;
}

.checkoutForm input{
	margin: 4px;
}

.checkoutForm select{
	margin: 4px;
}

.frmValues{
	width: 186px !important;
	margin: 4px 0px 8px 0px;
	border: 1px solid #A3AEB3;
	font-size: 10px;
	padding: 4px;
}

.frmValuesLabel{
	color: #A3AEB3;
	font-size:10px;
	font-weight: bold !important;
}

#box_shoppingProgress .boxBody{
	padding:12px 0px 12px 0px !important;
}

/* boek details ------------------------------------ */
#catBookheader{
	padding: 6px 0px 0px 0px;
}

#catBookheader h1{
	color: #007eec;
}

#catBookheader h2{
	color: #233a85;
}

#catBookTitles{
	width: 390px;
	height: 109px;
	float: left;
}

#catBookDonation{
	width: 100px;
	height: 109px;
	float:right;
	background: url('/images/bloemDonatie.jpg') top left no-repeat;
	
}

#catBookDonationAmount{
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	margin: 60px 0px 0px 12px;
}

#bookDetails{
	clear: both;
	float: left;
	width: 500px; 
}

#bookDetails img {
	border: 1px solid #e6e6e6;
}

#bookImage {
	float: left;
	height: 220px;
	width: 200px;
}

#catBookSummary{
	width: 290px;
	float: right;
	height: 144px;
}

#catBookPriceBlock{
	width: 252px;
	float: right;
	height: 72px;
	background-color: #eef5de;
	padding: 6px 0px 0px 24px;
}

#bookInfo, #bookInfo li{
	list-style: none;
	line-height: 16px;
	color: #233a85;
	font-size: 12px;
}

#bookInfo{
	float: left;
	margin: 0px 0px 0px 24px;
}

#bookInfo li {
	font-size: 10px;
}

.bookLabel{
	font-size: 10px;
	font-weight: bold;
}

.incl{
	color: #007eec;
	font-weight: bold;
	font-size: 14px;
}

.excl{
	color: #666;
}

#catBookDescription{
	clear: both;
	padding: 24px 0px 24px 0px;
	line-height: 16px;
	color: #233a85;
}


/* search results ---------------------------------- */

.paginationControl {
	line-height: 16px;
	text-align: left;
	padding: 0px 0px 6px 0px;
	margin: 0px 0px 12px 0px;
	float:left;
	
}

.searchItem li{
	list-style: none !important;
	float: none;
	clear: both;
	height: 175px;
	margin-bottom: 6px;
}

.searchItem h2{
	font-size: 16px;
}

.searchItem li img {
	border: 1px solid #e6e6e6 !important;
	margin-right: 6px;
}


/* Zoek goed doel module ---------------------------- */
#lettersZoekGoedDoel{
	float: none;
}

#lettersZoekGoedDoel li{
	float: left;
	list-style: none;
	margin-top: 8px;
}

#lettersZoekGoedDoel a {
	text-decoration: none;
	padding: 0px 4px 0px 4px;
	font-weight: bold;
	font-size: 10px;
	color: #333;
}

#selectorGoedDoel{
	clear: both;
	float: left;
	margin: 8px 0px;
}

#searchFoundation{
	float: left;
	margin: 6px 0px 0px 12px;
}

#searchFoundation img {
	cursor: pointer;
}

#searchGoedDoelPaginator{
	float: left;
	text-align: right;
	margin: 10px 0px 0px 24px;
}

#displayGoedDoel{
	float: none;
	clear: both;
}

#displayGoedDoel ul, #displayGoedDoel li{
	list-style: none;
	float: left;
}

#displayGoedDoel ul {
	margin: 12px 0px 0px 24px;
}

#displayGoedDoel ul li img {
	border: 0px;
}

.labelGoedDoel, .labelGoedDoel a{
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	width: 150px;
	height: 36px;
	padding: 6px 0px 18px 12px;
	text-decoration: none !important;
}

/* Nieuw account -------------------------------------------------------------- */

#frmRegister{
	padding: 24px 12px 36px;
}

#frmRegister dt{
	float: left;
	width: 120px;
}

#frmRegister input{
	margin-bottom: 6px;
}

#frmRegister label{
	font-size: 10px;
	font-weight: bold;
	color: #333;
}

#frmRegister #frmTelephone {
	margin-bottom: 24px;
}

/* invoice ------------------------------------------------ */

#invoiceTable{
	margin: 24px;
}

#invoiceTable td{
	font-size: 10px;
	vertical-align: top;
	line-height: 12px;
}

#invoiceTable fieldset{
	padding: 12px;
}

#invoiceTable legend {
	padding: 0px 6px 0px 6px;
}

#invoiceTable th {
	background: #4682B4;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
}

#invoiceTable .articleList{
	padding: 3px;
	border-bottom: 1px solid #666;
}


/* diversen */
#tellAFriend{
	margin: 12px 0px;
}

#tellAFriend label{
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}

.messageBox{
	margin: 36px 0px 0px 12px;
	padding: 12px;
	border: 1px solid #333333;
	background: #fff;
}

#frmForgotPassword{
	margin: 24px 12px 24px 144px;
	border: 1px solid #e6e6e6;
	padding: 36px 12px 6px 12px;
	width: 324px;
	background: url('/images/lock.jpg') top right no-repeat #fff;
}

#homeKiezen{
	width: 504px;
	height: 41px;
	background: url('/images/glossy/kiezen.jpg') top left no-repeat #fff;
	text-align: right;
}

#dasMooi a{
	padding-left: 16px;
}
.readOn {
	float: left;
	width: 108px;
}

.goHome{
	float:left;
}

.titleBox {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	height: 28px;
	line-height: 28px;
	padding: 6px 0px 0px 60px;
}

.contentImgBox {
	padding: 16px 0px 8px 16px;
}

.contentTextBox{
	padding: 0px 16px 0px 16px;
	color: #233a85;
}

.hdGoedDoel{
	width: 710px;
	height: 54px;
	float: right;
	line-height: 44px;
	font-size: 18px;
	font-weight: bold;
	background: url('/images/glossy/hdGoedDoel.jpg') top left no-repeat;
}

.imageGoedDoel{
	float: left;
	height: 150px;
	width: 160px;
	background: #ffffff;
}

.imageGoedDoel img{
	border: 1px solid #e5e5e5;
}

.baroMeter{
	margin-top: 24px;
	background: url('/images/glossy/bgBarometer.jpg') top left no-repeat #fff;
	height: 104px;
	width: 498px;
	float: right;
	margin-right: 6px;
}

.promoText{
	padding: 6px;
	width: 236px;
	float: left;
	color: #712100 !important;	
}

.GoedDoelTekst{
	padding-top: 12px;
	width: 690px;
	clear: both;
	color: #712100 !important;
}

.GoedDoelTekst p,  .GoedDoelTekst em, .GoedDoelTekst strong, .GoedDoelTekst li, .GoedDoelTekst ul, .GoedDoelTekst ol, .GoedDoelTekst h1, .GoedDoelTekst h3,
	.GoedDoelTekst h2, .GoedDoelTekst u{
	color: #712100 !important;	
	text-decoration: none;
}

.GoedDoelTekst ul a{
	text-decoration: underline;
	color: #712100 !important;
}

.GoedDoelTekst ul, .GoedDoelTekst ol, .GoedDoelTekst li{
	text-decoration: none;
	color: #712100 !important;	
	margin-left: 18px;
	list-style: square;
}

.headerGoedDoel{
	color: #e2001a;
	font-size: 16px;
	font-weight: bold;
	width: 498px;
	float: right;
	margin-right: 6px;
}

.bgGoedDoel{
	
	width: 710px;
	float: right;
	background: url('/images/glossy/bgGoedDoel.jpg') top left repeat-y;
}

.fgGoedDoel{
	width: 710px;
	height: 5px;
	float: right;
	background: url('/images/glossy/fgGoedDoel.jpg') top left no-repeat;
}

.iconForm{
	background: url('/images/icons/layout_edit.png') top left no-repeat;
}

.actionAdd{
	background: url('/images/icons/layout_add.png') center left no-repeat !important;
}

.actionEdit{
	background: url('/images/icons/layout_edit.png') center left no-repeat !important;
}

.actionDelete{
	background: url('/images/icons/layout_delete.png') center left no-repeat !important;
}

.grafiek{
	background: url('/images/icons/chart_bar.png') center left no-repeat !important;
}

.saleDash {
	background: url('/images/icons/creditcards.png') center left no-repeat !important;	
}

#conditionsTop{
	float: none;
	width: 380px;
	height: 25px;
	background: url('/images/glossy/rcBoxTop.jpg') top left no-repeat;
}

#conditionsBottom{
	float: none;
	width: 380px;
	height: 31px;
	background: url('/images/glossy/rcBoxBottom.jpg') bottom left no-repeat;
}

#conditionContent{
	float: none;
	background: url('/images/glossy/rcBoxBg.jpg') top left repeat-y;
}

#conditionContent h1 {
	padding-top: 0px !important;
}

#conditionContent ul {
	padding: 8px 8px 8px 16px !important;
}

#conditionContent li {
	list-style: square !important;
}

#callout{
	
	position: absolute;
	width : 211px;
	height: 109px;
	left: -300px;
	top: -300px;
	z-index: 99;
	background: url('/images/glossy/callout.png') top left no-repeat transparent;
	padding: 32px 12px 12px 18px;
}

#calloutText{
	width: 168px;
	text-align: center;
	font-weight: bold;
}

#reviewForm{
	clear: both;
	margin-top: 12px;
}

#reviewForm dt, #frmMailWishlist dt{
	margin: 12px 0px 6px 0px;
	font-weight: bold;
}

/*             styles for the star rater                */	
.star-rating{
	list-style:none;
	margin: 6px 0px;
	padding:0px;
	width: 100px;
	height: 20px;
	position: relative;
	background: url('/images/stars.png') top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	height:20px;
	width: 20px;		
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:20px;
	height: 20px;
	line-height:20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	overflow:hidden;
}
.star-rating li a:hover{
	background: url('/images/stars.png') left center !important;
	z-index: 2;
	left: 0px;
	border:none;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:20px;
}
.star-rating a.two-stars{
	left:20px;
}
.star-rating a.two-stars:hover{
	width: 40px;
}
.star-rating a.three-stars{
	left: 40px;
}
.star-rating a.three-stars:hover{
	width: 60px;
}
.star-rating a.four-stars{
	left: 60px;
}	
.star-rating a.four-stars:hover{
	width: 80px;
}
.star-rating a.five-stars{
	left: 80px;
}
.star-rating a.five-stars:hover{
	width: 100px;
}
.star-rating li.current-rating{
	background: url('/images/stars.png') left bottom;
	position: absolute;
	height: 20px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}
/* remove halo effect in firefox   */
.star-rating a:active{
	outline: none;
}		
	
/* sitemap boeken */
#sitemapCatalogus{
	padding: 36px 0px 24px 0px;	
}

#sitemapCatalogus li {
	line-height: 16px;
}

#sitemapCatalogus a {
	color: #233A85 !important;
}

#sitemapCatalogus .sitemap_1{
	padding-left: 18px;
}

#sitemapCatalogus .sitemap_2{
	font-weight: bold;
	padding: 12px 0px 8px 36px;
}

#sitemapCatalogus .sitemap_3{
	padding-left: 54px;
}

#sitemapCatalogus .sitemap_4{
	padding-left: 72px;
}

/* Booktray */
#booktray ul li {
	float: left;
	padding: 4px;
}

#booktrayBestellen {
	width: 350px;
	text-align: right;
	background: url('/images/glossy/btnUpBestellen.jpg') top right no-repeat #fff;
}

#booktrayBestellen:hover{
	background: url('/images/glossy/btnDownBestellen.jpg') top right no-repeat #fff;
}

/* Cerificaten */
#frmCertificates{
	padding-top: 18px;
}

#frmCertificates dt {
	float: left;
	width: 245px;
	height: 29px;
	margin-bottom: 12px;
}

.kgb, .cbfs, .cbfk, .cbfv, .anbi, .isf, .ngdt{ 
	padding-left: 36px;
}

#frmCertificates dt .cbfs{
	float: left;
	width: 245px;
	height: 29px;
	background: url('/images/cbfs.gif') top left no-repeat #fff !important;
}

#frmCertificates dt .ngdt{
	float: left;
	width: 245px;
	height: 29px;
	background: url('/images/ngdt.gif') top left no-repeat #fff !important;
}

#frmCertificates dt .kgb{
	float: left;
	width: 245px;
	height: 29px;
	background: url('/images/kgb.gif') top left no-repeat #fff !important;
}

#frmCertificates dt .cbfk{
	float: left;
	width: 245px;
	height: 29px;
	background: url('/images/cbfk.gif') top left no-repeat #fff !important;
}

#frmCertificates dt .cbfv{
	float: left;
	width: 245px;
	height: 29px;
	background: url('/images/cbfv.gif') top left no-repeat #fff !important;
}

#frmCertificates dt .anbi{
	float: left;
	width: 245px;
	height: 29px;
	background: url('/images/anbi.gif') top left no-repeat #fff !important;
}

#frmCertificates dt .isf{
	float: left;
	width: 245px;
	height: 29px;
	background: url('/images/isf.gif') top left no-repeat #fff !important;
}

#frmCertificates dd {
	float: left;
	width: 130px;
	text-align: right;
	margin-bottom: 12px;
}

/* Nieuws Ticker*/
#NewsTicker{
	width:136px;
	height:210px;
	margin:0 auto;
	overflow:hidden;
position:relative;
	
}
	
#NewsVertical {
	width: 130px;
	height: 216px;
	display:block;
	overflow:hidden;
	overflow:hidden;
position:relative;
	
}
	
#TickerVertical {
	width: 136px;
	height: 210px;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* google maps */
#gmapHeader{
	width:  696px;
	height: 10px;
	background: url('/images/glossy/gmapTop.png') top left no-repeat #fff;
	float: none;
}

#gmapContent{
	background: url('/images/glossy/gmapBg.png') top left repeat-y #fff;
	padding: 6px 12px 0px 12px;
	width: 696px;
	float: none;
}

#gmapBottom{
	width:  696px;
	height: 16px;
	background: url('/images/glossy/gmapBottom.png') top left no-repeat #fff;
	float: none;
	margin-bottom: 24px;
}

#latestNews{
	text-align: left;
}

#latestNews li {
	padding-left: 4px;
	margin-bottom: 6px;
}
/* bomen teller */

#bookCounter{
	width: 176px;
	height: 65px;
	background: url('/images/glossy/trees.jpg') top left no-repeat #fff;
}

#bookCounterNum{
	padding: 16px 0px 0px 48px;
	color: #fff !important;
	font-weight: bold;
	font-size: 14px;
}

.activeTab{
	width: 100px;
	padding-top: 4px;
	font-weight: bold;
	cursor: pointer; 
	text-align: center; 
	float: left;
	height: 23px;
	background: url('/images/active.jpg') top left no-repeat #fff;
}

.deactiveTab{
	width: 100px;
	cursor: pointer;
	padding-top: 4px;
	text-align: center; 
	float: left;
	height: 23px;
	background: url('/images/deactive.jpg') top left no-repeat #fff;
}

/* Componenten ---------------------------- */

#catSelector{
	width: 175px;
	border: 1px solid #e5e5e5;
}

#foundationSelector{
	width: 200px;
	border: 1px solid #e5e5e5;
}

/* Boekenbonnen----------------------------------------- */

#errorblockCoupons{
	background: url('/images/warning.png') top left no-repeat #fff;
	padding: 6px 6px 6px 48px;
	height: 50px;
	color: #CC152A;
	font-weight: bold;
}

.inputCoupon{
	border: 1px solid #999;
	width: 35px;
}

#components {
	border: 1px solid #A3AEB3;
	padding: 6px;
}

#componentResidual{
	padding: 8px 0px;
	font-weight: bold;
}

#componentBlock{
	padding: 0px 0px 12px 0px;
}

#usedCoupons {
	padding: 8px;
}

#addCoupon{
	background: url('/images/icons/add.png') top left no-repeat;
	padding-left : 18px;
	margin: 18px;
	border: 0px solid #555;
	font-weight: bold;
	cursor: pointer;
}

#componentPayment ul {
	margin: 18px;
}

.removeCoupon {
	background: url('/images/icons/delete.png') top left no-repeat;
	padding-left: 18px;
	padding-bottom : 6px;
	cursor: pointer;
}

/* Auteurs -------------------------------- */

#authorsMenu li {
	float: left;
}