﻿/* MijnWinkelwagenControl [START] ---------------------------------------------------- */

.MijnWinkelwagenPanelRelative,
.MijnWinkelwagenPanelAbsolute
{
    width:              198px !important;
    width:              195px;
	height:             auto;
	padding:            6px 0px;
	background-color:   #F0F0F0;
	font-size:          12px;
	margin-top:         1px;
	border:             solid 1px #96B2C0;  /*OUD:#CFCFCF;*/
    margin-bottom:      10px;
}

.MijnWinkelwagenPanelRelative
{
    position:           relative;
}

.MijnWinkelwagenPanelAbsolute
{
    position:           absolute;
    top:                0px;
    left:               0px;
    z-index:            50;
}

.MijnWinkelwagenTitel
{
	color:          #CB0035;
	font-weight:    bold;
	font-size:      12px;
    margin-left:    5px;
    /*background-color:Red;*/
}

.MijnWinkelwagenAantalPanel
{
    display:            inline;
    /* onnodig margin:             5px 0px 0px 5px !important;*/
    margin:             5px 0px 0px 5px;
    float:              left;
    /*background-color:Green;*/
}

.MijnWinkelwagenBedragPanel
{
    display:            inline;
    margin:             5px 5px 0px 0px !important;
    float:              right;
    /*background-color:Orange;*/
}

.MijnWinkelwagenArtikelenPanel
{
    background-color:   White;
    width:              188px;
    padding:            3px 0px;
    margin:             3px 0px 8px 5px;
    /*background-color:Maroon;*/
}

.tblWWArtikel
{
    float:              left;
    height:             40px; 
    width:              55px;
}

.tblWWArtikel td
{
    padding:            0px;
}

.dvWWArtikel
{
    float:              left;
    width:              130px;
}

.imgWWArtikelFoto
{
    border-width:       0px;
}

.lbWWArtikelTitel
{
    float:              left;
    width:              115px;
    margin-bottom:      7px;
}

.lbWWDeleteArtikel
{
    float:              right;
}

.btnWWArtikelVerwijderen
{
    border-width:       0px;
}

.lbWWArtikelAantal
{
    float:              left;
}

.lbWWArtikelPrijs
{
    float:              right;
}

.MijnWinkelwagenDetailsPanel
{
    margin-left:    5px;
    margin-top:     11px;
    float:          left;
    cursor:         hand;
    cursor:         pointer;
    /*background-color:Purple;*/
}

.MijnWinkelwagenDetailsLink
{
    display:            inline;    
    color:              #1B53AA;
    float:              left;
    text-decoration:    underline;
    /*background-color:Silver;*/
}

.MijnWinkelwagenBestellen
{
    display:            inline;
    float:              right;
    margin:             5px 5px 0px 0px;
    /*background-color:Yellow;*/
}

.cursorPointer
{
    cursor:             pointer;
    cursor:             hand;
    /*background-color:Gray;*/
}

/* MijnWinkelwagenControl [END] ---------------------------------------------------- */










/* ActieCode [START] ---------------------------------------------------- */

.ActieCodeForm
{
    position:           relative;
    display:            block;
    float:              left;
    clear:              left;
    width:              280px;
    height:             auto;
}

.ActieCodeField
{
    position:           relative;
    display:            block;
    float:              left;
    color:              Black;
    font-size:          8pt;
    border:             solid 1px #92B4BD;
    width:              200px;
    height:             19px;
    padding-left:       3px;
    padding-top:        3px;
    margin-right:       5px;
} 

.ActieCodeButton {}

.ActieCodeTekst
{
    position:           relative;
    display:            block;
    float:              right;
    width:              415px;
    height:             auto;
    margin-top:         5px;
    margin-left:        10px;
}
    
/* ActieCode [END] ---------------------------------------------------- */








/* AfhalenBezorgen [START] ---------------------------------------------------- */

.afhalenbezorgenoverlaylink a
{
    text-decoration:    underline;
    color:              #1B53A6; /* BLAUW */
    font-weight:        normal;
}

.SelecteerBezorgWijze
{
	width:              705px;
	height:             111px;
	padding:            15px;
	background-color:   #F5F5F5;
	font-size:          12px;
	border:             solid 1px #B7D2E7;  /*OUD:#CFCFCF;*/
}

