@import url(ff-meta-web-pro.css);

/*

Cubique Webcreations
Caballero Fabriek Den Haag

*/

/* -------------------------------------------------------------- hoofdinstellingen ------ */

* {
    margin: 0;
    padding: 0;
}

td {
    vertical-align: top
}

a, input {
    outline: 0 none;
}

img {
    border: 0 none
}

textarea {
    resize: none;
}

ins {
    text-decoration: none;
    border: 0px none;
}

/* -------------------------------------------------------------- basic layout */

body {
    font-family: "ff-meta-web-pro", "meta pro", arial;
    background: #fff;
}

#secrid {
    width: 114px;
    height: 21px;
    margin: 30px auto 0 auto;
}

#content-left {
    float: left;
}

#content-right {
    width: 310px;
    min-height: 400px;
    float: left;
    margin-left: 40px;
}

/* -------------------------------------------------------------- much used classes */

.clear {
    clear: both;
}

.no-list {
    list-style-type: none;
}

.td-none {
    text-decoration: none;
}

.ml5{
	margin-left:5px;
}

/* -------------------------------------------------------------- cookie message settings */

#cookie-message {
    width: 100%;
    min-height: 50px;
    background: url(../img/main/cookie-background.png);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 5;
}

#cookie-message p {
    color: #fff;
    text-align: center;
    font-size: 0.8em;
    font-family: "ff-meta-web-pro", "meta pro", arial;
	margin: 15px 20px 15px 10px;
}

#cookie-message .cookie-close {
    float: right;
    margin: -40px 10px 0 0;
}

#cookie-message .cookie-close a {
    color: #fff;
    text-decoration: none;
}

/* -------------------------------------------------------------- menu settings */

#menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background: #000;
    z-index: 1000;
    min-height: 100%;
}

#menu.closed {
    width: 10px;
}

#menu-start.closed {
    width: 60px;
    height: 40px;
    position: fixed;
    top: 20px;
    z-index: 1010;
}

#menu-start.open {
    width: 60px;
    height: 40px;
    z-index: 1010;
    position: fixed;
    top: 20px;
}

#menu-start h1 {
    text-transform: uppercase;
    font-size: 1.05em;
    line-height: 40px;
    text-align: center;
	padding: 0 8px 0 8px;
	background: #000;
}

#menu-start h1 a {
    color: #fff;
    text-decoration: none;
}

#menu.closed ul {
    display: none;
}

#menu ul {
    width: 160px;
    border-bottom: 1px solid #fff;
}

.p_scroll {
    border-top: 1px solid #FFFFFF;
    width: 160px;
    height: auto;
    overflow: hidden;
    position: relative;
    margin-top: 75px;
}

#menu.closed .p_scroll {
    display: none;
}

#menu ul li {
    text-transform: uppercase;
    text-align: center;
    padding: 3px 0 3px 0;
}

#menu ul li a {
    color: #fff;
    text-decoration: none;
}
#menu ul li .menu-big {
    font-size: 1.05em;
}

#menu ul li .menu-small {
    font-size: 0.81em;
}

#menu ul li a {
    display: block;
    padding: 3px 0 3px 0;
}

#menu li a:hover {
    background: #fff;
    color: #000;
}

#menu .dots {
    border-bottom: 1px dotted #fff;
}
#menu #social-media {
	width: 160px;
	height: 30px;
	margin: 30px auto 0 auto;
}
#menu #social-media ul {
	list-style-type: none;
	border: 0px none;
}
#menu #social-media ul li {
	display: inline;
	float: left;
	height: 30px;
	padding: 0;
}
#menu #social-media ul li a {
	display: block;
	height: 30px;
	width: 30px;
	padding: 0;
}

/* ---------instagram: breedte naar 160px, margin 12px*/

#menu #social-media ul li .facebook {
	background: url(../img/main/social-media-icons.png) no-repeat;
	margin-left: 12px;
}
#menu #social-media ul li .facebook:hover {
	background-position: 0 -30px;
}
#menu #social-media ul li .twitter {
	background: url(../img/main/social-media-icons.png) no-repeat;
	background-position: -30px 0;
	margin-left: 12px;
}
#menu #social-media ul li .twitter:hover {
	background-position: -30px -30px;
}
#menu #social-media ul li .home {
	background: url(../img/main/social-media-icons.png) no-repeat;
	background-position: -60px 0;
}
#menu #social-media ul li .home:hover {
	background-position: -60px -30px;
}
#menu #social-media ul li .instagram {
	background: url(../img/main/social-media-icons.png) no-repeat;
	background-position: -90px 0;
	margin-left: 15px;
}
#menu #social-media ul li .instagram:hover {
	background-position: -90px -30px;
}

/* -------------------------------------------------------------- page headers */

