/* EO E-shop css, by The.O 12-12-2005 */
@import url(top.css);
@import url(navigation.css);

@import url(dvd.css);
@import url(cd.css);
@import url(book.css);
@import url(various.css);
@import url(brochure.css);

/* basic tags */

body  {
  font-family: Verdana,Arial,sans-serif;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background: #FFFFFF;
  }
a {
  color: #003CB4;
  }
a:hover   {
  color: #A0DC02;
  text-decoration: underline;
  }
a:active  {
  }
.clearing {
  clear: both;
  height: 1px;
  }

.idbar img {
	border: 0;
}


/*default corporate design  */
.page {
  position: absolute;
  }


/* middle container with content */

.containerMiddle {
  position: absolute;
  left: 186px;
  top: 0px;
  width: 528px;
}

.containerMiddle .infotext {
  font-size: 0.8em;
}

/* ticker (not yet implemented) */
.ticker {
 }
 
/* exposed product */

.exposedproduct {
  margin: 9px 6px 0px 6px;
  padding: 0px 3px 0px 0px;
  background-image: url(../images/exposed_bg.jpg);
  background-repeat: repeat-x;
  background-position: top;  
  }
  
.exposedproduct .curveRight {
  float: none;
  margin: none;
  position: absolute;
  right: 0px;
  z-index: 40;
  }
  
  
.exposedproduct img {
  border: none;
  float: left;
  margin: 0px 6px 0px 0px;
  }
.exposedproduct .announcement {
  font-weight: bold;
  font-size: 1em;
  display: inline;
  color: #CC0A0A;
  }
.exposedproduct .title a {
  position: relative;
  font-weight: bold;
  font-size: 1.2em;
  text-decoration: none;
  }
.exposedproduct .title a .type {
  display: inline;
  font-size: .8em;
  }
.exposedproduct .text {
  position: relative;
  font-size: .7em;
  color: #000000;
  margin: 6px 0px 0px 0px;
  }
.exposedproduct .text a {
  display: block;
  color: #003CB4;
  }
.exposedproduct .text a:hover {
  color: #A0DC02;
  }
.exposedproduct .price {
  margin: 9px 0px 0px 0px;
  position: relative;
  font-weight: bold;
  font-size: .7em;
  color: #000000;
  }
.exposedproduct .price .oldprice {
  display: inline;
  text-decoration : line-through;
  }
.exposedproduct .price .offer {
  font-size: 1.5em;
  display: inline;
  color: #CC0A0A;
  text-decoration: none;
  }
.exposedproduct .more {
  clear: both;
  padding: 6px 0px 3px 6px;
  }
.exposedproduct .more img {
  border: none;
  margin: 2px 3px 0px 0px;
  }
.exposedproduct .more a {
  font-size: .7em;
  text-decoration: none;
  color: #003CB4;
  }
.exposedproduct .more a:hover {
  text-decoration: underline;
  color: #A0DC02;
  }
.containerRight .exposedproduct {
  background-image: none;
  background: none;
  }
.containerRight .exposedproduct .announcement {
  font-size: .7em;
  }
.containerRight .exposedproduct .title a {
  font-size: .7em;
  }
.containerRight .exposedproduct .title a .type {
  font-size: .8em;
  }
.containerRight .exposedproduct .price .offer {
  font-size: 1em;
  }

.containerRight {
  position: absolute;
  left: 720px;
  top: 0px;
  width: 180px;
  height: 650px;
  background: #FFFFFF;
  background-image: url(../images/container_left_bg.jpg);
  background-repeat: repeat-x;
  overflow: visible;
  }

.containerLarge {
  position: absolute;
  left: 186px;
  top: 9px;
  width: 714px;
}
.topList {
  position: relative;
  margin-top: 6px;
  margin-left: 6px;
  margin-right: 6px;
  background: #FFFFFF;
  }
.topList .title {
  font-weight: bold;
  font-size: 0.8em;
  background-image: url(../images/title_right_bg_.gif);
  background-repeat: no-repeat;
  padding: 1px 1px 1px 6px; 
  }
