@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../fonts/MyriadPro-Regular.otf');
}

@font-face {
    font-family: 'MyriadPro-Bold';
    src: url('../fonts/MyriadPro-Bold.otf');
}


*
{
    margin:0;
    padding:0;
}
html, body {
	padding: 0px;
	margin: 0px;
	height: 100%;
} /* code voor 100% hoogte */

body.normal {
  background: url("../gfx/bgs/main-bg.png") top center repeat-y;
  background-color: rgb(255,255,255);
  font-family: "verdana", arial, helvetica, tahoma;
  font-style: normal;
  font-size: 9pt;
  color:#494949;
}

body.splash {
  background:url('../gfx/bgs/splash.jpg') repeat-y top center rgb(213,217,225);
  font-family: "verdana", arial, helvetica, tahoma;
  font-style: normal;
  font-size: 9pt;
  color:#494949;
}

body.popup
{
    height:0;
    padding: 0;
    margin: 0;
    background-color: #ffffff;
    font-family: "verdana", arial, helvetica, tahoma;
    font-style: normal;
    font-size: 9pt;
    color:#494949;
}

body.popup h1
{
    margin:0 0 10px;
    font-size:15pt;
}

a img
{
    border:0;
}


/*
 * -------------------------------------------------------------
 * div containers
 * -------------------------------------------------------------
 *
 */

/*
 * Containers within body:
 *   -  main container: container, aligned at page centre
 * The following containers live inside main: 
 *   -  header container
 *   -  menu container, which lives inside the header
 *   -  content container
 *
*/
 
  
#main {							/* main container div */	
  display: block;
  position: relative;
  width: 1000px;
  margin: 0px auto 0px auto;	/* aligns main div at page centre */
  /*padding: 0px 0px 0px 1px;*/
  min-height: 100%;
}

#header {						/* the header div contains an image and the menu div */	
  display: block;
  clear: both;
  width: 100%;
  height: 137px;
}

#menu {
  position: relative;
  display: block;
  clear: both;
  width: 100%;
  height: 25px;
  font-size: 9pt;
  line-height:12pt;
  background-color:#ffffff;
  border-bottom:1px solid rgb(45,64,107);
  z-index:30;
}

ul#top_menu
{
    list-style: none;
    float:left;
    width:999px;
}

ul#top_menu li
{
    float:left;
}

ul#left_menu
{
    margin-left:-5px;
    /*list-style: none;*/
}

ul.left_sub_menu
{
    padding-left:20px;
}

ul#left_menu span.handle
{
    float: right;
    cursor: pointer;
}


#content {
  display: block;
  clear: both;
  width: 970px;
  padding: 5px 15px 10px 15px;
  /*text-align: left;*/
}

ul#accountMenu,
ul#accountMenu ul
{
    list-style: none;
}

ul#accountMenu ul
{
    position:absolute;
    z-index:2000;
}

ul#accountMenu li ul li
{
    width:120px;
    height:20px;
    background-color: #ffffff;
    border:1px solid #2D406B;
    
}

/* begin splash page only */

#content #splashbox {
  font-size: 0pt;				/* fixes layout problem at splash page */
}

#content #payment {
  position: relative;
  width: 783px;
  float:right;
  margin: 50px auto 20px auto;
  text-align: center;
}

#content #payment img {
  border: 0px;
}

/* brands overview */

ul#brand_list
{
    list-style: none;
    padding-left:0 !important;
}

ul#brand_list li
{
    float: left;
    width:184px;
    height:150px;
    background-color: #F3F4F6;
    border: 1px solid #BBC7D4;
    margin:13px 0 0 13px;
    overflow: hidden;
}

ul#brand_list li a
{cursor: pointer;}

ul#brand_list li:first-child,
ul#brand_list li.first_of_row
{
    margin-left: 0;
    clear: both;
}

ul#brand_list li div.container
{
    position:relative;
    width:184px;
    height:150px
}

