/* 
    Document   : style.css
    Created on : 26-okt-2009, 12:17:26
    Author     : HJ
*/


/* Imports */
@import url('reset.css');
@import url('clear.css');
@import url('form.css');


HTML, BODY {
    width: 100%;
    height: 100%;
}
BODY {
    /*background: #f65bae url('../images/layout/bg-body.jpg') bottom left repeat-x fixed;*/
    background: #eabef1 url('../images/layout/bg-body2.jpg') bottom left repeat-x fixed;
    font-family: "Arial";
    font-size: 11px;
    line-height: 18px;
}
A:LINK, A:VISITED {
    color: #691a79;
}
H1 {
    font-size: 1.8em;
    color: #691a79;
}
H2 {
    font-size: 1.6em;
	font-weight: lighter;
    color: #691a79;
    margin-bottom: 5px;
}
H3 {
    font-size: 1.2em;
    color: #691a79;
    margin-bottom: 5px;
}


.box {
    margin-bottom: 5px;
    padding: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.lichtroze {
    /*background: #fdddee;*/
    background: #f8e0fc;
}
.donkerroze {
    /*background: #f7acd4;*/
    background: #E7C6EA;
}
.prijs {
    color: #691a79;
}
.big {
    font-size: 30px;
}
.medium {
    font-size: 20px;
    font-weight: bold;
}
.small {
    font-size: 16px;
    font-weight: bold;
}
.spacer-bottom {
	margin-bottom: 5px;
}

/* Winkelmandje */
#voortgang {
	width: 100%;
	margin-bottom: 20px;
}
#voortgang TD {
	width: 25%;
}
#voortgang IMG {
	width: 100%;
}
#winkelmandjeOverzicht {
}
#winkelmandjeOverzicht TABLE {
	width: 100%;
	border-collapse: collapse;
}
#winkelmandjeOverzicht TABLE THEAD TH {
	background: #F657AC;
	color: #FFF;
	padding: 2px 5px;
}
#winkelmandjeOverzicht TABLE TBODY TD {
	background: #FFF;
	border-bottom: 1px solid #999;
	padding: 5px;
	text-align: right;
}
#winkelmandjeOverzicht TABLE TBODY TD.accent {
	background: #FEF1F8;
}
#winkelmandjeOverzicht TABLE TFOOT TD {
	background: #FDDDEE;
	text-align: right;
	padding-right: 0px;
}




#container {
    width: 1000px;
    margin: 0 auto;
}


/* 
* Productweergaves
*/

/* Product */
#product {
	position: relative;
	z-index: 1000;
}
    #product DIV#product-top {
        padding: 15px 0 0 0;
    }
    #product DIV#product-links {
        width: 300px;
        padding: 15px 0;
        float: left;
    }
        #product DIV#product-links .prod-img {
            width: 270px;
            -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 5px solid #FFF;
            box-shadow: 3px 3px 5px #c589a9; -webkit-box-shadow: 3px 3px 5px #c589a9;-moz-box-shadow: 3px 3px 5px #c589a9;
        }
        #product DIV#product-links .prod-img-thumb {
            background: #FFF;
            margin-top: 5px;
            width: 270px;
            -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 5px solid #FFF;
            box-shadow: 3px 3px 5px #c589a9; -webkit-box-shadow: 3px 3px 5px #c589a9;-moz-box-shadow: 3px 3px 5px #c589a9;
            cursor: pointer;
        }
        #product DIV#product-links .prod-img-thumb IMG {
            float: left;
        }
    #product DIV#product-rechts {
        width: 431px;
        padding: 15px 0;
        float: left;
    }
        #product DIV#product-rechts UL {
            padding: 10px 0 10px 15px;
            list-style-type: disc;
        }
        #product DIV#product-rechts .box {
            float: right;
            padding: 10px;          
        }
        #product DIV#product-rechts #prod-merk {
            padding: 10px 0;
        }
        #product DIV#product-rechts .box .prod-prijs {
            padding: 10px 0;
        }
       

/* Default */
.producten {
    width: 247px;
    float: left;
    margin: 10px 0;
}
    .producten .prod-img {
        width: 100px;
        margin-right: 10px;
        float: left;
        -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 5px solid #ffbce0;
        box-shadow: 3px 3px 5px #c589a9; -webkit-box-shadow: 3px 3px 5px #c589a9; -moz-box-shadow: 3px 3px 5px #c589a9;
    }
    .producten .prod-desc {
        width: 117px;
        float: left;
    }

