@CHARSET "UTF-8";

/*
 De css is opgebouwd per view. MAIN is main.php, etc.
*/

/**********************
	BODY
**********************/
body {
	background: #ffffff url( '/site/snf/img/shop/bg.jpg' ) top no-repeat; 
	font-size: 10px;
	font-family: Verdana, Tahoma, Helvetica, Arial;
}	
	a {
		color: #0072B9;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}

/**********************
	HEADER
**********************/
.header {		
	height: 141px;
	background: transparent;
	overflow: hidden;
}

	.header #logo { 
		width: 441px;
        height: 88px;
		background: url(/site/snf/img/shop/logo.png) no-repeat;
		text-indent: -500em;
		cursor: pointer;
		display: block;
        float: left;
        position: relative;
        behavior: url(/js/iepngfix.htc);
	}
	
    .dashboard {
        float: right;
        margin-top: 16px;
    }
        
        .dashboard .toprow {
            float: right;
        }
        
            .dashboard .toprow #callbtn {
                float: left;
            }
            .dashboard .toprow #cart {
                float: left;
                margin-left: 10px;
            }
            .dashboard .toprow #cart div {
                background-image: url(../img/shop/shoppingcart_slices.gif);
                background-repeat: no-repeat;
                height: 31px;
                float: left;
            }
            .dashboard .toprow #cart .cartopen {
                background-position:0 0px;
                background-repeat:no-repeat;
                width: 25px;
                float: left;
            }
            .dashboard .toprow #cart .cartcontent {
                background-position: 0 -31px;
                background-repeat: repeat-x;
                line-height: 29px;
                color: #fff;
                font-size: 9px;
                float: left;
            }
            .dashboard .toprow #cart .cartcontent strong {
                font-size: 11px;
            }
            .dashboard .toprow #cart .cartclose {
                background-position:0 -62px;
                background-repeat:no-repeat;
                width: 25px;
                float: left;
            }
        
    #info {
        margin-top: 4px;
        float: right;
        margin-right: 10px;
        }	
    #info #customer {
        float: right;
        margin-bottom: 10px;
        }
    #info #customer a {	
        color: #0072ba;
        font-size: 11px;
        background-repeat: no-repeat;
        text-decoration: none;
    }
    #info #customer a:hover {
        color: #fff;
    }


        
    #topmenu2 #searchBox {
        margin-top: 3px;
        float: right;
    }
    #topmenu2 #searchBox .searchtxt {
        float: left;
        
        border: 1px solid #fff;
        height: 15px;
        width: 180px;

        overflow: hidden;
        color: #0072ba;
        font-weight:bold;
        font-size:11px;
        
        padding: 2px;
        margin: 0;
    }
    #topmenu2 #searchBox #searchButton {
        float: left;	
        background-color: black;
        padding: 0;
        margin: 0;
    }

    .header #customer { 
    }
    .header #customer img {
        vertical-align: middle;
        }
    .header #customer .loginstatus {
        color: #8f8f8f;
        margin-right: 5px;
        } 
    .header #customer .separator {
        color: #8f8f8f;
        margin: 0 5px;
        }

			
    .header .menu2 {
		overflow: hidden;
    }
    
        .header .menu2 ul {
            height: 27px;
            list-style: none;
            float: left;
            position: relative;
            border-right: solid 1px #4a4a4a;
        }
        
        .header .menu2 li {
            height: 27px;
            float: left;
            position: relative;
            text-transform: uppercase;
            margin: 0;
            padding: 0;
        }
        
        .header .menu2 a {
            color: white;
            font-family: Helvetica, Arial;
            font-size: 12px;
            font-weight: bold;
            text-decoration: none;
            display: block;
            float: left;
            position: relative;
            border-left: solid 1px #4a4a4a;
            padding: 0 15px;
            line-height: 27px;
            margin: 0;
            outline: none;
        }
        
        .header .menu2 .selected2 a, .header .menu2 a.menu_hover {
            background-color: #0072ba;
        }
              
	.header .menu {
		margin-top: 2px;
		height: 23px;
		width: 940px; /* grid 16 van 16 */
		overflow: hidden;
	}
		.header .menu .item {
			float: left;
			background: url( '/site/snf/img/shop/btn-menu-sprite.gif' ) top left no-repeat;
			top: 0;
			height: 23px;
		}
		.header .menu .selected, 
		.header .menu .hover {
			background: url( '/site/snf/img/shop/btn-menu-sprite-selected.gif' ) top left no-repeat;
		}
		.header .menu .item a {
			display: block;
			height: 23px;
		}
		
.header .menu #btn-menu-tvaudiovideo {
    background-position: -229px 0px;
    width: 104px;
}
.header .menu #btn-menu-foto {
    background-position: -459px 0px;
    width: 153px;
}
.header .menu #btn-menu-computer {
    background-position: -334px 0px;
    width: 124px;
}
.header .menu #btn-menu-huishoudelijk {
    background-position: -71px 0px;
    width: 157px;
}
.header .menu #btn-menu-keuken {
    background-position: -613px 0px;
    width: 111px;
}
.header .menu #btn-menu-verzorging {
    background-position: -725px 0px;
    width: 150px;
}
.header .menu #btn-menu-overige {
    background-position: -876px 0px;
    width: 64px;
    margin-right: 0px;
}

/*********************************************************
  UITKLAPBARE TABS
 *********************************************************/

.megamenu
{
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    border: none;
    z-index: 100;
    width: 940px;
    margin: 0;
    padding: 0;
    height: 26px;
}

.megamenu  ul
{
    width: 940px;
    margin: 0;
    padding: 0;
    height: 26px;
    color: white;
    list-style-type: none;
    position: relative;
    float: left;
}

.megamenu  ul li
{
    margin: 0;
    padding: 0 8px;
    height: 26px;
    line-height: 26px;
    color: white;
    position: relative;
    float: left;
    border-right: solid 2px white;
    list-style-position: outside;
}

.megamenu  ul li.last
{
    border-right: none;
}

.megamenu  ul li a
{
    font: normal 12px Arial,Helvetica;
    font-weight: bold;
    text-decoration: none;
    color: white;
    text-transform: uppercase;
}

.megamenu  ul li a:hover, .megamenu  ul li a.megamenu_selected
{
    color: #f2e30f;
}

.menuarrow
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 110;
}


/**********************
	MAIN
**********************/
.mainarea {
	overflow: hidden;
	padding-bottom: 10px;	
	padding-top: 10px;
	min-height:280px;
	border-left: 1px solid white;
	border-right: 1px solid white;	
}

/**********************
	HOMEPAGE
**********************/
#mainpage .home_1 {
	background: url( '/site/snf/img/shop/home-bg.jpg' ) top left no-repeat;
	height: 309px;
	}
