/*
Openshop Webwinkel module
Powered by www.openshop.nl
Versie 1.1
*/

/* H2 */
#left .box h2,#basket h2,#search h2,#right .box h2 {height:30px;color:#FFFFFF;margin:0px;padding:0px 0px 0px 10px;font-family:verdana;font-size:13px;font-weight:bold;line-height:28px;background:#5F5F5F;}

body {margin:0px;padding:0px;text-align: center;background: url(../images/container_bg.jpg) repeat-x top;color:#4e4e4e;font-family:verdana;}
form {padding:0px;margin:0px;}

#sitecontainer {font-family:verdana;font-size:12px;line-height:16px;margin: 0px auto;padding:0px;text-align:left;width:986px;position:relative;}

#header_nav {text-align:right;color:#4E4E4E;margin:6px 0px 6px 0px;}
#header_nav a {color:#4E4E4E;text-decoration:none;padding:5px 0 5px 0;}

#main_container {border: 1px solid #cedde2; background:#FFFFFF;padding:12px;}

#header {margin-bottom:12px;}
#header #image {height:143px;border:1px solid #fff;background: transparent url(../images/header_image.jpg);cursor:pointer;}
#header #image .buttons {float:right;margin:113px 0px 10px 0px;width:200px;}
#header #image .buttons .button {float:right;height:16px;line-height:16px;margin:1px 10px 1px 1px;padding:1px 4px 1px 4px;border: 1px solid #004D6F;background-color:#FF800F;color:#fff;font-weight:bold;}

#left {float:left;width:190px;}
#left #categories {border: 1px solid #cedde2;background-color:#fff;}

#left .box ul {margin:0px;padding:0px;list-style-type:none;}
#left .box ul li {margin:0px;list-style-type:none;border-top: 1px solid #cedde2;line-height:28px;}
#left .box ul li a {color:#4e4e4e;text-decoration:none; display:block;padding:1px 0px 0px 10px;}
#left .box ul li a:hover {color:#323b76;background-color:#EEF4F4;}
/* Actief hoofdmenu */
#left .box ul .active {background-color:#49B0FF;}
#left .box ul .active a {color:#FFFFFF;font-weight:bold;}
#left .box ul .active ul li {margin:0px;list-style-type:none;}
#left .box ul .active ul li a {color:#868686;text-decoration:none;font-weight:normal;padding:1px 0px 0px 20px;background-color:#fff;}
#left .box ul .active ul li a:hover {color:#777;background-color:#EBEFF0;}
#left .box ul .active ul .subactive {}
#left .box ul .active ul .subactive a {color:#777;font-weight:bold;background-color:#EBEFF0;}


#center {float:left;width:554px;border:none;background-color:#fff;margin:0px 12px 12px 12px;}
#center #crawlpath { padding:8px 0px 6px 12px;font-weight:normal;color:#323b76;}
#center #crawlpath a {font-weight:bold;color:#FF800F;}

#center .box { margin:0px 12px 12px 12px;padding:0px;border: 1px solid #cedde2;background:url(../images/box_bg.jpg) repeat-x bottom left;}
#center .box h3 {color:#323b76;font-size:13px;font-weight:bold;line-height:28px;margin:5px 0px 0px 0px;}
#center .box h4 {color:#8b8b8b;font-size:12px;font-weight:bold;line-height:28px;margin:10px 0px 0px 0px;}
#center .box h5 {color:#8b8b8b;font-size:12px;font-weight:bold;margin:2px 0px;} /* Extra productvelden */
#center .box .imagecontainer {position:relative;}
#center .box .image {padding:12px 12px 12px 12px;float:left;}
#center .box .image img {border: 1px solid #cedde2;padding:1px;}
#center .box .image .thumbnails {width:210px;height:35px;margin-top:10px;}
#center .box .image .thumbnails .thumbnail_image {width:35px;float:left;padding:1px;cursor:pointer;margin-right:3px;}
#center .box .text {padding:1px 10px 10px 10px;line-height:18px;}
#center .box .text a {color:#4e4e4e;}
#center .box .text  ul {margin:0px 0px 0px 10px;padding:0px;}
#center .box .text  ul li {margin:0px 0px 0px 10px;padding:0px;}
#center .box .text .paragraafimage {float:right;padding:0px 5px 10px 10px}
#center .box .text .paragraafimage img {border: 1px solid #cedde2;padding:1px;}
#center .box .button {float:right;width:140px;height:18px;cursor:pointer;margin:-22px 0px 0px 0px;padding:1px 4px 1px 4px;border: 1px solid #FFFFFF;background-color:#FF800F;color:#FFFFFF;font-weight:bold;font-size:12px;letter-spacing:-0.25px;text-align:center;clear:right;}
#center .box .button a {color:#fff; text-decoration:none;}
#center .box .prijs { margin:20px 0px; color:red; }
#center .box .prijs .vanprijs { text-decoration:line-through;font-size:15px;color:#868686;padding-right:10px;}
#center .box .prijs .vanprijs .euro {font-size:15px;}
#center .box .prijs .voorprijs    { font-size:15px;font-weight:bold; color:#5F5F5F; }
#center .box .prijs .voorprijs .euro { font-size:15px;font-weight:bold; color:#5F5F5F; }
#center .box .prijs .normaalprijs { font-size:15px;font-weight:bold; color:red; }
#center .box .prijs .normaalprijs .euro { font-size:15px;font-weight:bold; color:red; }
#center .box .prijs .klein {float:left;text-decoration:line-through;font-size:15px;color:#868686;padding-right:15px;}
#center .box .prijs .groot {font-size:15px;font-weight:bold;color:#5F5F5F;}
#center .box .prijs .groot span {color:#5F5F5F;}
#center .box .product_options {font-family:verdana;font-size:12px;line-height:16px;width:150px;}
#center .box table {font-size:12px;}
#center .box table .border {border-top:1px solid #cedde2;}
#center .box table .price {text-align:right;}
#center .box #registration {margin:10px;width:534px;}
#center .box #registration .label {margin:0px 5px 0px 0px;width:160px;color:#323b76;}
#center .box #registration input {width:200px;}
#center .box #registration label.error, label.error {margin-left:5px;color:red;}
#center .box #registration input.error, input.error {}

/*
RECHTER KOLOM
*/

#right {float:left;width:190px;}

/* Winkelmandje Rechterkolom */
#basket { border: 1px solid #cedde2;background-color:#fff; margin-bottom:12px;padding-bottom:6px; }

#basket ul { margin:0px;padding:0px;list-style-type:none; }
#basket ul li { margin:0px;list-style-type:none;padding:4px 0px 4px 10px; }
#basket ul li a { text-decoration:none;color:#4e4e4e;background-image:url(../images/pijltje_rechts.gif);background-repeat:no-repeat;padding:0px 0px 0px 12px; }
#basket ul li .items {font-weight:bold;}
#basket ul li .sign {font-size:12px; font-weight:bold;color:#868686;padding-right:4px;}
#basket ul li .price {font-size:12px;font-weight:bold; color:red;}

/* Aanbiedingen rechterkolom */
#offers { border: 1px solid #cedde2;background-color:#fff;margin:0px 0px 12px 0px; }
.offer { margin:3px 7px 3px 0px;padding:0px;cursor:pointer;font-size:11px;color:#959595; }
.offer img { float:left;width:35px;height:35px; border:1px solid #bcbcbc; margin:3px 10px 10px 0px;padding:1px; }
.offer .titel {font-size:12px;font-weight:bold;color:#4e4e4e;margin:0px;padding:0px;}
.offer .price {width:100%;text-align:right;font-weight:bold;font-size:13px}
.offer .price .price_sign {color:#5F5F5F;}
.offer .price .price_value {color:#5F5F5F;}

/* Zoeken rechterkolom */
#search { border: 1px solid #cedde2;margin:12px 0px 12px 0px;background-color:#fff; }
#search ul { margin:0px;padding:0px;list-style-type:none; }
#search ul li {margin:10px 0px;list-style-type:none;padding:0px 0px 0px 10px; }
#search .button { height:22px;width:58px;margin:0px;padding:1px 4px 1px 4px;text-align:left;border: 1px solid #FFFFFF;background-color:#FF800F;color:#fff;font-weight:bold;font-family:verdana;font-size:12px; }
#search .search {width:160px;padding:2px;font-family:verdana;font-size:12px;color:#919191;border:1px solid #919191;}
#search .searchprice {width:166px;padding:2px;font-family:verdana;font-size:12px;color:#919191;border:1px solid #919191;}

/* Betaalmethoden rechterkolom */
#payment {border: 1px solid #cedde2;margin:12px 0px 12px 0px;background-color:#fff;}

/* Box voor de rechterkolom */
#right .box ul {margin:0px;padding:0px;list-style-type:none;}
#right .box ul li {margin:0px;list-style-type:none;padding:4px 0px 4px 10px; border-top: 1px solid #cedde2;}

#footer {border:1px solid #d0dde3;background-color:#fff;text-align:center;}
#footer .text {background-color:#5F5F5F;font-size:11px;line-height:18px;padding:5px 0px 5px 0px;color:#ffffff;}
#footer .text a:link {color:#ffffff;text-decoration:none;font-size:11px;}
#footer .text a:visited {color:#ffffff;text-decoration:none;}
#footer .text a:hover {color: #afafaf;text-decoration:none;}

#poweredby {margin-top:16px;text-align:center;font-size:11px;color:#bbb;}
#poweredby a:link, a:visited {color:#004D6F;text-decoration:none;}
#poweredby a:hover {color:#49B0FF;text-decoration:underline;}

/* Paging   */
.paginator {font-family:verdana;font-size:10px;padding:0px 0px 12px 12px;}
.paginator a:link{padding: 2px 6px;margin:1px;border: 1px #cedde2 solid;text-decoration: none;color:#4e4e4e;}
.paginator a:visited {padding: 2px 6px;margin:1px;border: 1px #cedde2 solid;text-decoration: none;color:#4e4e4e;}
.paginator .this-page {padding: 2px 6px;border-color: #999;font-weight: bold;}
.paginator a:hover {color: #000;background: #d0dde3;border-color: #cedde2;text-decoration: none;}

/* Stappenplan webshop */

#steps {padding:0px 0px 12px 12px;}
#steps .step {float:left;width:100px;height:35px;margin:0px 3px;padding:2px 0px 2px 25px;border:1px #CEDDE2 solid;cursor:pointer;}
#steps h1 {margin:0px;padding:0px;font-size:12px;}
#steps h2 {margin:0px;padding:0px;font-size:10px;}
#steps .active {background-color:#D0DDE3;color:#323b76;}
#steps .off {background: url(../images/box_bg.jpg) bottom repeat-x;}
#steps .done {background-image:url(../images/step_done.png);background-repeat:no-repeat;background-position:center left;}

#shopbox {margin:12px;}
#shopbox h1 {margin:0px;padding:0px;font-size:12px;}
#shopbox fieldset {margin:0px 0px 0px 0px;padding:12px;border: 1px solid #cedde2;background: url(../images/box_bg.jpg) bottom repeat-x;}
#shopbox fieldset legend {margin:0px;padding:4px;font-weight:bold;}
#shopbox fieldset br {clear:left;}
#shopbox fieldset a, a:visited, a:active {color:#004D6F;text-decoration:underline;}
#shopbox fieldset a:hover {color:#004D6F;text-decoration:none;}

#shopbox label {width:160px;float:left;margin:5px 0px 5px 0px;}
#shopbox label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
#shopbox .border {border-top:1px solid #cedde2;}
#shopbox .price {text-align:right;}

#shopbox .paymethod_cell {vertical-align:bottom;}
#shopbox .payment_divider {border-top:1px #eee solid;}
#shopbox .paymethod_logo {padding:0px 4px 0px 2px;vertical-align:text-bottom;}
#shopbox .paymethod_title {font-weight:bold;font-size:13px;}
#shopbox .paymethod_subtitle {font-weight:bold;font-size:11px;}
#shopbox .paymethod_description {}
#shopbox .paymethod_price {font-weight:bold;font-size:14px;color:red;white-space:nowrap;text-align:right;}

/* Buttons vorige volgende */
#shop_nav {margin:12px;clear:right;}
.shop_image_delete {background-image:url(../images/delete.png);background-repeat:no-repeat;border:none;text-decoration:none;padding:0px 0px 2px 16px;}
.button_shop {border: 1px solid #004D6F;background-color:#49B0FF;color:#fff;text-decoration:none;padding:1px 4px 1px 4px;margin:0px;width:140px;height:24px;vertical-align:top;cursor:pointer;}
.button_shop:hover {border: 1px #ed4300 solid;background-color:#49B0FF;}
.button_shop_back    {float:left;}
.button_shop_forward {float:right;}
.button_disabled {border:1px #cedde2 solid;background-color:transparent;color:#929B9F;width:160px;cursor:pointer;}

/* ------------------------------------------------------------------------
	t.b.v. afbeeldingen popups
------------------------------------------------------------------------- */
div.pictureHolder .top .left { background: url(/images/prettyPhoto/tl.gif) top left no-repeat; } /* Top left corner */
div.pictureHolder .top .middle { background: #fff; } /* Top pattern/color */
div.pictureHolder .top .right { background: url(/images/prettyPhoto/tr.gif) top left no-repeat; } /* Top right corner */
div.pictureHolder .content { background-color: #fff; } /* Content background */
div.pictureHolder .content a.next:hover { background: url(/images/prettyPhoto/next.gif) center right no-repeat; cursor: pointer; } /* Next button */
div.pictureHolder .content a.previous:hover { background: url(/images/prettyPhoto/prev.gif) center left no-repeat; cursor: pointer; } /* Previous button */
div.pictureHolder .content a.expand { background: url(/images/prettyPhoto/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
div.pictureHolder .content a.expand:hover { background: url(/images/prettyPhoto/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
div.pictureHolder .content a.contract { background: url(/images/prettyPhoto/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
div.pictureHolder .content a.contract:hover { background: url(/images/prettyPhoto/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
div.pictureHolder .content a.close { width: 61px; height: 22px; background: url(/images/prettyPhoto/btnClose.gif) center left no-repeat; cursor: pointer; } /* Close button */
div.pictureHolder .content .details .nav a.arrow_previous { background: url(/images/prettyPhoto/arrow_previous.gif) top left no-repeat; } /* The previous arrow in the bottom nav */
div.pictureHolder .content .details .nav a.arrow_next { background: url(/images/prettyPhoto/arrow_next.gif) top left no-repeat; } /* The next arrow in the bottom nav */
div.pictureHolder .bottom .left { background: url(/images/prettyPhoto/bl.gif) top left no-repeat; } /* Bottom left corner */
div.pictureHolder .bottom .middle { background: #fff; } /* Bottom pattern/color */
div.pictureHolder .bottom .right { background: url(/images/prettyPhoto/br.gif) top left no-repeat; } /* Bottom right corner */
div.pictureHolder .loaderIcon { background: url(/images/prettyPhoto/loader.gif) center center no-repeat; } /* Loader icon */
div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(/images/prettyPhoto/ttl.gif) top left no-repeat; }
div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(/images/prettyPhoto/ttr.gif) top left no-repeat; }
div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(/images/prettyPhoto/ttp.gif) top left repeat-x; }
div.prettyPhotoOverlay{background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%}
div.pictureHolder{position:absolute;z-index:10000;width:100px}
div.pictureHolder .top{position:relative;height:20px}
* html div.pictureHolder .top{padding:0 20px}
div.pictureHolder .top .left{position:absolute;left:0;width:20px;height:20px}
div.pictureHolder .top .middle{position:absolute;left:20px;right:20px;height:20px}
* html div.pictureHolder .top .middle{position:static}
div.pictureHolder .top .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}
div.pictureHolder .content{position:relative;text-align:left;width:100%;height:40px}
div.pictureHolder .content .details{display:none;margin:10px 15px 0 20px;}
div.pictureHolder .content .details p.description{display:none;float:left;margin:0;font-size:12px;}
div.pictureHolder .content .details .nav{float:left;margin:4px 0 0 0;height:20px;}
div.pictureHolder .content .details .nav p{float:left;margin:0 4px 0 4px;font-size:12px;}
div.pictureHolder .content .details .nav a.arrow_previous,div.pictureHolder .content .details .nav a.arrow_next{float:left;display:block;width:8px;height:9px;text-indent:-10000px;margin-top:4px;background-position:0 -10px;}
div.pictureHolder .content .details .nav a.disabled{background-position:0 -10px;cursor:default}
div.pictureHolder .content div.hoverContainer{position:absolute;z-index:10000;top:0;left:0;width:100%}
div.pictureHolder .content a.next{position:relative;z-index:2000;display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(/images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat}
div.pictureHolder .content a.previous{cursor:pointer;display:block;text-indent:-10000px;width:49%;height:100%;background:url(/images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat}
div.pictureHolder .content a.expand,div.pictureHolder .content a.contract{position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;width:20px;height:20px}
div.pictureHolder .content a.close{float:right;display:block;text-indent:-10000px}
div.pictureHolder .bottom{position:relative;height:20px}
* html div.pictureHolder .bottom{padding:0 20px}
div.pictureHolder .bottom .left{position:absolute;left:0;width:20px;height:20px}
div.pictureHolder .bottom .middle{position:absolute;left:20px;right:20px;height:20px}
* html div.pictureHolder .bottom .middle{position:static}
div.pictureHolder .bottom .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}
div.pictureHolder .loaderIcon{display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px}
div.pictureHolder #fullResImageContainer{width:100%;text-align:center}
div.prettyPhotoTitle{display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:12px}
div.prettyPhotoTitle div.prettyPhotoTitleLeft,div.prettyPhotoTitle div.prettyPhotoTitleRight{float:left;width:19px;height:23px;overflow:hidden}
div.prettyPhotoTitle div.prettyPhotoTitleContent{float:left;line-height:23px}
/* ------------------------------------------------------------------------ */