ul#brand_list li div.bg_img
{
    position: absolute;
    float:left;
    width:184px;
    height: 184px;
    z-index:1;
}

ul#brand_list li div.logo
{
    position: absolute;
    z-index:2;
    right:0;
    height: 50px;
    border-left:2px solid #ffffff;
    border-bottom:2px solid #ffffff;
}

ul#brand_list li div.brand
{
    position:absolute;
    color:#ffffff;
    padding:10px;
    text-shadow:0px -1px 0px #2E406B;
    background:url('../gfx/bgs/home_ankeiler_bg_blue.png');
    z-index:3;
    font-size:8pt;
    bottom:0px;
    width:164px;
    font-weight: bold;
}

/* product category */

.brandInfoContainer
{
    width:785px;
    float:left;
    margin-bottom:26px;
}

.brandInfoContainer div.brandDescription
{
    float:right;
    width:560px;
    text-shadow:0 1px 0 #ffffff;
}

.brandInfoContainer div.brandDescription p
{
    margin:0;
}

.brandInfoContainer div.brandImg
{
    float:left;
    width:188px;
}

.brandInfoContainer div.brandImg img
{
    border: 1px solid #BBC7D4;
}

ul#productCategoryBanners
{
    position:relative;
    width:970px;
    list-style: none;
}

ul#productCategoryBanners li
{
    position:relative;
    float:left;
    width:123px;
    height:400px;
    overflow:hidden;
    border:1px solid #ffffff;
    margin-left:15px;
}

ul#productCategoryBanners li span
{
    display: block;
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);    
    position:absolute;
    z-index:10;
    top:166px;
    left:-66px;
    width:400px;
    height:115px;
    text-align:right;
    font: 18pt/28pt 'MyriadPro-Bold',tahoma,arial,helvetica,sans-serif;
     text-shadow: 0px 0px 1px #ffffff, 0px 0px 2px #ffffff, 0px 0px 3px #ffffff, 0px 0px 5px #ffffff, 0px 0px 10px #ffffff, 0px 0px 15px #ffffff, 0px 0px 20px #ffffff;
}

ul#productCategoryBanners li:first-child
{
    margin-left:0;
}

ul#productCategoryBanners li img
{
    position:relative;
    top:0px;
    left:0px;
    margin-left:-50px;
    margin-top:0px;
}

ul#productCategoryBanners li img.txt
{
    position:absolute;
    z-index:10;
    margin:0;
}
ul#productCategoryBanners li img.a
{
    z-index:1;
}
ul#productCategoryBanners li img.b
{
    z-index:2;
}

ul#home_ankeilers,
ul#sub_categories
{
    list-style: none;
    float:left;
    margin-top:13px;
    width:785px;
    padding-left:0 !important;
}

ul#home_ankeilers li,
ul#sub_categories li
{
    float:left;
    width:155px;
    background-color: #F3F4F6;
    border: 1px solid #BBC7D4;
    padding:14px;
    margin-left:15px;
}

ul#sub_categories li
{
    width:221px;
}

ul#home_ankeilers li:first-child,
ul#sub_categories li:first-child,
ul#sub_categories li.first_of_row
{
    margin:0;
    clear: both;
}

ul#sub_categories li
{
    margin:20px 0 0 13px;
}

ul#sub_categories li:first-child,
ul#sub_categories li.first_of_row
{
    margin:20px 0 0 0px;
}

div.ankeilerBlock
{
    position: relative;
    cursor: pointer;
    overflow:hidden;
}

ul#sub_categories li div.ankeilerBlock
{
    margin-bottom:10px;
}

div.ankeilerTxt
{
    position:absolute;
    background:url('../gfx/bgs/home_ankeiler_bg_white.png');
    padding:20px;
    z-index:2;
    font-size:8pt;
    bottom:0px;
}

div.ankeilerTxt.main
{
    width:515px;
}
div.ankeilerTxt.bottom
{
    width:140px;
    color:#ffffff;
    padding:8px;
    text-shadow:0px -1px 0px #2E406B;
    background:url('../gfx/bgs/home_ankeiler_bg_blue.png');
}
ul#sub_categories div.ankeilerTxt.bottom
{
    width: 206px;
}

