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

/* Begin default CSS */

@font-face
{
    font-family: "Zurich BT";
    src: url('/client/difrax/font/zurich/zurichbt-webfont.eot');
    src: url('/client/difrax/font/zurich/zurichbt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/client/difrax/font/zurich/zurichbt-webfont.woff') format('woff'),
         url('/client/difrax/font/zurich/zurichbt-webfont.ttf') format('truetype'),
         url('/client/difrax/font/zurich/zurichbt-webfont.svg#Zurich BT') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'calibri-webfont';
    src: url('/client/difrax/font/calibri-webfont.ttf') format('truetype');
    font-weight: bold;
}

@font-face
{
    font-family: "Myriad Pro Bold";
    src: url('/client/difrax/font/myriad/Myriad_Pro_Bold.eot');
    src: url('/client/difrax/font/myriad/Myriad_Pro_Bold.eot?#iefix') format('embedded-opentype'),
         url('/client/difrax/font/myriad/Myriad_Pro_Bold.woff') format('woff'),
         url('/client/difrax/font/myriad/Myriad_Pro_Bold.ttf') format('truetype'),
         url('/client/difrax/font/myriad/Myriad_Pro_Bold.svg#Myriad Pro Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: "Myriad Pro Regular";
    src: url('/client/difrax/font/myriad/Myriad_Pro_Regular.eot');
    src: url('/client/difrax/font/myriad/Myriad_Pro_Regular.eot?#iefix') format('embedded-opentype'),
         url('/client/difrax/font/myriad/Myriad_Pro_Regular.woff') format('woff'),
         url('/client/difrax/font/myriad/Myriad_Pro_Regular.ttf') format('truetype'),
         url('/client/difrax/font/myriad/Myriad_Pro_Regular.svg#Myriad Pro Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: "Myriad Pro Semibold";
    src: url('/client/difrax/font/myriad/Myriad_Pro_Semibold.eot');
    src: url('/client/difrax/font/myriad/Myriad_Pro_Semibold.eot?#iefix') format('embedded-opentype'),
         url('/client/difrax/font/myriad/Myriad_Pro_Semibold.woff') format('woff'),
         url('/client/difrax/font/myriad/Myriad_Pro_Semibold.ttf') format('truetype'),
         url('/client/difrax/font/myriad/Myriad_Pro_Semibold.svg#Myriad Pro Semibold') format('svg');
    font-weight: normal;
    font-style: 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: url(../images/back_boog_geel.gif);
    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;
	letter-spacing: 0px;
    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;
	letter-spacing: 0px;
    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;
	letter-spacing: 0px;
    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;
	vertical-align:middle;
}

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;
}

input.errored	{
	background-color:#fce9e9;
	border-color:#c93f2d;
	border-style:solid;
	border-width:1px 0 1px 1px;
}

#form158 input.errored	{
	border-width:1px;
}

html body img.errored	{
	background-color:#fce9e9;
	border-color:#c93f2d;
	border-style:solid;
	border-width:1px 1px 1px 0;
	display:block;
	height:16px;
	width:16px;
}

/* 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: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
    margin: 0 auto -310px;
    padding: 0;
}

    div.fee
    {
        position: absolute;
        top: 65px;
        left: 966px;
        width: 150px;
        overflow: hidden;
		display:block;
    }

    div.headerContainer
    {
        height: 62px;
        padding: 23px 0px 0px 0px;
		margin: 0;
		overflow: hidden;
    }
    
    div.menuContainer
    {
        /*position: relative;*/
        height: 36px;
        background-image: url(../images/back_menuContainer.gif);
        background-repeat: repeat-x;
		clear: both;
     
    }
    
    div.actieContainer
    {
        background-color: #FFFFFF;
        display: block;
		padding: 208px 0 0 0;
    }
    
    div.contentContainer 
    {
        background-color: #FFFFFF;
        background-image: url(../images/back_contentContainer.gif);
        background-repeat: no-repeat;
        background-position: left bottom;
        border-top: solid 6px #ffffff;
        /* overflow: hidden; */
		margin-bottom:35px;
    }
    
        div.submenuContainer
        {
            display: block;
            float: left;
            width: 183px;
            margin: 0px 6px 6px 6px;
            padding: 0px;
            border-top: solid 1px #ebebeb;
        }
        
        div.rightContainer
        {
            display: block;
            float: left;
            width: 765px;
            padding: 6px 0px 0px 0px;
            min-height: 300px;
        }
    
    div.footerContainer
    {
        background-color: #ececec;
		background-image: url(../images/bg_footer.gif);
		background-repeat: repeat-x;
		background-position: center bottom;
		position: relative;
    }
	
		.footer{
			width: 960px;
			margin: 0 auto;
		}
		
		.footer, .push{
			height: 310px;
		}
    
