﻿/* PRODUCTOVERZICHT */

.pagineringpanel
{
    float:              right;
    margin-top:         5px;
    margin-bottom:      15px;
}

.vorigevolgendelink
{
    text-decoration:    none;
    white-space:        nowrap;
    border:             solid 1px #FFFFFF;
    float:              left;
    height:             16px;
    width:              auto;
    margin-left:        5px;
    text-align:         center;
    padding-top:        4px;
    color:              Black;
    font-weight:        normal;
    text-decoration:    none;
    
}

    .vorigevolgendelink span
    {
        color:              #034198;
    }
    
    .vorigevolgendelinkseperator
    {
        position:           relative;
        display:            inline-block;
        width:              8px;
        color:              #333;
        font-size:          11px;
        text-align:         center;
    }

.pagineringlink
{
    border:             solid 1px #A2C0D8;
    float:              left;
    display:            inline;
    height:             16px;
    width:              20px;
    margin-left:        5px;
    text-align:         center;
    padding-top:        4px;
    color:              Black;
    text-decoration:    none;
}

.pagineringlink_toonalles
{
	
    float:              left;
    display:            inline;
    height:             16px;
    /*width:              80px;*/
    margin-left:        5px;
    text-align:         center;
    padding-top:        4px;
    color:              Black;
    text-decoration:    underline;
}

.pagineringlink_active
{
    border:             solid 1px #FFFFFF;
    float:              left;
    display:            inline;
    height:             16px;
    width:              20px;
    margin-left:        5px;
    text-align:         center;
    padding-top:        4px;
    color:              #dc2042;
    font-weight:        bold;
    text-decoration:    none;
}

.pagineringlink_hidden
{
    display:            none;
}

.sorteerpanel
{
    background-color:   #CCDEEC;
    height:             auto;
    min-height:         30px;
    width:              533px;
    padding:            12px 0px 0px 15px;
    margin-bottom:      1px;
    float:              left;
}

    .sorteringtitel
    {
        float:              left;
        margin-top:         2px;
        margin-right:       3px;
    }
    .sorteringholder
    {
        float:              left;
    }
    
    .productaantalholder
    {
        float:              right;
        margin-top:         2px;
        margin-right:       21px;
        white-space:        nowrap;
    }
    

.productenpanel
{
    background-color:   #CCDEEC;
    width:              533px;
    padding:            0px 0px 12px 15px;
    float:              left;
}

.productpanel
{
    float:              left;
    display:            inline;
    margin-top:         14px;
    margin-right:       16px;
    margin-bottom:      12px;
    width:              160px;
}

.fotoproduct
{
    position:           relative;
    height:             80px;
    width:              158px;
    padding:            13px 0px;
    border:             solid 1px #A2C0D8;
    background-color:   White;
    overflow:           hidden;
}

.actielogo_klein
{
    position:           absolute;
    left:               5px;
    bottom:             5px;
}

.titelproduct
{
    font-weight:        bold;
    font-size:          12px;
    text-decoration:    none;
    color:              #000000;
}

.prijsrood
{
    color:              #dc2042;
    font-size:          12pt;
    font-weight:        bold;
    float:              left;
}

.streepprijs
{
    background-image:   url(../Images/Layout/StreepPrijs.gif);
    background-position: center;
    margin-top:         2px;
    margin-right:       5px;
    float:              left;
}

.artikellijstpanel
{
    position:           relative;
    display:            inline-block;
    margin:             20px 0px 10px 0px;
    clear:              both;
}

a.overzichtmeer
{
    position:           relative;
    display:            block;
    float:              left;
    font-family:        Arial;
	font-size:          11px;
	text-decoration:    underline;
	margin-top:         3px;
	margin-left:        7px;
	color:              #1954A4;
	vertical-align:     bottom;
}

a.overzichtmeer:hover
{
	color:          #DC2042;
}

.overzichtwinkelwagen
{
    position:           absolute;
    display:            block;
    float:              right;
    /*margin-top:         7px;
	margin-right:        7px;*/
	left:	138px;
	top: 90px;
}

/* PRODUCTOVERZICHT [END] */


/* PRODUCTFILTERS */

.productfilterstitel
{
    position:           relative;
    width:              200px;
	height:             25px;
	clear:              both;
	display:            block;
}

.productfilterstitel h2
{
    color:              Black;
    font-size:          10pt;
}