div.ankeilerTxt.right
{
    width:170px;
    padding:8px;
}
div.ankeilerTxt p,
div.ankeilerTxt h1,
div.ankeilerTxt h2,
div.ankeilerTxt h3,
div.ankeilerTxt h4,
div.ankeilerTxt h5,
div.ankeilerDescr p,
div.ankeilerDescr h1,
div.ankeilerDescr h2,
div.ankeilerDescr h3,
div.ankeilerDescr h4,
div.ankeilerDescr h5
{ margin: 0; padding: 0; }

div.ankeilerDescr
{
    padding:10px;
    background-color: #e9ecf2;
}




#content_order {
  clear: both;
  width: 970px;
  padding: 5px 15px 10px 15px;
  text-align: left;
}


#content_left{
  float: left;
  position:relative;
  width: 170px;
  margin-right:15px;
  padding: 0px;
  text-align: left;
  z-index:20;
}

#content_right{
  float: right;
  width: 785px;
  padding: 0px;
}

#content_right.home{
    background-color: #F3F4F6;
    border: 1px solid #BBC7D4;
    width: 755px;
    padding: 14px;
    z-index:10;
}

#content_right ul
{
    padding-left:15px;
}

#logo_box
{
    float:left;
    display: block;
    margin-top:15px;
    padding:15px;
    width:753px;
}

#product_img{
  float: right;
  width: 450px;
  padding: 0 15px 0 0;
  text-align: left;
}

.productImagesGallery
{
    list-style: none;
    margin:0;
    padding:0 !important;
}

.productImagesGallery li
{
    float:left;
    width: 55px;
    height: 55px;
    margin:0 0 5px 5px;
    border:1px solid #d5d9e1;
}

.productImagesGallery li:first-child
{
    margin:0 0 5px 0px;
}

.productImagesGallery li:hover
{
    border:1px solid #2D406B;
}
    
#product_txt{
  float: left;
  width: 300px;
  padding: 15px 0px 0px 0px;
  text-align: left;
}

#textContainerOverlay
{
    position: absolute;
    top:246px;
    left:520px;
}

/* GUESTBOOK */

ul#guestbook_entries
{
    list-style: none;
    padding:0;
}

ul#guestbook_entries li
{
    width:763px;
    text-shadow:0 1px 0 #ffffff;
}

ul#guestbook_entries li img
{
    width:100px;
    float:right;
    margin:0 0 15px 15px;
    border: 1px solid #BBC7D4;
}

/* savingscard style definitions */

.savingscard
{
    display: table;
    float:left;
    width:770px;
    margin-right:20px;
}
.savingscard_row
{
    display:table-row;
    float:left;
}
.savingscard_cell
{
    display: table-cell;
    float: left;
    width:140px;
    height:140px;
    padding:0;
    margin:4px;
    background-color:#e4e7ec;
    border: 1px dotted #2E406B;
}

/*
 *
 *  Sub containers within Menu
 *
 */

/*  div for menu-item "home" */

#home {
  clear: both;
  width: 100%;
  height: 18px;
  /*background-color: rgb(255,255,255);*/
  border-bottom: 1px solid;
  border-color: black;
  margin: 0px;
}

#home a, #home a:visited {
  font-weight: bold;
  color: rgb(45,64,107);
  text-decoration: none;
  margin: 0px 1px 1px 20px;
}

#home a:hover {
  font-weight: bolder;
  color:#687BA8;
  text-decoration: none;
  margin: 0px 1px 1px 20px;
}

#login
{
    position:absolute;
    display: block;
    top:7px;
    right:20px;
    float:right;
    /*
    
    top:102px;
    right:16px;
    */
}

/*  div for menu-items */




/*
 * -------------------------------------------------------------
 * content lay out
 * -------------------------------------------------------------
 *
 */