.topList ol   {
  padding: 6px 0px 6px 12px;
  margin: 0px 0px 6px 12px;
  font-weight: bold;
  font-size: .7em;
  color: #003CB4;
  }
.topList ol a {
  text-decoration: none;
  }
.topList .type {
  color: #b2c9ff;
  }
.productsTopTitle {
  margin: 9px 0px 0px 0px;
  padding: 1px 3px 1px 6px;
  border-bottom: 1px solid #B2C9FF;
  background-image: url(../images/product_title_bg.jpg);
  background-repeat: no-repeat;
  color: #000000;
  font-size: .7em;
  font-weight: bold;
  }
.products {
  background-image: none;
  background-repeat: repeat-x;
  background-position: top;
  }
.products .product {
  width: 48%;
  float: left;
  padding: 6px 6px 12px 3px;
  border-bottom: 0px solid #D9E4FF;
  }
.product .product img {
  z-index: 99;
  }
.products .product img {
  float: left;
  margin: 0px 6px 0px 0px;
  border: none;
  z-index: 90;
  }
.products .product .title a {
  position: relative;
  font-weight: bold;
  font-size: .7em;
  text-decoration: none;
  }
.products .product .text {
  position: relative;
  font-size: .7em;
  color: #000000;
  margin: 0px 0px 0px 0px;
  }
.products .product .text a {
  text-decoration: none;
  display: inline;
  color: #003CB4;
  }
.products .product .text a:hover {
  text-decoration: underline;
  display: inline;
  color: #A0DC02;
  }
.products .product .price {
  margin: 3px 0px 0px 0px;
  position: relative;
  font-weight: bold;
  font-size: .7em;
  color: #000000;
  }
.productMore {
  background-image: url(../images/product_more_bg.jpg);
  background-repeat: repeat-y;
  clear: both;
  padding: 0px 0px 3px 6px;
  border-top: 1px solid #D9E4FF;
  border-bottom: 1px solid #B2C9FF;
  }
.productMore img {
  border: none;
  margin: 0px 3px 0px 0px;
  }
.productMore a {
  font-size: .7em;
  text-decoration: underline;
  color: #003CB4;
  }
.productgroupMore {
  background-image: url(../images/product_more_bg.jpg);
  clear: both;
  padding: 0px 0px 3px 6px;
  }
.productgroupMore img {
  border: none;
  margin: 0px 3px 0px 0px;
  }
.productgroupMore a {
  font-size: .7em;
  text-decoration: none;
  color: #003CB4;
  }
.productgroupMore a:hover {
  font-size: .7em;
  text-decoration: underline;
  color: #003CB4;
  }
  
  
.order  {
  border: none;
  text-align: center;
  float: right; 
  width: 200px;
  margin: 1px 12px 12px 12px;
  z-index:4;
  position: relative;
  background: #e0e9ff;
  }
  
.order img.curveRight {
  margin: 0px;
  padding: 0px;
  position: absolute;
  right: 0px;
  z-index: 40;
  }  
  
  
.cart {
  
  
  }  
.order  form {
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 0px 3px; 
  
  z-index: 99;
  
  }
.order .ordertitle {
  padding: 0px 0px 0px 6px; 
  text-align: left;
  font-weight: bold;
  font-size: .9em;
  color: #FFFFFF;
  background: #003CB4;
  }  
  
input.cartbutton {
  cursor: pointer;
  text-align: center;
  border: none;
  width: 166px;
  color: #003CB4;
  font-weight: bold;
  background: #e0e9ff;
  background-image: url(../images/cart_button.gif);
  background-repeat: no-repeat;
  padding: 0px 0px 3px 6px;
  margin: 17px 0px 0px 0px;
  z-index:4;
  }
  
input.listbutton {
  cursor: pointer;
  width: 166px;
  background: #e0e9ff;
  border: none;
  padding: 0px 0px 3px 6px;
  text-decoration: underline;
  display: inline;
  }

.productpage {  
  font-family: Verdana,Arial,sans-serif;
  }
.productpage .title {
  position: relative;
  font-weight: bold;
  font-size: 1.1em;
  }