.SelecteerBezorgWijzeTitel
{
	float:              left;
	font-size:          12px;
	padding-left:       25px;
	padding-bottom:     5px;
}

.SelecteerBezorgWijzeAfhalen
{
	background-color:   #FFFFFF;
	width:              313px;
	height:             60px;
	float:              right;	
	font-size:          12px;
	padding-left:       25px;
	padding-top:        10px;
}

.SelecteerBezorgWijzeBezorgen
{
	background-color:   #FFFFFF;
	width:              313px;
	height:             60px;
	float:              left;	
	font-size:          12px;
	padding-left:       25px;
	padding-top:        10px;
	
}

.SelecteerBezorgWijzeSelected
{
	border:             solid 1px #B7D2E7;  /*OUD:#CFCFCF;*/
}

.SelecteerBezorgWijzeRadioButton	
{
	font-size:          12px;
	font-weight:        bold;
	margin-bottom:      30px;
	margin-top:         10px;
}

.SelecteerBezorgWijzeRadioButtonLabel
{
	margin-left:        7px;
	font-weight:        bold;
	font-size: larger;
	
}

.SelecteerBezorgWijzeItem
{
	
	float:              none;
	height:             auto;
	margin-top:         10px;
	margin-bottom:      10px;
	margin-left:        27px; 
	font-size: larger;
}

label.SelecteerBezorgWijzeRadioButton
{
	left:               30px;
}

.SelecteerBezorgWijzeSelecteerFiliaal
{
	padding-left:       40px;
}

/* AfhalenBezorgen [START] ---------------------------------------------------- */







/* CategorieGroepOverzichtControl [START] --------------------------------- */

a.CategorieGroepOverzichtLink
{
    text-decoration:    none;
    color:              #1B53AA;
}

a.CategorieGroepOverzichtLink:hover
{
    color:             #dc2042;
}

td.CategorieGroepOverzicht
{
    vertical-align:top;
    border-left: solid 1px #C6DCDA;
    padding-left:7px;
    margin-bottom:10px;
}

td.CategorieGroepOverzicht_first
{
    padding-left:0px;
    border-left:hidden;
    border-left:none;
}

/* CategorieGroepOverzichtControl [END] --------------------------------- */






/* FaqControl [START] --------------------------------- */

.FaqPanelWinkelwagen
{
	width:              705px;
    height:             auto;
	padding:            5px 15px 15px 15px;
	background-color:   #F5F5F5;
	font-size:          12px;
	border:             solid 1px #B7D2E7;  /*OUD:#CFCFCF;*/
	
	margin-top:         20px;
	margin-top:         inherit !important;
	
	position:           inherit  !important
}

.FaqCategoriePanelWinkelwagen
{
    padding-top:        10px;
    padding-bottom:     10px;
}

.FaqCategorieWinkelwagen
{
	color:              #CB0035;
	font-weight:        bold;
	font-size:          12px;
}

.FaqVraagPanelWinkelwagen
{
    cursor:             hand;
    cursor:             pointer;
}

.FaqVraagWinkelwagen
{
    color:              #1B53AA;
    text-decoration:    underline;
}

.FaqVraagWinkelwagen:hover, .FaqVraagWinkelwagenActive
{
    color:             #DC2042;
}

/* FaqControl [END] --------------------------------- */






/* MijnBestellingControl [START] --------------------------------- */

.sidecontainer 
{
    position:           relative;
    display:            block;   
    width:              200px !important;
    width:              195px;
    height:             auto;
    border:             solid 1px #B7D2E7;      /*LICHTBLAUW*/
    background-color:   White; 
    margin:             10px 0px 0px 0px;
}

.sidecontainer h3
{
    position:           relative;
    display:            block;      
    float:              left;
    clear:              left;
    width:              180px !important;
    width:              175px;
    height:             auto;            
    padding:            6px 10px;
    margin:             0px;
    color:              Black; 
    border-bottom:      solid 1px #B7D2E7;      /*LICHTBLAUW*/
    background-color:   #F7F6F4;                /*ULTRALICHTBLAUW*/
}

.mijnbestellingcontainer
{
    position:           relative;
    display:            block;   
    width:              180px;
    height:             auto;
    margin:             10px !important;
    margin:             3px;
    float:              left;
    clear:              left;
}