/* Aanbieding */
.product-aanbieding {
    width: 247px;
    float: left;
    margin: 10px 0;
}
    .product-aanbieding .merklogo {
        /* border-bottom: 5px solid #f65bae; */
		text-align: center;
		padding: 3px 0 0 0;
		height: 40px;
    }
    .product-aanbieding .prod-img {
		background: #FFF;
        width: 100px;
        margin-right: 10px;
        float: left;
        -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 5px solid #FFF;
        box-shadow: 3px 3px 5px #c589a9; -webkit-box-shadow: 3px 3px 5px #c589a9;-moz-box-shadow: 3px 3px 5px #c589a9;
    }
    .product-aanbieding .prod-desc {
        width: 117px;
        float: left;
    }
	.product-aanbieding .prod-desc .btnSmall {
        position: absolute;
		/*margin: 130px 0 0 60px;*/
		margin: 127px 0 0 55px;
    }

/* Nieuw */
.nieuwe-collectie {
}
.nieuwe-collectie .product {
    height:300px;
	width: 137px;
    padding: 5px;
    background: #FFF;
    float: left;
    border-left: 1px solid #FDDDEE;
	border-bottom: 1px solid #FDDDEE;
}
.nieuwe-collectie .product .merklogo {
	margin: 3px auto 3px auto;
	text-align:center;
}
.nieuwe-collectie .product .prod-footer {
	margin: 240px 0 0 0;
	width: 135px;
    position: absolute;
	display: block;
	text-align: right;
}
.nieuwe-collectie .product .prod-footer .btnSmall {
	text-align: left;
}



#header {
    height: 110px;
}
    #logo {
        position: absolute;
    }
    #zoeken {
        position: absolute;
        margin-left: 814px;
		  top: 25px;
    }
    #navigatie {
        position: absolute;
        margin-top: 75px;
    }
    #navigatie UL LI {
        display: block;
        float: left;
        padding: 5px 0;
		height: 25px;
    }
    #navigatie UL LI A:LINK, #navigatie UL LI A:VISITED {
        font-weight: bold;
        text-decoration: none;
        padding: 13px 10px 14px 10px;
		/*background: #FDDDEE;*/
		background: #f8e0fc;
		-moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px;
		-moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px;
		/*border-top: 1px solid #F657AC;
		border-right: 1px solid #F657AC;*/
		margin-right: 2px;
    }
	#navigatie UL LI.active A:LINK, #navigatie UL LI.active A:VISITED {
		background: #FFF;
    }
    #navigatie UL LI A:HOVER {
        background: #FDF5FE;
    }