.productpage img  {
  float: left;
  margin: 0px 6px 9px 0px;
  }
.productpage .price {
  margin: 9px 0px 0px 0px;
  position: relative;
  font-weight: bold;
  font-size: .7em;
  color: #000000;
  }
.productpage .price .oldprice {
  display: inline;
  text-decoration : line-through;
  }
.productpage .price .offer {
  font-size: 1.5em;
  display: inline;
  color: #CC0A0A;
  text-decoration: none;
  }
.productpage .delivery {
  margin: 9px 0px 0px 0px;
  font-weight: bold;
  font-size: .7em;
  color: #000000;
  }  
.productpage .text {
  clear: left;
  font-size: .7em;
  font-family:Verdana,Tahoma,sans-serif;color:#000000;
  }
.relations				{margin: 12px 0px 6px 0px; padding: 12px 0px 12px 0px; font-family:Verdana,Tahoma,sans-serif;color:#000000;font-size:.7em; font-weight: bold; }
.relations ul          {list-style: decimal; list-style-image:none; font-weight: normal; margin: 0px 0px 0px 26px; padding: 0px 0px 0px 6px;}

.relations ul li       {clear: both; margin: 0px 0px 0px 0px; padding: 3px 0px 6px 0px; list-style: decimal;}
.relations ul li ol    {list-style:none; list-style-image:none; margin: 0px 0px 0px 0px; padding: 3px 0px 6px 0px;} 
.relations ul li ol li {list-style:none; list-style-image:none; margin: 0px 0px 0px 0px; padding: 0px 12px 0px 6px; float: left;  clear: right;}

.relations ul li ol li a {color: #003cb4; text-decoration: underline; font-size:1em; margin-left: 3px;}

.sortorder {
  padding: 6px 6px 6px 6px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.8em;
  margin: 9px 0px 0px 0px;
  background-color: #e1e9ff;
  }

.sortform  {
  margin: 12px 0px 0px 0px;
  padding: 1px 0px 6px 0px;
}


.DVD      .sortorder  {background-color: #f2c6f2;}
.CD       .sortorder  {background-color: #bae4f8;}
.BOOK     .sortorder  {background-color: #dde5c9;}
.VARIOUS  .sortorder  {background-color: #f4b9a6;}
.BROCHURE .sortorder  {background-color: #ced3fc;}

.subcatlist {
  margin: 6px 0px 0px 0px;
  border-bottom: 1px solid #B2C9FF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.75em;
  }
.subcatlist img {
  float: left;
  margin: 0px 6px 6px 0px;
  }
.subcatlist .title {
  }
.subcatlist .title a {
  font-weight: bold;
  font-size: 1em;
  text-decoration: none;
  }
  
.subcatlist .cart {
  float: right;
  clear: both;
  }
.subcatlist .cart a {
  background-image: url(../images/button_addtocart.gif);
  background-repeat: no-repeat;
  padding: 2px 0px 3px 0px;
  margin: 0px 0px 0px 0px;
  width: 129px;
  color: #003CB4;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  height: 17px;
  display: block;
  }
.subcatlist .cart a:hover {
  color: #FFFFFF;  
  }
.subcatlist .price {
  margin: 9px 0px 0px 0px;
  position: relative;
  font-weight: bold;
  color: #000000;
  }
.subcatlist .price .oldprice {
  display: inline;
  text-decoration : line-through;
  }
.subcatlist .price .offer {
  font-size: 1.5em;
  display: inline;
  color: #CC0A0A;
  text-decoration: none;
  }
  

/* banners */  

.waarborg { 
  margin: 9px 3px 6px 12px;
  border: 0px;
  }

.bannerImage {
  margin: 9px 3px 6px 6px;
  }
.bannerMiddleImage {
  margin: 12px 6px 12px 6px;
  }
.bannerImage img {
  border: none;
  }  

/* classes for language buttons in left column */
.international
{
	margin-top: 1.2em;
	width: 180px;
	position: relative;
	padding: 3px 3px 3px 8px;
}
.international img
{
	border: 0;
	margin: 2px;
}