.mijnbestellingcontainer .odervalue
{
    text-align:         right;
}

.uwgegevenslink
{
    text-decoration:    none;
    color:              #CC0033;
    font-weight:        bold;
}

.uwgegevensdiv
{
    position:           relative;
    display:            none;
    width:              155px;
    margin-top:         6px;
}

/* MijnBestellingControl [END] --------------------------------- */








/* SelecteerKadoControl [START] --------------------------------- */

.KadoShow
{
    visibility:         visible;
}

.KadoHide
{
    visibility:         hidden;
}

.Kados
{
	float:              left;
	width:              705px;
	height:             211px;
	padding:            15px;
	background-color:   #F5F5F5;
	font-size:          12px;
	border:             solid 1px #B7D2E7;  /*OUD:#CFCFCF;*/
	margin:             10 0 10 0;
}

.Kado
{
    position:           relative;
    display:            block;
	width:              323px;
	height:             141px;
	float:              left;
	font-size:          12px;
	padding-left:       10px;
	padding-top:        10px;
	margin-left:        30px;
	background-color:   #FFFFFF;
}

.Kado label,
.Kado2 label
{
	padding-left:       4px;
}

.Kado2
{
	background-color:   #FFFFFF;
	width:              323px;
	height:             141px;
	float:              right;
	font-size:          12px;
	padding-left:       10px;
	padding-top:        10px;
}

.KadoSelected
{
	border:             solid 1px #B7D2E7;  /*OUD:#CFCFCF;*/
}

.KadoNotSelected
{
	border:             solid 1px white;
}

.KadoImg{}

.KadoDiv
{
    float:              left;
    text-align:         left;
}

/* SelecteerKadoControl [END] --------------------------------- */







/* WinkelWagenControl [START] --------------------------------- */

.Bigfont
{
	font-size:          12px;
}

.Hugefont
{
	font-size:          16px;
}

.Slimfont
{
	font-weight: normal;
}

.Transfont
{
	color: #666;
}

.actielogo_winkelwagen
{
    position:           absolute;
    left:               5px;
    bottom:             5px;
}

/* WinkelWagenControl [END] --------------------------------- */












/* MijnGegevensEnBestellingControl [START] --------------------------------- */

.uwgegevensenbestellinglink
{
    text-decoration:    none;
    color:              #1B53A6; /* BLAUW */
    font-weight:        bold;
}

.uwgegevenstogglecontainer
{
    position:           relative;
    /*display:            none;*/
    width:              700px;
    height:             auto;
    margin-top:         10px;    
}

.uwgegevenstoggleitemcontainer
{
    position:           relative;
    display:            block;
    width:              700px;
    height:             auto;
    margin-bottom:      10px;
}

.uwgegevenstoggleitemcontainer h2
{
    position:           relative;
    display:            inline;      
    float:              left;
    clear:              left;
    width:              680px;
    height:             auto;            
    padding:            6px 10px;
    margin:             0px;
    color:              Black; 
    font-weight:        bold;
    font-size:          8pt;
    background-color:   #B9CFE4;                /*BLAUW*/
}

.uwgegevenstoggleitemcontainer table
{
    position:           relative;
    display:            block;      
    float:              left;
    height:             auto;  
    margin:             10px 0px 10px 10px; 
}

.uwgegevenstoggleitemcontainer table tr td
{
    vertical-align:     top;
}

.uwgegevenstoggleitemcontainer .odervalue
{
    text-align:         right;
}

/* MijnGegevensEnBestellingControl [END] --------------------------------- */


/* SlagzinOverzichtControl [START] --------------------------------------- */
.panelSlagzin
{
	width: 99%;
	background-color: #F5F5F5;
}

.panelSlagzinPersoon
{
 margin-bottom:2px;
 
}

.labelSlagzinPersoon
{
	font-size: 12px;
}

.panelSlagzinAntwoord
{
 margin-bottom:10px;
	
 border-bottom: #b8d0e3 1px solid;
 
}

.labelSlagzinAntwoord
{
 font-style:italic;
 font-size: 12px;
}
/* SlagzinOverzichtControl [END] --------------------------------------- */