/* HEADER */

        div.headerContainer div.logo
        {
            position: absolute;
            top: 17px;
            left: 6px;
            z-index: 10;
        }
        
        div.languageSwitch
        {
            width: 146px;
            height: 70px;
            float: right;
			margin: 0 10px 0 10px;
        }
		
		   div.languageSwitch form
			{
				margin-bottom: 7px;
				position:relative;
			}
			
				div.languageSwitch form select.styled	{
					left:0px;	
				}
        
        
        div.search
        {
            width: 270px;
            float: right;
			margin: 11px 19px 0 11px;
        }
        
            div.headerContainer div.search input 
            {
                width: 232px;
                height: 11px;
                float: left;
				border: none;
				background-image: url(../images/bg_search_input_normal.gif);
				background-repeat: no-repeat;
				padding: 9px 0 9px 6px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #7d7d7d;
				font-size: 11px;
            }
			
			    div.headerContainer div.search input:focus
				{
					background-image: url(../images/bg_search_input_focus.gif);
				}
            
            div.headerContainer div.search div.radio
            {
                width: 210px;
                float: left;
                font-family: Arial, Helvetica, sans-serif;
            }
            
                div.headerContainer div.search div.radio label
                {
                    margin-right: 3px;
                }
            
                div.headerContainer div.search div.radio input.elementRadio 
                {
                    width: 10px;
                    height: 10px;
                    border: none;
                    padding: 0px;
                    margin-right: 3px;
                    float: none;
                }
            
            div.headerContainer div.search input.formSubmitSend
            {
                float: left;
                width: 31px;
                height: 29px;    
				background-image: url(../images/btn_search.gif);
				background-repeat: no-repeat;
				font-size: 0px;
				text-transform: none;
				color: #023f88;
				padding: 0;
				text-align: center;
				text-shadow: 1px 1px #FFFFFF;
            }
			
			    div.headerContainer div.search input.formSubmitSend:hover
				{
					background-image: url(../images/btn_search_hover.gif);
					color: #7d7d7d;
				}
        
        div.login
        {
            width: 184px;
            float: right;
			margin-top: -20px;
        }
        
            div.headerContainer div.login input 
            {
                background-image: url("../images/bg_input_email.gif");
			    background-repeat: no-repeat;
			    border: medium none;
			    color: #7D7D7D;
			    font-size: 11px;
			    height: 12px;
			    margin: 1px 0 6px;
			    padding: 5px;
			    width: 184px;				
            }
			
			div.headerContainer div.login input.password 
            {
                width: 151px;
                height: 11px;
				background-image: url(../images/bg_input_password.gif);
				background-repeat: no-repeat;
				border: none;
				font-size: 11px;
				color: #7d7d7d;
				float: left;	
            }
			div.headerContainer div.login input.password.errored	{
				padding-right:25px;
			}
            
			div.headerContainer div.login.errored	{
				background-color:#FECFCA;
				border: 1px solid #F88276;
    			color: #951306;
			}
			
            div.headerContainer div.login div.register
            {
                float: right;
				color: #6d6f72;
				font-size: 11px;
				margin-bottom: 3px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
            }
            
            div.headerContainer div.login input.formSubmitSend
            {
                float: left;
                width: 23px;
                height: 22px;
				background-image: url(../images/btn_login_normal.gif);
				padding: 0;
				font-size: 0px;  
            }
            
        div.shoppingcart
        {
            width: 170px;
            height: 70px;
            float: right;
            margin: -23px 0 0;
			padding:25px 0 0 64px;
			background-image: url(../images/shopping_bag.png);
			background-repeat: no-repeat;
			background-position: left;
			position:relative;
       }
        
            div.cartInfo
            {
				padding: 0;
				font-size: 11px;
            }
			
			div.cartInfo span
            {s
				display:block;
				float:left;
            }

			div.cartInfo strong
            {
				display:block;
				overflow:hidden;
				float:left;
				height:16px;
				width:118px;
				padding-left:3px;
            }
            
                div.cartInfo div.column1
                {
                    float: left;
                    width: auto;
					padding-right:4px;
					clear:left;
                }
                
                div.cartInfo div.column2
                {
                    float: left;
                }
            
            div.shoppingcart div.register
            {
                font-family: Arial, Helvetica, sans-serif;
                position:absolute;
				top:8px;
				font-weight:bold;
            }
            
            div.headerContainer div.shoppingcart input.formSubmitSend
            {
                background-color: #fff7e2;
                float: left;
                height: 16px;
                margin: 3px 2px 0 -1px;
            }
			/*
			div.headerContainer div.shoppingcart input.formSubmitSend	{
				position:absolute;
				top:2px;
				right:0px;
			}
			*/

        /* MENU */

        div.menuContainer ul.menu
        {
            margin: 0px;
            padding: 0px;
            float: left;
        }
        
            div.menuContainer ul.menu li
            {
                width: 152px;
                height: 36px;
                float: left;
                list-style-image: none;
                list-style-position: outside;
                list-style-type: none;
                background-image: url(../images/menu_spacer.gif);
                background-repeat: no-repeat;
                background-position: right;
            }
            
                div.menuContainer ul.menu li a
                {
                    display: block;
                    width: 152px;
                    height: 25px;
                    text-align: center;
                    vertical-align: middle;
                    text-transform: uppercase;
                    font-family: 'Zurich BT', Verdana, Arial, Helvetica, sans-serif;
					letter-spacing: 0;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/client/difrax/images/hIEfix.png,sizingMethod=crop);zoom:1;
					letter-spacing: 0px;
                    font-size: 12px;
                    line-height: normal;
                    font-weight: bold;
                    padding-top: 11px;
                    text-shadow: 1px 1px #ebebeb;
                    text-decoration: none;
                }

                div.menuContainer ul.menu li a.path,
				div.menuContainer ul.menu li a:hover
                {
					background-color: #FFFFFF;
					border-left: 1px #d9d9d9 solid;
					border-right: 1px #d9d9d9 solid;
					border-top: 1px #d9d9d9 solid;
					border-bottom: 1px #FFFFFF solid;
					margin-top: -5px;
					padding-bottom: 3px;				
                }
				
				div.menuContainer ul.menu li.firstChild a.path,
				div.menuContainer ul.menu li.firstChild a:hover
                {
					border-left: none;		
                }

                div.menuContainer ul.menu li.active a
                {
                    /*color: #fdcf4a;
                    text-decoration: none;*/
                }
                    
                    div.menuContainer ul.menu li ul
                    {
                        z-index: 1100;
                        position: absolute;
                        left: 0px;
                        visibility: visible;
						display: none;
                        width: 960px;
						min-height: 164px;
                        background-image: url(../images/back_submenu.png);
                        background-repeat: no-repeat;
						background-position: bottom left;
						overflow:hidden;
						padding-bottom:55px;
                    }
                    
                    div.menuContainer ul.menu li ul#menu2-id-2, div.menuContainer ul.menu li ul#menu2-id-3
                    {
                        padding-right: 14px;
                    }
                    
                        div.menuContainer ul.menu li ul li
                        {
                            width: auto;
                            height: auto;
                            background-image: none;
							float: left;
                        }
						
						 div.menuContainer ul.menu li ul li.firstChild ul
                            {
								background-image: none;
                            }
                    
                            div.menuContainer ul.menu li ul li ul
                            {
                                position: relative;
                                width: auto;
                                border: none;
                                background-color: transparent;
                                background-image: none;
								display: block;
                                float: left;
                                padding: 20px 9px 0 10px;
                                width: 118px;
								background-image: url(../images/dropdownmenu_seperator.gif);
								background-position: left 20px;
								background-repeat: no-repeat;
                            }
                            
                                div.menuContainer ul.menu li ul li ul li
                                {
                                    width: auto;
                                    height: auto;
                                    float: none;
                                    background-image: none;
                                    padding: 0;
                                }
                                
                                    div.menuContainer ul.menu li ul li ul li a,
									div.menuContainer ul.menu li.active ul li ul li a,
									div.menuContainer ul.menu li ul li ul li a:hover
                                    {
                                        width: auto;
                                        height: auto;
                                        text-align: left;
                                        vertical-align: middle;
                                        text-transform: none;
                                        font-family: Verdana, Arial, Helvetica, sans-serif;
                                        font-size: 11px;
                                        line-height: 19px;
                                        font-weight: normal;
                                        padding-top: 0px;
                                        text-shadow: none;
                                        text-decoration: none;
                                        padding: 0;
                                        background-image: none;
                                        color: #023f88;
										border: none;
										margin: 0;
                                    }
                                    
                                    div.menuContainer ul.menu li ul li ul li.firstChild a
                                    {
                                        text-decoration: none;
										font-weight: bold;
										color: #023f88;
										line-height: normal;
										padding: 0 0 5px 0;
                                    }
                                    
                                        div.menuContainer ul.menu li ul li ul li a:hover, div.menuContainer ul.menu li ul li ul li.active a
                                        {
                                            background-image: none;
                                            color: #023f88;
                                            text-decoration: underline;
                                            text-shadow: none;
                                        }
                                        
                                        div.menuContainer ul.menu li ul li ul li.firstChild a:hover
                                        {
                                        }
                
        /* NIEUWSBRIEF */
            
        div.menuContainer div.nieuwsbrief
        {
            float: right;
            width: auto;
            height: 25px;
            text-align: right;
            vertical-align: middle;
            text-transform: uppercase;
            font-family: 'Zurich BT', Verdana, Arial, Helvetica, sans-serif;
			letter-spacing: 0;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/client/difrax/images/hIEfix.png,sizingMethod=crop);zoom:1;
			letter-spacing: 0px;
            font-size: 12px;
            line-height: normal;
            font-weight: bold;
            padding-top: 11px;
            padding-right: 23px;
            text-shadow: 1px 1px #ebebeb;
            position: relative;
        }
            div.menuContainer div.nieuwsbrief a
            {
                display: block;
                height: 16px;
                text-decoration: none;
                background-image: url(../images/arrow_nb_up.gif);
                background-repeat: no-repeat;
                background-position: right top;
                padding-right: 23px;
            }
            
            div.menuContainer div.nieuwsbrief a:active,
                div.menuContainer div.nieuwsbrief a.enabled
            {
                background-image: url(../images/arrow_nb_down.gif);
            }
            
        div.menuContainer div.newsletterForm
        {
            position: absolute;
            z-index: 1002;
            display: none;
            width: 184px;
            background-color: #ffffff;
            left: 759px;
            top: 121px;
            background-image: url(../images/back_submenu.gif);
            background-repeat: repeat-x;
            background-position: bottom;
            padding: 16px 7px 3px;
			border-color: #CCCCCC;
			border-style: solid;
			border-width: 0 1px 1px;
			box-shadow:0px 2px 2px #666;
			-moz-box-shadow:0px 2px 2px #666;
			-webkit-box-shadow:0px 2px 2px #666;
			-o-box-shadow:0px 2px 2px #666;
        }
        
          div.menuContainer div.newsletterForm.enabled
          {
              display: block;
          }
  			
			div.menuContainer div.newsletterForm input 
            {
                width: 174px;
                height: 11px;
				padding:5px;
				background-image: url(../images/bg_input_email.gif);
				background-repeat: no-repeat;
				border: none;
				font-size: 11px;
				color: #7d7d7d;
				margin: 1px 0 6px;				
            }
            
            div.menuContainer div.newsletterForm input.formSubmitSend
            {
                float: right;
                width: 91px;
                height: 22px;
                background:url(/client/difrax/images/btn_newsletter.png) no-repeat;
				color:#005292;
                background-repeat: no-repeat;
                text-align: center;
				padding:0px;
				text-align:center;
            }
			 div.menuContainer div.newsletterForm input.formSubmitSend:focus
            {
                background:url(/client/difrax/images/btn_newsletter.png) no-repeat 0 -22px;
            }
            
            div.menuContainer div.newsletterForm img.errored
            {
                margin-right: 0;
                padding: 1px 2px;
            }
    