h1, h2, h3, p, ul.left, ul.right, h2roze, .splash_entershop {
 font-family: "verdana", arial, helvetica, tahoma;
}

h1 {
 margin-bottom: -2px;
 color:#2E406B;
 font: 18pt/28pt 'MyriadPro-Bold',tahoma,arial,helvetica,sans-serif;
 font-weight:bold;
 margin-bottom:15px;
}

h2 {
 font-size: 11pt;
 font-weight: bold;
 font: 12pt/16pt 'MyriadPro-Bold',tahoma,arial,helvetica,sans-serif;
 color:#2E406B;
}

h3 {
 font-size: 10pt;
 font-weight: bold;
}

td
{
	font-size:8pt;
	vertical-align:top;
}

.h2roze {
 font-size: 12pt;
 font-weight: bold;
 color:#FF395D;
 padding-bottom:10px;
}

.h2roze a {
  font-weight: bolder;
  color:#FF395D;
}

.splash_entershop
{
 font-size: 10pt;
 font-weight: bold;
}

.h2 {
 font-size: 10pt;
 font-weight: bold;
 color:#2e406b;
 margin-bottom:5px;
 text-shadow: #ffffff -1px -1px;
}


p {
 font-size: 8pt;
 line-height:13pt;
 font-style: normal;
 display: block;
 text-align: justify;
 margin-bottom:15px;
 /*clear: both;*/
}

ul.inParagraph {
 font-size: 8pt;
 line-height:13pt;
 font-style: normal;
 display: block;
 width: 560px;
 text-align: justify;
 clear: both;
}

ul.left {
 font-size: 8pt;
 line-height:13pt;
 font-style: normal;
 float: left;
 width: 200px;
 margin-left: 20px;
 list-style-type: disc;
}

ul.right {
 font-size: 8pt;
 line-height:13pt;
 font-style: normal;
 float: right;
 width: 200px;
 margin-right: 20px;
 list-style-type: disc;
}

p a, a{
	color:#2D406B;
	text-decoration:none;
}

p a:hover, a:hover{
    color:#687BA8;
	text-decoration:underline;
}

div.location
{
	font-size:7pt;
    margin-bottom:15px;
}

.box
{
  display: block;
  float:left;
  font-size:8pt;
  line-height:11pt;
  padding: 10px 10px 10px 10px;
  background-color:#F3F4F6;
  border: 1px solid #BBC7D4;    
  margin-bottom: 13px;
}

.box ul.normal
{
    padding-left:14px;
}

div.searchbox{
  width: 150px;
}

div#searchbox_roze{
  background: url('../gfx/bgs/box-roze.jpg') rgb(255,255,255);
  border: 1px dotted rgb(255,57,93);
}

ul#product_brand_logos
{
    list-style: none;
    float:left;
}
ul#product_brand_logos li
{
    float:left;
    width:75px;
    margin-left:9px;
    margin-bottom:9px;
    text-align: center;
}
ul#product_brand_logos li:first-child,
ul#product_brand_logos li.first
{
    margin-left:0;
}

div#footer
{
    position: relative;
    width:970px;
    display: block;
    text-align: center;
    height: 40px;
    margin:20px auto;
    padding-top:50px;
    clear: both;
}

div#dsj
{
	position:relative;
	width:970px;
	height:20px;
	clear: both;
	display:block;
	font-size:9pt;
	font-family:calibri,verdana,arial,helvetica;
	font-style: normal;
	text-align:center;
	color: #A6ADBB;
}

div#dsj a{
	color:#A6ADBB;
	text-decoration:none;
}

div#dsj a:hover{
	color:#FF8000;
	text-decoration:none;
}


hr
{
	border:0;
	color:rgb(255,255,255);
	background-color:rgb(255,255,255);
	height:1px;
    margin:5px 0 10px 0;
}

.light_blue
{
	color:#687BA8;
}

/*
 * -------------------------------------------------------------
 * tables
 * -------------------------------------------------------------
 */