#mainpage .item {
	margin-bottom: 10px;
	}
#mainpage .item a {
	font-weight: bold;
	}
#mainpage .home_1 .item {
	margin-top: 10px;
	margin-bottom: 0;
	}
#mainpage .item .more {
	color: #9b1984;
	}
#mainpage .item .head {
	height: 22px;
	background: url( '/site/snf/img/shop/item-top.png' ) top left no-repeat;
	text-align: center;
	padding-top: 3px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	}
#mainpage .item .head a {
	color: #fff;
	text-decoration: none;
	}	
#mainpage .item .picture {
	border-left: 1px solid #0072B9;
	border-right: 1px solid #0072B9;
	height: 165px;
	background: url( '/site/snf/img/shop/item-bg.png' ) top left repeat-x;
	text-align: center;
	}
#mainpage .item .info {
	height: 82px;
	padding: 0 10px;
	padding-top: 5px;
	background: url( '/site/snf/img/shop/item-bottom.png' ) bottom left no-repeat;
	}
#mainpage .item .info ul li {
	list-style: none;
	margin-left: 0;
	}	
#mainpage .aanbiedingen {
	background: url( '/site/snf/img/shop/aanbiedingen.png' ) top left no-repeat;
	height: 260px;
	margin-bottom: 10px;
	padding-top: 63px;
	color: #fff;
	}
#mainpage .aanbiedingen h3 {
	display: none;
	}

#mainpage .aanbiedingen .aanbieding .productimage {
	background-color: #fff;
	text-align: center;
	width: 161px;
	height: 154px;
	margin-top: 35px;
	}
#mainpage .aanbiedingen .aanbieding strong {
	margin-bottom: 0px;
	}
#mainpage .aanbiedingen .aanbieding strong a {	
	font-size: 12px;
	}
#mainpage .aanbiedingen .aanbieding strong a:hover {
	text-decoration: underline;
	}	
#mainpage .aanbiedingen .aanbieding a {
	color: #000;
	font-size: 9px;
	line-height:13px;
	text-decoration: none;
	}
	
#mainpage .aanbiedingen .prices {
	position: absolute;
	top: 165px;	
	}
#mainpage .aanbiedingen .prices a {
	color: #fff;
	}

#mainpage .aanbiedingen .prices .old {
	font-weight: bold;
	text-decoration: line-through;
	margin-top: 20px; 
	color: #000;
	}
#mainpage .aanbiedingen .prices .new {
	background: url( '/site/snf/img/shop/btn-aanbiedingprijs.png' ) no-repeat;
	height: 29px;
	width: 110px;
	overflow: hidden;
	line-height: 29px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
	}
#mainpage .aanbiedingen .prices .new a,
#mainpage .aanbiedingen .prices .new a:hover {
	display: block;
	height: 29px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 5px;
	text-decoration: none;
	}	
#mainpage .nieuw .item,
#mainpage .populair .item {
	height: 88px;
	}
#mainpage .nieuw .item .separator,
#mainpage .populair .item .separator {
	padding-top: 20px;
	margin-left: 15px;
	}
#mainpage .nieuw h3,
#mainpage .populair h3 {
		margin: 10px 0 25px 0;
		color: #757575;
		font-size: 13px;
		text-transform: uppercase;
		font-weight: bold;
	}
#mainpage .nieuw .cat,	
#mainpage .populair .cat {
		clear: both;
	} 	
#mainpage .nieuw .cat a,
#mainpage .populair .cat a {
	color: #757575;
	font-size: 9px;
	font-weight: normal;
	margin-left: 15px;
	text-decoration: underline;
	}
#mainpage .nieuw .item .name,
#mainpage .populair .item .name {
	color: #000;
	float: left;
	width: 145px;
	background: url( '/site/snf/img/shop/bullet-black.gif' ) center left no-repeat;
	padding-left: 15px; 
	line-height: 12px;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	}
	
#mainpage .nieuw .item .name a,
#mainpage .populair .item .name a {
	color: #000;
}	
	
#mainpage .nieuw .item .price,
#mainpage .populair .item .price {
	float: left;
	text-align: right;
	width: 60px;
	line-height: 12px;
	font-size: 12px;
	font-weight: bold;
	color: #961480;
	clear: right;
	}

.uppercase {
	text-transform: uppercase;
	}

/**********************
	FOOTER
**********************/
.footer {
	border-top: 1px solid #c7c7c7;
	border-bottom: 2px solid #555;
	background:white;
	height: 79px;
	color: #d9d9d9;
	padding: 10px 0 10px 0;
}
	.footer a {
		color: #000;
	}
	.footer h2 {
		font-size: 12px;
		line-height: 12px;
		margin-bottom: 6px;
		font-weight: bold;
		margin-left: 0;
		color: #0072B9;
	}
		.footer h2 a {
			color: #0075BA;
		}	
	.footer ul {
		list-style-type:none;
		margin:0px;
		padding:0px;
		margin-left:0px;
	}	
	.footer .lastline {
		top: 15px;
	}	
	.footer li {
		background:url('/site/snf/img/shop/bullet.gif') no-repeat 0px 5px;
		list-style-position:outside;
		line-height: 15px;
		padding-left:14px;
		margin:0px;
		margin-left:0px;
	}
	.footer li a {
		display:block;
		width:auto;
	}
	/* Holly Hack for IE6 \*/
	* html .footer ul li { height: 1%; }
	* html .footer ul li a { height: 1%; }
	/* End */
	


/**********************
	FOOTER_SUB
**********************/
.below_footer .paymentmethods {
	float:right;
	padding-top: 10px;
	margin-bottom: 10px;
}
.below_footer .paymentmethods .method {
	float: left;
	padding-left: 10px;
	display: block;
}

/**********************
	TRAIL
**********************/

.path_parent {
    width: 520px;
    overflow: hidden;
}

#path_inner {
    float: left;
}

#path {
	margin: 1px 0 6px 0;
    position: relative;
    float: left;
    width: 2000px;
}
    #path .home,
    #path span {
        display: block;
        position: relative;
        float: left;
     }
     
    #path .home,
    #path span,
    #path a {
        height: 21px;
        line-height:21px;
    }
    
	#path .home {
		background: url( '/site/snf/img/shop/path-home.gif' ) no-repeat;
	}
        #path .home,
		#path .home a {
			width: 21px;
		}
        
    
	#path .next {
		background: url( '/site/snf/img/shop/path-next.gif' ) no-repeat 8px 0;
		width: 22px;
	}
	#path .category {
		padding: 0;
		white-space: nowrap;
        overflow: hidden;
	}
    
	#path a {
		color: #000;
	}
    
/**********************
		MENU
**********************/