/* ACTIES OP HOMEPAGE */
    
        div.mainActie 
        {
            padding: 0px;
			text-align: center;
			overflow: hidden; 
			padding: 6px 6px 0 6px;
			background-color: #FFFFFF; 
        }
		
		div.homeBanners
			{
				overflow: hidden;
				padding-bottom: 30px;
			}
		
		   div.homeBanners img
			{
				float: left;
				width:306px;
				height:76px;
			}
			
			div.homeBanners .space
			{
				display: block;
				width: 21px;
				height: 20px;
				float: left;
				overflow: hidden;
			}
        
        div.actieImage 
        {
            float: left;
            padding: 0px 6px 12px 6px;
        }
        
        div.greyline 
        {
            height: 1px;
            overflow: hidden;
            clear: both;
            line-height: 1px;
            background-color: #ebebeb;
            margin: 0px 6px 0px 6px;
        }
        
        div.actieText 
        {
            width: 284px;
            float: left;
            padding: 12px 6px 12px 6px;
            margin: 0px 12px;
        }
        
        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, div.searchResultItem
            {
                padding-bottom: 10px;
            }
            
                div.searchResultItem em
                {
                    color: #AF1F27;
                    font-weight: bold;
                    font-style: normal;
                }
            
                div.newsItem div.hr, div.searchResultItem div.hr, div.searchResults div.hr
                {
                    height: 1px;
                    overflow: hidden;
                    color: #ebebeb;
                    margin-top: 12px;
                    background-color: #ebebeb;
                }
                
                div.searchResultItem img
                {
                    float: left;
                    margin-right: 1em;
                }
                
                div.searchResultItem div.right
                {
                }
            
                div.newsImage
                {
                    width: 98px;
                    border: solid 1px #ebebeb;
                    float: right;
                    margin-left: 20px;
                }
                
                div.date
                {
                
                }
                    div.date a
                    {
                        font-weight: bold;
                    }
                
                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
        {

        }
                
/* SUBMENU */

            div.submenuContainer ul
            {
                width: 161px;
                margin: 0px;
                padding: 11px 11px 0px 11px;
            }
            
                div.submenuContainer ul li
                {
                    list-style-image: none;
                    list-style-position: outside;
                    list-style-type: none;
                    margin-bottom: 10px;
                }
                    
                    /* Hoogte niveau menu (blauwe balk) */
                    div.submenuContainer ul li a
                    {
                        display: block;
                        width: 135px;
                        line-height: 16px;
                        padding: 0px 10px;
                        background-color: #023f88;
                        text-transform: uppercase;
                        color: #FFFFFF;
                        text-decoration: none;
                    }
                    
                    div.submenuContainer ul li.active a
                    {
                        display: block;
                        width: 141px;
                        line-height: 16px;
                        color: #ffffff; 
                        padding: 0px 10px;
                        font-weight: bold;
                        text-decoration: none;
                    }
                    
                       div.submenuContainer ul li.active li a
                       {
                           color:#023F88;
                       }
                                    
                        div.submenuContainer ul li ul
                        {
                            padding: 0px;
                        }
                        
                          div.submenuContainer ul li ul li
                          {
                              margin: 0;
                          }
                          
                              div.submenuContainer ul li ul li.active a
                              {
                                  color: #023f88;
                              }
                        
                            /* Normale items (eerste niveau onder blauwe balk) */
                            div.submenuContainer ul li ul li a
                            {
                                background-color: #ffffff;
                                text-transform: none;
                                color: #023f88;
                                text-decoration: none;
                                padding: 0px 10px;
                                font-weight: normal;
                                text-decoration: none;
                            }
                            
                                /* Twee laag submenu (onder normale laag) */
                                div.submenuContainer ul li ul li ul li a, 
                                    div.submenuContainer ul.menu li.active ul li ul li a
                                {
                                    display: block;
                                    line-height: 16px;
                                    text-decoration: none;
                                    color: #023f88; 
                                    background-image: url(../images/arrow_submenu.gif);
                                    background-repeat: no-repeat;
                                    margin-left: 10px;
                                    padding: 0px 12px 0px 12px;
                                    background-position: left 6px;
                                }
                                
                                div.submenuContainer ul li ul li.firstChild a
                                {
                                    background-color: #ffffff;
                                    text-transform: none;
                                    color: #023f88;
                                    text-decoration: none;
                                }
                                
                                div.submenuContainer ul li.active a, 
                                    div.submenuContainer ul li ul li.active a
                                {
                                    font-weight: bold;
                                    text-decoration: none;
                                }
                                
                                div.submenuContainer ul li.active ul li a
                                {
                                    font-weight: normal;
                                    text-decoration: none;
                                }

                                    div.submenuContainer ul li.active ul li.active a
                                    {
                                        font-weight: bold;
                                    }

                                div.submenuContainer ul li ul li a:hover {
                                    text-decoration: underline;
                                }
    
/* CONTENT */

        div.crublePath 
        {
            display: block;
            float: none;
            height: 24px;
            vertical-align: middle;    
            padding: 0px 6px;        
        }
        
        div.categoryImage 
        {
            display: block;
            float: none;
            /*padding: 0px 6px;*/
			padding: 0px 0px 6px 0px;
        }
        
        div.rightContainer div.actieImage 
        {
            float: left;
            padding: 12px 0px 0px 0px;
             /*padding: 12px 6px 0px 6px;*/
        }

        
        div.contentText,
            div.searchResults,
                div.photoGallery
        {
            position: relative;
            width: 727px;
            min-height: 80px;
            border: solid 1px #ebebeb;
            margin: 0px 6px 0px 6px;
            padding: 12px 12px;
            overflow: hidden;
        }
        
            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.video_center
        {
            width: 300px;
            height: 240px;
            margin: 0px auto 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;
            text-align: 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: 267px;
            height: 74px;
        }
                
/* DYNAMIC PAGER */

        div.bottomLinks
        {
            width: 753px;
            padding: 6px;
            clear: both;
            height: 25px;
        }

        div.dynamicPager
        {
            display: block;
            width: 450px;
            height: 16px;
            padding: 6px;
            margin: auto;
            clear: both;
        }
        
            div.dynamicPager div.first, 
                div.dynamicPager div.previous,
                div.dynamicPager div.pageNumbers,
                div.dynamicPager div.pageNumbers div,
                div.dynamicPager div.next,
                div.dynamicPager div.last
            {
                display: block;
                float: left;
            }
            
            div.dynamicPager div.first
            {
                width: 60px;
                background-image: url(../images/arrow_first.gif);
                background-repeat: no-repeat;
                padding-left: 22px;
                background-position: left center;
            }
                
            div.dynamicPager div.previous
            {
                width: 60px;
                background-image: url(../images/arrow_previous.gif);
                background-repeat: no-repeat;
                padding-left: 15px;
                background-position: left center;
            }
            
            div.dynamicPager div.pageNumbers
            {
                 width: auto;
            }
            
            div.dynamicPager div.pageNumbers div.active a,
                div.dynamicPager div.pageNumbers div.active a:link
            {
                font-weight: bold;
                text-decoration: none;
                background-color: #023F88;
                color: #ffffff;
                padding: 2px;
            }
            
            div.dynamicPager div.pageNumbers div
            {
                width: 13px;
                marign: 0;
                padding-right: 10px;
            }
            
            div.dynamicPager div.next
            {
                width: 60px;
                text-align: right;
                background-image: url(../images/arrow_next.gif);
                background-repeat: no-repeat;
                padding-right: 15px;
                margin-right: 10px;
                background-position: right center;
            }
                
            div.dynamicPager div.last
            {
                width: 60px;
                text-align: right;
                background-image: url(../images/arrow_last.gif);
                background-repeat: no-repeat;
                padding-right: 22px;
                background-position: right center;
            }
        