#page-image {
    overflow: hidden;
    position: relative;
    margin: 29px 0 0 0;
    position: relative;
}

#page-image.shop-select {
    overflow: visible;
}

#page-image .slide img, .store-select img {
    width: 100%;
    height: auto;
    position: relative;
}

#page-image .slide {
    display: inline;
    max-height: 600px;
    position: relative;
}

#arrow-prev, #arrow-next {
    width: 34px;
    height: 67px;
}

#arrow-prev {
    position: absolute;
    z-index: 200;
    top: 50%;
    margin-top: -34px;
    left: 47px;
}

#arrow-next {
    position: absolute;
    z-index: 200;
    top: 50%;
    margin-top: -34px;
    right: 47px;
}

#arrow-prev a, #arrow-next a {
    width: 34px;
    height: 67px;
    display: block;
}

#arrow-prev a {
    background: url(/img/main/arrow-previous.png) no-repeat;
}

#arrow-next a {
    background: url(/img/main/arrow-next.png) no-repeat;
}

.slideshow {
    position: relative;
}

.cycle-slideshow, .cycle-slideshow .slide {
    max-height: 600px;
    width: 100%;
}

.oneimg, .oneimg .slide {
    max-height: 200px;
    width: 100%;
}

/* -------------------------------------------------------------- right menu settings */

#right-menu {
    float: right;
    margin: 0 20px 20px 0;
	position: absolute;
	right: 20px;
}

#language-select {
    position: relative;
    float: right;
}

#language-select p, #shoppingcart p {
    text-transform: uppercase;
    font-size: 0.81em;
}

#language-select p a {
    color: #000;
    text-decoration: none;
    padding-right: 20px;
    background: url(../img/main/language-select.png) no-repeat right center;
}

#languages {
    position: absolute;
    right: 0px;
    margin-top: 10px;
    z-index: 450;
    background: #fff;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    display: none;
}

#languages li {
    font-size: 0.81em;
}

#languages a, .suggestions a {
    padding: 5px 20px 5px 10px;
    display: block;
    color: #000;
    text-decoration: none;
}

#languages a:hover, .suggestions a:hover {
    background: #000;
    color: #fff;
}

#languages li.bb-dashed, .suggestions li.bb-dashed {
    border-bottom: 1px #000 dotted;
}

#shoppingcart {
    float: left;
    margin-right: 30px;
    background: url(/img/main/shoppingcart.png) no-repeat right top;
    padding-right: 10px;
	height: 30px;
	text-decoration:none;
	color: #000;	
}

.shoppingcart-error{
  	padding: 0px 10% 5px 0;
  	text-align: left;
  	margin-left: 0 !important;
}

#order-information, #discount {
	max-width: 860px;
	margin: 0 auto 0 auto;
	border-top: 1px dotted #000;
	padding: 10px;
}
#background-greyed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,0.8);
}
#order-text {
	max-width: 700px;
	min-height: 200px;
	padding: 20px 100px 50px 20px;
	background: #fff;
	border: 1px solid #000;
	margin: 50px auto 30px auto;
	opacity: 1;
}
#order-text .order-text-close {
	float: right;
	margin-right: -60px;
}
#order-text h2 {
	margin-bottom: 15px;	
}
#content #order-information h2, #content #discount h2 {
	text-align: left;
	margin: 0 0 8px 0;
}
#content  .discount-text-close {
	float: right;
}
#content  .discount-text-close a {
	text-decoration: none;
}
#terms {
	border-bottom: 1px #000 dotted;
	border-top: 1px #000 dotted;
	padding: 10px 0 10px 0px;
	margin: 10px 0 10px 0;
	width: 475px;
}
#shoppingcart sub {
    margin-left: 20px
}

#shoppingcart p a {
    text-decoration: none;
    color: #000;
}

#shoppingcart p a sub {
    color: #fff;
}

#shoppingcart #amount {
    border-radius: 50%;
    background: red;
    width: 18px;
    height: 18px;
    float: right;
    margin-top: -25px;
	display: block;
}

#shoppingcart #amount p {
    text-align: center;
    line-height: 18px;
    margin-top: -2px;
}

#right-menu #amount {
    color: #fff;
}

/* -------------------------------------------------------------- content settings */

#content {
    max-width: 1000px;
    margin: 30px auto 30px auto;
    border-left: 10px solid #fff;
    padding: 0 10px 0 10px;
}
#content.content-small {
	max-width: 600px;
}
#content.text-align-right {
    text-align: right;
}
#content h1 {
    text-transform: uppercase;
	text-align: center;
    font-size: 1.4em;
    margin-bottom: 20px;
}

#content h2 {
    text-transform: uppercase;
    text-align: center;
    font-size: 1.2em;
}
#content {
    font-size: 0.97em;
    line-height: 145%;
    padding-bottom: 20px;
}