#catmenu-header {
	width: 100%;	
	margin-bottom: 8px;
}
	#catmenu-header img {
		width: 160px;
		display: block;
	}	
	#catmenu-header div.title {
		color: #fff;
		background: #0072B9;
		text-transform: uppercase;
		font-size: 12px;
		line-height: 20px;
		padding-left: 10px;
		font-weight: bold;
	}I

#catmenu {
	font-weight:normal;	
}
	#catmenu a { 
		color: #000; 
	}
	#catmenu .last {
		border-bottom: 1px solid #0072B9 !important;
	}
	#catmenu .item {
		border: 1px solid #0072B9;
		border-bottom: 0px;
		min-height: 20px;
		/*overflow: hidden;*/
		margin: 0;
		line-height: 16px;
		padding-left: 10px;			
		font-weight: bold;	
	}
	#catmenu .selected a {
		color: #0072B9 !important;
	}
	#catmenu div {
		}
		#catmenu div.open {
		}
		#catmenu div.selected {
		}
			#catmenu div.open a,
			#catmenu div.selected a {
				color: #0072B9;
			}
		#catmenu div.leaf {						
		}
			#catmenu div.leaf a {
				color: #000;
			}
		
	#catmenu ul {
		border: 1px solid #0072B9;
		color: #000;
		border-bottom: 0px;
		margin: 0;
		display: none;
	}
		#catmenu ul.open {
			display: block;
			padding-top: 10px;
			padding-left: 8px;
		}
			#catmenu ul.open li ul.open {
				padding: 0;	
			}
		#catmenu ul .selected {
			background: none;	
		}
		#catmenu ul.last {
			border-top: none;
		}
		#catmenu ul .leaf {
			background-image: none;
			font-weight: normal;
		}
			#catmenu ul .leaf a {
				color: #000;/*#0072B9;		*/
			}
		#catmenu ul li {
			list-style: none outside url( '/site/snf/img/shop/arrow-black.gif' );	
			padding-bottom: 10px;
		}
			#catmenu ul li.open {
				list-style: none outside url( '/site/snf/img/shop/arrow-black-down.gif' );	
			}
			#catmenu ul li ul {
				border: 0;	
			}
				#catmenu ul li ul li {
					padding-bottom: 0;
				}
				#catmenu ul li ul li,
				#catmenu ul li ul .selected,
				#catmenu ul li ul li.leaf {
					list-style: disc;
					list-style-image: none;
					font-weight:normal;
				}
#catmenu li.leaf.selected {
	color: #000;
	font-weight: bold;
}
#catmenu .selected a.level_1,
#catmenu .selected a.level_2 {
	color: #000 !important;
	font-weight:bold;
}

/**********************
	CONTENT + CATEGORY
**********************/
#content {
	padding-bottom: 10px;
}
.content .item div  {
	line-height: 19px;
	font-size:11px;
}
.content .item h2 {
	font-size:17px;
	line-height:19px;
}
.title h1 {
	text-transform: uppercase;
	display:inline;
	font-size:15px;
	line-height:43px;
}
h2 {
	font-size: 15px;
	line-height: 19px;
	margin-bottom:3px;
	font-weight: bold;
}
.title img {
	vertical-align: top;
	margin-right: 10px;	
}
.top {
	height: 6px;
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0;
}
.content {
	padding: 10px;
}

.content table {
	margin-bottom: 0;
}
.bottom {
	height: 5px;
}

/**********************
	CATEGORY
**********************/
#category .content .item .productimg {
	width: 148px;
	height: 148px;
	overflow: hidden;
	z-index: 1;
	background-color: white !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}
#category .content .item .productimg img {
	width: 148px;
	height: 148px;
	z-index: 2;
}
#category .small {
	margin-top: 0px;		
}
	#category h3 {
		margin-top: 15px;	
		font-weight: bold;
	}
		#category h3 a {
			color: #000;
			text-transform: uppercase;
			font-size: 16px;	
		}
	#category .small h3 {
		margin-bottom: 0;	
		margin-top: 5px;	
	}
		#category .small .item h3 a {
			text-decoration: none;
			font-size: 11px;
			margin: 0;
		}
#category .item .meer {
	margin-top: 10px;	
}
#category .small .item .meer {
	margin-top: 5px;	
}
#category .catlink a,
#category .small .item  a {
	text-decoration: underline;	
}
#category .catlink {
	margin-bottom: 0;
}
#category .catlink .raquo {
	color: #0072B9;
	font-weight: bold;
}
#category  a.raquo {
	text-decoration: none;
}
#category  a.raquo:hover {
	text-decoration: none;
}

#category .small .item .productimg {
	width: 135px;
	height: 60px;
	background-color: white !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}
#category .small .item p {
	margin: 0;
	line-height: 12px;
}
#category .small .odd  {
	background: url( '/site/snf/img/shop/border-dashed.gif' ) right repeat-y;
    clear: both;
}
#category .small .item {
    float: left;
}
    
/**********************
	PRODUCT
**********************/

#product .back {
    float: left;
    position: relative;
}

#product .nav {
    float: right;
    position: relative;
	color: #0072B9;
	text-align: right;
}
#product h2 {
	color: #0072B9;
	margin: 25px 0 16px 0;
	font-size: 24px;
}
#product .morgeninhuistnt {
	margin-top: -10px;
	margin-bottom: 25px;
	height: 20px; 
	color: #000000;
	font-size: 12px;
}
	#product .morgeninhuistnt strong {
		font-weight: bold;
		color: #FF6600;	
	}
	#product .morgeninhuistnt img {
		vertical-align: baseline;
	}

#product h2 .brand {
	font-size: 20px;	
}
#product .details {
	color: #0072B9;
    margin-top: 10px;
}
	#product .details .productimg {
		overflow: hidden; 
		text-align: center;
		border: 1px solid #0072B9;
		width: 198px;
		height: 198px;
	}
		#product .details .productimg div {
			overflow: hidden; 
			text-align: center;
			width: 198px;
			height: 198px;
		}
		#product .details .productimg img {
			padding: 0px;
			margin: 0px;
		}						
				
	#product .details .specificaties  {
		overflow: hidden;
		white-space: nowrap;
	}
		#product .details .specificaties ul {
		}
		#product .details .specificaties ul li {
			list-style: none outside url('/site/snf/img/shop/bullet-black.gif');
		}
	#product .details .price .old {
		text-decoration: line-through;
	}
	#product .details .price .new {
		color: #0072B9;
		font-weight: bold;
		font-size: 24px;
		line-height: 24px;
		white-space:nowrap;
		letter-spacing:-1px;
	}
	#product .details .price, 
	#product .details .bestellen {
		padding-top: 20px;
	}
#product .details .beschikbaarheid {
    font-weight: bold;
	color: #0072B9;
}	