table.order_form
{
	table-layout: auto;
	width:100%;
}

table.order_form th
{
	background-color:rgb(213,217,225);
}

table.order_form tr:hover
{
	background-color:rgb(213,217,225);
}

/*
 * -------------------------------------------------------------
 * forms
 * -------------------------------------------------------------
 */

 .searchbox input
 {
	font-size: 9pt;
	width:145px;
	padding:2px;
 }

 .searchbox select
 {
	font-size: 9pt;
	width:145px;
	padding:2px;
 }

 input.orderField, textarea.orderField
 {
	padding:2px;
	background-color:#F9FAFB;
	border:1px solid #2e406b;
 }

 input.fieldOk, textarea.fieldOk
 {
	padding:2px;
	background-color:#E1FFC4;
	border:1px solid #33CC00;
 }

 input.fieldError
 {
	padding:2px;
	background-color:#FFD7D8;
	border:1px solid #ff0000;
 }

 input.bestelknop
 {
	font-size: 12pt;
	font-weight:bold;
	font-family:verdana,arial,tahoma;
	color:rgb(46,64,107);
	padding:5px 0px 5px 0px;
	width:200px;
	background:url('../gfx/bgs/box.jpg');
 }

 input.bestelknop2
 {
	font-size: 12pt;
	font-weight:bold;
	font-family:verdana,arial,tahoma;
	color:rgb(46,64,107);
	padding:5px 0px 5px 0px;
	background:url('../gfx/bgs/box.jpg');
 }

/* account form style definitions */

#miniAccountForm
{
    width:950px;
    float:left;
    margin-bottom:0;
    padding:10px 10px 10px 11px;
    /*border:2px solid rgb(213,217,225); */
    /* background: url('../gfx/bgs/box.jpg') repeat-x rgb(213,217,225); */
    background-color:#ffffff;
}

#miniAccountForm h3
{
    border-bottom: 1px dotted #D5D9E1;
    margin-bottom: 10px;
    padding-bottom:5px;
}

ul.accountform
{
    list-style: none;
    margin:0;
}

ul.accountform li
{
    height:23px;
}
 
.infobox
{
    background-color: #ffffff;
    border:2px solid rgb(213,217,225);
    font-size:8pt;
    font-weight:bold;
    margin:-90px 0 0 70px;
    padding:10px;
    position:absolute;
    width:180px;
}
 
/* shopping cart style defintions */

#shoppingCart
{
    position:absolute;
    top:30px;
    right:20px;
    width:230px;
    padding:5px 10px;
}

.cart_table
{
    display: block;
    float:left;
    width:970px;
    font-size:8pt;
}

.cart_table .cart_row
{
    display: block;
    float:left;
    border-bottom: 1px solid #ffffff;
}

.cart_table .cart_row .cart_cell0, .cart_table .cart_row .cart_cell1, .cart_table .cart_row .cart_cell2, .cart_table .cart_row .cart_cell3, .cart_table .cart_row .cart_cell4, .cart_table .cart_row .cart_cell5, .cart_table .cart_row .cart_cell6, .cart_table .cart_row .cart_cell9, .cart_table .cart_row .cart_cellhead1, .cart_table .cart_row .cart_cellhead2, .cart_table .cart_row .cart_cellhead3, .cart_table .cart_row .cart_cellhead4, .cart_table .cart_row .cart_cellhead5, .cart_table .cart_row .cart_cellhead6
{
    display: block;
    float: left;
    padding:4px;
    margin:0 1px 0 0;
    word-wrap: break-word;
}
.cart_table .cart_row .cart_cellhead1, .cart_table .cart_row .cart_cellhead2, .cart_table .cart_row .cart_cellhead3, .cart_table .cart_row .cart_cellhead4, .cart_table .cart_row .cart_cellhead5, .cart_table .cart_row .cart_cellhead6
{
    background-color: rgb(213,217,225);
    font-weight:bold;
    color:#494949;
}