#content ul, #content ol {
    margin-left: 15px;
}

#content .faq-answers ul {
    margin-left: 15px;
}

.two-colls, .three-colls {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

.three-colls {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.two-colls {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.one-coll {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

#content p, #content ul {
    margin-bottom: 10px;
}

#content #content-right p {
    font-size: 0.81em;
}

#content a {
    color: #000;
}

/* -------------------------------------------------------------- shop select */

#shop-select, #questions {
    width: 668px;
    height: 40px;
    position: absolute;
    z-index: 400;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -330px;
}

#shop-select .country-city, #questions .faq-field {
    width: 248px;
    height: 38px;
    border: 1px solid #000;
    float: left;
    background: #fff;
}

.country-city input {
    height: 38px;
    line-height: 38px;
    border: 0px none;
    width: 200px;
    margin-left: 10px;
}

.country {
    margin-right: 20px;
}

.shop-search, .faq-search {
    width: 140px;
    height: 40px;
    background: #000;
    border: 0px none;
    color: #fff;
    text-transform: uppercase;
}

.shop-search, .country-city input, .faq-field, .faq-search {
    font-family: "ff-meta-web-pro", "meta pro", arial;
    font-size: 1em;
}

.country-city ins a {
    width: 13px;
    height: 7px;
    display: block;
    background: url(/img/main/language-select.png);
    float: right;
    margin: 17px 10px 0 0;
}

#country-suggestions, #city-suggestions {
    width: 248px;
    background: #fff;
    postition: absolute;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    margin-top: 10px;
    float: left;
    margin-right: 20px;
}

#stores-list {
    width: 1000px;
	margin-bottom: 25px;
}

#store-list li {
    padding: 5px 10px 5px 10px;
    float: left;
}

#store-list ul {
    clear: both;
}
#store-list a {
	text-decoration: underline;
	padding-right: 17px;
	/*background: url(../img/main/store-external.png) no-repeat;*/
	background-position: top right;
}
#store-list a:hover {
	text-decoration: underline;
}

.store-name {
    float: left;
    width: 180px;
    margin: 0 20px 4px 0;
    clear: both;
}

.store-address {
    float: left;
    width: 210px;
    margin: 0 20px 4px 0;
}

.store-telephone {
    float: left;
    width: 120px;
    margin: 0 0 4px 0;
}

.list-header {
    font-weight: bold;
}

#store-list .list-header ins {
    display: inline-block;
    margin-left: 5px;
}

#name-head {
    float: left;
}

#adres-head {
    float: left;
}

#telefoon-head {
    float: left;
}

#store-list {
    margin: 0 auto 0 auto;
}

.store-name ins {
    background-image: url(../img/main/language-select.png);
    width: 13px;
    height: 7px;
}

.store-address ins {
    background-image: url(../img/main/language-select.png);
    width: 13px;
    height: 7px;
}

.store-telephone ins {
    background-image: url(../img/main/language-select.png);
    width: 13px;
    height: 7px;
}

#list-wrap {
    width: 580px;
    margin: 0 auto 25px auto;
}

/* -------------------------------------------------------------- faq & contact */

#content #content-left h1, #content #content-left h2, #content #content-right h1, #content #content-right h2 {
    text-align: left;
}

#content #content-left .faq-answers {
    margin-bottom: 2px;
}
.faq-answers {
	padding-bottom: 25px;
}
#questions .faq-field {
    width: 508px;
}

#questions .faq-field {
    padding-left: 10px;
}

.faq-answers li a {
    text-decoration: none;
    color: #000;
}

#content .faq-answers .answer a {
    text-decoration: underline
}

.faq-answers li a:hover {
    text-decoration: underline;
}

.faq-answers .answer {
    display: none;
}

.faq-answers ul {
    margin-bottom: 10px;
}

#contact-block {
    width: 310px;
}

.faq-answers {
    width: 610px;
}

#content .contact-info a {
    text-decoration: none;
}

#content .contact-info a:hover {
    text-decoration: underline;
}

#login-form {
    width: 290px;
    background: #f5f5f5;
    padding: 10px;
    border: 1px solid #b1b1b0;
    margin-bottom: 10px;
}

#login-form .col1 {
    text-align: right;
    width: 65px;
    padding-right: 10px;
}

#login-form td {
    font-size: 0.91em;
}

#login-form .login-fields {
    border: 1px solid #b1b1b0;
    background: #fff;
    padding: 5px 3px 5px 3px;
    width: 100%;
    margin-bottom: 10px;
}

/* -------------------------------------------------------------- shop & products */

#shop-welcome {
    height: 260px;
    max-width: 1000px;
    width: auto;
    margin: 50px auto 30px auto;
    position: relative;
}

#shop-welcome .product {
    width: 160px;
    height: 260px;
    float: left;
}

