﻿#simplemodal-overlay{ background: transparent url('grfx/modals/blank.gif');}
#confirmModalOverlay {background: transparent url('grfx/modals/blank.gif');}


#simplemodal-container .top {position:absolute;top:-19px;left:0;width:294px;height:19px;overflow:hidden;background: transparent url('grfx/modals/modal_top_bg.png') top left no-repeat}
#simplemodal-container .bottom {position:absolute;bottom:-24px;left:0;width:294px;height:19px;overflow:hidden;background: transparent url('grfx/modals/modal_bottom_bg.png') top left no-repeat}
#simplemodal-container { visibility:hidden;position:relative;background:transparent url('grfx/modals/modal_bg.png') top left repeat-y; padding:0 0 5px 0; width:294px;}
#simplemodal-container iframe {position:relative;width:200px;top:0px;left:8px;width:278px;background-color:#eee;}
#simplemodal-container a.modalCloseImg { position:relative;left:390px;top:20px;z-index:1000;background:url(grfx/modals/h-delete.gif) top left no-repeat; width:20px; height:20px;  display:block;  z-index:3200;      cursor:pointer;  }       
#simplemodal-container a.modalCloseImg:hover {background-position:left -150px;}

#simplemodal-container p {position:relative;}
#simplemodal-container .bottom {_bottom:4px;}


#confirmModalContainer .top {position:absolute;top:-38px;left:0;width:252px;height:38px;overflow:hidden;background: transparent url('grfx/modals/modal_cart_top_bg.png') top left no-repeat}
#confirmModalContainer .bottom {position:absolute;bottom:-19px;left:0;width:252px;height:19px;overflow:hidden;background: transparent url('grfx/modals/modal_cart_bottom_bg.png') top left no-repeat}
#confirmModalContainer.simplemodal-container { position:relative;background:transparent url('grfx/modals/modal_cart_bg.png') top left repeat-y; padding:0 0 5px 0; width:252px;}

#confirmModalContainer a.modalCloseImg { position:relative;left:390px;top:20px;z-index:1000;background:url(grfx/modals/h-delete.gif) top left no-repeat; width:20px; height:20px;  display:block;  z-index:3200;      cursor:pointer;  }       
#confirmModalContainer a.modalCloseImg:hover {background-position:left -150px;}

#confirmModalContainer p {position:relative;}
#confirmModalContainer {_background:transparent url('grfx/modals/modal_bg.png') top left repeat-y;}
#confirmModalContainer .bottom {_bottom:4px;}

#confirmModalContainer h1.popup-title {position:relative;margin:0 0 10px 0;}
#confirm .vlak h1 {height:20px;}
#confirm .vlak {position:relative;top:0;width:200px;margin:0 auto; background:#fff none; }
#confirm .vlak-content {padding:8px 0 0 0;}
#confirm .vlak p {padding-left:0;margin:0 0 2px 0;}

#confirm .buttons {position:relative;height:24px;margin:10px 0 0 0;}
#confirm .buttons .yes {position: absolute;left:60px; }
#confirm .buttons .no {position: absolute;right:60px; }

#confirm .buttons .no,
#confirm .buttons .yes {display:block;border:0;width:60px;height:24px;background: transparent url('grfx/modals/content/btn_yesno.gif') top left no-repeat;line-height:24px;color:#333;text-align:center;color:#333;font-size:11px;line-height:24px;cursor:pointer;font-family:Arial;}
#confirm .buttons .no:hover,
#confirm .buttons .yes:hover{background-position: bottom left;}


/* popup styles */
#confirm h1.popup-title {position:absolute;font-size:12px;font-weight:bold;color:#fff;padding:0;top:-21px;left:26px;z-index:2;}
#confirm .close {display:block;position:absolute;width:18px;height:18px;background: transparent url('grfx/modals/cart_close.gif') top left no-repeat;top:-22px;right:16px;text-indent:-999px;overflow:hidden;z-index:100;}
#confirm .close:hover {background-position:bottom left;}

h1.popup-title {position:absolute;font-size:12px;font-weight:bold;color:#333;padding:0;top:-3px;left:26px;z-index:2;}
.close {display:block;position:absolute;width:18px;height:18px;background: transparent url('grfx/modals/close.gif') top left no-repeat;top:-3px;right:16px;text-indent:-999px;overflow:hidden;z-index:100;}
.close:hover {background-position:bottom left;}

body#popup {background: #fff none;}
body#popup #popup-container {position:relative;width:254px;padding:0 5px;}
body#popup #popup-container #footer {margin:10px 0 0 0;}
body#popup #popup-container p.intro {color:#666666;margin:0 0 5px 0;}

/* order detailsssss in profiel */ /*
#cart {border-bottom:5px solid #fff;}
#cart p {margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}

.orders-vlak {position:relative;margin:0 auto 5px auto;width:524px;background:#F0F0F0 url('../grfx/orders_vlak_bottom.gif') bottom left no-repeat;padding:3px 0;}
.orders-vlak .top {position:absolute;height:3px;background: transparent url(../grfx/orders_vlak_top.gif) top left no-repeat;overflow:hidden;top:0;left:0px;}

#cart .order-title {position:relative;height:25px;line-height:25px;left:5px;color:#666666;font-weight:bold;}
#cart .order-title .artikel-nr {position:absolute;left:10px;}
#cart .order-title .artikel {position:absolute;left:65px;}
#cart .order-title .formaat {position:absolute;left:250px;top:0px;}
#cart .order-title .aantal {position:absolute;left:370px;top:0;}
#cart .order-title .prijs {position:absolute;left:460px;top:0;}

#cart .order {position:relative;height:25px;line-height:25px;}

#cart .order .artikel-nr {position:absolute;left:10px;}
#cart .order .artikel {position:absolute;left:85px;}
#cart .order .formaat {position:absolute;left:250px;top:0px;}
#cart .order .aantal {position:absolute;left:370px;top:0;}
#cart .order .prijs {position:absolute;left:460px;top:0;}


.cart-row {padding:3px 0 3px 18px;position:relative;}
.cart-row .amount {position:absolute;left:465px}
.korting {font-weight:BOLD;color:#ff0000;}
.totaal {font-weight:bold;font-size:12px;position:relative;top:3px;height:15px;}

*/