File: D:/HostingSpaces/SBogers10/deensekroon.komma-mediadesign.nl/wwwroot/css/deensekroon_style.css
@charset "UTF-8";
/*
CSS Document
Deense Kroon
Mike Ontwerpt 2012
www.mikeontwerpt.nl
*/
/* structure */
div#wrapper{ position: absolute; left: 0; top: 0; overflow: scroll; z-index: 50; height: 100%; width: 100%; }
div#wrapper{ position: absolute; left: 0; top: 0; overflow: scroll; z-index: 50; height: 100%; width: 100%; }
div#footer{ position: fixed; left: 0; bottom: 0; z-index: 300; height: 88px; width: 100%; }
/*div#main{ position: absolute; left: 50%; top: 0; margin: 0 0 0 -480px; width: 960px; height: auto; }*/
div#main{ position: relative; margin: 0 auto; width: 960px; height: auto; }
ul#main-menu{ position: relative; left: 0; top: 0; width: 960px; height: 16px; z-index: 1200; }
div#multisafe-header{position: relative; width: 960px; height: 40px; text-align: right; }
#flag-nl{ display: block; position: absolute; right: 166px; top: 12px; width: 42px; height: 16px; cursor:pointer }
#flag-gb{ display: block; position: absolute; right: 144px; top: 12px;width: 24px; height: 16px; cursor:pointer }
#flag-de{ display: block; position: absolute; right: 112px; top: 12px;width: 24px; height: 16px; cursor:pointer }
#flag-fr{ display: block; position: absolute; right: 88px; top: 12px;width: 24px; height: 16px; cursor:pointer }
#flag-gb input, #flag-nl input{ -webkit-appearance: none; }
.flag-submit{ width: 26px; padding: 0; height: 16px; border: none; margin: 0; cursor: pointer; background: #fff; font-weight: 700; font-size: 1.1em; text-transform: uppercase;}
.flag-submit:hover{ color: #2a2a2a; }
.flag-submit.active{ color: #2a2a2a; }
.myacc-link a { font-size: 13px;color: #565656; text-decoration: none; }
.myacc-link a:hover{text-decoration: underline; }
#home-house{ position: absolute; right: 56px; top: 8px; width: 24px; height: 24px; }
#home-twitter{ position: absolute; right: 28px; top: 8px; width: 24px; height: 24px; }
#home-facebook{ position: absolute; right: 0; top: 8px; width: 24px; height: 24px; }
.multisafepay-logo{ position: absolute; right: -4px; top: 8px; width: 156px ;height: 24px; background: url(../images/structure/deensekroon_sprite.png) -168px -200px}
.textbanner{ position: absolute; left: 320px; top: 0; width: 232px; height: 86px;
font-family: 'Asap'; font-size: 20px; font-weight: bold; }
.textbanner p{ position: absolute; bottom: 0; margin: 0; padding: 0; color: #7f7f7f; line-height: 24px}
.textbanner p a{ color: #7f7f7f; }
.newsletter-holder{ position: absolute; left: 648px; top: 66px; width: 144px; }
.newsletter-msg{ margin-top: 8px; width: 320px; }
.txt-holder{ position: relative; width: 100% }
.txt-place-holder{ position: absolute; z-index: 5; padding: 5px 0 0 8px; height: 19px; }
.fm-err{ display: block; margin: 0 0 8px 0; padding: 8px; background: #ea7f7f; border: 1px solid #7c1616; color: #fff; }
.fm-err-x{ margin: 0px 8px 0 0; color: #7c1616; font-size: 13px; font-weight: 800; }
.fm-suc{ display: block; margin: 0 0 8px 0; padding: 4px; background: #cbf4cb; border: 1px solid #6cdd6c; color: #4d784d;}
.fm-suc-v{ margin: 0 8px 0 0; color: #4d784d; font-weight: 800; font-size: 13px; }
/* main menu */
#main-menu li{ position: relative; float: left; border-bottom: 1px solid #eaeaea; margin: 0 8px 0 0; width: 152px; height: 16px;
font-family: 'Asap'; font-size: 15px; font-weight: 700; font-variant: small-caps; list-style: none; text-transform: lowercase; }
#main-menu li.first{ width: 120px; margin-right: 40px; }
#main-menu li.active a{ background: #989fa6; color: #fff; }
#main-menu li a{ padding: 0 8px; color: #7f7f7f; text-decoration: none; }
#main-menu li a:hover{ background: #989fa6; color: #fff; }
#main-menu li ul.drop-down{ position: absolute; z-index: 1000; overflow: hidden; width: 150px; height: 0; background: #fff; border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
#main-menu li ul.drop-down li{ float: none; padding: 0 0 0 16px; width: 134px; height: 24px; border: none; color: #707070; font-weight: 400; font-variant: normal; font-size: 11px; }
#main-menu li ul.drop-down li.first{ margin-top: 16px; }
#main-menu li ul.drop-down li.last{ margin-bottom: 16px; }
#main-menu li ul.drop-down li a{ color: #707070; }
#main-menu li ul.drop-down li a:hover{ background: #707070; color: #fff; }
#main-menu li.clear{ margin: 0; width: 0; height: 0; border-bottom: none; list-style: none; }
#dd-brands{ height: 16px; }
/* Aside */
#search-holder{ display: block; position: relative; width: 120px; height: 16px; line-height: 14px; }
#main-search-input{ width: 120px; padding: 1px 0; height: 13px; border: none; border-bottom: 1px solid #eaeaea;line-height: 13px; }
#main-search-button{ position: absolute; top: 0; right: 0; cursor: pointer;}
#main-search-button input{ opacity: 0; filter:alpha(opacity=0); cursor: pointer; }
#search-holder .txt-holder{ display: block; }
#search-holder .txt-place-holder{ position: absolute; z-index: 5; padding: 1px 0 4px 8px; height: 14px; font-weight: 400; }
#aside h1{ font-size: 1em; overflow:hidden; height: 0; }
#aside ul{ margin: 16px 0; line-height: 1.5em; }
#aside ul li{ position: relative; list-style: none;}
#aside ul li .active{ position: absolute; top: 5px; left: -24px; list-style: none;}
#aside ul li a:hover{ color: #565656;}
#aside ul.new{ margin: 32px 0; line-height: 1.5em; }
#aside ul li.title{ color: #565656; font-weight: 700; text-transform: uppercase; font-size: 0.8em;}
#aside a.new{ color: #565656; font-weight: 700; text-transform: uppercase; }
#aside .color-menu{ width: 72px; }
#aside .cblock{ position: relative; float: left; margin: 0 8px 8px 0; width: 16px; height: 16px; cursor: pointer; }
#aside .cblock .off{ position: absolute; z-index: 1; width: 14px; height: 14px; border: 1px solid #ccc; }
#aside .cblock .over{ position: absolute; z-index: 5; width: 14px; height: 14px; border: 1px solid #ccc; opacity: 0; filter:alpha(opacity=0); }
#unset-color-filter{ display: none; cursor: pointer;}
/* footer */
#marquee-holder{ width: 100%; padding: 7px 0 0 0; height: 25px; background: #ededed; }
div#footer-menu{ position: relative; width: 100%; height: 56px; background: #333;}
#footer-bodymargin{ position: relative; top: 40px; width: 100%; height: 169px; }
.marq-item a{ margin: 40px; color: #7f7f7f;}
ul.footer-menu{ position: absolute; left: 50%; top: 16px; overflow: hidden; margin: 0 0 0 -480px; width: 960px; height: auto; }
.footer-menu li{ float: right; margin: 4px 8px 0 8px ; width: auto;
font-family: 'Asap'; font-size: 14px; font-weight: bold; letter-spacing: 0.1em; list-style: none; font-variant: small-caps; text-transform:lowercase; }
.footer-menu li a{ padding: 0 8px; color: #eaeaea; text-decoration: none; }
/* icons */
.icon-arrow-bullet{ display: inline-block; margin: 2px 16px 0 -24px; width: 8px; height: 8px; background: url(../images/structure/deensekroon_sprite.png) -8px -8px; }
.icon-magnifier{ display: block; width: 16px; height: 16px; background: url(../images/structure/deensekroon_sprite.png) -16px -8px; }
.icon-shopping-cart{display: inline-block; width: 18px; height: 18px; background: url(../images/structure/deensekroon_sprite.png) -104px -4px; }
.icon-arrow{ display: inline-block; width: 12px; height: 8px; background: url(../images/structure/deensekroon_sprite.png) -104px -32px; }
.icon-arrow-down{ display: inline-block; width: 8px; height: 12px; background: url(../images/structure/deensekroon_sprite.png) -120px -32px; }
.icon-counter-dot{ display: inline-block; margin: 0 4px 0 0; width: 8px; height: 8px; background: url(../images/structure/deensekroon_sprite.png) -8px -32px; }
.icon-counter-dot.active{ background: url(../images/structure/deensekroon_sprite.png) -16px -32px; }
.icon-heart-bullet{ display: inline-block; margin: 2px 16px 0 -24px; width: 8px; height: 8px; background: url(../images/structure/deensekroon_sprite.png) -24px -32px; }
.icon-heart{ display: inline-block; margin: 2px 8px 0 0; width: 8px; height: 8px; background: url(../images/structure/deensekroon_sprite.png) -24px -32px; }
.icon-large-heart{ display: inline-block; margin: 2px 8px 0 0; width: 16px; height: 12px; background: url(../images/structure/deensekroon_sprite.png) -32px -28px; }
.icon-add-to-cart{ display: inline-block; width: 18px; height: 22px; background: url(../images/structure/deensekroon_sprite.png) -128px -8px; }
.icon-add-to-cart.inline{ margin: 0 8px -4px 0; height: 24px; line-height: 24px; }
.icon-fm-err{ display: inline-block; margin: 0 8px -3px -24px; width: 16px; height: 16px; background: url(../images/structure/deensekroon_sprite.png) -160px -8px; }
.icon-fm-wait{ display: inline-block; margin: 0 8px -3px -24px; width: 16px; height: 16px; background: url(../images/structure/deensekroon_sprite.png) -160px -24px; }
.icon-addone-btn{ display: inline-block; margin: 0 4px -3px 0; width: 16px; height: 16px; background: url(../images/structure/deensekroon_sprite.png) -208px -40px; cursor: pointer;}
.icon-removeone-btn{display: inline-block; margin: 0 4px -3px 0; width: 16px; height: 16px; background: url(../images/structure/deensekroon_sprite.png) -224px -40px; cursor: pointer; }
.icon-removeall-btn{display: inline-block; margin: 0 4px -3px 0; width: 16px; height: 16px; background: url(../images/structure/deensekroon_sprite.png) -240px -40px; cursor: pointer; }
/* columns */
.single-column{ float: left; padding: 0 8px; width: 144px; }
.double-column{ position: relative; float: left; padding: 0 8px; width: 304px; }
.quintuple-column{ position: relative; float: left; padding: 0 8px 0 0; width: 792px; }
.hextuple-column{ float: left; padding: 0 8px; width: 944px; }
.quadruple-column{ float: left; padding: 0 8px; width: 656px; }
/* forms */
input.txt-232{ display: block; margin: 0 0 8px 0; padding: 0 0 0 8px; width: 224px; height: 24px;
background: url(../images/structure/deensekroon_sprite.png) -40px -72px; border: none; font-size: 10px; }
input.txt-144{ display: block; margin: 0 0 8px 0; padding: 0 0 0 8px; width: 136px; height: 24px;
background: url(../images/structure/deensekroon_sprite.png) -136px -168px; border: none; font-size: 10px; }
input.txt-104{ display: block; margin: 0 0 8px 0; padding: 0 0 0 8px; width: 96px; height: 24px;
background: url(../images/structure/deensekroon_sprite.png) -40px -96px; border: none; font-size: 10px; }
input.txt-48{ display: block; float: left; margin: 0 8px 8px 0; padding: 0 0 0 8px; width: 40px; height: 24px;
background: url(../images/structure/deensekroon_sprite.png) -144px -96px; border: none; font-size: 10px; }
input.txt-40{ display: block; float: left; margin: 0 8px 8px 0; padding: 0 0 0 8px; width: 32px; height: 24px;
background: url(../images/structure/deensekroon_sprite.png) -192px -96px; border: none; font-size: 10px; }
input.txt-32{ display: block; float: left; margin: 0 8px 8px 0; padding: 0 0 0 8px; width: 24px; height: 24px;
background: url(../images/structure/deensekroon_sprite.png) -232px -96px; border: none; font-size: 10px; }
.cbox{ width: 10px; height: 10px; margin: -2px 8px 0 -18px; }
input.button-arrow-168{ font-size: 13px; display: inline-block; padding: 0 0 0 8px; width: 168px; height: 24px; border: none; background: url(../images/structure/deensekroon_sprite.png) -40px -48px; color: #fff;
font-weight: 700; text-align: left; letter-spacing: 1px; cursor: pointer; }
input.button-144{ font-size: 13px; display: inline-block; padding: 0 0 0 8px; width: 144px; height: 24px; border: none; background: url(../images/structure/deensekroon_sprite.png) -136px -120px; color: #fff;
font-weight: 700; text-align: left; letter-spacing: 1px; cursor: pointer; }
input.button-arrow-152{ font-size: 13px; display: inline-block; padding: 0 0 0 8px; width: 152px; height: 24px; border: none; background: url(../images/structure/deensekroon_sprite.png) -136px -144px; color: #fff;
font-weight: 700; text-align: left; letter-spacing: 1px; cursor: pointer; }
span.button-arrow-168{ font-size: 13px; display: inline-block; padding: 4px 0 0 8px; width: 160px; height: 20px; border: none; background: url(../images/structure/deensekroon_sprite.png) -40px -48px; color: #fff;
font-weight: 700; text-align: left; letter-spacing: 1px; cursor: pointer; }
span.button-arrow-152{ font-size: 13px; display: inline-block; padding: 4px 0 0 8px; width: 144px; height: 20px; border: none; background: url(../images/structure/deensekroon_sprite.png) -136px -144px; color: #fff;
font-weight: 700; text-align: left; letter-spacing: 1px; cursor: pointer; }
span.button-arrow-152.backwards{ font-size: 13px; position: relative; top: -1px; left: 0; background-position: -184px -325px; padding: 5px 0 0 32px; width: 120px; height: 19px; }
.login-err-msg{ display: block; position: relative; top: -40px; margin: 0 0 -24px 0; width: 232px; height: 24px; font-weight: bold; color: #D81238;}
.login-success-msg{ display: block; position: relative; top: -40px; margin: 0 0 -24px 0; width: 232px; height: 24px; font-weight: bold; color: #19B94F;}
/* banners */
.small-banner-holder{ position: absolute; right: 0; bottom: 8px; overflow: hidden; width: 480px; height: 88px;}
.middle-banner-holder{ position: relative; left: 8px; overflow: hidden; width: 784px; height: 160px;}
/********************** H O M E **********************/
/* content; home */
.centered-area{ margin: 8px 0; width: 100%; height: 8px; text-align:center; line-height: 8px;}
.centre-640{ width: 640px;}
.collection-title{ margin: 0 0 40px 0; padding: 0 8px; width: 100%; height: 16px; border-bottom: 1px solid #eaeaea; }
#home-brands{ margin: 0 0 40px 0; width: 960px; height: 64px; }
ul#filterlist-home{ margin: 0 0 40px 0; padding: 0 0 0 8px; }
ul#filterlist-home li{ display: inline-block; height: 16px; margin: 0 16px 0 0; list-style: none;}
/********************** C O L L E C T I O N **********************/
/* content; collection */
ul#filterlist-collection li{ display: block; list-style: none;}
.banner{ margin: 0 0 36px 0; }
/********************** P R O D U C T S **********************/
/* content; product page */
.product-page-left-column{ position: relative; float: left; margin: 0 8px 0 0; width: 312px; }
.product-page-right-column{ position: relative; float: left; padding: 0 0 0 8px; width: 464px; min-height: 312px; }
.product-page-right-column-row{ position: relative; width: 464px; margin-bottom: 8px; padding-bottom: 24px; border-bottom: 1px solid #eaeaea; }
/*.product-page-right-column{ position: relative; float: left; margin: 0 0 0 24px; width: 304px; min-height: 312px; text-align: right;}*/
.product-page-left-column a, .product-page-middle-column a, .product-page-right-column a, .product-page-left-column a:hover, .product-page-middle-column a:hover, .product-page-right-column a:hover{ text-decoration: none; }
h2.product-page-brand{ display: block; color: #9c9c9b; font-family: 'Asap', sans-serif; font-weight: normal; font-size: 18px; font-style: italic; text-transform: capitalize; font-variant: normal; }
.product-page-brand a{ color: #9c9c9b; }
.product-page-brand a:hover{ color: #0080C9; }
.product-page-productcolor{ display: block; position: relative; margin: 20px 0; width: 32px; height: 16px; background: #ffda80; }
.product-page-ilovethis-holder{ display: block; position: absolute; top: 176px; right: 0px; width: 96px; color: #333333; }
.product-page-ilovethis-holder h3{ color: #333333; }
.product-page-iwantthis-holder{ display: block; position: absolute; left: 168px; bottom: -4px; width: 96px; color: #565656; }
.product-page-specs{ display: block; position: relative; right: 0; top: 8px; width: 304px; min-height: 282px; color: #9c9c9b; }
.product-page-num-cart-message{ display: block; position: relative; margin: 8px 0 0 0; width: 152px; font-size: 0.9em; }
.product-page-add-to-cart-row{ display: block; position: relative; margin: 8px 0 8px 0; width: 152px; height: 24px; }
input.num-products{ position: absolute; left: -32px; margin: 0 8px 0 0; padding: 0 0 2px 0; width: 24px; height: 16px;
text-align: center; border: none; background: url(../images/structure/deensekroon_sprite.png) -8px -48px; }
.stock-holder{ position: absolute; top: 0; right: 0; text-align: right; font-size: 15px; line-height: 1.2 }
/* enlargement
#product-lb-holder{ position: absolute; z-index: 1; width: 100%; height: 100%; overflow: hidden; opacity: 0; filter: alpha(opacity=0);}
#product-lb-bg{ position: absolute; z-index: 5; width: 100%; height: 100%; background: #fff; opacity: 0.9; filter:alpha(opacity=90); }
#product-lb-content{ position: absolute; z-index: 8; width: 100%; height: 100%; }
#product-lb-content img{ position: absolute; z-index: 10; top: 50%; left: 50%; opacity: 0; filter: alpha(opacity=0); }
#product-lb-content img.product-hover-image{ z-index: 30; }
#product-lb-content img.product-hover-hover{ z-index: 50; }
#product-lb-next{ position: absolute; z-index: 10; top: 50%; right: 40px; margin: -24px 0 0 -8px; width: 18px; height: 48px; background: url(../images/structure/deensekroon_sprite.png) -32px -256px; cursor: pointer; }
#product-lb-prev{ position: absolute; z-index: 10; top: 50%; left: 40px; margin: -24px 0 0 -8px; width: 18px; height: 48px; background: url(../images/structure/deensekroon_sprite.png) -8px -256px; cursor: pointer; }
#close-hover{ position: absolute; top: 10%; left: 50%; z-index: 1000; margin-left: - 12px; width: 24px; height: 24px; background: url(../images/structure/deensekroon_sprite.png) -56px -256px; cursor: pointer; }
*/
/********************** A B O U T **********************/
/* content; about page */
.center-content-holder{ position: relative; top: 0; left: 8px; padding: 0 0 24px 0; margin: 0 0 24px 0; width: 632px; min-height: 560px; }
.about-image-holder{ float: left; overflow:hidden; margin: 0 16px 0 0 ;width: 310px; height: 358px; border: 1px solid #eaeaea; }
.about-desc-holder{ position: relative; float: left; overflow:hidden; width: 304px; min-height: 560px;}
/********************** S A L E **********************/
/* content; about page */
.sale-content-holder{ position: relative; top: 0; left: 8px; padding: 0 0 24px 0; margin: 0 0 24px 0; width: 632px; }
.sale-image-holder{ float: left; overflow:hidden; margin: 0 16px 0 0; width: 310px; }
.sale-image-holder img{ display: block;}
.sale-desc-holder{ position: relative; float: left; overflow:hidden; width: 304px; }
/********************** B L O G **********************/
/* content; blog page */
.blog-item-holder{ display: block; position: relative; left: 50%; margin: 0 0 40px -320px; width: 640px; height: auto; border-bottom: 1px solid #eaeaea; line-height: 1.4 }
.blog-item-date{ display: block; margin: 0 0 16px 0; padding: 0 8px; width: 624px; height: 8px; color: #9c9c9b; line-height: 8px; text-align: right; }
.blog-item-title{ display: block; margin: 0 0 26px 0; padding: 0 8px; width: 624px; height: auto; font-size: 20px; color: #000 }
.blog-item-image{ overflow: hidden; margin: 11px 0; width: 624px; height: auto; }
.blog-item-image img{ border: 1px solid #eaeaea; }
.blog-item-description{ display: block; margin: 0 0 32px 0; padding: 0 8px; width: 624px; height: auto; font-size: 15px; }
.blog-social-holder{ position: relative; bottom: 8px; left: 8px; margin: 32px 0 0 0;width: 64px; height: 24px; }
/********************** B R A N D S **********************/
/* content; brand page */
.brand-item-holder{ display: block; position: relative; top: 0; margin-bottom: 22px; width: 640px; height: auto; }
.brand-item-logo{ display: block; position: relative; top: 0; left: 50%; margin-bottom: 8px; margin-left: -60px;width: 120px; height: auto; }
.brand-item-image{ display: block; position: relative; z-index: 50; overflow: hidden; float: left; margin-right: 80px; width: 240px; height: auto;}
.brand-item-description{ display: block; position: relative; z-index: 100; float: left; margin: 0 0 32px 0; padding: 0 0 0 8px; width: 312px; height: auto; }
.brand-item-link{ display: block; position: relative; }
.brand-item-link a, .brand-item-link a:hover { text-decoration: none; }
.brand-item-description h1{ margin-top: 0; }
/********************** C O N T A C T **********************/
/* content; contact page */
.contact-holder{ position: relative; left: 8px; width: 632px; height: 448px; margin: 0 0 24px 0 }
.contact-title{ position: absolute; z-index: 100;left: 320px; top: 40px; margin: 0 16px 0 0 ; }
.contact-image-holder{ position: absolute; z-index: 50; overflow:hidden; margin: 0 16px 0 0 ;width: 304px; height: 448px; }
.contact-desc-holder{ position: absolute; z-index: 100;left: 312px; top: 120px;overflow:hidden; width: 320px; }
/********************** M I J N A C C O U N T **********************/
/* content; mijn account; structuur */
ul#acc-menu{ display: block; margin: 40px 0 0 0; padding: 8px 8px 8px 0; width: 952px; height: 12px; border-bottom: 1px solid #eaeaea;
font-family: 'Asap'; font-size: 15px; letter-spacing: 1px; font-variant: small-caps; text-transform: lowercase; }
ul#acc-menu li{ display: inline-block; margin: 0 8px 4px 0; padding: 0 0 0 8px; width: 144px; height: 8px; line-height: 8px; list-style: none; }
ul#acc-menu li a{ color: #7f7f7f;}
ul#acc-menu li .acc-active{ position: relative; top: -16px; margin: 0 0 0 -8px; }
ul#acc-menu li.acc-active a{ font-weight: bold; color: #565656; }
#acc-menu-overzicht .acc-active{ left: 32px; }
#acc-menu-gegevens .acc-active{ left: 48px; }
#acc-menu-bestellingen .acc-active{ left: 40px; }
#acc-menu-facturen .acc-active{ left: 30px; }
ul#acc-menu li.acc-title{ color: #565656; font-size: 18px; font-weight: bold; }
#acc-content{ position: relative; left: 50%; top: 48px; margin-left: -312px; margin-bottom: 88px; width: 624px; min-height: 320px;}
/* content; mijn account; inloggen of aanmelden */
.acc-pageerror{ position: relative; margin: 8px 0 0 0; padding: 8px 8px; width: 944px; height: auto; font-weight: bold; color: #D81238;}
.acc-pageheader{ position: relative; margin: 0 0 16px 0; width: 952px; height: 72px; border-bottom: 1px solid #eaeaea;}
.acc-pagefooter{ position: relative; margin: 16px 0 0 0; width: 952px; height: 72px; border-top: 1px solid #eaeaea;}
.acc-pageheader h1{ position: absolute; bottom: 8px; left: 8px; margin: 0; }
.acc-splitpage-login-holder{ position: relative; left: 160px; top: 48px; float: left; width: 232px; height: 216px;}
.acc-splitpage-login-holder .button-arrow-168{ position: absolute; right: 0px; bottom: 0; }
.acc-splitpage-vertruler{ position: relative; left: 160px; float:left; margin: 0 44px; width: 1px; height: 320px;background: #eaeaea;}
.acc-splitpage-reg-holder{ position: relative; left: 160px; top: 48px; float: left; width: 232px; height: 216px ;}
.acc-splitpage-reg-holder .button-arrow-168{ position: absolute; bottom: 0; }
.acc-splitpage-fp-holder{ position: relative; margin-top: 48px; width: 232px; }
.forgot-pass{ display: block; position: relative; z-index: 100; margin-top: 70px; }
/* content; mijn account; registreren */
.acc-regform-desc-holder{ float: left; margin: 98px 32px 0 0; width: 120px; height: 342px; text-align: right; }
.acc-regform-desc-block{ position: relative; margin: 0 0 8px 0; width: 120px; height: 24px; font-family: 'Asap', sans-serif; font-size: 13px; text-transform:lowercase; font-variant: small-caps; letter-spacing: 1px; }
.acc-regform-required { position: absolute; right: -16px; width: 8px; height: 24px; }
.acc-regform-column{ float: left; margin: 17px 0 16px 0; width: 232px; font-family: 'Asap', sans-serif; font-size: 15px; text-transform:lowercase; font-variant: small-caps; letter-spacing: 1px; }
.acc-regform-input-block{ position: relative; margin: 0 0 8px 0; width: 232px; height: 24px; font-family: 'Asap', sans-serif; font-size: 15px; text-transform:lowercase; font-variant: small-caps; letter-spacing: 1px; }
.middlename-desc{ display: block; float: left; width: 96px; height: 24px;}
.regform-space{ margin: 0 0 24px 0; }
.regform-right{ margin-left: 26px;}
.regform-nb-holder{ position: relative; margin: 0 0 8px 0; width: 232px; height: auto; font-family: 'Istok Web'; font-size: 12px; line-height: 16px; text-transform:none; letter-spacing: 0; font-variant: normal;}
.reg-continue{ margin-top: 118px;}
.reg-longer-desc{ position: relative; left: -96px; width: 232px; }
#acc-content .order-holder{ margin-bottom: 48px; }
#acc-content .order-code{ display: block; margin: 0 0 9px 0; font-family: 'Istok Web'; font-size: 16px; font-weight: bold; color: #565656; }
#acc-content .order-info{ display: block; margin-bottom: 15px; font-size: 12px; }
.acc-order-column{ float: left; width: 158px; color: #7f7f7f;}
.acc-order-column a{ color: #069EF2; }
.acc-order-column a:hover{ text-decoration: underline; }
.acc-order-column strong{ color: #565656; }
.acc-invoice-column{ float: left; width: 124px; color: #7f7f7f; line-height: 24px; }
.acc-invoice-column.bestelnr{font-size: 11px;}
.acc-invoice-column.larger{ width: 144px; }
.acc-invoice-column.smaller{ width: 104px; }
.acc-invoice-column a{ color: #069EF2; }
.acc-invoice-column a:hover{ text-decoration: underline; }
table.customer-data{ padding: 0; margin: 0; }
table.customer-data tr td{ width: 152px; height: 18px;}
/********************** M I J N W I N K E L W A G E N **********************/
/* content; mijn winkelwagen; basic */
#cart-pageheader{ position: relative; margin: 0 0 16px 0; height: auto; }
#cart-pageheader h1{ position: relative; top:0; left: -24px; margin: 0; }
#menu-cart-arrow{ left: 40px;}
#menu-userdata-arrow{ left: 40px;}
#menu-payment-arrow{ left: 32px;}
#menu-confirmation-arrow{ left: 40px;}
/* content; mijn winkelwagen; step1 */
/* content; mijn winkelwagen; step2 */
.cart-splitpage-login-holder{ position: relative; left: 8px; top: 48px; float: left; width: 232px; height: 216px;}
.cart-splitpage-vertruler{ position: relative; left: 8px; top: 40px; float:left; margin: 0 44px; width: 1px; height: 220px;background: #eaeaea;}
.cart-splitpage-reg-holder{ position: relative; left: 8px; top: 48px; float: left; width: 232px; height: 216px ;}
.cart-splitpage-login-holder .button-arrow-168{ position: absolute; right: 0px; bottom: 0; }
.cart-splitpage-reg-holder .button-arrow-168{ position: absolute; bottom: 0; }
.cart-userdata-row{ position: relative; padding: 8px 0; width: 640px; border-bottom: 1px solid #eaeaea;}
.cart-userdata-row.first-row{ margin-top: 40px; }
.cart-userdata-column{ position: relative; float: left; width: 320px; }
.cart-product-list{ margin: 0 0 8px 0; padding: 0 0 0 8px;list-style: none; }
.cart-userdata-action{ display: block; float: left; margin: 8px 0 0 8px; height: 24px; color: #9c9c9b; font-style: italic; }
.cart-userdata-action a{ color: #7f7f7f; }
.cart-userdata-order-detailsrow{ padding: 0 8px 8px 8px; width: 232px; }
.cart-userdata-order-border{ border-bottom: 1px solid #eaeaea; }
.cart-userdata-order-detailsleft{ float: left; width: 116px;}
.cart-userdata-order-detailsprice{ float: left; width: 116px; text-align: right;}
.cart-userdata-order-totalprice{ margin: 8px 0 0 0; width: 240px;text-align: right; }
.cart-userdata-h{ display: block; margin: 8px 0; font-size: 16px;}
.cart-userdata-order-agreement{ display: block; margin: 16px 0; color: #9c9c9b;}
.validate-userdata{ float: right;}
.opmerkingen-veld{ width: 316px; height: 100px; }
.hidden-adres-holder{ display: block; position: relative; left: 8px; padding-left: 8px; width: 308px; border-left: 1px dashed #eaeaea;}
.hidden-adres-mask{ display: block; overflow:hidden; width: 316px; height: 0;}
/********************** O V E R I G **********************/
/* collection filter */
.hextuple-column.filter{ float: left; padding: 0 8px; width: 960px; }
.quintuple-column.filter{ float: left; padding: 0 8px; width: 800px; }
.quintuple-column.collection-items{ width: 800px;}
#collection-holder { position: relative; left: 0; top: 0; }
#placeholders{ position: relative; left: 0; top: 0; z-index: 200; }
#placeholders li{ list-style-type: none; }
#items{ position: absolute; left: 8px; top: 0; z-index: 300; }
.item-ph{ display: block; float: left; margin: 0 16px 40px 0; width: 144px; height: 264px; list-style: none; }
.hidden{ margin: 0; padding: 0; height: 0; width: 0; opacity: 0; }
.animate{
-moz-transition: all;
-moz-transition-duration: 0.2s;
-moz-transition-timing-function: ease-out;
-webkit-transform-style: flat;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
-o-transform-style: flat;
-o-transition-duration: 0.2s;
-o-transition-timing-function: ease-out;
}
/* collection thumbnails */
.product-thumb-row{ margin: 0 0 40px 0; width: 100%; height: 264px; }
.product-thumb-holder{ position: relative; float: left; margin: 0 16px 40px 0; width: 144px; height: 264px; }
.product-filterlist-thumb-holder{ position: absolute; left: 0; top: 0; float: left; margin: 0 16px 40px 0; width: 144px; height: 264px; }
.collection-brand a{ display: block; margin: 3px 0 0 0; width: 144px; height: auto; font-family: 'Asap'; font-size: 11px; font-style: italic; color: #808080; text-decoration: none }
.product-thumb-cart{ position: absolute; bottom: 8px; right: 0; }
.product-thumb-holder .loading{ position: absolute; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; opacity:1; filter:alpha(opacity=1); }
/* text variants */
.small{ font-size: 11px; }
.bold{ font-weight: 700; }
.small-caps{ font-size: 14px; text-transform: lowercase; font-variant: small-caps; }
/* global */
#jsbox{ position: absolute; width: 0; height: 0;}
.btn-social{ display: inline-block; position: relative; width: 24px; height: 24px; margin: 0 4px 0 0; }
.btn-facebook{ display: inline-block; position: absolute; margin: 0 4px 0 0; width: 24px; height: 24px; background: url(../images/structure/deensekroon_sprite.png) -8px -72px; }
.btn-twitter{ display: inline-block; position: absolute; margin: 0 4px 0 0; width: 24px; height: 24px; background: url(../images/structure/deensekroon_sprite.png) -8px -96px; }
.btn-house{ display: inline-block; position: absolute; margin: 0 4px 0 0; width: 24px; height: 24px; background: url(../images/structure/deensekroon_sprite.png) -48px -176px; }
.btn-facebook.btnhover{ display: inline-block; position: absolute; margin: 0 4px 0 0; width: 24px; height: 24px;
background: url(../images/structure/deensekroon_sprite.png) -88px -256px; z-index: 10; opacity:0; filter:alpha(opacity=0); cursor: pointer }
.btn-twitter.btnhover{ display: inline-block; position: absolute; margin: 0 4px 0 0; width: 24px; height: 24px;
background: url(../images/structure/deensekroon_sprite.png) -112px -256px; z-index: 10; opacity:0; filter:alpha(opacity=0); cursor: pointer }
.btn-house.btnhover{ display: inline-block; position: absolute; margin: 0 4px 0 0; width: 24px; height: 24px;
background: url(../images/structure/deensekroon_sprite.png) -72px -176px; z-index: 10; opacity:0; filter:alpha(opacity=0); cursor: pointer }
#home-facebook a{ display: block; position: absolute; z-index: 10; }
.clear{ clear: both; }
.no-margin{ margin: 0; }
.no-padding{ padding: 0; }
.no-margin-top{ margin-top: 0; }
.no-margin-right{ margin-right: 0; }
.bottom-space{ width: 100%; height: 40px; }
/* Social media */
.sm{ float: left; margin-right: 20px; }
.cloth_error{ display: block; margin-bottom: 10px; color: #D81238; }
.customSelect {
/* This is the default class that is used */
/* Put whatever custom styles you want here */
padding: 0 5px ; height: 30px; width: 154px; background: url('../images/structure/deensekroon_sprite.png') -184px -240px no-repeat; cursor: pointer; line-height: 30px;
}
.customSelect.customSelectHover {
/* Styles for when the select box is hovered */
background: url('../images/structure/deensekroon_sprite.png') -184px -282px;
}
.customSelect.customSelectOpen {
/* Styles for when the select box is open */
}
.customSelect.customSelectFocus {
/* Styles for when the select box is in focus */
}
.customSelectInner {
/* You can style the inner box too */
}
#header .fb-like{ position: absolute; left: 320px; top: 109px; }
#top_submit{position: absolute; right: 30px; top: -83px; }
.open_login{ display: block;cursor: pointer; }
.open_login:hover{ text-decoration: underline; }
#cart_order_btn{ float: right; margin: 0;}
.lowercase{ text-transform: lowercase;}