#product .filiaal_stock {
	border: 1px solid #0072B9;
	padding: 10px;
	margin-top: 15px;
}
	#product .filiaal_stock h3 {	
		font-weight: bold;
		color: black;
	}
	#product .filiaal_stock .uitleg_boven {			
		color: gray;
		margin-bottom: 10px;
	}
	#product .filiaal_stock .uitleg_postcode {			
		color: gray;
		margin-top: 10px;
	}	
	#product .filiaal_stock .uitleg_onder {			
		color: gray;
		margin-top: 10px;
		text-align: right;
	}
	#product .filiaal_stock .naam {
		float: left; clear: none;
		width: 320px;
	}
	#product .filiaal_stock .telefoon {
		float: left; clear: none;
		width: 80px;
	}
	#product .filiaal_stock .reserveren_link {
		float: left; clear: none;
		width: 95px;
		text-align: right;
	}	


/********************************
   BOX PRODUCTVERGELIJKING RECHTS 
********************************/

#productvergelijk_rechts {	
	width: 200px;
	position: relative;
	margin-bottom: 35px;
    display: none;
    padding: 10px;
}
	.productvergelijk_rechts h2 {
		font-size: 10px;
		padding: 2px 0 0 0;
        color: black;
        margin: 0;
	}
    
    .productvergelijk_rechts ul {
        list-style-position:outside;
        margin: 7px 0 11px;
    }
    
    .productvergelijk_rechts  .vglbtn {
        background-color: #f8f8f8;
        color: #757575;
        display: block;
        padding: 1px 5px;
        border: 1px solid #0072B9;
        cursor: pointer;
        float: left;
    }

    .productvergelijk_rechts  .vglbtn .aantal {
        font-weight: bold;
    }

/********************************
   BOX COMBIDEAL 
********************************/

.combideal {
	background: url( '/site/snf/img/shop/bg-combideal-top.gif' ) top right no-repeat;
	min-height: 119px;
	width: 220px;
	text-align: center;	
	float: right;
	cursor: pointer;
	position: relative;
	margin-bottom: 15px;
}
	.combideal .combiplus {
		background: url('/site/snf/img/shop/combi-plus.gif') no-repeat;
		width: 54px;
		height: 59px;
		position: absolute;
		left: 1px;
		top: 80px;
		cursor: pointer;
	}
	.combideal .productimg {
		width: 133px;
		height: 133px;
		border: 1px solid #1363B3;
		margin: 28px 33px 0 47px;	
	}
	.combideal .name {
        margin-top: 5px;
		color: #000;
		background-color: #70A1E6;
		width: 200px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.combideal .rest {
		background-color: #70A1E6;
		height: 74px;
	}
		.combideal .price {
			color: #000;
			font-weight: bold;
			padding-top: 5px;
			padding-bottom: 5px;					
			font-size: 14px;
		}
		
		.combideal .rest .voorheen {
			color: #000;
			font-weight: normal;
			padding-top: 0;
			font-size: 9px;
		}
		
		.combideal .rest .voorheen span {
			text-decoration: line-through;
		}	

/********************************
   BOX AANRADER
********************************/

.aanbieding {
	background: url( '/site/snf/img/shop/bg-aanrader-top.gif' ) top right no-repeat;
	min-height: 119px;
	width: 220px;
	text-align: center;	
	float: right;
	cursor: pointer;
	position: relative;
	margin-bottom: 15px;
}
	.aanbieding .productimg {
		width: 133px;
		height: 133px;
		border: 1px solid #1363B3;
		margin: 28px 33px 0 47px;	
	}
    
	.aanbieding .name {
        margin-top: 5px;
		color: #000;
		background-color: #70A1E6;
		width: 200px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.aanbieding .rest {
		background-color: #70A1E6;
		height: 78px;
	}
		.aanbieding .price {
			color: #000;
			font-weight: bold;
			padding-top: 5px;
			padding-bottom: 5px;					
			font-size: 14px;		
		}
		
		.aanbieding .rest .verwacht {
			color: #000;
			font-weight: normal;
			padding-bottom: 4px;
			font-size: 10px;			
		}
		
		.aanbieding .rest .btn {
			float: left;
			margin-left: 10px;
		}
		
		.aanbieding #vergelijk {
			cursor: pointer;
		}
				
				
	
	
#product .details .images {
	height: 55px;
	width: 225px;
	border: 0;
    position: relative;
    margin-bottom: 4px;
}

#product .details .images .images_left,
#product .details .images .images_middle,
#product .details .images .images_right {
    position: absolute;
    top: 0;
}
#product .details .images .images_left,
#product .details .images .right {
    width: 14px;
    height: 55px;
}

#product .details .images .images_left {
    left: 0;
}
#product .details .images .images_middle {
    left: 14px;
    width: 197px;
    border-top: 1px solid #039fe1;
    border-bottom: 1px solid #039fe1;
    overflow: hidden;
    white-space: nowrap;
    height: 53px;
    text-align: left;
}
#product .details .images .images_middle ul {
    height: 53px;
    padding: 0;
    margin: 0;
    float: left;
    position: relative;
    white-space: nowrap;
    text-align: left;
}
#product .details .images .images_middle li {
    margin: 3px 0 0 14px;
    _margin: 3px 0 0 10px;  /* hack for internet explorer 6*/
    padding: 0;
    border: 2px solid #fff;
    float: left;
    list-style: none;
    cursor: pointer;
    white-space: nowrap;
    text-align: left;
}
#product .details .images .images_middle li div {
    border: 1px solid #039fe1;
    width: 40px;
    height: 40px;
    float: left;
    text-align: center;
}
#product .details .images .images_middle li.images_mouseover {
    border: 2px solid #0072B9;
}

#product .details .images .images_middle li.images_mouseover div {
    border: 1px solid #0072B9;
}
#product .details .images .images_right {
    left: 210px;
}
#product .details .images .images_nav_active {
    cursor: pointer;
}
#product .details .images .images_nav_inactive {
    cursor: default;
}

#product .details .label {
	font-weight: bold;
	letter-spacing: 0px;
    font-size: 10px;
}

#product .details .detailslink {
	position: relative;
}

/********************************
   XSELL
********************************/

.othertop {
	background: #0072b9;
	height: 1px;
	margin-top: 14px;
	color: #000;
    font-weight: bold;
	line-height: 25px;
	padding-left: 20px;
}