.mr50 {
    margin-right: 50px;
}

#shop-welcome-info {
    width: 1000px;
    height: 300px;
    margin: -15px auto 5px auto;
}

#shop-welcome-info .product-info {
    width: 160px;
    float: left;
    overflow: hidden;
}

#shop-welcome-info .product-info a {
    text-decoration: none;
}

#shop-welcome-info .product-info a:hover {
    color: #4e4e4e;
}

.product-info h2 {
    line-height: 50px;
    margin-bottom: 5px;
}

.product-info {
    text-align: center;
}

#content .product-info h2 {
    font-size: 1.1em;
}

.product-info .prod-info-2 {
    font-size: 0.84em;
}

#shop-welcome-images {
    position: relative;
    overflow: hidden;
    margin: auto;
}

#shop-welcome-images .cycle-carousel-wrap {
    width: 999999px;
    white-space: normal !important;
}

#shop-welcome-info {
    position: relative;
    overflow: hidden;
}

#shop-welcome-info .cycle-carousel-wrap {
    width: 999999px;
    white-space: normal !important;
}

#shop-welcome #arrow-prev {
    left: 10px;
}

#shop-welcome #arrow-next {
    right: 10px;
}

#product-images {
    height: 370px;
    max-width: 1000px;
    width: auto;
    margin: 15px auto 30px auto;
    position: relative;
    overflow: hidden;
    padding-left: 20px;
}

#animated-cards {
    width: 180px;
    text-align: right;
    padding: 0 0 0 0;
}

#first-block {
    width: 320px;
    float: left;
}

#second-block img {
    margin-left: 80px;
}

#standard-image {
    width: 180px;
    float: left;
    text-align: center;
    margin-top: -8px;
}

#side-image {
    float: right;
}

#content-product {
    max-width: 1000px;
}

#content-product h1 {
    text-align: left;
}

#product-info-container {
    width: 1000px;
    min-height: 300px;
    position: relative;
}

#product-info-container #block-01 {
    width: 320px;
    border-top: 1px dotted #000;
}

#product-info-container .info-block {
    width: 320px;
    float: left;
}

#product-info-container .marleft20 {
    margin-left: 20px;
}

#product-info-container h2 {
    text-align: left;
    line-height: 50px;
    font-size: 1em;
}

.info-block-top {
    border-top: 1px dotted #000;
    border-bottom: 1px dotted #000;
    margin-bottom: 15px;
    min-height: 50px;
}

#content h2 .choose-color {
    text-decoration: none;
    background: url(../img/main/language-select.png) no-repeat right;
    padding-right: 30px;
}
#content h2 .color_sel{
    background: url(../img/main/language-select_up.png) no-repeat right;
}

#product-info-container .linkbox {
    float: right;
    height: 40px;
    margin: 5px 0 5px 0;
    min-width: 180px;
}

#content #product-info-container .linkbox h2 {
    line-height: 40px;
    text-align: center;
}

#content #product-info-container .linkbox h2 a {
    color: #fff;
    text-decoration: none;
    display: block;
    background: #8c8c8c;
    padding: 0 10px 0 10px;
}

#content #product-info-container .linkbox h2 a:hover {
    background: #000;
}

#content #product-info-container .linkbox h2 span {
    margin-left: 10px
}

#content .price-block {
    margin-top: -5px;
}

#product-info-container #product-colors {
    position: absolute;
    width: 660px;
    background: #fff;
    min-height: 300px;
    z-index: 1000;
    top: 60px;
    left: 0;
}
#product-colors {
	margin-top: 25px;
	padding-bottom: 15px;
}
#product-colors .color {
    width: 50px;
    height: 50px;
    float: left;
    margin: 10px 10px 0 0;
    position: relative;
}

#product-colors .color-group {
    margin-right: 50px;
    float: left;
}
.select-color-icon {
	float: left;
	margin: 12px 10px 0 0;
}
#product-colors .color-group {
    margin-top: -30px;
}

#product-tabs #product-colors {
    margin: 15px 0 15px 0;
}
.product-tab #tab-description img {
	margin: 0 0 15px 0;
}
/* -------------------------------------------------------------- 	products new!!!! */

#product-left {
    min-height: 300px;
    width: 60%;
    float: left;
}

#product-right {
    max-width: 250px;
    min-width: 180px;
    width: 35%;
    min-height: 300px;
    float: left;
    margin: 1px 0 0 20px;
}

#product-info-price {
    min-height: 90px;
    border-bottom: 1px dotted #000;
    padding: 10px 0 0 0;
}

#product-info-price h1 {
    margin: 0;
}

#product-info-price h2 {
    text-align: left;
    font-size: 1em;
}

.dotted-block {
    border-bottom: 1px dotted #000;
}

.dotted-block h2 {
    line-height: 50px;
}

#product-left h2 {
    text-align: left;
}