/* 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;
        }
		div.shopItem { 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 6px 0px 6px;
        }
        
        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;
			word-wrap: break-word;
        }

		#actiesHome div.shopInfo 
        {
            width: 135px;
            font-size:11px
        }
        
        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: 0px;
                line-height: 14px;
				max-height:56px;
				overflow:hidden;
            }
            
            div.shopItemsmall div.shopInfo div.title
            {
                font-size: 12px;
                font-weight: bold;
                text-transform: none;
                color: #023f88;
                padding-bottom: 0px;
                line-height: 14px;    
            }                
            
                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;
				letter-spacing: 0;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/client/difrax/images/hIEfix.png,sizingMethod=crop);zoom:1;
				text-decoration: none;
				letter-spacing: 0px;
                font-size: 22px;
                font-weight: bold;
                color: #7d7d7d;    
                float: right;    
                padding-top: 0.3em;
                line-height: 14px;    
            }
            
            div.shopItemsmall div.shopInfo div.price
            {
                font-family: 'Zurich BT', Verdana, Arial, Helvetica, sans-serif;
				letter-spacing: 0;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/client/difrax/images/hIEfix.png,sizingMethod=crop);zoom:1;
                letter-spacing: 0px;
				font-size: 22px;
                font-weight: bold;
                color: #7d7d7d;    
                float: right;    
                padding-top: 0px;
                line-height: 24px;    
            }  
            
            div.shopInfo div.more
            {
                position: absolute;
                float: none;
                clear: both;
                bottom: 0px;
            }
            
            div.shopInfo div.moreInfo
            {
                background-image: url(../images/arrow_yellow_small.gif);
                background-repeat: no-repeat;
                padding-left: 15px;
                background-position: left center;
                position: absolute;
                float: none;
                clear: both;
                bottom: 16px;
            }
            
        div.productPhoto
        {
            width: 306px;
            float: left;
            margin-right: 6px;
            overflow: hidden;
        }
        
            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 2px #1A498F;
            }
            
            div.subPhoto img
            {
                width: 43px;
                height: 43px;
            }
                
            
        div.price
        {
            font-family: 'Zurich BT', Verdana, Arial, Helvetica, sans-serif;
			letter-spacing: 0;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/client/difrax/images/hIEfix.png,sizingMethod=crop);zoom:1;
			letter-spacing: 0px;
            font-size: 22px;
            font-weight: bold;
            color: #7d7d7d;    
            float: left;
        }
        
        div.productFormFields div.price,
            div.productFormFields2 div.price
        {
            width: 200px;
            min-height: 75px;
            line-height: 25px;
        }
        
        div.productFormFields2 div.price
        {
            width: 200px;
            min-height: 45px;
        }
        
          div.price span.tax
          {
              font-size: 13px;
          }
          
        div.productInfo
        {
            float: left;
            width: 400px;
        }
        
        div.productFormFields, 
            div.productFormFields2
        {
            width: 415px;
        }
        
            div.productAttributes
            {
                float: right;
                width: 270px;
            }
            
            div.productFormFields2 div.productAttributes
            {
                float: none;
                clear: both;
                width: 415px;
            }
            
                div.productAttributes select,
                    div.productAttributes div
                {
                    width: 125px;
                    height: 20px;
                    float: right;
                }
                
                div.productAttributes select
                {
                    width: 130px;
                    height: 21px;
                    float: right;
                    padding: 2px 0px 0px 0px;
                }
                
                div.productAttributes div
                {
                    text-align: right;
                    margin-top: 4px;
                    width: 265px;
                }
                
                div.productFormFields2 div.productAttributes div
                {
                    text-align: none;
                    margin-top: 4px;
                    width: 350px;
                    float: right;
                    clear: both;
                }
                
                div.productAttributes div input
                {
                    width: 25px;
                    text-align: left;
                }
        
                div.productFormFields2 div.productAttributes div .attrSpan
                {
                   float: right;
                }

                div.productFormFields2 div.productAttributes div .attrSpan input
                {
                    width: 125px;
                    text-align: left;
                    float: left;
                }
                
                div.productAttributes input.formSubmitSend
                {
                    background-color: #ffffff;
                    text-align: right;
                    float: right;
                    clear: both;
                    height: 16px;
                    margin-top: 24px;    
                }
                
                div.productAttributes h3 {
                    display: block;
                    width: auto;
                    float: left;
                }
                
                    div.productAttributes h3 img {
                        padding: 0px 5px;
                    }
            
/* 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: 727px;
            border: solid 1px #ebebeb;
            margin: 0px 6px 0px 6px;
            padding: 0px;
            padding-bottom: 6px;
        }

        div.contentCart input.formSubmitHidden
        {
            width: 1px;
            height: 1px;
            visibility: hidden;
        }
        
          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
                {
                    background-color: #ffffff;
                    float: right;
                    width: 145px;
                    height: 16px;
                    margin-top: 30px;
                    background-image: url(../images/x_round_yellow.gif);
                    text-align: right;
                }
            
            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
                {
                    background-color: #ffffff;
                    float: right;
                    height: 16px;
                    margin-top: 30px;
                    background-image: url(../images/arrow_round_yellow.gif);
                    padding-right: 18px;
                    margin-left: 30px;
                }
            
            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;
		letter-spacing: 0;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/client/difrax/images/hIEfix.png,sizingMethod=crop);zoom:1;
		letter-spacing: 0px;
        font-weight: normal;
        font-size: 10pt;
    }

span.elementRequired{
    color: #dd0000;
}


/* Coupons */

div.contentCart div.coupon
{
    border-bottom: solid 1px #ebebeb;
}

div.contentCart div.couponForm div.title
{
    padding: 0;
    font-weight: bold;
    text-transform: none;
}

div.contentCart div.couponForm div.subtitle
{
    padding-bottom: 6px;
}

div.contentCart div.couponForm input.elementInput
{
    text-transform: uppercase;
}

div.contentCart div.coupon,
div.contentCart div.couponForm,
div.contentCart div.couponForm.errored
{
    padding: 12px 12px 12px 92px;
}

div.contentCart div.couponForm.errored
{
    background-color: #FFF4F4;
    border: solid 1px #F55;
}

    div.contentCart div.couponForm.errored input.elementInput
    {
        border: solid 1px #F55;
    }

input.removeCoupon
{
    margin-top: 15px;
}


/* 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;
		letter-spacing: 0;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/client/difrax/images/hIEfix.png,sizingMethod=crop);zoom:1;
		letter-spacing: 0px;
        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/3_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/3_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;
}

div.headerContainer div.login input.errored
{
	background:url(/client/difrax/images/bg_input_error.gif) 0 0 #FFF4F4;
	padding-right:17px;
}

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;
	display:none;
}

/* 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;
		letter-spacing: 0;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/client/difrax/images/hIEfix.png,sizingMethod=crop);zoom:1;
		letter-spacing: 0px;
        font-weight: normal;
        font-size: 10pt;
    }

/* Verkooppunten */

div.gmapFilter
{
}

div.gmapFilter label
{
    width: 110px;
    margin-right: 10px;
    display: block;
    float: left;
    text-align: right;
}

div.gmapFilter input,
    div.gmapFilter select
{
    width: 150px;
    float: left;
    height: 18px;
}

div.gmapFilter select
{
    width: 155px;
    height: 20px;
}

div.gmapFilter input.formSubmitSend
{
    width: auto;
    height: auto;
    float: left;
    margin-left: 10px;
}

form#gmapFiltersForm289 a.button,
form#gmapFiltersForm663 a.button
{
    float: right;
}

div.locationFilterBlock
{
    height: 80px;
    min-height: 0;
}

/* 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: 4px;
        font-weight: normal;
    }

    div.gmapResults div.gmapResultsHeader img
    {
        position: relative;
        top: 3px;
        margin-right: 2px;
        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: 110px;
    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: 727px;
    border: solid 1px #ebebeb;
    margin: 6px 6px 0px 6px;
    padding: 12px 12px;
}

div.books div.hr
{
    height: 1px;
    overflow: hidden;
    color: #ebebeb;
    margin-bottom: 12px;
    background-color: #ebebeb;
}

div.books div.book div.image
{
    width: 150px;
    float: left;
    text-align: center;
    margin: 0px 12px 12px 0px;
}

div.books div.book div.info
{
    float: left;
    width: 550px;
}

div.books div.book div.info h3 a, div.books div.book div.info h3 a:hover	{
	text-decoration:none;
	color:inherit;
	font-size:inherit;
}

div.books div.book div.buttons
{
    min-height: 2em;
}

div.books div.book div.info label
{
    display: block;
    margin-top: 1em;
    font-weight: bold;
    margin-left: .5em;
}

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

div.books div.book div.info ul
{
    margin: 0;
    margin-left: .5em;
    margin-bottom: 2em;
    padding-left: 15px;
    padding-top: 0;
    text-transform: none;
}

div.assortmentContainer
{
    height: 430px;
}

/* 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;
}

.downloaderLinks li
{
    list-style: none;
}

/* Suggest */
    form#searchForm div.autoSuggest {
        border: 1px solid #1A498F;
        border-top: 0;
        background-color: #ffffff;
        padding: 1px 1px 0px 1px;
        width: 196px;
        height: auto;
        margin-top: 0px;
        position: relative;
        z-index: 100;
        display: none;
    }
    
        form#searchForm div.autoSuggest a {
            min-height: 16px;
            color: #7d7d7d;
            margin-bottom: 3px;
            padding-left: 2px;
            overflow: hidden;
            display: block;
            font-size: 11px;
        }
        
        form#searchForm div.autoSuggest a em {
            color: #AF1F27;
            font-weight: bold;
            font-style: normal;
        }