.productfilterspanel
{
    position:           relative;
    width:              200px;
	height:             auto;
	margin-top:         28px;
}

.productfilterpanel
{
    position:           relative;
    width:              198px;
	height:             auto;
	background-color:   #F5F5F5;
	margin-bottom:      10px;
	border:             solid 1px #CCDEEC;
}

.productfiltertitel
{
    position:           relative;
    width:              188px;
	height:             auto;
	padding:            5px 0px 5px 10px;
	background-color:   #CCDEEC;
	font-size:          12px; 
	font-weight:        bold;
	color:              Black;
}

.productfilterwis
{
    position:           relative;
    float:              right;
    margin-right:       5px;
    color:              #1954A4;
    font-weight:        normal;
}
.productfiltercontent
{
    position:           relative;
    width:              178px;
	height:             auto;
	padding:            5px 10px;
	background-color:   White;
	font-size:          12px; 
}

.filterscrolldiv
{
    position:           relative;
    display:            block;
    width:              100%;
    overflow:           auto;
}

.filterscrolldiv input,
.productfiltercontent input
{
	cursor:             pointer;
	cursor:             hand;
}

.filterkleuroptie
{
    position:           relative;
    display:            inline;
    width:              15px;
    height:             15px;   
    /*border:             solid 2px white;*/
	/*border:             inset 2px #959595;*/
	border:             inset 2px #EEE;
    cursor:             pointer;
	cursor:             hand;
	opacity:            .75;
    filter:             alpha(opacity=75);
    -ms-filter:         "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";

}

.filterkleuroptie_selected
{
    border:             solid 2px #DC2042;    
    /*border:             outset 2px #959595;*/
    opacity:            1;
    filter:             alpha(opacity=100);
    -ms-filter:         "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.filterlabel_checkbox
{
    margin-left:        3px;
    text-transform:     capitalize;
	cursor:             pointer;
	cursor:             hand;
}

.filterlabel_select
{
    width:              165px;
    /*text-transform:     capitalize;*/
}

.slider_amount 
{
    border:             0; 
    color:              Gray; 
    font-weight:        bold;
}

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 12px; height: 14px; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: 8px; background-image:url(../images/layout/slider_bg.png);margin: 5px 10px 0px 5px; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; background-image:url(../images/layout/slider_handle.png);cursor:pointer;cursor:hand;}
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; background-image:url(../images/layout/slider_selected_bg.png);}

.slider_min,
.slider_max
{
    position:           relative;
    width:              75px;
    float:              left;
    display:            block;
    text-align:         center;
    color:              Black;
    font-weight:        bold;
    cursor:             default;
}

.slider_max
{
    float:              right;
}

.slider_min input,
.slider_max input
{
    border:             solid 1px #CCDEEC;
    width:              55px;
    padding:            10px;
    text-align:         center;
    cursor:             default;
}

/*
.ui-slider-horizontal .ui-slider-range-min { left: 0; background-color:Green;}
.ui-slider-horizontal .ui-slider-range-max { right: 0; background-color:Aqua;}
*/
/*
.ui-slider-vertical { width: .8em; height: 100px; background-color:Yellow; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; background-color:Blue; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; background-color:Red; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; background-color:Green; }
.ui-slider-vertical .ui-slider-range-max { top: 0; background-color:Aqua; }
*/

/* PRODUCTFILTERS [END] */




/* PRODUCT DETAIL **************************************************/

.productdetail_navigatiepanel_header
{
    position:           absolute;
    width:              546px;
    height:             auto;
    top:                -30px;
    left:               0px;
/*background-color:   Yellow;*/
}

.productdetail_navigatiepanel_footer
{
    position:           relative;
    width:              546px;
    height:             auto;
    padding:            5px 0px 30px 0px;
/*background-color:   Orange;*/
}

    .productdetail_navigatiepanel_header img,
    .productdetail_navigatiepanel_footer img
    {
        margin-bottom:1px;
    }
    
    .productdetail_navigatiepanel_floatleft
    {
        position:       relative;
        display:        inline;
        float:          left;
    }
    
    .productdetail_navigatiepanel_floatright
    {
        position:       relative;
        display:        inline;
        float:          right;
    }

a.productdetail_linkzwart
{
    text-decoration:    none;
    color:              Black;
    margin:             0 3px;
}

a.productdetail_linkzwart:hover
{
    color:             #dc2042;
}