#info-text-container p {
    font-size: 1em;
    line-height: 140%;
}

#info-text-container {
    padding: 10px 0 0 0;
}

#info-text-container #product-details {
    padding: 0 15px 0 0;
    float: left;
    width: 20%;
    min-width: 125px;
}

#info-text-container #product-text {
    float: left;
    width: 60%;
}

#product-right .product-buttons {
    border-bottom: 1px dotted #000;
    padding: 4px 0 4px 0;
}

#product-right .product-buttons h2 {
    line-height: 41px;
    text-align: right;
}

#product-right .product-buttons h2 a {
    text-decoration: none;
    padding: 0 10px 0 0;
    display: block;
}

#product-right .product-buttons h2 a:hover {
    background: #000;
    color: #fff;
}

.product-knob {

    margin: 0 35px 0 0;
}

#product-tabs h1 {
    text-align: center;
    margin: 0 0 10px 0;
    font-size: 2em;
}

#product-tabs h2 {
    font-size: 1.4em;
    line-height: 1.2em;
}

.product-tab {
    border-bottom: 1px dotted #000;
}

.product-tab p {
    text-align: center;
}

.name-price {
    padding: 0 0 15px 0;
}

#product-tabs {
    display: none;
}

#product-tabs h3 {
    text-transform: uppercase;
    text-align: center;
    font-size: 1.1em;
    line-height: 1.7em;
}

#product-tabs h3 a {
    text-decoration: none;
}

/* -------------------------------------------------------------- shoppingcart */

#shopping-steps {
    clear: both;
    border-top: 1px dotted #000;
}
#content.pt50 {
    padding-top: 80px;
}

.shop-step-header h2 {
    float: left;
}

.shop-step-header ins {
    float: right;
    margin: 10px 10px 0 0;
}

.shop-step-header ins a {
    width: 30px;
    height: 30px;
    display: block;
    background: url(/img/main/shoppingcart-slide.png) no-repeat;
}

#content .shop-step-header h2, #content .shop-step-header h1 {
    line-height: 50px;
    margin: 0;
}
#content .shop-step-header h2 .shop-step-header {
    /*border-bottom: 1px dotted #000;*/
	
}
#content .shop-step-header h2 {
    margin-left: 10px;
}
#shopping-steps .selected, .shop-step-buttons {
    background: #f0f1f1;
}

.shop-step-buttons, .sc-descriptions td {
    border-bottom: 1px dotted #000;
	line-height: 50px;
}

#shopping-steps h3, #step-04 .shop-step-buttons h3 {
    text-align: center;
    text-transform: uppercase;
    padding: 10px 20px 10x 20px;
    font-weight: normal;
    line-height: 50px;
}

#shopping-steps h3 a , #step-04 .shop-step-buttons h3 a{
    padding: 4px 10px 4px 10px;
    background: #8c8c8c;
    color: #fff;
    text-decoration: none;
    margin-left: 10px;
}

#shopping-steps h3 a:hover {
    background: #000;
}

#products-table {
    margin: 10px 10px 20px 60px;
}

.sc-descriptions td {
    padding-bottom: 5px;
}

#products-table .product-image {
    padding-left: 20px;
    width: 90px;
}

#products-table h4 {
    text-align: left;
    margin: 20px 0 0 0;
    padding: 0;
    text-transform: uppercase;
}

#products-table .product-description {
    width: 330px;
}

#products-table .amount {
    width: 150px;
}

#prod-amount {
    margin-top: 20px;
    width: 50px;
    border: 0px none;
    font-family: "ff-meta-web-pro", "meta pro", arial;
    font-size: 1em;
}

#products-table .total-price p {
    margin-top: 20px;
}

#products-table .total-price {
    text-align: right;
    width: 150px;
}

#products-table .row-remove {
    width: 140px;
}

#products-table .row-remove a {
    width: 20px;
    height: 20px;
    display: block;
    background: url(/img/main/shoppingcart-remove.png) no-repeat;
    margin: 20px 0 0 90px;
}

#products-table img {
    margin: 10px 0 10px 0;
}

#products-table .row-remove a:hover {
    background-position: -20px 0;
}

.total-row td {
    border-top: 1px dotted #000;
    padding-top: 20px;
}

#step-02 p {
    text-align: center;
    max-width: 460px;
}

#step-02 #s2-content {
    width: 460px;
    margin: 20px auto 0 auto;
    padding-bottom: 20px;
}

.checkbox1 input {
    display: none;
}

.checkbox1 span {
    width: 20px;
    height: 20px;
    display: block;
    background: #f0f1f1;
    float: left;
    border: 1px solid #c4c4c4;
}

.checkbox1 input:checked + span, .checkbox2 input:checked + span {
    background: #fff url(/img/main/terms-checked.png) no-repeat;
}