.cart_table .cart_row .cart_cell0 { width: 4px; padding-top:8px; }
.cart_table .cart_row .cart_cell1, .cart_table .cart_row .cart_cellhead1 { width: 38px; }
.cart_table .cart_row .cart_cell2, .cart_table .cart_row .cart_cellhead2 { width: 70px; }
.cart_table .cart_row .cart_cell3, .cart_table .cart_row .cart_cellhead3 { width: 130px; }
.cart_table .cart_row .cart_cell4, .cart_table .cart_row .cart_cellhead4 { width: 200px; }
.cart_table .cart_row .cart_cell5, .cart_table .cart_row .cart_cellhead5 { width: 130px; }
.cart_table .cart_row .cart_cell6, .cart_table .cart_row .cart_cellhead6 { width: 190px; }
.cart_table .cart_row .cart_cell9 { width: 860px; }

ul#orderPhase
{
    list-style:none;
    clear: both;
    float:left;
    margin:10px;
    padding:0;
    width:770px;
}

ul#orderPhase li
{
    float:left;
    padding:9px 0 0 32px;
    margin-right:-10px;
    width:168px;
    height:26px;
    font-weight:bold;
}

ul#orderPhase li.active
{
    background:url('../gfx/order/orderphase_active.png');
}

ul#orderPhase li.inactive
{
    background:url('../gfx/order/orderphase_inactive.png');
}

ul#orderPhase li.inactive a
{
    color:#6A6A6A;
    text-decoration: none;
}

div#checkOutOfferBox
{
    display: block;
    background-color: #F3F4F6;
    border: 1px solid #BBC7D4;
    width: 939px;
    padding: 14px;
}


/*
 * -------------------------------------------------------------
 * thumbnail mouse-over
 * -------------------------------------------------------------
 */

ul.product_overview
{
    list-style: none;
    float:left;
    padding:0 !important;
    margin:0;
}

ul.product_overview li
{
    width:172px;
    height:240px;
    float:left;
    margin:0 0 10px 32px;
}

ul.product_overview li:hover
{
    background-color:#EDEFF2;
}

ul.product_overview li.first
{
    margin:0;
}


div.thumbnail_container {
/*	display: table-cell; */
	vertical-align:	middle;
	border: 0px;
	padding:0px;
	margin-bottom:5px;
	/*margin-top:20px; */
}

div.thumbnail_container img {
	padding:0px;
	border: 1px solid #ffffff;
	width:170px;
	height:170px;
}

div.thumbnail_container img:hover {
	padding:0px;
	border: 1px solid #2e406b;
}

div.thumbnail_caption
{
	padding: 5px;
	border: 0px;
	text-align: left;
}


div.prodInfoDiv
{
	position:absolute;
	z-index:9999;
	display:none;
	width:200px;
	height:55px;
	font-size:8pt;
	padding:10px;
	border: 1px solid rgb(46,64,107);
	background: url('../gfx/bgs/box.jpg') rgb(213,217,225);
	filter:Alpha(opacity=90);
	-moz-opacity:0.9;
}


/*
div.thumbcontainer:hover {
	display: table-cell;
	text-align :center;
	vertical-align: middle;
	width:125px;
	height:125px;
	border:1px solid #9FA8BB;
	padding:0px;
}
*/

#alert
{
    position:fixed;
    margin:0 auto 0 auto;
    padding:40px;
    top:-260px;
    height:120px;
    width:320px;
    background:url('../gfx/bgs/box.jpg') repeat-x;
    background-color: #ffffff;
    border:3px solid rgb(213,217,225);
    color:#494949;
    font-size:10pt;
    line-height: 16pt;
    font-weight: bold;    
    z-index:99999;
}

#alert a
{
    color:#494949;
    text-decoration: underline;    
}

#full_bg
{
    background:url('../gfx/bgs/fullbg.png') repeat;
    position:fixed;
    top:0px;
    left: 0px;
    width:3000px;
    height:2000px;
    z-index:99998;
}