.otherproducts {
    margin-bottom: 4px;
}

    .otherproducts div {
        float: left;
    }
    
    .otherproducts .scrollviewport {
        height:134px;
        overflow:hidden;
        position:relative;	
    }
    
    .otherproducts .products {
        border-bottom: 1px solid #0072B9;
        width: 484px;
        font-size: 0;
        line-height: 0;
        padding: 0;
        margin: 0;
    }

    .otherproducts .products .item {
        width: 118px;
        height: auto;
        overflow: hidden;	
        text-align: center;
        color: #000;
        font-size: 9px;
        line-height: 0;
        padding: 0 0 4px 0;
        margin: 0;
    }

    .otherproducts .products .meebestelitem {
        width: 97px;
        height: auto;
        overflow: hidden;		
        text-align: center;	
        color: #000;
        font-size: 9px;
        padding: 0 0 8px 21px;
        margin: 0;
    }

    .otherproducts .products .meebestelitem input {
       vertical-align: middle;
    }

    .otherproducts .products .item .clear {
        float: none;
        padding: 0;
        margin: 0;
        line-height: 0;
        width: 0;
        height: 0;
        font-size: 0;
        clear: both;
    }
    .otherproducts .products .item .pic {
        width: 90px;
        height: 90px;
        margin: 10px 0 0 20px;
        display: inline; /* IE6 double margin fix */
        background-color: #0072B9;
        position: relative;
    }
    .otherproducts .products .item .pic .img {
        width: 88px;
        height: 88px;
    }
    .otherproducts .products .item .titleprice {
        width:90px;
        position:relative;
        left:21px;
        margin:2px 0 0;
        padding:0;
        line-height: 11px;
        text-align:left;
    }
    .otherproducts .products .item .pic .details {
        width:90px;
        background-color:#0072B9;
        position:absolute;
        margin:0;
        padding:0;
        top:67px;
        left: 0;
        line-height:0px;
        font-size:0;
    }
    .otherproducts .products .item .pic .img img {
        padding-top: 1px;
    }
    
    .otherproducts .left,
    .otherproducts .right {
        width: 18px;
        height: 134px;
        line-height: 0px;
        font-size: 0; 
    }

    .otherproducts .navleft_inactive  {
        cursor: default;
        background: url('/site/snf/img/shop/btn-related-left-v2.gif') left bottom no-repeat;
        width: 18px;
        height: 135px;
    }
    .otherproducts .navleft_active  {
        cursor: pointer;
        background: url( '/site/snf/img/shop/btn-related-left-selected-v2.gif' ) left bottom no-repeat;
        width: 18px;
        height: 135px;
    }
    .otherproducts .navright_inactive  {
        cursor: default;
        background: url('/site/snf/img/shop/btn-related-right-v2.gif') left bottom no-repeat;
        width: 18px;
        height: 135px;
    }
    .otherproducts .navright_active  {
        cursor: pointer;
        background: url( '/site/snf/img/shop/btn-related-right-selected-v2.gif' ) left bottom no-repeat;
        width: 18px;
        height: 135px;
    }


/********************************
   TABS
********************************/

.tabs {
	margin: 10px 4px 5px 0;
}

.tabs .tab a {
	text-align: center;
	color: #6d6d6d;	
	margin-top: 10px;
	line-height: 10px;
	height: 10px;
	letter-spacing: 0px;
    font-size: 9px;
    font-weight: bold;
}

.tabs .tab {
	margin: 0;
	height: 23px;
	float: left;
    padding: 8px 30px 0;
	cursor:pointer;
}

.tabs .tab.selected {
	color: #000;
	border: 1px solid #0072B9;
	border-bottom: white 1px solid;	
}

.tabs .streep {
	border-top: solid 1px #0072B9;
	height: 1px;
	font-size:1px;
	line-height:1px;
	margin: 0;
	padding: 0;
	margin-top:-1px;	
}

#product .details .selected .tablabel {
	background-color: #fff;	
	background: url( '/site/snf/img/shop/blue-dot-high.gif' ) top repeat-x;
}
#product .details .tabs .selected a {
	color: #000;	
}
#product .details .container {
	border: 1px solid #0072B9;
	border-top: 0;
	color: #000;
	padding: 18px 18px 10px;	
	margin-top: -1px; /* zorg dat tabsheet aansluit bij tabje zelf */
}
#product .details .container .tabsheet {
    position: relative;
    margin: 10px 10px 17px 12px;
}
#product .details .container .tabsheet div {
    float: left;
    width: auto;
    padding: 0;
    margin: 0;
}

#product div.tab_col_label {
    padding: 0;
    margin: 0;
    float: left;
    clear: none;	
	font-weight: bold;
	letter-spacing: 0px;
    font-size: 9px;
    width: 91px !important; /* Er is /iets/ dat dit override, maar wat? */
}
#product div.tab_col_content {
    margin: 0;
    padding: 0;
    float: left;
    clear: none;	
    width: 365px !important; /* Er is /iets/ dat dit override, maar wat? */
}
#product .tabsheet div.clear,
#product div.tab_row_clear {
    float: none;
	clear: both;
    padding: 0;
    margin: 0;
    width: 0;
}

#product .details .container .hidden {
	display: none;
}


/**********************
	PRODUCTOVERZICHT
**********************/

#productoverzicht .search {
	border:1px solid #0072B9;
	float:left;
	overflow: hidden;
	padding: 12px 0;
	width: 518px;
}
	#productoverzicht .search select {
		border:1px solid #0072B9;
		margin-bottom:3px;
	}
	
#productoverzicht .title {
	border-right: 1px solid #0072B9;
	width:699px;
}
	#productoverzicht .title h2 {
		color: #0072B9;
		font-weight: bold;
		padding: 0;
		margin: 0;
		display: block;
		float: left;
		font-size: 22px;
		line-height:28px;
		height:28px;
	}
	#productoverzicht .title .aantal {
		line-height: 38px;
		margin-left: 10px;
		height:28px;
	}
	
#productoverzicht h3 {
	color: #0072B9;
	margin: 0;
	padding-left: 10px;
	font-size: 14px;
	line-height: 24px;
	vertical-align: middle;
	text-transform: uppercase;
	font-weight: bold;
}


#productoverzicht .vergelijker {
	border-right: 1px solid #0072B9;
	text-align: right;
	width:399px;
}
#productoverzicht .vergelijker .vglbtn {
	background-color: #f8f8f8;
	color: #757575;
	display: block;
	padding: 2px 5px;
	float: right;
	border: 1px solid #0072B9;
	border-right: 0;
	cursor: pointer;
}
#productoverzicht .vergelijker .vglbtn .aantal {
	font-weight: bold;
}