#step-02 form div {
    margin: 0 auto 0 auto;
    text-align: center;
    border: 1px solid #c4c4c4;
    padding: 10px;
}

#step-02 form div.error, #step-02 form div.error a, #step-04 .error {
    color: red;
}

#s3-content {
    margin: 20px 0 20px 0;
}

#content #s3-content .col1 {
    width: 180px;
    text-align: right;
    padding-right: 10px;
}

.shopfield {
    border: 1px solid #c4c4c4;
    padding: 5px 10px 5px 10px;
    font-family: "ff-meta-web-pro", "meta pro", arial;
    font-size: 0.91em;
    margin-bottom: 10px;
}

#s3-content .w700 {
    width: 680px;
}

#s3-content .w720 {
    width: 702px;
}

#s3-content .w490 {
    width: 470px;
}

#s3-content .w200 {
    width: 180px;
}

#s3-content .ml5 {
    margin-left: 1%;
}

#s3-remark {
    width: 400px;
    text-align: center;
    margin: 15px auto 20px auto;
}

.order-overview {
    max-width: 600px;
    min-height: 300px;
    float: left;
    margin-top: 10px;
}

#content .order-overview ul{
	margin-left: 0;
}

.order-address {
    width: 400px;
    min-height: 300px;
    float: left;
    margin-top: 10px;
	margin-left: 20px;
}

#step-04 h4 {
    text-align: left;
    font-size: 1em;
    text-transform: uppercase;
}

#step-04 .st4-remark {
    font-size: 80%;
    width: 300px;
}

.top-row td {
    font-size: 80%;
}

.dottedline {
    border: 0px none;
    border-bottom: 1px dotted #000;
    margin: 5px 0 5px 0;
}

.order-overview .amount {
    width: 50px;
}

.order-overview .model {
    width: 100px;
}

.order-overview .description {
    width: 200px;
}

.order-overview .price {
    width: 125px;
    text-align: right;
}

.order-overview .totaltext {
    text-align: right;
}

#payment-options .checkbox1 {
    margin: 0 10px 10px 0;
}

.pm-option {
    margin: 0 0 10px 15px;
}

.algemeen-vw{
	margin-left: 0px;	
}

#payment-options li {
    padding-bottom: 5px;
}

#bank-selection {
    margin-left: 35px;
}

#bank-selection td {
    vertical-align: middle;
    padding-right: 15px;
}

#bank-selection .shopfield {
    width: 200px;
}

#delivery-address h2 {
    margin: 0 0 15px 0;
}

.contact_form .form-left, #delivery-address .form-left{
	float:left; 
	width: 21%;
	box-sizing:border-box; 
	text-align:right;
	margin-right:1%;
	min-height:1px;
}

.contact_form .form-left p, #delivery-address .form-left p{
	margin-bottom: 1px;
}

.contact_form .form-right, #delivery-address .form-right{
	float:left;
	width: 78%;
	box-sizing:border-box;
}

.contact_form .form-right p, #delivery-address .form-right p{
	float:left;
	margin-left: 15px;
}

.contact_form input, .contact_form select,.contact_form textarea, #delivery-address input, #delivery-address select, #delivery-address textarea{
	width: 100%; 
	float:left;
	box-sizing:border-box;
}
.contact_form .reg-select {
	width: auto;
	float: none;
}
.padbot-08 {
	padding-bottom: 8px;
}
.contact_form #street, .contact_form #city, #delivery-address #street-del, #delivery-address #city-del{
	width: 75%;
}

.contact_form #number, .contact_form #zip, #delivery-address #number-del, #delivery-address #zip-del{
	width: 24%;
}
.contact_form #country, #delivery-address #country{
	float:left;
	width: 100%;
}
#content .checkbox-text{
	max-width: 100%;
	text-align: left;
}

/* -------------------------------------------------------------- trade fairs */

#tradefairs {
	padding-bottom: 25px;
}
#tradefairs:after {
	clear: both;
}
#content #tradefairs ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
#tradefairs ul li {
	float: left;
	display: inline;
	text-align: left;
}
#tradefairs .country {
	width: 150px;
	clear: both;
	font-weight: bold;
	text-transform: uppercase;
}
#tradefairs .city {
	width: 150px;
}
#tradefairs .date {
	width: 200px;
}
#tradefairs .location {
	width: 300px;
}
#tradefairs h3 {
	clear: both;
	text-align: center;
	padding: 15px 0 8px 0;
}

/* -------------------------------------------------------------- register products */