#main {
    background: #FFF;
    padding: 5px 0 0 0;
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
}
    #main-left {
        width: 751px;
        padding-left: 5px;
        float: left;
    }
        #main-left UL, #main-left OL {
            margin: 0 0 0 15px;
            list-style: inherit;
        }
        #main-left P {
            padding: 8px 0;
        }
        #main-left H1 {
            padding: 10px 0;
        }
        #main-left H2 {
            padding: 5px 0 0 0;
        }
        #content {
            padding: 0 10px 0 10px;
        }
		#contentPadding {
            padding: 15px;
        }
        #winkelmandje {
            width: 751px;
            height: 40px;
            position: absolute;
            overflow: hidden;
            z-index: 999999;
        }
            #slideMenu {
                position: absolute;
                /*background: #00A3E7;*/
                background: #f657ac;
                width: 751px;
                height: 210px;
                margin-top: -181px;
                color: #FFF;
					 -moz-border-radius: 5px;
            }
            #sliderContent {
                position: absolute;
                text-align: center;
                padding: 10px;
				overflow: hidden;
            }
				#sliderContent #content_placeholder {
					height: 170px;
					overflow: hidden;
				}
				#sliderContent #scrollers {
					width: 31px;
					height: 62px;
					position: absolute;
					margin: 0 0 0 720px;
				}
				#sliderContent #scrollers #scrollUp, #sliderContent #scrollers #scrollDown {
					width: 10px;
					height: 10px;
					background: #FFF;
					margin-bottom: 1px;
					cursor: pointer;
				}
				#sliderContent #scrollers #scrollUp:HOVER, #sliderContent #scrollers #scrollDown:HOVER {
					background: #691a79;
				}
            #openCloseWrap {
                position: absolute;
                margin: 181px 0 0 665px;
                font-size: 12px;
                font-weight:bold;
            }
            #winkelmandjeData {
                position: absolute;
                margin: 186px 0 0 10px;
            }
            #winkelmandjeData TD {
                padding-right: 40px;
            }
			#winkelmandjeData TD A:LINK, #winkelmandjeData TD A:VISITED {
                color: #FFF;
            }
			#notificationsLoader {
				position: absolute;
			}
			/* WINKELMANDJEPRODUCT */
			.winkelmandjeproduct {
				width: 140px;
				height: 170px;
				/*background: #33b5ec;*/
				background: #f680bf;
				float: left;
				margin-right: 3px;
				margin-bottom: 3px;
			}
			.winkelmandjeproduct TABLE {
				width: 100%;
			}
			.winkelmandjeproduct TABLE TD {
				text-align: left;
				padding: 0 0 5px 10px;
			}
			.winkelmandjeproduct TABLE TD DIV {
				width: 55px;
				float: left;
			}
			.winkelmandjeproduct TABLE TD DIV IMG {
				border: 1px solid #FFF;
			}
        #showcase {
            margin-top: 25px;
            width: 751px;
            height: 300px;
            background: #ccaa7d;
            -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
            -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
            margin: 0 0 5px 0;
        }
		.paginanummers {
			height: 18px;
			float: left;
			padding: 5px 10px;
			margin-right: 5px;
			background: #FFF;
			-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #f658ad;
		}
		.zoekoptie {
			height: 50px;
			float: left;
			padding: 5px 10px;
			margin-right: 5px;
			background: #FFF;
			-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #f658ad;
		}
        #prijs-slider {
            width: 98%;
        }
        .tblProductNavigatie {
            width: 100%;
        }
        .tblProductNavigatie TD {
            padding: 5px 0;
            text-align: center;
        }
        .tblProductNavigatie TD SPAN A:LINK, .tblProductNavigatie TD SPAN A:VISITED {
            color: #FFF;
            text-decoration: none;
            display: inline-block;
            width: 19px;
            height: 19px;
            background: url('../images/layout/buttons.png') -76px 0 no-repeat;
            cursor: pointer;
        }
        .tblProductNavigatie TD SPAN A:HOVER {
            background: url('../images/layout/buttons.png') -95px 0 no-repeat;
        }

        .tblActieContent {
            border-collapse: collapse;
            margin: 5px 0;
        }
        .actie-content {
			width: 241px;
			float: left;
			margin: 10px 0;
			padding-left: 6px;
        }
		.actie-content h2:hover {
			cursor: pointer;
			color: #8E6095;
        }
        .actie-content A:LINK, .actie-content A:VISITED {
			color: #000;
			text-decoration: none;
        }
        .actie-content A:HOVER {
        }
    #main-right {
        width: 234px;
        padding: 0 5px;
        float: left;
    }
        #tblLaatstBekeken {
            width: 100%;
            margin: 10px 0;
        }
        #tblLaatstBekeken td {
            vertical-align: middle;
            text-align: center;
        }
            #tblLaatstBekeken td .prod-img {
                width: 105px;
                margin: 0 auto;
                -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 5px solid #FFF;
                -moz-box-shadow: 3px 3px 5px #c589a9; -webkit-box-shadow: 3px 3px 5px #c589a9; box-shadow: 3px 3px 5px #c589a9; 
            }
        #scroll-content {
            width: 224px;
            height: 400px;
            overflow-y: scroll;
            background: #FFF;
        }
		
		#scroll-content .merk {
			width: 215px;
			height: 50px;
			text-align: center;
			padding: 5px 0 5px 0;
			border-bottom: 1px solid #fdddee;
		}
		#verzendvoorwaarden {
            width: 224px;
			height: 230px;
			background: #FFF;
        }
		#verzendvoorwaarden .merk {
			width: 215px;
			height: auto;
			text-align: center;
			padding: 5px 0 5px 0;
			border-bottom: 1px solid #fdddee;
		}


#footer {
    width: 1000px;
    padding: 15px 0 20px 0;
    margin: 0 auto;
    /*color: #FFF;*/
	 color: #691A79;
    text-align: center;
    line-height: 14px;
}
#footer A:LINK, #footer A:VISITED {
    /*color: #FFF;*/
    color: #691A79;
    text-decoration: underline;
}
#footer A:HOVER {
    text-decoration: none;
}
#footer UL {
    margin: 0 0 10px 0;
}
#footer UL LI {
    display: inline;
}