#productoverzicht .product {
	position:relative;
	border: 1px solid #0072B9;
	min-height: 175px;
	width:518px;
	margin-bottom: 15px;
}

	#productoverzicht .product .button_details {
		position: absolute;
		left: 380px;
		top: 110px;
	}

	#productoverzicht .product .button_bestellen {
		position: absolute;
		left: 380px;
		top: 140px;
	}
	
	#productoverzicht .product .image {
		width: 175px; 
		height: 175px;		
		overflow: hidden;
		background-color: white;
		cursor:pointer;
	}
	
	#productoverzicht .product .merkimg {
		z-index:2; position: absolute; left:0; top: 0;
		border-bottom: 1px solid #0072B9;
		border-right: 1px solid #0072B9;
		width: 50px;	
		cursor:pointer;
		background: #fff;
	}

	#productoverzicht .product h3 {
		padding-left: 10px;
		margin-top: 2px;
		width: 185px;
		height: 32px;
		line-height: 16px;
		overflow: hidden;
		color: #000;
		text-transform: none;
		text-decoration: none;
		font-size: 12px;
	}
		
		#productoverzicht .product h3 a {
			color: #000;
			text-transform: none;
			text-decoration: none;
			font-size: 12px;
			padding:0;
			margin:0;					
		}
	
	#productoverzicht .product .old_price {		
		margin-left: 10px;
		margin-top: 10px;
		background: white;
		color: black;
		width: 124px;
		height: 16px;
		border: 3px solid #0072B9;
		vertical-align: middle;
		text-align: center;
		line-height: 16px;
		font-family: Arial, Helvetica, sans-serif;
	}

	#productoverzicht .product .new_price {		
		margin-left: 10px;
		width: 130px;
		height: 40px;
		line-height: 40px;
		background: #0072B9;		
		text-align: center;
	}
		#productoverzicht .product .new_price a {
			color: white;
			font-family: Impact, Arial, Helvetica, sans-serif;
			font-size: 28px;
			text-decoration: none;
		}
	
	#productoverzicht .product .specs {	
		margin-left: 10px;
		margin-top: 6px;
		padding-bottom: 4px;
		width: 185px;
		line-height: 11px;
		overflow: hidden;
	}
		#productoverzicht .product .specs ul {	
			list-style-position: outside;
			margin-top: 4px;
		}	
	
	#productoverzicht .product .beschikbaarheid {		
		margin-top: 4px;
	}
	
	#productoverzicht .product .vergelijk {
		margin-top: 3px;
		margin-left: 10px;
	}	

#product .details .merkimg {
	position:absolute;
	z-index:2;
	text-align:left !important;
	top:0px;
	left:0px;
	border-bottom: 1px solid #0072B9 !important;
	border-right: 1px solid #0072B9 !important;
	width:auto !important;
	height:auto !important;
	cursor:pointer;
	font-size:1px;
	line-height:1px;
}


/**********************
	PAGINATOR
**********************/

.generic_paginator .paging,
#productoverzicht .paging {
}
	
	.generic_paginator .paging .results_per_page,
	#productoverzicht .paging .results_per_page {
		float: left;
		width: auto;
		height: 29px;
		line-height: 29px;
		text-align: left;
	}
	
	.generic_paginator .paging .buttons,
	#productoverzicht .paging .buttons {
		float: right;
		width: auto;
		text-align: right;
	}	
	
	.generic_paginator .paging .page,
	#productoverzicht .paging .page {
		float: left;
		width: 32px;
		height: 29px;
		color: #fff;
		font-size: 14px;
		line-height: 29px;
		text-align: center;
		font-weight: bold;
		background: url( '/site/snf/img/shop/counter.gif' ) center no-repeat;
		margin-right: 5px;
		cursor: pointer;
	}
	.generic_paginator .paging .selected,
	#productoverzicht .paging .selected {
		background: url( '/site/snf/img/shop/counter-selected.gif' ) center no-repeat;
	}
	.generic_paginator .paging .separator,
	#productoverzicht .paging .separator {
		background: url( '/site/snf/img/shop/blue-dot.gif' ) center repeat-y;
		float: left;
		width: 32px;
		height: 29px;
	}

/**********************
	SUBCATEGORY
**********************/

.toplijstspot, .container_16 .toplijstspot {
    width: 154px;
    min-height: 185px;
    overflow: hidden;
    border: solid 1px #ccccff;
	position: relative;
	background-color: #ffffff;
	background-image: url(/site/snf/img/shop/sf-egg.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
    cursor: pointer;
    margin-bottom: 10px;
}

.toplijstspot h2 {
    position: absolute;
    width: 140px;
	margin-left: 23px;
	line-height: 14px;
	font-size: 10px;
}

.toplijstspot img {
    margin-top: 19px;
}

/* Prijskaartje */
.toplijstspot .pricesmall {
	position: relative;
	bottom: 42px;
	left: 70px;
    background-color: red;
}

.toplijstspot .pricesmall .old_price {
	position: absolute;
	background: white;
	color: black;
	border: 3px solid #0072B9;
	vertical-align: middle;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 74px;
	height: 12px;
	line-height: 12px;
	font-size: 10px;
}

.toplijstspot .pricesmall .new_price {
	position: absolute;		
	background: #0072B9;		
	text-align: center;
	top: 15px;
	width: 80px;
	height: 22px;
	line-height: 22px;
}

.toplijstspot .pricesmall .new_price a {
	color: white;
	font-family: Impact, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 18px;
}

/**********************
	BESTEL PROCES
**********************/
#bestel .line {
	border-top: 1px solid #0072B9;
	margin-top: 10px;
}
#bestel .bline {
	border-top: 1px solid #000;	
}
#bestel h2 {
	margin: 0; 
	padding: 0;
	font-size: 18px;
	margin-top: 20px;
	color: #0072B9;
	line-height: 22px;
	text-transform: uppercase;
}
#bestel .verder {
	margin-top: 20px;
}
#bestel .left .steps .selectedstep {
	background: url( '/site/snf/img/shop/step-selected.gif' ) left no-repeat;
	width: 81px;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	padding-left: 10px;
	float: left;
	margin-bottom: 3px;
}
#bestel .left .steps .name,
#bestel .left .steps .selectedname {
	float: left;
	line-height: 30px;
	text-transform: uppercase;
	font-weight: bold;		
}
#bestel .left .steps .name {
	color: #969696;
	font-weight: normal;
}
#bestel .left .steps .step {
	background: url( '/site/snf/img/shop/step-unselected.gif' ) left no-repeat;
	width: 81px;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #969696;
	text-transform: uppercase;
	padding-left: 10px;
	float: left;
	margin-bottom: 3px;
}
#bestel .left .summary .top {
	background: url( '/site/snf/img/shop/box-top.gif' ) left no-repeat;
	width: 226px;
	height: 6px;
	margin-top: 10px;
}
#bestel .left .summary .bottom {
	background: url( '/site/snf/img/shop/box-bottom.gif' ) left no-repeat;
	width: 226px;
	height: 6px;
}
#bestel .left .summary .middle {
	background: url( '/site/snf/img/shop/box-bg.gif' ) left repeat-y;
	width: 226px;		
}
#bestel .left .summary .item {
	font-weight: bold;
	background: url( '/site/snf/img/shop/bullet-black.gif' ) left no-repeat;
	padding-left: 10px;
	margin-left: 10px;
	float: left;
	width: 90px;
}
#bestel .left .summary .price {
	color: #575757;
	text-align: right;
	margin-right: 10px;
	font-weight: bold;
	margin-bottom: 5px;
}
#bestel .left .summary .total {
	color: #94117D;
	text-align: right;
	margin-right: 10px;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 14px;
	border-top: 1px solid #000;
	width: 100px;
	float: right;
}
#bestel .left .summary .title {
	color: #0072B9;
	font-weight: bold;
	margin: 0 0 10px 10px; 
}
#bestel .right th {
	color: #6A6A6A;
	text-align: left;
	text-transform: capitalize;
	font-size: 12px;
}
#bestel .right .product {
	font-weight: bold;
}
#bestel .right .product .productname {
	float: left;
	margin-left: 10px;
	font-size: 12px;
	line-height: 50px;	
}
#bestel .right img {
	width: 90px;
	height: 58px;
	border: 1px solid #0072B9;
	float: left;
}
#bestel .right tr.even {
	background-color: #ECECEC;
}
#bestel .right tr {
	border: 1px solid #0072B9;
}
#bestel .right tr.head {
	border: 0;
}
#bestel .right td {
	padding: 10px;
}
#bestel .right .price {
	color: #AE1D94;
	font-size: 18px;
	font-weight: bold;
}
#bestel .hright {
	text-align: right;
}
#bestel .hcenter {
	text-align: center;
}
#bestel .sum tr {
	border: 0;
}
#bestel .sum td {
	padding: 0 10px;
	color: #6A6A6A;
	font-weight: bold;
}
#bestel .sum .totaltxt {
	color: #AE1D94;
}
#bestel .sum .total {
	color: #AE1D94;
	font-size: 18px;
	border-top: 1px solid #000;
}
#bestel .right .nextstep {
	float: right;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: url( '/site/snf/img/shop/btn-empty.gif' ) right no-repeat;
	height: 42px;
	width: 140px;
	line-height: 42px;
	margin-right: 10px;
	font-size: 12px;
}