.engraveContainer
{
    border: 1px dotted #000;
    color: #555;
    font-weight: bold;
}

/* photoGallery */

div.photoGallery {
    
}

    div.photoGallery a {
        float: left;
        margin-right: 12px;
        margin-bottom: 12px;
        width: 130px;
        height: 130px;
        border: 1px solid #EBEBEB;
    }
    
/* weblog */
div.weblogLeft {
    width: 498px;
    float: left;
    margin: 0 6px;
    overflow: hidden;
}
    div.weblogView {
        border-top: 1px solid #EBEBEB;
        border-right: 1px solid #EBEBEB;
        border-left: 1px solid #EBEBEB;
    }
    div.weblogDetail {
        padding: 12px;
        margin-bottom: 12px;
        border: 1px solid #EBEBEB;    
        overflow: hidden;
    }
        div.weblogItem {
            padding: 12px;
            border-bottom: 1px solid #EBEBEB;    
            overflow: hidden;
        }
            div.weblogItem div.icon, div.weblogDetail div.icon {
                width: 25px;
                height: 25px;
                float: right;
                margin-left: 10px;
            }
            div.weblogItem div.thumb {
                width: 105px;
                height: 105px;
                float: left;
                margin-right: 10px;
                overflow: hidden;
                position: relative;
            }
                span.thumbOverlay {
                    background-image: url("../images/poloroid_105x105.png");
                    background-repeat: no-repeat;
                    height: 105px;
                    left: 0;
                    position: absolute;
                    top: 0;
                    width: 105px;
                    z-index: 1000;
                }
            div.weblogDetail div.img {
                width: 225px;
                height: 225px;
                float: right;
                margin-left: 10px;
                overflow: hidden;
                position: relative;
            }

                span.imgOverlay {
                    background-image: url("../images/poloroid_125x125.png");
                    background-repeat: no-repeat;
                    height: 225px;
                    left: 0;
                    position: absolute;
                    top: 0;
                    width: 225px;
                    z-index: 1000;
                }
            div.weblogText {
                width: 355px;
                float: right;
            }
                div.download a {
                    background-image: url("../images/back_button_download.gif");
                    background-repeat: no-repeat;
                    color: #FFFFFF;
                    display: block;
                    font-family: 'Zurich BT', Verdana, Arial, Helvetica, sans-serif;
					letter-spacing: 0;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/client/difrax/images/hIEfix.png,sizingMethod=crop);zoom:1;
					letter-spacing: 0px;
                    font-size: 12px;
                    font-weight: bold;
                    height: 25px;
                    line-height: normal;
                    padding-top: 11px;
                    text-align: center;
                    text-decoration: none;
                    text-shadow: 1px 1px #0B305D;
                    text-transform: uppercase;
                    vertical-align: middle;
                    width: 152px;
                    float: right;
                }
    div.reactions {
        border: 1px solid #ebebeb;
        background-color: #ebebeb;
        padding: 12px 12px 0px 12px;
        margin-bottom: 12px;
    }
        div.reactionItem {
            border-top: 1px solid #ffffff;
            padding: 12px 0px;
        }
    div.submitReaction {
        border: 1px solid #ebebeb;
        padding: 12px;
    }
                
div.weblogRight {
    width: 243px;
    float: right;
    margin: 0 6px 12px;
    overflow: hidden;
}
    div.weblogFilter, div.weblogArchive, div.weblogRecent {
        border: 1px solid #EBEBEB;
        padding: 10px;
        margin-bottom: 12px;
    }
        div.weblogFilter select {
            width: 100%;
        }
        div.recentItem {
            overflow: hidden;
            margin-bottom: 10px;
        }
            div.recentItem div.icon {
                width: 25px;
                height: 25px;
                float: left;
                margin: 4px 10px 0px 0px;
            }
                div.recentText {
                    width: 185px;
                    float: right;
                }
        div.weblogArchive ul {
            margin: 0;
        }
            div.weblogArchive ul li {
                list-style: none outside none;
                margin-bottom: 10px;
            }
                div.weblogArchive ul li a {
                    background-color: #023F88;
                    color: #FFFFFF;
                    display: block;
                    line-height: 16px;
                    padding: 0 10px;
                    text-decoration: none;
                    text-transform: uppercase;
                    background-image: url(../images/weblog_arrow.png);
                    background-position: right 4px;
                    background-repeat: no-repeat;
                }
                div.weblogArchive ul li.active a {
                    color: #fdc82f;
                    font-weight: bold;
                    background-image: url(../images/weblog_arrow_active.png);
                }
                    div.weblogArchive ul li ul {
                        padding: 0;
                    }
                        div.weblogArchive ul li ul li {
                            margin: 0;
                        }
                            div.weblogArchive ul li ul li a, div.weblogArchive ul li.active ul li a {
                                display: inline;
                                background-color: #FFFFFF;
                                color: #023F88;
                                font-weight: normal;
                                padding: 0 10px;
                                text-decoration: none;
                                text-transform: none;
                                background-image: url(none);
                            }
                            div.weblogArchive ul li ul li.active a {
                                color: #023F88;
                                font-weight: bold;
                            }

div.weblogHome
{
    width: 630px;
	height: 310px;
    float: left;
    padding: 15px 0px 10px 0px;
	border: 1px #d7d7d7 solid;
	margin: 0 0 30px 0;
	position: relative;
}

	div.weblogHome .background
	{
		width: 306px;
		height: 9px;
		background-image: url(../images/bg_nieuwtjes.gif);
		background-repeat: no-repeat;
		position: absolute;
		right: 0px;
		top: -10px;
	}

	div.weblogHome h2,
	#twitter h2
	{
		font-family: "Myriad Pro Bold", Verdana, Arial;
		text-transform: uppercase;
		margin: 0 0 18px 9px;
		padding: 0;
		font-size: 20px;
	}

    div.weblogHome div.weblogView,
    div.weblogHome div.weblogItem
    {
        border: none;
    }

	div.weblogHome div.weblogItem {
		padding: 0px;
		margin-bottom: 0px;
		margin: 0px 10px 10px 10px;
		width: 286px;
		height: 71px;
		border: 1px solid #d7d7d7;
		display: block;
		float: left;
		padding: 1px 5px 1px 1px;
	}
	div.weblogHome div.weblogItem:hover {
		background-color: #58585a;
		cursor: pointer;
	}

	div.weblogHome div.weblogItem img {
		float:left;
		width: 65px;
        height: 65px;
		overflow: hidden;
        position: relative;
		margin: 3px;
		font-size: 0px;
	}

    div.weblogHome div.weblogText
    {
        float: right;
        width: 200px;
    }
		div.weblogHome div.weblogText div.title a,
		div.weblogHome div.weblogText h3.title a
		{
			text-transform: none;
			color: #58585a;
			height:34px;
			overflow:hidden;
			display:block;
		}
		
			div.weblogHome div.weblogText div.title a:hover,
			div.weblogHome div.weblogText h3.title a:hover,
			div.weblogHome div.weblogItem:hover div.weblogText div.title a,
			div.weblogHome div.weblogItem:hover div.weblogText h3.title a
			{
				color: #ffffff;
				text-decoration: none;
				font-weight: normal;
			}
		
		div.weblogHome div.weblogText div.date
		{
			color: #d7d7d7;
			font-size: 11px;
		}
		
		div.weblogHome div.weblogText h3.title
		{
			color:inherit;
			font-weight:inherit;
			font-family:inherit;
			font-size:inherit;
			line-height:inherit;
			padding:0px;
			text-transform:none;
			color:#58585A;
		}
		
		div.weblogHome div.weblogText a.reaction
			{
				color: #ffbd00;
				font-family: "Myriad Pro Regular", Verdana, Arial;
			}
			
		div.weblogHome div.weblogText a.reaction
			{
				color: #ffbd00;
				font-family: "Myriad Pro Regular", Verdana, Arial;
			}
			
		div.weblogHome div.weblogView  div.weblogItem a.more
			{
				float:right;
				color:#b4b4b4;
			}
			
		div.weblogHome div.weblogView .more a
			{
				color: #393939;
				font-family: "Myriad Pro Regular", Verdana, Arial;
				font-size: 14px;
				float: right;
				background-image: url(../images/arrow_dark_grey_small.gif);
				background-repeat: no-repeat;
				background-position: right 3px;
				padding-right: 10px;
				margin-right: 10px;
				text-transform: uppercase;
			}

    div.weblogHome div.icon
    {
        width: 25px;
        height: 25px;
        float: right;
        margin: 0px 0px 0px 10px;
    }
	
			div.weblogHome div.weblogItem div.thumb {
                width: 65px;
                height: 65px;
				overflow: hidden;
                position: relative;
				margin: 4px;
				font-size: 0px;
				background-image: url(../images/avatar_nieuws_homepage.jpg);
                float: left;
            }

			div.weblogHome div.weblogItem:hover div.thumb {
				background-image: url(../images/avatar_nieuws_homepage_hover.jpg);
            }
                div.recentText {
                    width: 185px;
                    float: right;
                }
        div.weblogArchive ul {
            margin: 0;
        }
            div.weblogArchive ul li {
                list-style: none outside none;
                margin-bottom: 10px;
            }
                div.weblogArchive ul li a {
                    background-color: #023F88;
                    color: #FFFFFF;
                    display: block;
                    line-height: 16px;
                    padding: 0 10px;
                    text-decoration: none;
                    text-transform: uppercase;
                    background-image: url(../images/weblog_arrow.png);
                    background-position: right 4px;
                    background-repeat: no-repeat;
                }
                div.weblogArchive ul li.active a {
                    color: #fdc82f;
                    font-weight: bold;
                    background-image: url(../images/weblog_arrow_active.png);
                }
                    div.weblogArchive ul li ul {
                        padding: 0;
                    }
                        div.weblogArchive ul li ul li {
                            margin: 0;
                        }
                            div.weblogArchive ul li ul li a, div.weblogArchive ul li.active ul li a {
                                display: inline;
                                background-color: #FFFFFF;
                                color: #023F88;
                                font-weight: normal;
                                padding: 0 10px;
                                text-decoration: none;
                                text-transform: none;
                                background-image: url(none);
                            }
                            div.weblogArchive ul li ul li.active a {
                                color: #023F88;
                                font-weight: bold;
                            }