/* Winkelmandje (producten en loader) */
.product-box {
	padding: 0px 0px 0px 10px;
	text-align: left;
}

.winkelmandjeproduct .product-top,
.winkelmandjeproduct .product-body {
	overflow: auto;
}

.winkelmandjeproduct .product-top {
	padding-bottom: 5px;
}

.winkelmandjeproduct .product-top button {
	float: right;
}

.winkelmandjeproduct .product-body {
	padding-bottom: 5px;
}

.winkelmandjeproduct .product-body img {
	float: left;
	width: 45px;
	margin-right: 10px;
	border: 1px solid #ffffff;
}

.winkelmandjeproduct .product-body .product-amount {
	float: left;
}

.winkelmandjeproduct .product-body .product-amount label {
	display: block;
}

.winkelmandjeproduct .product-name {
	height: 57px;
}

.winkelmandjeproduct .product-price {
	text-align: right;
	padding-right: 10px;
}

.winkelmandjeproduct .product-price em {
	font-style: normal;
	font-size: 18px;
}

.cart-loader {
	background-image: url(../images/cart-loader.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 20px;
}

.message-warning {
	padding: 5px;
	padding-left: 28px;
	background-color: rgb(246, 90, 174);
	color: rgb(255, 255, 255);
	margin-bottom: 10px;
	background-image: url(../images/layout/icon-warning.png);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}

abbr {
	cursor: help;
	border-bottom: 1px dotted #000000;
}


/* Mailtoolz formulier */
.list-uitgaven {
	margin-bottom: 15px;
}

.blok-uitgave {
	font-size: 11px;
	display: block;
	margin-bottom: 3px;
	overflow: auto;
	cursor: pointer;
	padding: 4px;
	border-radius: 5px;
}

.blok-uitgave input,
.blok-uitgave div {
	float: left;
}

.blok-uitgave div {
	margin-left: 5px;
}

.blok-uitgave span {
	display: block;
}

.blok-uitgave span.faded {
	color: #9063a6;
}

.blok-uitgave {
	background-color: #fdf5fe;
}

.blok-uitgave-active {
	background-color: #f8e0fc;
}

/* jQuery UI tabs */
ul.ui-widget-header {
	border: none;
	background: none;
}

div.ui-corner-all {
	border: none !important;
	background: transparent;
	border-radius: 0px !important;
}

.ui-corner-bottom {
	border-radius: 0px !important;
}

#tabs {
	margin-top: 10px;
}

#tabs ul {
	list-style: none !important;
	padding: 0px;
	margin: 0px;
}

#tabs li {
	background: none;
	padding: 0px 20px;
	border-radius: 0px;
}

#tabs li a {
	font-family: Arial;
	color: #691a79;
	font-size: 11px;
}

#tabs li.ui-state-default {
	background-color: #ffffff;
	border: 1px solid #dddddd;
}

#tabs li.ui-state-active {
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-top: 2px solid #f657ac;
	font-weight: bold;
}

div.ui-tabs-panel {
	border-top: 1px solid #dddddd !important;
	padding: 10px !important;
	border-radius: none;
}

.ui-tabs-panel p {
	font-size: 11px;
}

.inline-notice-error,
.notice-error {
	color: #a80000;
}

.notice-error {
	background-color: #ffcbcb;
	display: block;
	padding: 3px;
	margin: 5px auto;
	text-align: center;
}

.inline-notice-error {
	font-weight: bold;
}

strong.coupon-code {
	background-color: #fdddee;
	color: #333333;
	font-weight: normal;
	padding: 3px 5px;
}

.betaal-label {
	overflow: auto;
	display: block;
	cursor: pointer;
	border-bottom: 1px solid #ececec;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.betaal-label input {
	float: left;
}

.betaal-label span {
	display: block;
	float: left;
	margin-left: 5px;
}

#methode_ideal { margin-top: 10px; }
#methode_monthly { color: #676767; }
#methode_transfer,
#methode_rembours {
	padding-bottom: 10px;
}

#methode_ideal input { position: relative; top: 7px; }
#methode_paypal input { position: relative; top: -1px; }
#methode_invoice input { position: relative; top: 2px; }
#methode_monthly input { position: relative; top: 2px; }

label.betaal-disabled {
	cursor: default;
}

.betaal-disabled span {
	opacity: 0.5;
	filter: Opacity(Alpha=50);
}