/* AANPASSINGEN GUIDO */
#product .aanleveren .hidden {
	display: none;
}
#product .aanleveren .omschrijving {
	cursor: pointer;
}

/* header */
#registreren, #mijn_shop, #in_uit_loggen, #cart {
	cursor: pointer;
}

#bestelstappen div {
	background: url(/site/snf/img/bestelstappen.gif) no-repeat top left;
	height:36px;
}
	#bestelstappen .stap1sel {
		background-position:0px -360px;
		background-repeat:no-repeat;
		display: block;
	}
	#bestelstappen .stap2sel {
		background-position:0px -396px;
		background-repeat:no-repeat;
		display: block;
	}
	#bestelstappen .stap3sel {
		background-position:0px -432px;
		background-repeat:no-repeat;
		display: block;
	}
	#bestelstappen .stap4sel {
		background-position:0px -468px;
		background-repeat:no-repeat;
		display: block;
	}
	#bestelstappen .stap5sel {
		background-position:0px -504px;
		background-repeat:no-repeat;
		display: block;
	}
	#bestelstappen .stap1done {
		background-position:0px 0px;
		background-repeat:no-repeat;
		display: block;
	}
	#bestelstappen .stap2done {
		background-position:0px -36px;
		background-repeat:no-repeat;
		display: block;
	}
	#bestelstappen .stap3done {
		background-position:0px -72px;
		background-repeat:no-repeat;
		display: block;
	}
	#bestelstappen .stap4done {
		background-position:0px -108px;
		background-repeat:no-repeat;
		display: block;
	}
	#bestelstappen .stap5done {
		background-position:0px -144px;
		background-repeat:no-repeat;
		display: block;
	}
	#bestelstappen .stap1 {
		background-position:0px -180px;
		background-repeat:no-repeat;
		display: block;
	}
	#bestelstappen .stap2 {
		background-position:0px -216px;
		background-repeat:no-repeat;
		display: block;
	}
	#bestelstappen .stap3 {
		background-position:0px -252px;
		background-repeat:no-repeat;
		display: block;
	}
	#bestelstappen .stap4 {
		background-position:0px -288px;
		background-repeat:no-repeat;
		display: block;
	}
	#bestelstappen .stap5 {
		background-position:0px -324px;
		background-repeat:no-repeat;
		display: block;
	}
	#bestelstappen .pointer {
		cursor:pointer;
	}

#bestelstaptitel div {
	background: url(/site/snf/img/bestelstaptitels.gif) no-repeat top left;
	height:24px;
}
	#bestelstaptitel .stap1 {
		background-position:0px 0px;
		background-repeat:no-repeat;
		display: block;
	}
	#bestelstaptitel .stap2 {
		background-position:0px -24px;
		background-repeat:no-repeat;
		display: block;
	}
	#bestelstaptitel .stap3 {
		background-position:0px -48px;
		background-repeat:no-repeat;
		display: block;
	}
	#bestelstaptitel .stap4 {
		background-position:0px -72px;
		background-repeat:no-repeat;
		display: block;
	}
	#bestelstaptitel .stap5 {
		background-position:0px -96px;
		background-repeat:no-repeat;
		display: block;
	}
	

.basketcontainer table {
	width:100%;
}
.basketcontainerborder {
	border:1px solid #0072B9;
    border-bottom: 0;
}
.basketcontainer td {
}
	.basketcontainer td {
		padding:10px;
		vertical-align:top;
	}
	
	.basketcontainer tr.hasExtrarow {
		border-bottom: 0;
	}
	.basketcontainer tr.hasExtrarow td {
		padding-bottom: 0px;
	}
	.basketcontainer tr.extrarow td {
		padding-top:  0;
	}	

	.basketcontainer td.artcode {
		width:60px;
	}
	.basketcontainer td.omschrijving {
		/* de rest */
	}
	.basketcontainer tr.extrarow td.omschrijving {
		font-style: italic;
	}
	.basketcontainer td.aantal {
		width:65px;
		text-align:right;
	}
	.basketcontainer td.bedrag {
		width:100px;
		text-align:right;
	}
	.basketcontainerborder td.bedrag {
		color:#0072B9;
		font-weight:bold;
		font-size:17px;
	}
	.basketcontainer tr.extrarow td.bedrag {
		font-size: 15px;
	}  
	.basketcontainer td.verwijderen {
		width:68px;
		text-align:center;
	}
	.basketcontainerborder tr {
		border-bottom:1px solid #0072B9;
	}
	.basketcontainer tr.odd {
		background-color:#e0e0e0;
	}