/* Vacatures */

div.contentContainer div.rightContainer div.contentText.contextTextJobs {
    margin-top: .5em;
}

div.contentContainer div.rightContainer div.contentText.contextTextJobs dl
{
    margin: 0;
    clear: both;
}

div.contentContainer div.rightContainer div.contentText.contextTextJobs dt
{
    background-image: url(../images/arrow_submenu.gif);
    background-repeat: no-repeat;
    padding-left: 12px;
    background-position: left 8px;
    float: left;
    width: 70%;
}

div.contentContainer div.rightContainer div.contentText.contextTextJobs dt h2
{
    margin: 0;
    padding: 0;
    font-size: 13px;
}

div.contentContainer div.rightContainer div.contentText.contextTextJobs dd
{
    float: left;
    width: 25%;
}

/* Homepage Select */

.languageSwitch .select {
	position: absolute;
	width: 110px;
	height: 22px;
	padding: 0 24px 0 8px;
	font: 12px/21px arial,sans-serif;
	overflow: hidden;
	background-image:url(../images/select_field.gif);
	background-repeat: no-repeat;
}

.languageSwitch .select:hover {
	cursor: pointer;
}

.languageSwitch .cms_cm149__language_
{
    top: 29px;
	left:0px;
}

/* End Homepage Select */

/* Footer menu */

div.footer ul.menu{
	padding: 30px 20px 0px 20px;
	margin: 0;
	width: 920px;
	display: block;
	overflow: hidden;
	height: 236px;
}

	div.footer ul.menu li{
		list-style: none;
		padding: 0;
		margin: 0;
		float: left;
		display: block;
		width: 230px;
	}
	
		div.footer ul.menu li a{
			text-transform: uppercase;
			font-size: 16px;
			padding: 0;
			font-weight: bold;
			font-family: "Myriad Pro Bold", verdana, arial;
			text-shadow: 1px 1px #FFFFFF;
		}
	
		div.footer ul.menu li.firstChild{
			display: none;
		}
	
	div.footer ul.menu li ul{
		float: left;
		line-height: 20px;
	}
	
		div.footer ul.menu li ul li{
			float: left;
		}
		
			div.footer ul.menu li ul li a{
				text-transform: none;
				font-size: 11px;
				font-weight: normal;
				color: #8b98a9;
				font-family: Verdana, Arial, Helvetica, sans-serif;
			}

/* End Footer menu */

/* Legal */

.footer .legal{
	float: right;
	display: block;
	width: 845px;
	padding-top: 13px;
}

*:first-child+html .footer .legal img {
	margin-top:-15px;
}


.footer .legal a{
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 0 5px;
}

.footer .legal img{
	float: right;
	padding: 0 5px;
}
.footer .legal a img:hover {
	text-decoration:none;
}

.footer .legal img + span	{
	display:none
}

.footer .logoLegal{
	float: left;
}


/* End Legal */

/* Eyecatcher */

div.eyecatcherContainer{
	display: block;
	position: absolute;
	top: 295px;
	width: 960px;
	height: 239px;
	background-image: url(../images/bg_eyecatcher.png);
	background-position: top;
	background-repeat: no-repeat;
        z-index: 950;
}

	/* FAQ Home */
	
		div.faqHome{
			display: block;
			width: 246px;
			height: 145px;
			margin: 93px 0 0 0;
			padding: 0 30px;
			float: left;
		}
		
		div.faqHome.de h2, div.faqHome.nl h2	{
			font-size: 20px;
    		margin-top: 0;	
		}
		
		div.faqHome.gb h2	{
			font-size: 20px;
    		margin-top: -21px;	
		}
		
		div.faqHome.fr h2	{
			font-size: 20px;
    		margin-top: -18px;	
		}
		
		div.faqHome.es h2	{
			font-size: 15px;
    		margin-top: -30px;	
		}
		
		div.faqHome h2 {
			padding-bottom:3px;
			text-transform:uppercase;
			font-family:"Myriad Pro Semibold",Verdana,Arial,Helvetica,sans-serif;
		}

		div.faqHome ul{
			line-height: 20px;
		}
		
			div.faqHome ul li{
				list-style: none;
                                float: left;
			}
			
				div.faqHome ul li a{
					display: block;
					float: left;
					width: 103px;
					padding-left: 15px;
					padding-right: 5px;	
					background-image: url(../images/arrow_yellow_small.gif);
					background-repeat: no-repeat;
					background-position: left 5px;		
				}
	
	/* End FAQ Home */

/* End Eyecatcher */

/* Home actions */

	a.productAction{
	}

/* End Home actions */

/* Home twitter */

#twitter{
	display: block;
	float: right;
	width: 284px;
	height: 320px;
	border: 1px #d7d7d7 solid;
	padding: 15px 10px 0 10px;
	position: relative;
}

#twitter .background{
}

#twitter .socialmedia{
	float: right;
}

#twitter .twitterItem{
}

#twitter h2{
		float: left;
	}

	
	#twitter .twitterItem .tweet{
		background-image: url(../images/bg_tweet.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		float: left;
		width: 200px;
		padding-bottom: 8px;
		margin-bottom: 10px;
	}
	
		#twitter .twitterItem .tweet span.title{
			font-family: "Myriad Pro Regular", Verdana, Arial;
			color: #023f88;
			font-size: 14px;
		}
		
		#twitter .twitterItem .tweet span.text{
			color: #393939;
			font-size: 11px;
		}
		
		#twitter .twitterItem .tweet span.time{
			color: #393939;
			font-size: 10px;
			font-style: italic;
			margin: 3px 0 0 0;
			display: block;
		}
	
		#twitter .twitterItem .avatar{
			background-image: url(../images/avatar_twitter.jpg);
			background-repeat: no-repeat;
			background-position: left top;
			width: 79px;
			height: 73px;
			display: block;
			float: left;
			margin-right: 5px;
		}
		
		#twitter a.followUs{
			background-image: url("../images/arrow_dark_grey_small.gif");
			background-position: right 3px;
			background-repeat: no-repeat;
			color: #393939;
			font-family: "Myriad Pro Regular",Verdana,Arial;
			font-size: 14px;
			margin-right: 10px;
			padding-right: 10px;
			text-transform: uppercase;
			position: absolute;
			bottom: 10px;
			left: 10px;
		}

