﻿#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;}

*/


/* visitekaartjes AR popup */
#overlay {position:fixed;_position:absolute;left:0;top:0;width:100%;height:100%;background:#FFF none;z-index:1000;	opacity: .50; /* Standard: FF gt 1.5, Opera, Safari */	filter: alpha(opacity=50); /* IE lt 8 */	-ms-filter: "alpha(opacity=50)"; /* IE 8 */	-khtml-opacity: .50; /* Safari 1.x */	-moz-opacity: .50;  }
#ar-popup {position:absolute;display:none;z-index:2000;width:700px;margin:20px auto;background:transparent url(grfx/modals/ar_popup/ar_popup_bg.png) top left repeat-y;}
#ar-popup .bottom {position:absolute;left:0;height:20px;width:700px;background:transparent url(grfx/modals/ar_popup/ar_popup_bottom.png) top left no-repeat;overflow:hidden;}
#ar-popup .top {position:absolute;top:-20px;left:0;height:20px;width:700px;background:transparent url(grfx/modals/ar_popup/ar_popup_top.png) top left no-repeat;overflow:hidden;}
#ar-popup .content {position:relative;width:670px;margin:0 auto;}
#ar-popup .content h2 {position:absolute;top:-4px;color:#000;font-size:15px;font-weight:bold;margin:0;padding:0;}
#ar-popup .content .doublecolumn-container {position:relative;width:670px;margin:0 auto;background: transparent url(grfx/layout/dotline_vertical.gif) 270px top repeat-y; zoom:1;}
#ar-popup .content .doublecolumn-container .left {position:relative;float:left;width:270px;}
#ar-popup .content .doublecolumn-container .right {position:relative;float:left;width:380px;left:10px;}
#ar-popup .content .doublecolumn-container h2 {color:#f00;font-size:12px;font-weight:bold;position:relative;margin:0 0 2px 0;padding:0;}
#ar-popup .content .doublecolumn-container p {margin:0 0 10px 0;}
#ar-popup .content .btn-ok,
#ar-popup .content .btn-ontwerpen {margin:0 auto 10px auto;}

#ar-popup .content .vlak {position:relative;padding:10px;background:#F0F0F0 none;}
#ar-popup .content .vlak label {position:relative;top:-1px;font-size:12px;}
#ar-popup .content .vlak .ar-username {position:relative;width:305px;font-size:12px;color:#666666;margin:0 auto;}
#ar-popup .content .vlak .ar-username input {display:inline-block;border:1px solid #AAAAAA;color:#666;padding:2px;width:206px;margin:0 0 0 4px;   border:1px solid #AAAAAA;
}
#ar-popup .content .vlak .ar-username .max-characters {text-align:right;color:#666666;font-size:11px;margin:-5px 0 0 0;}



#ar-popup .content .error {background:url("grfx/error_icon.gif") no-repeat scroll left top transparent;color:#FF0000 !important;margin:8px;padding:0 0 0 20px;}

#ar-popup .close-link {position:relative;text-align:right;top:-6px;height:18px;line-height:18px;}
#ar-popup .close-link .close2 {position:relative;display:inline-block;color:#666;height:18px;line-height:18px;padding:0 23px 0 0;background: transparent url(grfx/close.gif) top right no-repeat;text-indent:0;}
#ar-popup .close-link .close2:hover {color:#000;background-position:bottom right;}

/** reorder popup **/
#ar-reorder-popup {position:absolute;display:none;z-index:2000;width:700px;margin:20px auto;background:transparent url(grfx/modals/ar_popup/ar_popup_bg.png) top left repeat-y;}
#ar-reorder-popup .bottom {position:absolute;left:0;height:20px;width:700px;background:transparent url(grfx/modals/ar_popup/ar_popup_bottom.png) top left no-repeat;overflow:hidden;}
#ar-reorder-popup .top {position:absolute;top:-20px;left:0;height:20px;width:700px;background:transparent url(grfx/modals/ar_popup/ar_popup_top.png) top left no-repeat;overflow:hidden;}
#ar-reorder-popup .content {position:relative;width:670px;margin:0 auto;}
#ar-reorder-popup .content h2 {position:absolute;top:-4px;color:#000;font-size:15px;font-weight:bold;margin:0;padding:0;}
#ar-reorder-popup .content .doublecolumn-container {position:relative;width:670px;margin:0 auto;background: transparent url(grfx/layout/dotline_vertical.gif) 270px top repeat-y; zoom:1;}
#ar-reorder-popup .content .doublecolumn-container .left {position:relative;float:left;width:270px;}
#ar-reorder-popup .content .doublecolumn-container .right {position:relative;float:left;width:380px;left:10px;}
#ar-reorder-popup .content .doublecolumn-container h2 {color:#f00;font-size:12px;font-weight:bold;position:relative;margin:0 0 2px 0;padding:0;}
#ar-reorder-popup .content .doublecolumn-container p {margin:0 0 10px 0;}
#ar-reorder-popup .content .btn-ok,
#ar-reorder-popup .content .btn-ontwerpen {margin:0 auto 10px auto;}

#ar-reorder-popup .content .vlak {position:relative;padding:10px;background:#F0F0F0 none;}
#ar-reorder-popup .content .vlak label {position:relative;top:-1px;font-size:12px;}
#ar-reorder-popup .content .vlak .ar-username {position:relative;width:305px;font-size:12px;color:#666666;margin:0 auto;}
#ar-reorder-popup .content .vlak .ar-username input {display:inline-block;border:1px solid #AAAAAA;color:#666;padding:2px;width:206px;margin:0 0 0 4px;}
#ar-reorder-popup .content .vlak .ar-username .max-characters {text-align:right;color:#666666;font-size:11px;margin:-5px 0 0 0;}


#ar-reorder-popup .content .radiobuttons {position:relative;margin:-5px 0 10px 10px}
#ar-reorder-popup .content .radiobuttons label {position:relative;left:5px;display:inline-block;width:190px;margin:10px 0 0 0}
#ar-reorder-popup .content .radiobuttons input {position:relative;top:-15px;}

#ar-reorder-popup .content .error {background:url("grfx/error_icon.gif") no-repeat scroll left top transparent;color:#FF0000 !important;margin:8px;padding:0 0 0 20px;}

#ar-reorder-popup .close-link {position:relative;text-align:right;top:-6px;height:18px;line-height:18px;}
#ar-reorder-popup .close-link .close2 {position:relative;display:inline-block;color:#666;height:18px;line-height:18px;padding:0 23px 0 0;background: transparent url(grfx/close.gif) top right no-repeat;text-indent:0;}
#ar-reorder-popup .close-link .close2:hover {color:#000;background-position:bottom right;}

.btn-controleer {position:relative;left:0;font-size:11px;display:block;width:167px;height:24px;background: transparent url('grfx/btn_controleerbeschikbaarheid.gif') top left no-repeat;line-height:24px;color:#000;text-align:center;overflow:hidden;font-family:Arial;}
.btn-controleer {background-position: bottom left;}