.basketamountcontainer {
	font-size:11px;
	color:#6a6a6a;
	font-weight:bold;
	line-height:13px;
	vertical-align:top;
}
	.basketamountcontainer .label {
		float:left;
		padding-left:113px;
		width:225px;
	}
	.basketamountcontainer p {
		color:#0072B9;
	}
	.basketamountcontainer b {
		color:#0072B9;
		font-size:17px;
	}
	.basketamountcontainer .sep {
		float:left;
		padding-left:30px;
		width:10px;
	}
	.basketamountcontainer .amount {
		float:left;
		width:100px;
		padding-left:40px;
		text-align:right;
	}
	.basketamountcontainer .amount hr {
		border:none;
		border-bottom:1px solid #0072B9;
		width:100%;
		height:0;
	}
	

.button {
	background: white url('/site/snf/img/shop/btn_bg.gif') no-repeat top right;
	*background:white url('/site/snf/img/shop/btn_bg_ie.gif') no-repeat top right;
	color:#0072b9;
    font-family: Verdana, Tahoma, Helvetica, Arial;
	font-weight:bold;
	font-size:11px;
	height:23px;
    *height: 21px; /* IE7 and below */
	line-height:12px;
    *line-height: 16px; /* IE7 and below */
    padding: 0 25px 3px 6px;
    *padding-bottom: 0; /* IE7 and below */
    border:solid 1px #0072b9;
    width: auto;
    overflow: visible;
}
.shopping_basket .productListing-heading
{
	padding-bottom: 5px;
	color:#6a6a6a;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

.hr_bestelstap {
	border-bottom:1px solid #019ee0;margin-top:11px;margin-bottom:19px;width:100%;line-height:1px;font-size:1px;
}
.hr_onderbasket {
	border-bottom:1px solid #575757;margin-top:11px;margin-bottom:19px;width:100%;line-height:1px;font-size:1px;
}

/**********************
	JQUERY INPAGE POPUP
**********************/

#popup {  
    display:none;  
    position:fixed;  
    _position:absolute; /* hack for ie6*/   
    background:#FFFFFF;  
    border:2px solid #cecece;  
    z-index:200;  
    cursor: pointer;
} 
#popup img { 
    padding:5px; 
}
#backgroundPopup {  
    display:none;  
    position:fixed;  
    _position:absolute; /* hack for ie6*/
    height:100%;  
    width:100%;  
    top:0;  
    left:0;  
    background:#000000;  
    border:1px solid #cecece;  
    z-index:200;
}

/***********
     IMGMASK
***********/
#imgmask {
    display:table;
	text-align:center;
}
.imgmask150 {
	width:150px;
	height:150px;
 	border:solid 1px #25a6dd;
	background-color:white;
}
.imgmask145 {
	width:145px;
	height:145px;
 	border:solid 1px #25a6dd;
	background-color:white;
}

/*
 * filterblok
 */
.filters {
	margin: 0;
	padding: 0;
}

	.filters select {
		width: 100%;
	}
	.filters  .col {
		float: left;
		width: 150px;
		margin: 0;
		padding: 0;		
		margin-left: 12px;		
	}
	.filters .row_2,
	.filters .row_3 {
		margin-top: 4px;
	}
	.filters .col_1  {
		margin-left: 18px;
	}
	
	.filters .filter_label {		
		clear: both;
		float: none;
		margin-left: 10px;
	}
	
	.filters .sorteer_label {				
		position: absolute;
		left: 360px;
		top: 15px;
	}
	
	.filters #sortering {
		position: absolute;	
		left: 370px;
		top: 37px;
		width: 130px;
		font-size: 11px;
		height: 22px;		
	}

	.filters .selectbox {
		background-image:url('/site/snf/img/shop/menu-arrow-down.jpg'); 
		background-repeat: no-repeat;
		background-position: top right;
		border: solid 1px #0072B9;
		padding: 4px;
		padding-top: 2px;
		padding-bottom: 2px;
		cursor: pointer;
	}
	
	.filters .selectbox.selected {
		background-color: #FCEC03;
		color: black;
	}
			
		.filters .selectbox .selectbox-title {
			width: 120px;
			white-space: nowrap;
			overflow: hidden;
		}

.filterbox {
	display: none;
	border: solid 1px #0072B9; 
	border-top: 0;
	padding: 8px;
	width: 502px;
	background-color: white; 
	position: absolute; 
	z-index: 10;
}
	
	.filterbox .uitleg {
		margin-bottom: 8px;
	}
	.filterbox .aantal {
		margin-top: 8px;
		float: right;
		margin-right: 16px;
	}
	.filterbox .kenmerk {
		float: left;
		width: 167px;
		overflow: hidden;
	}
		.filterbox .kenmerk label {
			padding:0; 
			margin:0; 
			margin-left: 4px;
		}
	.filterbox .submit {
		float: right;
	}

.nav_prev {
	float:left;
}
.nav_next {
	float:right;
}

/**********************
	BOXES RECHTS
**********************/

#vindwinkel {	
	width: 220px;
	height: 101px;
	background: url(/site/snf/img/shop/vindwinkel.gif);
	position: relative;
	margin-bottom: 15px;	
}
	#vindwinkel p.uitleg {
		font-size: 10px;
		line-height: 14px;
		margin: 0 15px 10px 5px
	}
	#vindwinkel form {
		margin: 0 8px 5px 6px;
		line-height: 16px;
        float: left;
        border: solid 1px #0072B9;
	}
    #vindwinkel .voorbeeld {		
        display: block;
        float: left;
        margin: 2px 0 0 0;
    }
    #vindwinkel .postcode {
        float: left;
        border: 1px solid #fff;
        height: 15px;
        width: 70px;
        overflow: hidden;
        color: #0072ba;
        font-weight:bold;
        font-size:11px;
        padding: 2px;
        margin: 0;
    }
    #vindwinkel #searchButton {
        float: left;	
        background-color: black;
        padding: 0;
        margin: 0;
    }
          
#veiligkopen {	
	width: 220px;
	height: 133px;
	background: url(/site/snf/img/shop/veiligkopen.gif);
	position: relative;
	margin-bottom: 15px;
}
	#veiligkopen p.uitleg {
		color: black;		
		font-size: 10px;
		line-height: 14px;
		margin: 0 15px 10px 5px;
	}

#banner_rechts
{	
	text-align: center;
	background: #f8f8f8;
	margin-bottom: 15px;
	height: 100%;
}

#brochurebanner
{	
	text-align: center;
	background: #f8f8f8;
	margin-bottom: 15px;
	height: 100%;
}
#brochurebanner h2
{	
	text-align: left;
}

.pointer {
    cursor: pointer;
}

.wait {
    cursor: wait;
}

#dhg{display:table-cell;width:auto;} #imgmaskmiddle{display:table-cell;vertical-align:middle;}
<!--[if lte IE 7]> #dhg{float:left;}#imgmaskmiddle{position:relative;top:50%;}#iehell{position:relative;top:-50%;}#imgmaskmiddle{zoom:1;} <![endif]-->