#twitter a.bird{
	width: 183px;
	height: 114px;
	display: block;
	background-image: url(../images/twitter_bird.png);
	position: absolute;
	right: -25px;
	bottom: -37px;
	text-decoration:none;
	}
	
#twitter .background{
    background-image: url(../images/bg_tweet_container.gif);
    background-repeat: no-repeat;
    height: 9px;
    position: absolute;
    right: -5px;
    top: -10px;
    width: 306px;
	}


/* End Home twitter */

/* Home gratis boek */


.freeBook{
	float: left;
	display: block;
	width: 257px;
	margin: 93px 0 0 22px;
	padding: 0 25px;
}

	.freeBook a.cover{
		float: left;
		width: 108px;
		height: 107px;
		padding: 0 6px 7px 0;
		background-image: url(../images/bg_cover_freebook.jpg);
		background-repeat: no-repeat;
		background-position: bottom right;
	}
	
	.freeBook a.cover img{
		width: 101px;
		height: 101px;
		display: block;
		border: 4px #FFFFFF solid;
	}
	
		.freeBook a.cover img:hover
		{
			border: 4px #ffc009 solid;
		}
	
	.freeBook .bookContent{
		float: right;
		display: block;
		width: 134px;
	}
	
		.freeBook .bookContent h2{
		    font-family: "Myriad Pro Semibold",Verdana,Arial,Helvetica,sans-serif;
			font-size: 20px;
			padding-bottom: 5px;
			text-transform: uppercase;
			display: block;
		}
		
		.freeBook .bookContent span.title{
		    font-family: "Myriad Pro Regular",Verdana,Arial,Helvetica,sans-serif;
			font-size: 16px;
			padding-bottom: 5px;
			color: #023F88;
			display: block;
		}
		
		.freeBook .bookContent a.download{
			font-family: "Myriad Pro Bold",Verdana,Arial,Helvetica,sans-serif;
			display: block;
			color: #ffc009;
			font-size: 17px;
			text-transform: uppercase;	
		}
		
		.freeBook .bookContent a.more{
			background-image: url(../images/arrow_yellow_small.gif);
			background-position: right 3px;
			background-repeat: no-repeat;
			padding-right: 15px;	
		}

/* End Home gratis boek */

/* Acties Home */

#actiesHome{
	overflow: hidden;
	padding-bottom: 40px;
}

	#actiesHome h2{
		font-family: "Myriad Pro Bold",Verdana,Arial;
		font-size: 20px;
		margin: 0 0 15px 0;
		padding: 0;
		text-transform: uppercase;
	}

	#actiesHome .infoItem{
		display: block;
		height: 98px;
		width: 274px;
		padding: 15px;
		border: 1px #d7d7d7 solid;
		margin: 0;
		position: relative;
		z-index: 500;
		cursor:pointer;
	}
	#actiesHome .infoItem.spacer	{ margin:0 21px;}
	
	#actiesHome .infoItem span.label{
		height: 58px;
		width: 57px;
		position: absolute;
		right: -2px;
		bottom: -4px;
		z-index: 1000;
		display: block;
	}

        #actiesHome .infoItem span.label,
        #actiesHome.gb .infoItem span.label
        {
                background-image: url(../images/action_label_normal_gb.png);
        }

        #actiesHome.nl .infoItem span.label
        {
                background-image: url(../images/action_label_normal_nl.png);
        }

        #actiesHome.de .infoItem span.label
        {
                background-image: url(../images/action_label_normal_de.png);
        }

        #actiesHome.fr .infoItem span.label
        {
                background-image: url(../images/action_label_normal_fr.png);
        }

        #actiesHome.es .infoItem span.label
        {
                background-image: url(../images/action_label_normal_es.png);
        }

		#actiesHome .infoItem:hover span.label,
                #actiesHome.gb .infoItem:hover span.label
                {
			background-image: url(../images/action_label_hover_gb.png);
		}

		#actiesHome.nl .infoItem:hover span.label
                {
			background-image: url(../images/action_label_hover_nl.png);
                }

		#actiesHome.de .infoItem:hover span.label
                {
			background-image: url(../images/action_label_hover_de.png);
		}

		#actiesHome.fr .infoItem:hover span.label
                {
			background-image: url(../images/action_label_hover_fr.png);
		}

		#actiesHome.es .infoItem:hover span.label
                {
			background-image: url(../images/action_label_hover_es.png);
		}
	
		#actiesHome .infoItem .shopInfo .title a{
			font-family: "Myriad Pro Semibold", Arial, Verdana;
			text-transform: uppercase;
			font-size: 17px;
			line-height: 20px;
			font-weight: normal;
			float: none;
		}
		
		#actiesHome .infoItem .shopInfo .price{
			font-family: "Myriad Pro Bold", Arial, Verdana;
			font-size: 26px;
			color: #ffc009;
			float: none;
		}
		
		#actiesHome .infoItem .shopInfo .more a{
			font-family: "Myriad Pro Regular", Arial, Verdana;
			font-size: 14px;
			color: #000000;
			background-image: url(../images/arrow_black_small.gif);
			background-position: right;
			background-repeat: no-repeat;
			padding: 0 10px 0 0;
		}
		
		#actiesHome .infoItem .shopInfo .more{
			background-image: none;
			padding: 0;
		}
		
		#actiesHome .infoItem img{
			padding: 0 20px 0 0;
		}

/* End Acties Home */


#siteContainer .eyecatcherContainer .contactSwitcher,
body#facebook .contactSwitcher
{
    position: relative;
    float: left;
    height: 195px;
    margin: 43px 0 0 0;
    padding: 0 22px;
    overflow: hidden;
    width: 281px;
}

#siteContainer .eyecatcherContainer .contactSwitcher .contacttitles,
body#facebook .contactSwitcher .contacttitles
{
    margin: 0 auto;
    position: absolute;
    top: 50px;
	display:block;
	width: 220px;
	height: 85px;
	text-align: center;
}

#siteContainer .eyecatcherContainer .contactSwitcher .contacttitles div,
body#facebook .contactSwitcher .contacttitles div
{
    color: #023F88;
    float: left;
    font-weight: normal;
    line-height: 21px;
}

#siteContainer .eyecatcherContainer .contactSwitcher .contacttitles h1,
body#facebook .contactSwitcher.contacttitles h1
{
    font-family: "Myriad Pro Semibold", Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	padding-bottom: 8px;
}


#siteContainer .eyecatcherContainer .contactSwitcher .contacttitles span.subTitle,
body#facebook .contactSwitcher .contacttitles span.subTitle
{
	font-size: 35px;
	color: #023f88;
    /*display:block;*/
}

#siteContainer .eyecatcherContainer .contactSwitcher.gb .contacttitles span.subTitle { font-size: 30px; margin-top:-10px; }

#siteContainer .eyecatcherContainer .contactSwitcher.de .contacttitles span.subTitle { font-size: 22px; margin-top:-10px; }

#siteContainer .eyecatcherContainer .contactSwitcher .contacttitles span.sub,
#body#facebook .contactSwitcher .contacttitles span.sub
{
	font-family: "Myriad Pro Regular", Verdana, Arial, Helvetica, sans-serif;
}

#siteContainer .eyecatcherContainer .contactSwitcher .contacttitles span.title,
body#facebook .contactSwitcher .contacttitles span.title
{
	font-family: "Myriad Pro Bold", Verdana, Arial, Helvetica, sans-serif;
    /*height: 300px;*/
	line-height: normal;
}

#siteContainer .eyecatcherContainer .contactSwitcher .tabContainer,
body#facebook .contactSwitcher .tabContainer
{
    position: relative;
    top: 130px;
    width: 305px;
	margin-left:-1px;
}

#siteContainer .eyecatcherContainer .contactSwitcher .tab,
body#facebook .contactSwitcher .tab
{
    cursor: pointer;
    position: absolute;
}

#siteContainer .eyecatcherContainer .contactSwitcher .tab .on,
body#facebook .contactSwitcher .tab .on
{
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: 1;
}

#siteContainer .eyecatcherContainer .contactSwitcher .tab span,
body#facebook .contactSwitcher .tab span
{
    position: absolute;
    z-index: 2;
}