.reg-welcome-text {
	padding: 10px 0 10px 0;
	margin-left: -10px;
}
#birth_day, #birth_month, #birth_year {
	width: 32%;
}
#birth_month {
	width: 34%;
}
#birth_day, #birth_month {
	margin-right: 1%;
}
.contact_form .error {
	font-weight: bold;
	color: #f33;
}
.contact_form .success {
	font-weight: bold;
	color: #007416;
}
.contact_form .button {
	background: #8c8c8c;
	text-transform: uppercase;
	padding: 2px 10px;
	border: 0px none;
	width: auto;
	color: #fff;
	font-size: 0.97em;
	line-height: 40px;
	text-align: center;
}
.contact_form .button:hover {
	background: #000;
}
.contact_form .prod_code {
	width: 19%;
	margin-right: 1%;
    text-align: center;
    text-transform: uppercase;
}
.contact_form #prod_code_05 {
	margin-right: 0;
	width: 20%;
}

/* -------------------------------------------------------------- responsive */

@media only screen and (max-width: 900px) {
    .three-colls {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
    }
	#text #tradefairs ul li {
		float: none;
		display: block;
	}
	#tradefairs .country {
		margin-top: 10px;
	}
	#text #tradefairs ul {
		text-align: left;
		margin: 0 0 0 5%;
	}
	#tradefairs h3 {
		text-align: left;
		margin: 10px 0 0 5%;
	}
	#tradefairs .location {
		width: 100%;
	}
}

@media only screen and (max-width: 800px){
	.order-address{
		margin-left: 0;
	}
}

@media only screen and (max-width: 700px){
	.contact_form .form-left,.contact_form .form-right, .contact_form .form-left p, #delivery-address .form-left,#delivery-address .form-right, #delivery-address .form-left p{
		width: 100%;
		text-align: left;
	}
	#s3-remark{
		width: auto;
	}
	
	.contact_form #street, .contact_form #city, #delivery-address #street, #delivery-address #city{
		width: 74%;
	}
	
	.contact_form #number, .contact_form #zip, #delivery-address #number, #delivery-address #zip{
		width: 24%;
	}
	
	.cart-text{
		display: none;
	}
	
	#shoppingcart #amount{
		margin-top: -5px;
	}
}

@media only screen and (max-width: 500px) {
    .three-colls, .two-colls {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }
	#side-image {
		float: left;
		margin-left: 10px;
	}
	#products-table .row-remove a{
		margin: 20px 0 0 20px;
		float:right;
	}
	#prod-amount{
		width: 45px;
	}
	.order-address{
		width: auto;
	}
	#right-menu{
		top:60px;
		right: 0;
		margin: 0 10px 0px 0;
	}
	#secrid{
		margin: 30px auto 35px auto;
	}
}

@media only screen and (max-width: 970px) {
    #shop-select, #questions {
        width: 250px;
        height: 100px;
        position: absolute;
        top: 10px;
        left: 50%;
        margin: 0 0 0 -125px;
    }

    #page-image img {
        height: 160px;
    }

    .country-city {
        margin-bottom: 10px;
        float: left;
    }

    .shop-search, #questions .faq-field {
        width: 238px;
    }
	.shop-search {
        width: 249px;
    }
    #questions .faq-search {
        margin-top: 10px;
        width: 250px;
    }

    .faq-answers {
        width: 100%;
    }
    #content-right {
        margin-left: 0px;
    }
    .select_autocomplete {
        width: 250px !important;
    }
}

@media only screen and (max-width: 1020px) {
    #store-list li {
        float: none;
        line-height: 100%;
        width: auto !important;
    }

    #content #store-list {
        float: left;
    }

    #content #store-list ul {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 680px) {
    #info-text-container #product-text {
        width: 50%;
    }
}

@media only screen and (max-width: 550px) {
    #product-left, #product-right {
        display: none;
    }

    #product-tabs {
        display: block;
    }

    #second-block {
        display: none;
    }

    #product-images {
        height: 362px !important;
    }

    #first-block {
        margin: auto;
        float: none;
    }
	
	.order-overview .description {
		width: 145px;
	}
	#terms{
		width: 100%;
		box-sizing: border-box;
	}

}

.hide_important {
    display: none !important;
}

.error_field {
    border-color: red;
}

.payment_costs {
    padding-left: 33px;
    font-size: 14px;
    display: none;
}

@media only screen and (max-width: 600px) {
    .store-name {
        font-weight: bold;
        float: left;
    }

    .store-address {
        float: left;
    }

    .store-telephone {
        float: left;
        margin-bottom: 15px;
    }

    #list-wrap {
        width: 190px;
        height: 200px;
        margin: 0 auto 0 auto;
    }

    #content {
        margin: 30px auto 20px auto;
    }

    #store-list {
        margin: 0 auto 0 auto;
    }

    .list-header {
        display: none;
    }
	
	#products-table {
		margin: 10px 10px 20px 0px;
	}
	
	#products-table .product-image{
		padding-left: 0;
	}
}

