@import 'lytebox.css';
@import 'boxy.css';

/* Begin default CSS */

@font-face
{
    font-family: "Zurich BT";
    src: url(/client/difrax/font/ZurichBT.ttf) format("truetype");
    src: local("Zurich BT"), url(/client/difrax/font/ZurichBT.ttf) format("truetype");
    font-weight: normal;
}

* 
{ 
	margin:0;
	padding:0;
}

html 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #7d7d7d;
}

body 
{
	background-color: #ffffff;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center -15px;
}

img 
{
	border: 0px;
}
a 
{
	color: #023f88;
	text-decoration: none;
}

a:hover 
{
	color: #023f88;
	text-decoration: underline;
}

a:focus
{
	outline: none;
}

h1 
{
	color: #023f88;
	font-size: 21px;
	padding: 0px 0px 10px 0px;
	font-family: "Zurich BT", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 21px;
}

h2 
{
	color: #023f88;
	font-size: 21px;
	padding: 0px 0px 10px 0px;
	font-family: "Zurich BT", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 21px;
}

h3 
{
	color: #023f88;
	font-size: 11px;
	padding: 0px 0px 10px 0px;
	font-family: "Zurich BT", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 11px;
}

h3.subHeader
{
    margin-top: 1em;
}

ul 
{

}

li 
{

}

p 
{
	padding: 0px 0px 10px 0px;
}

.clear 
{
	height: 0px;
	overflow: hidden;
	clear: both;
	line-height: 0px;
}

.cmsError 
{
	border: 1px solid black;
	background-color: #D1E428;
}

input 
{
	background-color: none;
	border: 1px solid #1a498f;
	color: #7d7d7d;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: normal;
	margin-bottom: 4px;
	padding: 1px 0px 0px 3px;
	width: auto;
	height: 18px;
}

input.readonly,
    select.readonly
{
    color: #848284;
    background-color: #D6D3CE;
}
		
input.formSubmitSend, 
    a.button
{
	border: none;
	color: #023f88;
	font-weight: bold;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
    height: 16px;
    background-color: #ffffff;  
	background-image: url(../images/arrow_round_yellow.png);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: left;
	cursor: pointer;
	width: auto;
	padding-right: 18px;
	text-decoration: none;
}

a.button
{
    width: auto;
    padding-top: 2px;
    padding-bottom: 2px;
}

a.button.right
{
    float: right;
    width: auto;
}


input.formSubmitPrevious,
    a.button.back
{
    background-image: url(../images/arrow_round_yellow_reverse.png);
    background-position: left center;
    padding-right: 0;
    padding-left: 18px;
}
    
input.elementRadio,
    input.elementCheckbox
{
	width: auto !important;
	height: auto !important;
	border: none;
	padding: 0px;
	margin: 0px;
	margin-right: 5px;
}

select
{
	background-color: #ffffff;
	border: 1px solid #1a498f;
	color: #7d7d7d;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: normal;
	margin-bottom: 4px;
}

textarea
{
	background-color: #ffffff;
	border: 1px solid #1a498f;
	color: #7d7d7d;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: normal;
	margin-bottom: 4px;
}

input.readOnly 
{

}

div.cms-internal-error 
{
	color: #dd0000;
}

/* Einde default CSS */

/* Begin standaard bladeren */

.pager td 
{
	padding: 4px;
}

.pagerFirst, .pagerPrevious 
{
	text-align: left;
	width: 10%;
}

.pagerNext, .pagerLast 
{
	text-align: right;
	width: 10%;
}

.pagerSelection 
{
	text-align: center;
	width: 60%;
}

.pagerSelectionItem 
{
	text-align: center;
}

.pagerSelectionItemActive 
{
	text-align: center;
	font-weight: bold;
}

.pagerAbstract 
{
	font-weight: bold;
	text-align: center;
}

/* Einde standaard bladeren */

/* Start template */

div#siteContainer
{
	position: relative;
	width: auto;
	margin: 0;
	padding: 0;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right bottom;
}

	div.fee
	{
		display: none;
	}

	div.headerContainer
	{
		position: relative;
		display: block;
		height: auto;
		padding: 0;
	}
	
	div.menuContainer
	{
		display: none;		
	}
	
	div.actieContainer
	{
		
	}
	
	div.contentContainer 
	{
		background-color: #FFFFFF;
		background-image: none;
		background-repeat: no-repeat;
		background-position: left bottom;
		border-top: none;
	}
	
		div.submenuContainer
		{
			display: none;
		}
		
		div.rightContainer
		{
			display: block;
			float: left;
			width: auto;
			padding: 0;
			min-height: auto;
		}
	
	div.footerContainer
	{
		display: none;
	}
	
/* HEADER */

		div.headerContainer div.logo
		{
			position: relative;
			top: 0;
			left: 0;
			z-index: 10;
			padding-bottom: 10px;
			margin-bottom: 10px;
			border_bottom: solid 1px #ebebeb;
		}
		
		div.languageSwitch
		{
			display: none;
		}
		
		div.search
		{
			display: none;
		}
		
		div.login
		{
			display: none;
		}
			
		div.shoppingcart
		{
			display: none;
		}

		/* MENU */

		div.menuContainer ul.menu
		{
			display: none;
		}
				
		/* NIEUWSBRIEF */
			
		div.menuContainer div.nieuwsbrief
		{
			display: none;
		}
	