.productdetail_productpanel
{
    position:           relative;
    width:              532px;
    height:             220px;
    border:             solid 1px #94B1BF;
    padding:            7px;
/*background-color:   Lime;*/
}

    #spanWsUrl
    {
        display:            none;
    }

    .productdetail_fotopanel
    {
        position:           relative;
        width:              280px;
        display:            inline;
        float:              left;
/*background-color:   Aqua;*/
    }
    
        .productdetail_fototable
        {
            width:          280px;
            height:         180px; 
        }
    
            .productdetail_fototable tr
            {
                text-align:         center;
                vertical-align:     middle;
            }
            
        .productdetail_actiepanel
        {
            position:           relative;
            display:            inline;
            /*width:              200px;*/
            text-align:         right;
            float:              right;
            margin-top:			20px;
        }
        
            .productdetail_actielinkzwart
            {
                position:           relative;
                display:            inline;
                text-decoration:    none;
                color:              Black;
                top:                -3px;
            }

            a.productdetail_actielinkzwart:hover
            {
                color:             #dc2042;
            }
            
        .productdetail_actielogo_groot
        {
            position:           absolute;
            left:               20px;
            bottom:             20px;
        }
    
    .productdetail_kenmerkpanel
    {
        position:           relative;
        width:              232px;
        display:            inline;
        float:              left;
        margin-top:         25px;
        margin-left:        20px;
/*background-color:   Orange;*/
    }
    
        .productdetail_kenmerklabel
        {
	        display:            block;
	        clear:              both;
        }
        
        .productdetail_kenmerkselectie
        {
	        width:				130px;
	        margin:             2px 0px 2px 0px;
	        display:            block;
	        clear:              both;
        }
        
        .productdetail_productnumber
        {
	        color:              #666;
        }
        
        .productdetail_prijzendetail
        {
            margin-top:         15px;
        }

        .productdetail_prijsrooddetail
        {
            color:              #dc2042;
            font-size:          20pt;
            font-weight:        bold;
        }

        .productdetail_streepprijsdetail
        {
            background-image:   url(../Images/Layout/StreepPrijs.gif);
            background-position:center;
            margin-top:         2px;
            margin-right:       5px;
        }
        
        
        .productdetail_inwinkelwagenpanel
        {
            position:          relative;
            clear:             left;
            float:             left;
            height:            30px;
            width:             180px;
            margin-top:        10px;
        }

        .productdetail_inwinkelwagenbutton
        {
            cursor:             pointer;
            cursor:             hand;
        }
        
        .productdetail_zoekfiliaal
        {
            position:           relative;
            clear:              left;
            float:              left;
            width:              160px;
            margin-top:         10px;
            text-align:         left;
            text-decoration:    none;
            padding:            10px;
            color:              Black;
            border:             solid 1px #94B2BD;
            font-size:          7pt;
        }
        
         /* gerelateerd */
    
        .productdetail_fotogerelateerd 
        {
            background-color:White;    
        }
    
        .productdetail_fotopijl
        {
            position:               relative;
            top:                    -7px;
            height:                 53px;
            width:                  80px;
            background-image:       none;
            background-repeat:      no-repeat;
            padding-top:            7px;
            float:                  left;
        }

        .productdetail_fotopijl_actief
        {
            position:               relative;
            top:                    -7px;
            height:                 53px;
            width:                  80px;
            background-image:       url(../Images/Layout/GerelateerdPijl.gif);
            background-repeat:      no-repeat;
            padding-top:            7px;
            float:                  left;
        }
        
        .productdetail_fotovakklein
        {
            height:                 41px;
            padding-top:            2px;
            padding-left:           15px;
            border-left:            solid 1px #94B1BF;
        }
        
        .productdetail_fotovakklein table
        {
            float:                  left;
            height:                 40px; 
            width:                  50px;
        }
        
        .productdetail_gerelateerdfoto
        {
            cursor:                 pointer;
            cursor:                 hand;
        }

    
    
        /* tabjes */
        
        .tabjespanel
        {
            position:           relative;
            margin-top:         2px;
            z-index:            2;
            width:				546px;
        }
        
        .tablink
        {
            cursor:             pointer;
            cursor:             hand;
        }

        .tab_actief_links
        {
            background-image:   url(../Images/Layout/Tab_actief_links.gif);
            background-repeat:  no-repeat;
            width:              8px;
            height:             24px;
            float:              left;
        }

        .tab_actief
        {
            background-color:   White;
            border-top:         solid 1px #94B1BF;
            padding:            4px 5px 0px 5px;
            width:              auto;
            height:             20px;
            float:              left;
        }

        .tab_actief_rechts
        {
            background-image:   url(../Images/Layout/Tab_actief_rechts.gif);
            background-repeat:  no-repeat;
            width:              12px;
            height:             24px;
            float:              left;
        }

        .tabtitel_actief
        {
            color:              #dc2042;
            font-weight:        bold;
        }

        .tab_inactief_links
        {
            background-image:   url(../Images/Layout/Tab_inactief_links.gif);
            background-repeat:  no-repeat;
            width:              8px;
            height:             24px;
            float:              left;
        }

        .tab_inactief
        {
            background-color:   White;
            border-top:         solid 1px #94B1BF;
            padding:            4px 5px 0px 5px;
            width:              auto;
            height:             18px;
            float:              left;
        }

        .tab_inactief_rechts
        {
            background-image:   url(../Images/Layout/Tab_inactief_rechts.gif);
            background-repeat:  no-repeat;
            width:              12px;
            height:             24px;
            float:              left;
        }

        .tabtitel_inactief
        {
            color:              Black;
            font-weight:        bold;
        }

        .tabdetailpanel
        {
            position:           relative;
            top:                -2px;
            width:              520px;
            height:             auto;
            border:             solid 1px #94B1BF;
            padding:            25px 13px 25px 13px;
            z-index:            1;
        }

        .tabdetailtitel
        {
            font-size:          12pt;
            font-weight:        bold;
            color:              Black;
        }
        
        .productpanelbijpassend /*, .vervolgonderdeel*/
        {
            position:           relative;
            display:            block;
            padding-left:       15px;
            padding-top:        14px;
            padding-bottom:     12px;
            border-top:         solid 1px #A2C0D8;
            width:              505px;
        }
        
        .bijpassendpanel
        {
            background-color:   white;
            float:              left;
            height:             225px;
            width:              521px;
            padding:            15px 0px 15px 0px;
            margin-bottom:      1px;
 /*background-color:Orange;*/
        }
        
        .bijpassendproductpanel
        {
            float:              left;
            display:            inline;
            margin-top:         14px;
            margin-right:       20px;
            margin-bottom:      12px;
            width:              152px;
 /*background-color:Lime;*/
        }
            .fotobijpassend
            {
                height:             80px;
                width:              100px;
                padding:            13px 25px 13px 25px;
                border:             solid 1px #A2C0D8;
                background-color:   White;
                text-align:         center;
                float:              left;
                overflow:           hidden;
                display:            inline;
            }
        
            .fotobijpassend table
            {
                height:             80px; 
                width:              100px;
                border:             0px;
            }

        .bijpassendfooter
        {
            height:             20px;
            width:              495px;
            text-align:         right;
            padding-top:        5px;
            overflow:           hidden;
 /*background-color:Maroon;*/
        }
        
        
        /* woonprogramma */
        
        .woonprogrammaoverzicht
        {
            margin-top:         20px;
        }

        .woonprogrammablok, .woonprogrammavervolg
        {
            float:              left;
            display:            inline;
            width:              245px;
            margin-bottom:      15px;
        }
        
        /* sets */
        
        .setproductdetailpanel
        {
            position:           relative;
            width:              467px;
            height:             200px;
            padding:            8px 25px 0px 0px;
        }
        
        .productdetailfotopanel
        {
            float:              left;
        }
            .productdetailfotopanel table
            {
                height:             180px; 
                width:              225px;
            }
        
        .setproductdetailpanelborder
        {
            position:           relative;
            width:              467px;
            height:             200px;
            border-bottom:      solid 1px #94B1BF;
            padding-top:        10px;
            padding-bottom:     10px;
        }

        .setproductdetailkenmerkpanel
        {
            float:              left;
            padding:            35px 0px 0px 50px;
            width:              190px;
            
        }

        .setactielogo_groot
        {
            position:           absolute;
            left:               0px;
            bottom:             20px;
        }
        
        .setfoto
        {
            position:           relative;
            height:             80px;
            width:              100px;
            padding:            0px 25px 13px 25px;
            background-color:   White;
            overflow:           hidden;
            color:              Black;
        }
        
        /* Productinfo */
        
        .productinfodetailkenmerklabel
        {
	        display:            block;
	        clear:              both;
        }
        
        .productinfodetailkenmerkselectie
        {
            width:				155px;
	        margin:             2px 0px 2px 0px;
	        display:            block;
	        clear:              left;
        }
        
       .productinfodetailpanel
        {
            position:           relative;
            width:              461px;
            height:             214px;
            border:             solid 1px #94B1BF;
            padding:            8px 25px 0px 60px;
        }

        .productinfodetailfotopanel
        {
            float:      left;
            position:   relative;
        }

        .productinfodetailkenmerkpanel
        {
            float:              left;
            padding:            20px 0px 0px 50px;
            width:              160px;
        }
        
        .productinfodetailtitle
        {
            clear:              left;
            color:              Black;
            font-weight:        bold;
        }
        
        .productinfodetailprijsrood
        {
            color:              #dc2042;
            font-size:          12pt;
            font-weight:        bold;
            float:              left;
        }

        .productinfodetailstreepprijs
        {
            background-image:   url(../Images/Layout/StreepPrijs.gif);
            background-position: center;
            margin-top:         2px;
            margin-right:       5px;
            float:              left;
        }
        
        
        .productinfodetailinwinkelwagenpanel
        {
            position:          relative;
            float:             left;
            height:            30px;
            width:             180px;
            margin-top:        10px;
        }

        .productinfodetailinwinkelwagenbutton
        {
            cursor:             pointer;
            cursor:             hand;
        }
        
        .productinfodetailfotogerelateerd {}
        
        
        .productinfodetailfotopijl
        {
            position:               relative;
            top:                    -7px;
            height:                 53px;
            width:                  80px;
            background-image:       none;
            background-repeat:      no-repeat;
            padding-top:            7px;
            float:                  left;
        }

        .productinfodetailfotopijl_actief
        {
            position:               relative;
            top:                    -7px;
            height:                 53px;
            width:                  80px;
            background-image:       url(../Images/Layout/GerelateerdPijl.gif);
            background-repeat:      no-repeat;
            padding-top:            7px;
            float:                  left;
        }
        
        .productinfodetailfotovakklein
        {
            height:                 41px;
            padding-top:            2px;
            padding-left:           15px;
            border-left:            solid 1px #94B1BF;
        }
        
        .productinfodetailfotovakklein table
        {
            float:                  left;
            height:                 40px; 
            width:                  50px;
        }
        
        .productinfodetailgerelateerdfoto
        {
            cursor:                 pointer;
            cursor:                 hand;
        }
        
        
        /* Setoverzicht */ 
        
        .productpanelonderdeel, .vervolgonderdeel
        {
            position:           relative;
            display:            block;
            padding-left:       15px;
            padding-top:        14px;
            padding-bottom:     12px;
            border-top:         solid 1px #A2C0D8;
            width:              531px;
        }

        .toelichtingonderdelen
        {
            margin-top:         20px;
            margin-bottom:      20px;
        }
        
        .toelichtingonderdelen h1
        {
            color:              Black;
        }
        
        .productenpanelonderdeel
        {
            position:           relative;
            background-color:   #FFFFFF;
            width:              546px;
            padding:            0px 0px 0px 0px ;
            float:              left;
            border-left:        solid 1px #A2C0D8;
            border-bottom:      solid 1px #A2C0D8;
            border-right:       solid 1px #A2C0D8;
            margin-bottom:      20px;
   /*background-color:Aqua;*/
        }
        
    .fotoproductshop
    {
        position:           relative;
        height:             80px;
        width:              100px;
        padding:            0px 25px 13px 25px;
    /*    border:             solid 1px #A2C0D8;*/
        background-color:   White;
        overflow:           hidden;
        color:              Black;
    }

    .fotoproductshop H3
    {
        color: Black;
    }

    .shoptekstpanel
    {
        width:              196px;
        padding-left:       5px;
        padding-right:      10px;
        display:            inline;
    }

    .shopprijspanel
    {
        position:   relative;
        width:      135px;
    }

    .inshoppanel
    {
        border:     solid 1px #a2c0d8;
        position:   relative;
        width:      135px;
    }
        
        .floatleft
        {
            float:              left;
        }

        .floatright
        {
            float:              right;
        }
                
        

/* PRODUCT DETAIL [END] ********************************************/