@media(max-width: 420px){
	
	#products-table .row-remove{
		width: 40px;
	}
	
	#products-table .row-remove a {
		margin: 20px 0 0 0px;
	}
	
	#products-table .amount {
		width: 44px;
	}
	
	#products-table img {
		width: 50px;
		height: auto;
	}
	
	#products-table .product-description {
		width: 125px;
	}
	.order-overview .description{
		width: 125px;
	}
	.order-overview .model{
		width: 120px;
	}
	#shopping-steps h3 a{
		padding: 4px 5px 4px 5px;
		font-size: 0.9em;
		margin-left: 5px;
	}
}

@media(max-width: 350px){
	.step-content{
		font-size:90%;
	}
	#products-table img{
		width:40px;
	}
	#products-table h4{
		margin: 10px 0 0 0;
	}
	#prod-amount{
		width:40px;
	}
	#shopping-steps h3 a{
		margin-left: 0px;
	}
	.hide-xsmall{
		display:none;
	}
	.order-overview .amount{
		width: 20px;
	}
	.order-overview .model{
		width: 80px;
	}
	.order-overview .description{
		width: 100px;
	}
	.order-overview .price{
		width: auto;
	}
	.order-overview{
		width: 100%;
	}
	#order_items{
		font-size: 90%;
	}
	#step-04 .st4-remark{
		width: auto;
	}
	.description.totaltext {
		padding-right: 10px;
		box-sizing: border-box;
	}
	.pm-option{
		margin: 0 0 10px 10px;
	}
}

form.contact_form #newsletter-sub,form.contact_form  #bought{
    display: none;
}

form.contact_form  .block
{
    display: block !important;
}

form.contact_form label, form.contact_form .submit {
    cursor: pointer;
}

form.contact_form.wait {
    position: relative;
}

form.contact_form.wait:after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 3;
    background-color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    cursor: wait;
}

form.contact_form p.error {
    float: none;
    clear: both;
    margin-left: 10px;
}

.select_autocomplete {
    width: 250px !important;
    position: relative;
    border: solid 1px #000;
    background-color: #fff;
    height: 40px !important;
    box-sizing: border-box;
    display: inline-table;
    vertical-align: top;
    margin: 0 0 10px 0;
    padding: 0;
}

.select_autocomplete input[type="text"]{
    background-color: #FFF;
    width: 210px;
    border: 0px none;
    font-size: 16px;
    box-sizing: border-box;
    height: 38px;
    line-height: 20px;
    vertical-align: top;
    padding: 10px 33px 8px 10px;
    font-family: "ff-meta-web-pro","meta pro",arial;
    color: #111;
    display: table-cell;
}
.select_autocomplete input[type="text"]::-webkit-input-placeholder,
.select_autocomplete input[type="text"]:-moz-placeholder,
.select_autocomplete input[type="text"]::-moz-placeholder,
.select_autocomplete input[type="text"]:-ms-input-placeholder {
    font-size: 16px;
    height: 38px;
    line-height: 20px;
    vertical-align: top;
    padding: 12px 33px 8px 10px;
    font-family: "ff-meta-web-pro","meta pro", arial;
    color: #111;
}

.select_autocomplete .arrow {
    width: 33px;
    background-image: url("/img/main/language-select.png");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: table-cell;
    margin: 0px;
    padding: 0px;
}

.select_autocomplete .arrow.active {
    background-image: url("/img/main/language-select_up.png");
}

.select_autocomplete .select {
    position: absolute;
    border-width: 0px 1px 1px;
    border-style: none solid solid;
    border-color: -moz-use-text-color #000 #000;
    left: 0px;
    min-height: 40px;
    top: 39px;
    padding: 0px;
    box-sizing: border-box;
    max-height: 242px;
    font-size: 16px;
    display: none;
    width: 250px;
    z-index: 100;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #FFF;
}

.select_autocomplete .select .option {
    height: 40px;
    box-sizing: border-box;
    border-bottom: 1px dotted #222;
    padding: 10px;
    font-size: 16px;
    line-height: 20px;
    vertical-align: middle;
    width: 100%;
    margin: 0 1px;
    cursor: pointer;
}

.select_autocomplete .select .option:hover,
.select_autocomplete .select .option.active,
.select_autocomplete .select .option:focus,
.select_autocomplete .select .option:checked
{
    background-color: #000;
    color: #fff;
}
/*#shop-select .select_autocomplete {*/
    /*margin: 0 15px 15px 0;*/
/*}*/
#shop-select {
    font-size: 0px;
}
#shop-select .shop-search {
    font-size: 16px;
    cursor: pointer;
}
#shop-select div.select_autocomplete.right20 {
    margin-right: 20px;
}
.select_autocomplete .select .option {
    display: inline-block;
    width: 100%;
    height: 40px;
}

.product-info .h2_nl {
    line-height: 25px;
    margin-bottom: 25px;
}