/* ACTIES OP HOMEPAGE */
	
		div.mainActie 
		{
			display: none;	
		}
		
		div.actieImage 
		{
			display: none;
		}
		
		div.greyline 
		{
			display: none;
		}
		
		div.actieText 
		{
			width: auto;
			float: none;
			padding: 0;
			margin: 0;
			padding-bottom: 10px;
			margin-bottom: 10px;
			border_bottom: solid 1px #ebebeb;
		}
		
		div.actieText h3 p 
		{
			padding: 0px;
		}
		
			div.more
			{
				background-image: url(../images/arrow_yellow_small.gif);
				background-repeat: no-repeat;
				padding-left: 15px;
				background-position: left center;
			}
			
			div.newsItem
			{
				padding-bottom: 10px;
			}
			
				div.newsItem div.hr
				{
					height: 1px;
					overflow: hidden;
					color: #ebebeb;
					margin-top: 12px;
					background-color: #ebebeb;
				}
			
				div.newsImage
				{
					width: 98px;
					border: solid 1px #ebebeb;
					float: right;
					margin-left: 20px;
				}
				
				div.date
				{
				
				}
				
				div.title
				{
					text-transform: uppercase;					
				}
				
			div.mediaItem
			{
				width: 88px;
				height: 168px;
				float: left;
				padding: 12px 12px 0px 0px;
			}
			
				div.mediaImage
				{
					height: 118px;
					border: solid 1px #ebebeb;
					overflow: hidden;
				}
				
				div.mediaItem div.title
				{
					text-transform: none;				
				}
				
		div.question
		{
			padding-top: 10px;
		}
		div.questionActive
		{
			padding-top: 10px;
		}
			div.questionActive h3 a
			{
	background-image: url(/beheer/images/icons/collapse.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 20px;
	padding-bottom: 10px;
	line-height: normal;
	font-weight: bold;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
			}
			
			div.question h3 a {
				background-image: url(/beheer/images/icons/expand.png);
				background-repeat: no-repeat;
				background-position: 0px 0px;
				padding-left: 20px;
				padding-bottom: 10px;
				line-height: normal;
				font-weight: bold;
				text-transform: none;
				font-family: Arial, Helvetica, sans-serif;
			}
			
		div.answer
		{
			display: none;
			border-bottom: solid 1px #ebebeb;
		}
		div.answer p
		{

		}
    
/* CONTENT */

		div.crublePath 
		{
			display: none;		
		}
		
		div.categoryImage 
		{
			display: none;
		}
		
		div.rightContainer div.actieImage 
		{
			display: none;
		}
		
		div.contentText,
            div.searchResults
		{
			position: relative;
			width: auto;
			min-height: auto;
			border: none;
			margin: 0;
			padding: 0;
			padding-bottom: 10px;
		}
		
			div.contentText ul
			{
				
			}
			
				div.contentText ul li
				{
					list-style-image: none;
					list-style-position: outside;
					list-style-type: none;
					display: block;
					line-height: 16px;
					background-image: url(../images/arrow_submenu.gif);
					background-repeat: no-repeat;
					padding: 0px 12px 0px 12px;
					background-position: left 6px;
				}
				
					div.contentText ul li a
					{
						
						
						text-decoration: underline;
						color: #023f88;
					}
					
			div.contentText table
			{
				
			}
			
				div.contentText td
				{
					padding-right: 10px;
				}
					
			div.back
			{
				width: auto;
				background-image: url(../images/arrow_back.gif);
				background-repeat: no-repeat;
				padding-left: 15px;
				background-position: left center;
				float: left;
				bottom: 16px;
				margin-top: 6px;
			}
			
			div.shopLink
			{
				width: auto;
				background-image: url(../images/arrow_yellow_small.gif);
				background-repeat: no-repeat;
				padding-right: 15px;
				background-position: right center;
				float: right;
				bottom: 16px;
				margin-top: 6px;
			}
		
		div.video
		{
			width: 300px;
			height: 240px;
			float: right;
			margin: 0px 0px 12px 12px;
		}
		
		div.infoText
		{
			padding: 6px;
		}
		
				div.button a
				{
					background-color: none;
					font-family: Arial,Helvetica,sans-serif;
					font-weight: bold;
					font-size: 11px;
					line-height: normal;
					/* margin-top: 45px; */
					padding: 5px 22px 0px 0px;
					text-transform: uppercase;
					background-image: url(../images/arrow_round_yellow.png);
					background-repeat: no-repeat;
					background-position: right center;
					background-color: #ffffff;
					float: right;
					width: auto;
					height: 16px;
					text-decoration: none;
				}
				
		div.contentText div.buttons
		{
			width: 243px;
			float: right;
			padding-left: 12px;
		}
		
			div.contentText div.buttons img
			{
				margin-bottom: 6px;
			}
			
/* FORMULIER */

table.formTable
{

}

	tr.formRow
	{
		vertical-align: top;
	}
	
        tr.formRowSeparator td
        {
            vertical-align: bottom;
            padding-top: 1.5em;
        }
	
        tr.formRow td
        {
            padding-bottom: 3px;
        }
	
		td.formColumnLeft
		{
			padding-right: 24px;
		}
		
		td.formColumnRight
		{
			padding-bottom: 4px;
		}
		
		td.formColumnSubmit
		{
					
		}

		table.formTable input.formSubmitSend
		{
			background-color: #ffffff;
			float: right;
			min-width: 85px;
			height: 16px;
			margin-top: 12px;
		}
		
		table.formTable input.elementText,
            table.formTable input.elementPassword
		{
			width: 264px;
			height: 18px;
			margin-bottom: 0px;
		}
		
		table.formTable select.elementSelect
		{
			width: auto;
			height: 20px;
			margin-bottom: 0px;
		}
		
		table.formTable textarea.elementTextarea
		{
			width: 282px;
			height: 74px;
		}
				
/* DYNAMIC PAGER */

        div.bottomLinks
        {
            display: none;
        }

		div.dynamicPager
		{
			display: none;
		}
		
/* SHOP ITEMS */

		div.shopItem, div.infoItem 
		{
			width: 221px;
			height: 110px;
			float: left;
			margin: 0px 6px 12px 6px;
			padding: 10px 10px 0px 10px;
			border: solid 1px #ebebeb;
			overflow: hidden;
		}
		
		div.shopItemsmall
		{
			width: 119px;
			height: 198px;
			float: left;
			margin: 0px 6px 12px 6px;
			padding: 10px 10px 0px 10px;
			border: solid 1px #ebebeb;
			overflow: hidden;
		}
		
		  
		div.infoItem 
		{
			margin: 12px 12px 0px 0px;
		}
		
		div.shopItem img
		{
    		width: 90px;
    		height: 105px;
		}
		
		div.shopItemsmall img
		{
            width: 115px;
            height: 105px;
        }
            	
		div.shopItem img, div.infoItem img
		{
			float: left;
			padding-right: 10px;
			width: 90px;
			height: 105px;
		}
		
		div.shopInfo 
		{
			position: relative;
			width: 121px;
			height: 100px;
			float: left;
		}
		
		div.shopItemsmall div.shopInfo 
		{
			width: 119px;
			height: 83px;
		}
		
			div.shopInfo div.title
			{
				font-size: 12px;
				font-weight: bold;
				text-transform: none;
				color: #023f88;
				padding-bottom: 10px;
			}
			
			div.shopItemsmall div.shopInfo div.title
			{
                height: 2.5em;
            }                
            
                div.shopInfo div.title a,
                    div.shopInfo div.title a:link
                {
                    text-decoration: none;
                    color: #023f88;
                }                
			
			div.shopInfo div.price
			{
				font-family: "Zurich BT", Verdana, Arial, Helvetica, sans-serif;
				font-size: 22px;
				font-weight: bold;
				color: #7d7d7d;	
				float: right;	
				padding-top: 0px;	
			}
			
			div.shopInfo div.more
			{
				display: none;
			}
			
			div.shopInfo div.moreInfo
			{
				display: none;
			}
			
		div.productPhoto
		{
			width: 306px;
			float: left;
			margin-right: 6px;
			overflow: hidden;
			margin-bottom: 15px;
		}
		
			div.mainPhoto
			{
				width: 298px;
				border: solid 1px #ebebeb;
				float: none;
			}
			
			div.mainPhoto img
			{
                width: 298px;
                height: 271px;
			}
			
			div.subPhoto
			{
				width: 45px;
				float: left;
				margin: 6px 6px 0px 0px;
			}
			
			div.subPhoto a
			{
    			width: 43px;
                height: 43px;
                border: solid 1px #ebebeb;
                display: block;
                margin: 1px;
            }    
            
            div.subPhoto a.active
            {
                margin: 0;
                border: solid 1px #ebebeb;
            }
            
            div.subPhoto img
            {
                width: 43px;
                height: 43px;
            }
    			
			
		div.price
		{
			font-family: "Zurich BT", Verdana, Arial, Helvetica, sans-serif;
			font-size: 22px;
			font-weight: bold;
			color: #7d7d7d;	
			float: left;
		}
		
		div.productFormFields div.price
		{
            width: 200px;
            min-height: 75px;
		}
		
		  div.price span.tax
		  {
		      font-size: 13px;
		  }
		  
        div.productInfo
        {
            float: left;
            width: auto;
        }
		
		div.productFormFields
		{
			width: auto;
		}
		
			div.productAttributes
			{
				display: none;
			}
			
				div.productAttributes select,
				    div.productAttributes div 
				{
					width: 125px;
					height: 20px;
					float: right;
				}
				
				div.productAttributes div
				{
				    text-align: right;
                    margin-top: 4px;
				}
				
                div.productAttributes div input
                {
                    width: 25px;
                    text-align: right;
                }
                
                div.productAttributes input.formSubmitSend
				{
					background-color: #ffffff;
					float: right;
					clear: both;
					width: 85px;
					height: 16px;
					margin-top: 24px;	
				}
			
/* ASSORTIMENT ITEMS */
			
		div.categoryItem 
		{
			width: 221px;
			height: 118px;
			float: left;
			margin: 0px 6px 12px 6px;
			padding: 10px 10px 10px 10px;
			border: solid 1px #ebebeb;
			overflow: hidden;
		}
		
			div.categoryItem div.text
			{
				width: 120px;
				padding-bottom: 10px;
			}
			
				div.categoryItem div.text p
				{
					padding: 0px;
				}
			
/* CART */

		div.contentCart
		{
			position: relative;
			width: auto;
			border: none;
			margin: 0;
			padding: 0px;
			padding-bottom: 6px;
		}
		
          div.contentCart.products
          {
            border-bottom: 0;
          }
		
		  div.personalOrderDetail div.contentCart
		  {
		      padding-bottom: 0;
		  }
		
		  div.contentCart h3 
		  {
		      padding: 12px;
		      padding-bottom: 0;
		  }
		
			div.cart
			{
				padding: 12px;
				border-bottom: solid 1px #ebebeb;
			}
			
				div.cart input.formSubmitSend
				{
					display: none;
				}
			
			div.uneven
			{
				background-color: #f7f7f7;
			}
			
				div.uneven  input.formSubmitSend
				{
					background-color: #f7f7f7;
				}
			
			div.costs.total
			{
                padding-bottom: 0;
				font-weight: bold;
				height: 16px;
			}
			
				div.costs input.formSubmitSend
				{
					display: none;
				}
			
			div.cart img
			{
				width: 66px;
				border: solid 1px #ebebeb;
				float: left;
				margin: 0px 12px 0px 0px;
			}
			
			div.cartLeft
			{
				float: left;
			}
			
				div.cartLeft div.title
				{
					font-weight: bold;
					text-transform: none;
				}
				
				div.cartLeft div.title span
				{
				    font-weight: normal;
                    font-style: italic;
				}
				
				div.cartLeft input.elementInput
				{
					margin: 12px 10px 0px 0px;
					width: 25px;
					text-align: right;
				}
				
				div.cartLeft input.formSubmitHidden
				{
				    width: 1px;
				    height: 1px;
				    visibility: hidden;
				}
			
			div.cartRight
			{
				float: right;
				text-align: right;
			}
			
			div.costs
			{
				padding: 12px 12px 12px 92px;
				clear: both;
			}
			
                div.costs div.cartLeft
                {
                    clear: left;
                }
			
                div.costs div.cartRight
                {
                    text-align: right;
                }

			div.costs.taxes
			{
                padding-top: 0;
			}			
			
			
			
/* DIV tabel */

div.table
{
}

div.table div.row
{
    clear: both;
}

div.table label
{
    display: block;
    float: left;
    width: 125px;
    margin-bottom: 0.5em;
}


/* Tell-a-friend */

div.tellafriendForm input
{
    width: 250px;
    height: 18px;
}

div.tellafriendForm input.formSubmitSend
{
    margin-top: 2em;
    margin-bottom: 1em;
    float: right;
    width: auto;
}

div.tellafriendForm input.formSubmitPrevious
{
    float: left;
}

div.tellafriendForm div.htmlBody
{
    border: 1px solid #7B7D7B;
    padding: 10px;
    width: 400px;
    margin-left: 125px;
    min-height: 150px;
}

div.tellafriendForm textarea
{
    width: 253px;
    height: 7em;
}

/* Inloggen en registratie */

div.rightContainer div.loginForm,
    div.rightContainer div.registerForm
{
    width: 350px;
    float: left;
    
    border: 1px solid #EBEBEB;
    min-height: 500px;
    padding: 12px;
    position: relative;    
}

div.rightContainer div.loginForm
{
    margin-right: 5px; 
}

    div.rightContainer div.loginForm p
    {
        clear: both;
    }

    div.rightContainer div.loginForm div.passwordLink
    {
        float: left;
        position: relative;
        top: -1.5em; 
    }

    div.rightContainer div.registerForm td.formColumnRight
    {
        width: 180px;
    }
    
    div.rightContainer div.registerForm tr#cms_cm179__form__children_row input
    {    
        width: 30px;
    }
    
    div.rightContainer div.loginForm input,
        div.rightContainer div.registerForm input,
        div.rightContainer div.loginForm textarea,
        div.rightContainer div.registerForm textarea
    {
        width: 174px;
    }
    
div.rightContainer div.registerForm div.elementRadioContainer
    {
        float: left;
        margin-right: 10px;
    }
    
    div.rightContainer div.registerForm select.elementDate
    {
        width: auto;
    }
    
    div.rightContainer div.registerForm input.elementRadio
    {
        width: auto;
        height: auto;
    }
    
    div.rightContainer div.loginForm input.formSubmitSend,
        div.rightContainer div.registerForm input.formSubmitSend
    {
        width: auto;
    }
    
    div.rightContainer div.loginForm select,
        div.rightContainer div.registerForm select
    {
        width: 179px;
    }
        
    div.rightContainer div.loginForm p,
        div.rightContainer div.registerForm p
    {
        min-height: 4em;
    }
    
    div.rightContainer div.registerForm p
    {
        min-height: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    
    div.rightContainer div.registerForm span.elementSeparator 
    {
        color: #023f88;
        margin-bottom: 5px;
        display: block;
        font-family: "Zurich BT", Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 10pt;
    }

span.elementRequired{
    color: #dd0000;
}

/* Adresgegevens en verzendmethode */

div.contentCart div.address,
    div.contentCart div.methods
{
    padding: 12px;
    clear: both;
}

div.contentCart div.address
{
    float: left;
    clear: none;
    width: 339px;
}

    div.contentCart div.address p.tip
    {
        color: #023F88;
        font-style: italic;
        margin: 0;
        padding: 0;
    }

div.contentCart div.address select
{
    width: 180px;
}

div.contentCart div.methods 
{
    border-top: solid 1px #ebebeb;
}

div.contentCart div.methods h3,
    div.contentCart div.address h3
{
    padding: 0;
    padding-bottom: 10px;
}

div.contentCart div.address dl
{
    clear: both;
}

div.contentCart div.address dt
{
    min-height: 2em;
    display: block;
    float: left;
    clear: left;
    width: 125px;
}

div.contentCart div.address dd
{
    min-height: 2em;
    float: left;
    width: 200px;
    color: #000000;
}

    div.contentCart div.methods div.shippingmethod,
        div.contentCart div.methods div.paymentprofile
    {
        clear: both;
        min-height: 90px;
    }
    
    div.contentCart div.methods div.paymentprofile
    {
        padding: 20px;
        border: 1px solid #ebebeb;
        margin-bottom: 10px;
    }

    div.contentCart div.methods div.shippingmethod div,
        div.contentCart div.methods div.paymentprofile div
    {
        height: 68px;
    }
    
    div.contentCart div.methods div.shippingmethod div.logo,
        div.contentCart div.methods div.paymentprofile div.logo
    {
        float: left;
        width: 100px;
        height: 80px;
        border: 1px solid #EBEBEB; 
        margin-right: 20px;
        text-align: center;
    }    
    
div.contentCart div.methods div.shippingmethod div.select,
        div.contentCart div.methods div.paymentprofile div.select
    {
        float: left;
        width: 30px;
        margin-right: 20px;
        text-align: center;
        padding-top: 12px;
    }    
    
        div.contentCart div.methods div.shippingmethod div.select input,
            div.contentCart div.methods div.paymentprofile div.select input
        {
            height: auto;
            width: auto;
        }        
    
    div.contentCart div.methods div.shippingmethod div.label,
        div.contentCart div.methods div.paymentprofile div.label
    {
        width: 390px;
        margin-right: 20px;
        float: left;
        padding-top: 10px;
    }
    
    div.contentCart div.methods div.shippingmethod div.label label,
        div.contentCart div.methods div.paymentprofile div.label label
    {
        color: #023f88;
        font-size: 11px;
        padding: 0px 0px 10px 0px;
        font-family: "Zurich BT", Verdana, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        font-weight: normal;
        line-height: 11px;
    }        

    div.contentCart div.methods div.shippingmethod div.cost,
        div.contentCart div.methods div.paymentprofile div.cost
    {
        width: 75px;
        float: left;
        padding-top: 10px;
        text-align: right;
    }
 
ol.orderProgress
{
    padding: 0 6px;
    height: 20px;
    margin-top: 10px;
    margin-left: 10px;
    list-style-type: none;
}
    
ol.orderProgress li
{
    padding-left: 20px;
    float: left;
    width: 155px;
    font-size: 13px;
    background-repeat: no-repeat;
    background-position: left center;
    color: #023f88;
}

ol.orderProgress li.current
{
    font-weight: bold;
    text-decoration: underline;
}

ol.orderProgress li.inactive
{
    color: #7D7D7D;
}

ol.orderProgress li.progress1
{
    background-image: url(../images/1_round_yellow.gif);
}

ol.orderProgress li.progress2
{
    background-image: url(../images/2_round_yellow.gif);
}

ol.orderProgress li.progress3
{
    background-image: url(../images/4_round_yellow.gif);
}

ol.orderProgress li.progress4
{
    background-image: url(../images/4_round_yellow.gif);
}

ol.orderProgress li.progress1.inactive
{
    background-image: url(../images/1_round_grey.gif);
}

ol.orderProgress li.progress2.inactive
{
    background-image: url(../images/2_round_grey.gif);
}

ol.orderProgress li.progress3.inactive
{
    background-image: url(../images/4_round_grey.gif);
}

ol.orderProgress li.progress4.inactive
{
    background-image: url(../images/4_round_grey.gif);
}

div.orderProgressBar
{
    margin-top: 3px;
    height: 10px;
    margin-left: 16px;
    margin-bottom: 10px;
    width: 700px;    
}

div.orderProgressBar div
{
    float: left;
    width: 175px;
    height: 10px;
}

div.orderProgressBar div
{
    background-color: #ebebeb;
}

div.orderProgressBar div.current
{
    background-color: #023F88;
}

div.orderProgressBar div.inactive
{
    background-color: #ffffff;
}

iframe    
{
    border: none;
    height: 500px;
    width: 727px;
    border: 1px solid #ebebeb;
    margin: 0px 6px 0px 6px;
    padding: 0px;
}

/* Persoonlijk order overzicht */

div#pagerContainer p
{
    margin: 6px;
}

div#pagerContainer-loader
{
    margin: auto;
    margin-top: 5em;
    width: 220px;
    display: none;
    text-align: center;
}

div#pagerContainer-loader label
{
    font-weight: bold;
    display: block;
    margin-bottom: .5em;
}

div#pagerContainer-loader img
{
    width: 220px;
    height: 19px;
}

div.personalOrder
{
    position: relative;
    width: 727px;
    border: solid 1px #ebebeb;
    margin: 1em 6px 0 6px;
    min-height: 50px;
    padding: 12px;
}

    div.personalOrder h3 
    {
        padding: 0;
        margin-bottom: 5px;
    }
    
    div.personalOrder div
    {
        float: left;
        margin-right: 20px;
        width: 150px;
        font-weight: bold;
    }
    
    div.personalOrder label
    {
        font-weight: normal;
        display: block;
        width: 150px;
    }
    
    div.personalOrder div.buttons
    {
        float: right;
        margin-right: 10px;
        text-align: right;
    }
    
    div.personalOrder div.buttons a.button
    {
        display: block;
        text-align: right;
        width: auto;
        margin-bottom: 0.8em;
    }

    /* Log entries */
    div.logEntries
    {
        padding: 12px;
        clear: both;
        border: solid 1px #ebebeb;
        margin: 0px 6px 0px 6px;
        min-height: 50px;
    }
    
    div.logEntry
    {
        margin-bottom: 1em;
        clear: both;
    }

    div.logEntry div.date
    {
        float: left;
        width: 140px;
        font-weight: bold;
    }
    
    div.logEntry div.status
    {
        clear: left;
        float: left;
        width: 140px;
    }
    
    div.logEntry div.text
    {
        float: right;
        width: 515px;
    }
    
/* Foutmeldingen */

h3.errored
{
    color: #dd0000 !important;
    border: 0;
    font-weight: bold;
    background-color: transparent;
}

.errored
{
    border: 1px solid #dd0000;
    background-color: #FFF4F4;
}

div.contentCart div.errored
{
    padding: 6px;
    color: #dd0000 !important;
    border: 0;
}

span.errored,
    span.errored a,
    span.errored a:link
{
    border: none;
    background-color: transparent;
    color: #dd0000;
}

div.errored
{
    border: 1px solid #FF5555;
}

img.errored
{
    display: block;
    padding: 2px;
    margin-right: 1px;
    padding-bottom: 1px;
    vertical-align: middle;
    float: left;
    border: 1px solid #FF5555;
    border-left: none;
}

form#form171 img.errored
{
    padding-top: 1px;
}

/* Gegevens wijzigen */
div.rightContainer div.usersEditForm,
    div.rightContainer div.usersNewpasswordForm
{
    width: 346px;
    float: left;
    
    border: 1px solid #EBEBEB;
    min-height: 500px;
    padding: 12px;
    margin:0 6px;
    position: relative;    
}

div.rightContainer div.usersEditForm
{
    margin-right: 4px;
}

div.rightContainer div.usersNewpasswordForm
{
    margin-left: 4px;
}

    div.rightContainer div.usersEditForm td.formColumnRight,
        div.rightContainer div.usersNewpasswordForm td.formColumnRight
    {
        width: 199px;
    }

    div.rightContainer div.usersEditForm input,
        div.rightContainer div.usersNewpasswordForm input,
        div.rightContainer div.usersEditForm textarea,
        div.rightContainer div.usersNewpasswordForm textarea
    {
        width: 194px;
    }

    div.rightContainer div.usersEditForm input.errored,
        div.rightContainer div.usersNewpasswordForm input.errored,
        div.rightContainer div.usersEditForm textarea.errored,
        div.rightContainer div.usersNewpasswordForm textarea.errored
    {
        width: 173px;
    }

    div.rightContainer div.usersEditForm div.elementRadioContainer
    {
        float: left;
        margin-right: 10px;
    }
    
    div.rightContainer div.usersEditForm select.elementDate
    {
        width: auto;
    }
    
    div.rightContainer div.usersEditForm input.elementRadio
    {
        width: auto;
        height: auto;
    }
    
    div.rightContainer div.usersEditForm input.formSubmitSend,
        div.rightContainer div.usersNewpasswordForm input.formSubmitSend
    {
        width: auto;
    }
    
    div.rightContainer div.usersEditForm select,
        div.rightContainer div.usersNewpasswordForm select
    {
        width: 198px;
    }
        
    div.rightContainer div.usersEditForm select.errored,
        div.rightContainer div.usersNewpasswordForm select.errored
    {
        width: 177px;
    }
        
div.rightContainer div.usersNewpasswordForm p,
        div.rightContainer div.usersNewpasswordForm p
    {
        min-height: 4em;
    }
    
    div.rightContainer div.usersEditForm span.elementSeparator 
    {
        color: #023f88;
        margin-bottom: 5px;
        display: block;
        font-family: "Zurich BT", Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 10pt;
    }

/* Verkooppunten */

div.gmapFilter
{
	display: none;
}

form#gmapFiltersForm289
{
    display: none;
}

/* Google maps */

div.gmap
{
    border: 1px solid #EBEBEB;
    margin:0 6px;
    margin-top: 6px;
    text-align: left;
    float: left;
    height: 400px;
    width: 400px;
}

    div.gmap div.gmapLoading
    {
        width: 100%;
        height: 100%;
        color: #ffffff;
        font-size: 0;
        background-image: url(../images/module/gmap/loading.gif);
        background-repeat: no-repeat;
        background-position: center;
    }

    div.gmap h1
    {
        font-size: 10pt;        
        font-style: normal;
        font-weight: normal;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    
    div.gmap p
    {
        margin: 0;
        padding: 0;
    }
    
    div.gmap label
    {
        font-weight: bold;
        font-size: 10pt;
    }

div.gmapResults
{
    float: left;
    width: 343px;
    height: 401px;
    border: 1px solid #EBEBEB;
    color: #ffffff;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: white;
}

div.gmapResults div.leftMarkers
{
    width: 325px;
    float: left;
}

div.gmapResults div.rightMarkers
{
    width: 325px;
    float: left;
    margin-left: 10px;
}

div.gmapResults div.gmapResultsHeader
{
    height: 22px;
    background-color: #EBEBEB;
    color: #7D7D7D;
    padding: 5px;
}

    div.gmapResults div.gmapResultsHeader label
    {
        weight: auto;
        margin-right: 10px;
        font-weight: normal;
    }

    div.gmapResults div.gmapResultsHeader img
    {
        position: relative;
        top: 3px;
        margin-left: 2px;
        cursor: pointer;
    }

    div.gmapResults div.gmapResultsHeader select
    {
        border: 1px solid white;
        width: 50px;
        margin-left: 2px;
        margin-right: 2px;
    }

        div.gmapResults div.gmapResultsHeader select.sort
        {
            width: 75px;
            margin: 0;
        }

        div.gmapResults div.gmapResultsHeader select.perpage
        {
            margin: 0;
        }
        
div.gmapResults div.gmapResultsFooter
{
    height: 18px;
    background-color: #EBEBEB;
    color: #1A498F;
    padding: 5px;
    font-size: 11px;
    padding-top: 3px;
    padding-bottom: 0;
}

div.gmapResults div.gmapResultsContent
{
    height: 329px;
    padding: 10px;
    overflow: auto;
    color: black;
}

    div.gmapResults div.gmapResultsContent div.gmapResult
    {  
        min-height: 38px;
        clear: both;
        cursor: pointer;
    }

    div.gmapResults div.gmapResultsContent div.gmapResult.highlighted
    {  
        background-color: #E2E2E2;
    }

    div.gmapResults div.gmapResultsContent div.gmapResult img 
    {
        float: left;
        display: block;
        margin-right: 15px;
    }
    
    div.gmapResults div.gmapResultsContent div.gmapResult div.gmapResultsDistance
    {
        float: right;
        width: 45px;
        font-size: 10px;
        text-align: right;
    }

    div.gmapResults div.gmapResultsContent div.gmapResultText
    {
        float: left;
        width: 230px;
    }

div.gmapFilters h3
{
    color: #038929;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: .5em;
}

div.gmapFilters div.gmapFilter
{
    float: left;
    height: 30px;
    width: 300px;
}

div.gmapFilters label
{
    float: left;
    width: 80px;
    font-weight: bold;
    margin-top: 3px;
}

ul.gmapList
{
    margin-top: 1em;
}

ul.gmapList li
{
    height: 3.5em;
}

ul.gmapList li a
{
    font-weight: bold;
}

/* Boeken */

div.books a.buttonPadding
{
    padding-left: 3em;
}

div.books
{
	width: auto;
	border: none;
	margin: 0;
	padding: 0;
}

div.books div.hr
{
	display: none;
}

div.books div.book div.image
{
    width: 150px;
    margin: 0;
	margin-bottom: 10px;
}

div.books div.book div.info
{
    width: auto;
}

div.books div.book div.buttons
{
    display: none;
}

div.books div.book div.info label
{
    display: none;
}

div.books div.book div.info div div
{ 
    display: none;
}

div.assortmentContainer
{
    height: auto;
}

/* Boxy Tell-a-friend */

div.contentText.boxy-content
{
    border: 0;
    min-height: 150px;
    padding: 0;
    width: auto;    
}

div.contentText.boxy-content h1,
    div.crublePath.boxy-content
{
    display: none !important;
}

div.contentText.boxy-content p
{
    margin-top: 1em;
}

table.boxy-wrapper div.tellafriendContainer div.htmlBody
{
    height: 150px;
    overflow: auto;
}

div.searchResults
{
    margin-top: 6px;
}

.boxy-wrapper .title-bar
{
    background-color: #1A498F;
}

/* Registratie formulier */

tr#cms_cm179__form__pregnant_date_row
{
    display: none;
}

tr#cms_cm179__form__child1_gender_row,
    tr#cms_cm179__form__child1_age_row,
    tr#cms_cm179__form__child2_gender_row,
    tr#cms_cm179__form__child2_age_row,    
    tr#cms_cm179__form__child3_gender_row,
    tr#cms_cm179__form__child3_age_row,    
    tr#cms_cm179__form__child4_gender_row,
    tr#cms_cm179__form__child4_age_row,    
    tr#cms_cm179__form__child5_gender_row,
    tr#cms_cm179__form__child5_age_row,    
    tr#cms_cm179__form__child6_gender_row,
    tr#cms_cm179__form__child6_age_row,    
    tr#cms_cm179__form__child7_gender_row,
    tr#cms_cm179__form__child7_age_row,    
    tr#cms_cm179__form__child8_gender_row,
    tr#cms_cm179__form__child8_age_row,    
    tr#cms_cm179__form__child9_gender_row,
    tr#cms_cm179__form__child9_age_row,    
    tr#cms_cm179__form__child10_gender_row,
    tr#cms_cm179__form__child10_age_row    
{
    display: none;
}

/* HOMEPAGE */

div.faqHomeContainer div.faqHome ul	{
	padding:0 0 5px;
	clear:both;
	overflow:hidden;
}

div.faqHomeContainer div.faqHome ul li	{
	padding:5px;
	margin:0 5px 5px 0;
	float:left;
	border:1px solid #ccc;
	
	list-style:none;
}

.contactSwitcher { display:none;}

/* FREEBOOK */

.freeBook	{
	clear:both;
	margin-top:48px;
	position:relative;
	border:1px solid #ccc; 
	padding:5px;}

.freeBook h2	{
	position:absolute; top:-32px; left:0px;
}

.freeBook a.cover	{
	float:left;
	display:block;
}

.freeBook a.cover img	{ height:100px; padding-right:10px;}

.freebook .bookContent {
	padding:30px 30px 30px 10px;
	border:1px solid red;
	display:block;
}

.freeBook  .bookContent span.title 	{ 
	font-family: "Myriad Pro Regular",Verdana,Arial,Helvetica,sans-serif;
    font-size: 16px;
    padding-bottom: 5px;
	display:block;
	background-color:green;
	display:block;
	margin:15px 10px 10px 10px
}

.freeBook  .bookContent a 	{ 
	font-family: "Myriad Pro Semibold",Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
}

/* EINDE FREEBOOK */

.actieContainer .homeBanners	{
	margin-top:30px;
	clear:both;
}

.actieContainer .homeBanners div.space	{ display:none; }
.actieContainer .homeBanners img	{ padding:0 5px 10px 0px; }


.weblogHome	{ margin-top:30px;}

.weblogHome .weblogView .weblogItem {
	border:1px solid #ccc; 
	overflow:hidden;
	padding:10px;
}

div.weblogHome div.weblogText div.date {
    color: #D7D7D7;
    font-size: 11px;
}

div.weblogHome div.weblogText h3.title a {
    color: #000;
    display: block;
    text-transform: none;
}

.weblogHome .weblogView .weblogItem a { display:block;}

div.weblogHome div.weblogView div.weblogItem a.more { float:right;}

div.weblogHome div.weblogText a.reaction { float:left;}

div.weblogHome div.weblogText h3.title {
    color: #58585A;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-transform: none;
}
div.weblogHome div.weblogView .more a	{
	color: #393939;
    font-family: "Myriad Pro Regular",Verdana,Arial;
    font-size: 14px;
    left: 10px;
    text-transform: uppercase;
	float:right;
	padding:5px;
	border:1px solid #ccc;
}

/* TWITTER */

#twitter { margin-top:30px; clear:both; overflow:hidden; }

#twitter h2	{
	float:left;	
}

#twitter .socialmedia	{
	float:right;
	padding-top:3px;
}

#twitter .twitterItem	{
	clear:both;
	padding:10px;
	border:1px solid #ccc;
	margin-bottom:-1px;
}

#twitter  .twitterItem	.avatar {	
	float:left;
}

#twitter .twitterItem .tweet span.title {
    color: #023F88;
    font-family: "Myriad Pro Regular",Verdana,Arial;
    font-size: 14px;
}

#twitter .followUs {
    color: #393939;
    font-family: "Myriad Pro Regular",Verdana,Arial;
    font-size: 14px;
    left: 10px;
    text-transform: uppercase;
	float:right;
	padding:5px;
	border:1px solid #ccc;
}

#actiesHome { 
	margin-top:30px; 
	clear:both; 
	float:none; 
	overflow:hidden; 
	padding-top:30px; 
	position:relative;
}

#actiesHome h2 { clear:both; margin-top:0px; top:0px; position:absolute;}