#siteContainer .eyecatcherContainer .contactSwitcher .tab span a,
body#facebook .contactSwitcher .tab span a
{
    color: #FFF;
    display: block;
    margin-top: 35px;
    text-align: center;
    z-index: 2;
    font-family: "Myriad Pro Semibold", Verdana, Arial;
    font-size: 16px;
    text-shadow: 1px 1px #000000;
}

    #siteContainer .eyecatcherContainer .contactSwitcher .tab span a:hover,
	body#facebook .contactSwitcher .tab span a:hover
    {
            text-decoration: none;
    }

    #siteContainer .eyecatcherContainer .contactSwitcher .tab.tab3 span a,
	body#facebook .contactSwitcher .tab.tab3 span a
    {
            text-align: left;
            margin-left: 12px;
    }

#siteContainer .eyecatcherContainer .contactSwitcher .tab span img,
body#facebook .contactSwitcher .tab span img
{
    display: none;
}

#siteContainer .eyecatcherContainer .contactSwitcher .tab,
#siteContainer .eyecatcherContainer .contactSwitcher .tab .on,
#siteContainer .eyecatcherContainer .contactSwitcher .tabContainer,
body#facebook .contactSwitcher .tab,
body#facebook .contactSwitcher .tab .on,
body#facebook .contactSwitcher .tabContainer
{
    height: 78px;
}

#siteContainer .eyecatcherContainer .contactSwitcher .tab.tab1,
#siteContainer .eyecatcherContainer .contactSwitcher .tab.tab1 span,
#siteContainer .eyecatcherContainer .contactSwitcher .tab.tab1 .on,
#siteContainer .eyecatcherContainer .contactSwitcher .tab.tab2,
#siteContainer .eyecatcherContainer .contactSwitcher .tab.tab2 span,
#siteContainer .eyecatcherContainer .contactSwitcher .tab.tab2 .on,
body#facebook .contactSwitcher .tab.tab1,
body#facebook .contactSwitcher .tab.tab1 span,
body#facebook .contactSwitcher .tab.tab1 .on,
body#facebook .contactSwitcher .tab.tab2,
body#facebook .contactSwitcher .tab.tab2 span,
body#facebook .contactSwitcher .tab.tab2 .on
{
    width: 70px;
}

#siteContainer .eyecatcherContainer .contactSwitcher .tab.tab3,
#siteContainer .eyecatcherContainer .contactSwitcher .tab.tab3 span,
#siteContainer .eyecatcherContainer .contactSwitcher .tab.tab3 .on,
body#facebook .contactSwitcher .tab.tab3,
body#facebook .contactSwitcher .tab.tab3 span,
body#facebook .contactSwitcher .tab.tab3 .on
{
    width: 158px;
}

#siteContainer .eyecatcherContainer .contactSwitcher .tab.tab1,
body#facebook .contactSwitcher .tab.tab1
{
    background: url(../images/contactswitch_tab1_off.png);
    left: 0px;
}

#siteContainer .eyecatcherContainer .contactSwitcher .tab.tab1 .on,
body#facebook .contactSwitcher .tab.tab1 .on
{
    background: url(../images/contactswitch_tab1_on.png);
}

#siteContainer .eyecatcherContainer .contactSwitcher .tab.tab2,
body#facebook .contactSwitcher .tab.tab2
{
    background: url(../images/contactswitch_tab2_off.png);
    left: 73px;
}

#siteContainer .eyecatcherContainer .contactSwitcher .tab.tab2 .on,
body#facebook .contactSwitcher .tab.tab2 .on
{
    background: url(../images/contactswitch_tab2_on.png);
}

#siteContainer .eyecatcherContainer .contactSwitcher .tab.tab3,
body#facebook .contactSwitcher .tab.tab3
{
    background: url(../images/contactswitch_tab3_off.png);
    left: 146px;
}

#siteContainer .eyecatcherContainer .contactSwitcher .tab.tab3 .on,
body#facebook .contactSwitcher .tab.tab3 .on
{
    background: url(../images/contactswitch_tab3_on.png);
}

#siteContainer .eyecatcherContainer .contactSwitcher .contactphoto,
body#facebook .contactSwitcher .contactphoto
{
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 2;
}

#homeSlider
{
    z-index: 1000;
}

#homeSlider .main_view
{
    float: left;
    position: relative;
}

#homeSlider .window
{
    height: 229px;
    overflow: hidden;
    position: relative;
    width: 948px;
}

.ieCorners	{ display:none; }

.ieCorners {

}

.ieCorners .left,
.ieCorners .right	{
	position:absolute;
}

.ieCorners .left {
	left:0px;
	top:198px;
	width:189px;
	height:37px;
	z-index:1500;
	background:url(/client/difrax/images/ie_bg_headerCorners.gif) 0px -51px;
}

.ieCorners .right {
	right: 0px;
	width:234px;
	height:51px;
	top:184px;
	z-index:1500;
	background:url(/client/difrax/images/ie_bg_headerCorners.gif) 0 0;
}

#homeSlider .overlay	{
	position:absolute;
	bottom:-2px;
	left:0px;
	width:948px;
	height:90px;
	z-index:950;
	background:url(../images/header_overlay.png) no-repeat 0 0;
}

#homeSlider .image_reel
{
    left: 0;
    position: absolute;
    top: 0;
}

#homeSlider .image_reel div
{
    position:relative;
	float:left;
}

#homeSlider .image_reel div a.main
{
    position:absolute;
	z-index:1000;
	top:0px;
	left:0px;
	width:948px;
	height:162px;
	display:block;
}

#homeSlider .image_reel div.roundedLink
{
        left: 0px;
        position: absolute;
        top: 162px;
        z-index: 1000;
}

    #homeSlider .image_reel div.roundedLink a
    {
        display: block;
        text-decoration: none;
    }
	#homeSlider .image_reel div.roundedLink a:hover	{
		text-decoration:none;
	}

    #homeSlider .image_reel div.roundedLink a.main
    {
        display: none;
    }

    #homeSlider .image_reel div.roundedLink a.level1
    {
        height: 10px;
        margin-left: 24px;
        width: 833px;
    }

    #homeSlider .image_reel div.roundedLink a.level2
    {
        height:10px;
        margin-left:75px;
        width:746px;
    }

    #homeSlider .image_reel div.roundedLink a.level3
    {
        height:10px;
        margin-left:132px;
        width:618px;
    }

    #homeSlider .image_reel div.roundedLink a.level4
    {
        height:10px;
        margin-left:191px;
        width:480px;
    }

    #homeSlider .image_reel div.roundedLink a.level5
    {
        height:10px;
        margin-left:285px;
        width:310px;
    }

#homeSlider .image_reel img
{
    float: left;
}

#homeSlider .paging
{
    bottom: 17px;
    display: none;
    height: 25px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    z-index: 1000;
}

#homeSlider .paging a
{
    background: url(/client/difrax/images/header_indicator.png) no-repeat 0 -24px;
    border-radius: 12px;
    color: #fff;
    display: block;
    float: left;
    height: 24px;
    line-height: 12px;
    margin: 0 1px;
    text-decoration: none;
    width: 24px;
}

#homeSlider .paging a.active
{
    background: url(/client/difrax/images/header_indicator.png) no-repeat 0 0;
}

#homeSlider .paging a .tooltip
{
    background: #FFC61C;
    bottom: 35px;
    color: #58585a;
    display: none;
    font-size: 14px;
    font-family: 'Zurich BT', Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/client/difrax/images/hIEfix.png,sizingMethod=crop);zoom:1;
	letter-spacing: 0px;
    padding: 10px;
    position: absolute;

    -moz-text-shadow: #fee8a8 20px -12px 2px;
    -webkit-text-shadow: #fee8a8 20px -12px 2px;
    -0-text-shadow: #fee8a8 20px -12px 2px;
    text-shadow: #fee8a8 0px 1px 0px;
}

.easyTooltip
{
    background-color: #FFC61C;
    border:1px solid #FFC61C;
    left: -9999px;
    padding: 5px;
    position: absolute;
    z-index: 2000;
	display:none;
}

.easyTooltip p
{

    background: none repeat scroll 0 0 #FFC61C;
    bottom: 35px;
    color: #58585A;
    font-family: 'Zurich BT', Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/client/difrax/images/hIEfix.png,sizingMethod=crop);zoom:1;
	letter-spacing: 0px;
    font-size: 14px;
    margin: 0;
    padding: 2px 7px;
    text-shadow: 0 1px 0 #FEE8A8;
}

.easyTooltip .tooltipArrow
{
    bottom: -6px;
    position: absolute;
}
