﻿@font-face {font-family: 'Montserrat';src: url('fonts/montserrat-light-webfont.woff2') format('woff2'),url('fonts/montserrat-light-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Montserrat-bold';src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),url('fonts/montserrat-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}

/*
CSS RESET CODE
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
    -webkit-text-stroke-width:0;
}

.align-left {float:left}
.align-right {float:right}
.clearing {width:100%; clear:both}
a {text-decoration:none; color:#1d1d1b}
*:focus {outline: none;}

/*
START OF STYLES
*/

.progress{position:fixed;top:60%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:transparent; z-index:10000000}
.warning {font-family: 'Montserrat', sans-serif;width:100%;background-color:#FF0000; color:#ffffff; margin:auto; padding:10px; margin-top:10px; font-size:18px; text-align:center}
#outer {width:100%;max-width:1366px;min-height:400px;margin:auto}

.headerstrip {
    width: 100%;
    background: #d6cac5;
}
/* your strip colour */

.headerstrip__inner {
font-family: 'Montserrat', sans-serif; 
font-size:18px;
    max-width: 1366px; /* cap to your site width */
    margin: 0 auto;
    padding: 6px 12px;
    /* kill inherited centring and lay out three cells */
    text-align: initial;
    display: grid;
    grid-template-columns: 180px 1fr 180px; /* left = widget width */
    align-items: center;
    gap: 12px;
}

.headerstrip__left {
    justify-self: start;
}

.headerstrip__center {
    justify-self: center;
    text-align: center;
    white-space: nowrap;
}

.headerstrip__right {
    /* invisible spacer to balance the left column */
    visibility: hidden;
}

/* trustpilot iframe sometimes centers itself; force it left & block */
.headerstrip .trustpilot-widget,
.headerstrip .trustpilot-widget iframe {
    display: block !important;
    margin: 0 !important;
}

/* simple separators */
.headerstrip__center .sep {
    padding: 0 10px;
    opacity: .6;
}

/* small screens: stack cleanly */
@media (max-width:640px) {
    .headerstrip__inner {
        grid-template-columns: 1fr;
        row-gap: 6px;
    }

    .headerstrip__right {
        display: none;
    }

    .headerstrip__center {
        white-space: normal;
        line-height: 1.4;
    }
}

#header {width:100%;height:40px;margin:auto; text-align:right; margin-top:20px}
.header_features {font-family: 'Montserrat', sans-serif; font-size:18px; float:right}
.header_features_left {font-family: 'Montserrat-bold', sans-serif; font-size:18px; float:left; padding-left:10px}
#headerlogo {width:100%;min-height:100px;margin:auto;text-align:center}
#headerlogo .logo {width:500px}
#menu {width:100%;min-height:50px;margin:auto;text-align:center;font-family: 'Montserrat-Bold', sans-serif;font-size:18px}

#full_width_feature {width:100%;margin:auto; background-color:#ffffff}
#full_width_feature_block {width:100%;margin:auto;font-family: 'Montserrat', sans-serif;font-size:17px;text-align:center;margin: 40px 0px 40px 0px}
#full_width_feature_block .title {font-family: 'Montserrat-Bold', sans-serif;font-size:27px;}
#full_width_feature_button  {width:100%;margin:auto;text-align:center;padding:30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; cursor:pointer}
#full_width_feature input[type=text] {font-family: 'Montserrat', sans-serif; padding:8px; font-size:16px; padding:5px; width:100%; color:#ffffff; background-color:#c3392a; text-align:center; border:1px solid #ffffff; margin-bottom:5px}
#full_width_feature input[type=submit] {font-family: 'Montserrat-Bold', sans-serif; padding:4px; background-color:#ffffff; color:#c3392a; font-size:18px; border: 0;-webkit-appearance: none;cursor:pointer; width:100%}

#half_width_feature {width:46%;margin:auto;background-color:#ffffff; text-align:center}
#half_width_feature_button  {width:46%;margin:auto;text-align:center;padding:30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; cursor:pointer}

#third_width_feature {font-family: 'Montserrat', sans-serif; width:30%;margin: auto;font-size:16px; text-align:center}
#third_width_feature .title {font-size:26px;font-family: 'Montserrat-Bold', sans-serif;}
#third_width_feature_text_large {font-family: 'Montserrat', sans-serif; font-size:20px; width:30%;margin: auto;}
#third_width_feature_text_large .title {font-size:26px;font-family: 'Montserrat-Bold', sans-serif;}
#third_width_feature_text_large .date {font-size:12px}
#third_width_feature_text  {width:30%;margin:auto;text-align:center;padding:30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
#third_width_feature_button  {width:100%;margin:auto;text-align:center;padding:30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; cursor:pointer}

#error_feature {width:80%;margin:auto; background-color:#ccc; float:right}

.button {font-family: 'Montserrat', sans-serif; -webkit-appearance: none;width:250px;border:1px solid #1d1d1b;background-color:white;font-family: 'Montserrat-bold', sans-serif;font-size:20px;padding:17px;border-radius: 12px; cursor:pointer}
.button_noborder {font-family: 'Montserrat-Bold', sans-serif; -webkit-appearance: none;width:250px;background-color:white;font-family: 'Montserrat', sans-serif;font-size:20px; padding:0px;border-radius: 12px; cursor:pointer; border:0px}

#full_width_colour_strip {width:100%;min-height:160px;margin:auto}
.link_table {margin:auto; font-family: 'Montserrat-bold', sans-serif;font-size:22px;text-align:center; width:95%}
.link_table_white {margin:auto; font-family: 'Montserrat-bold', sans-serif;font-size:26px; text-align:center; width:95%;color:#ffffff}
.link_table_white a:link {color:#ffffff}
.link_table_white a:visited {color:#ffffff}

#footer {font-family: 'Montserrat', sans-serif;font-size:16px; border-top:1px solid #bbbcbe; width:100%; padding-top:30px}
#menu_column {width:250px; float:left; min-height:350px}
#footer .small {width:175px}
#menu_column .title {font-family: 'Montserrat-Bold', sans-serif;}
#menu_column p {height:28px}
#menu_row {width:680px; float:right; min-height:175px}
#menu_row .title {font-family: 'Montserrat-Bold', sans-serif; font-size:24px}
#footer input[type=text] {font-family: 'Montserrat', sans-serif; font-size:16px; padding:5px; width:100%}
#footer input[type=submit] {font-family: 'Montserrat-bold', sans-serif; padding:8px; background-color:#383838; color:white; font-size:18px;border: 0;-webkit-appearance: none;cursor:pointer; width:100%}

#SearchArea {
    background-color: #000;
    text-align: center;
    width: 85%;
    height: 100px;
    margin: auto;
    clear: both;
    position: relative;
    top: 5px;
    background-color: white;
    padding-top: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: 999998;
    animation-name: animatetop;
    animation-duration: 0.6s;
}
#SearchArea  input[type=text] {font-family: 'Montserrat', sans-serif; font-size:16px; padding:10px; width:100%; border:0px; color:#b2b2b2}

#info_menu {font-family: 'Montserrat', sans-serif;font-size:15px;padding-left:20px; padding-top:40px; height:100%; margin:30px 0px 30px 0px; float: left;width: 250px;margin-left: -100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#info_menu .title {font-family: 'Montserrat-Bold', sans-serif; margin-top:30px}
#info_menu p {line-height:26px}
#info {font-family: 'Montserrat', sans-serif;font-size:14px; solid #999999;margin-left:250px; padding:40px}
#info .title {font-size:28px;font-weight:500; margin-top:30px}
#info .subtitle {font-family: 'Montserrat-Bold', sans-serif;}
#right-wrapper {float: left;width: 100%}
#info {border-left:1px solid #bbbcbe}

#contact {font-family: 'Montserrat', sans-serif;font-size:18px}
#contact input {padding:15px; width:100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#contact input[type=submit] {font-family: 'Montserrat', sans-serif; padding:15px; width:20%; background-color:#bbbcbe; color:white; font-size:20px;border: 0;-webkit-appearance: none;cursor:pointer}

/* SUB CAT PAGES */

#page_header_area {font-family: 'Montserrat', sans-serif;font-size:14px; width:98%; min-height:100px; margin:auto; padding:20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
#page_header_area .title {font-family: 'Montserrat-bold', sans-serif;font-size:30px}
#page_header_area .breadcrumb {}

.navtable {font-family: 'Montserrat', sans-serif;font-size:14px; float:right; width:98%}
.pagenumbers {font-family: 'Montserrat', sans-serif;font-size:14px; padding:10px; border:1px solid #bbbcbe; margin-right:10px; width:50px; margin-top:30px; padding-left:15px; padding-right:15px}
.pagenumbers_active {font-family: 'Montserrat', sans-serif;font-size:14px; padding:10px; border:1px solid #bbbcbe; margin-right:10px; width:50px; margin-top:30px; padding-left:15px; padding-right:15px; background-color:#eaeaea}

select.dropdownlist {font-family: 'Montserrat', sans-serif;font-size:12px; background-image: url('../images/site/selectarrows.jpg');background-repeat: no-repeat;background-position:right center;background-size: 22px; padding:11px; border:1px solid #bbbcbe}
select.dropdownlist:focus {background-image: url('../images/site/selectarrows.jpg');background-repeat: no-repeat;background-position:right center;background-size: 22px}
select.dropdownlist::-ms-expand {display: none;}
select.dropdownlist {-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow:''}

#productwrap {font-family: 'Montserrat', sans-serif;font-size:14px; color:#1d1d1b}
#productwrap .image {width:275px; height:275px}
.titlewrapper {width:70%}
.pricewrapper {width:70%; padding-top:10px;font-size:16px}
.pricewrapper a {color:#686867}

#filterdiv {font-family: 'Montserrat', sans-serif;font-size:14px; color:#1d1d1b}
#filterdiv a{color:#60605f}
#filterdiv .header{font-family:'futuramedium';font-size:18px;margin:auto;width:95%;margin-top:4px;padding:4px}
.reset{font-size:14px;margin-left:50px;color:#ccc}

#filterdiv .title-open{border-bottom:1px solid #1d1d1b;margin:15px auto 0px auto;width:95%;padding:4px;padding-bottom:5px;margin-bottom:10px;font-size:16px;color:#1d1d1b;font-family: 'Montserrat-Bold', sans-serif;
    background-image: url('../images/site/filter_minus.gif');
    background-position: 98% 10%;
    background-repeat: no-repeat; 
    background-size:20px
}
#filterdiv .title-closed{border-bottom:1px solid #1d1d1b;margin:15px auto 0px auto;width:95%;padding:4px;padding-bottom:5px;margin-bottom:10px;font-size:16px;color:#1d1d1b;font-family: 'Montserrat-Bold', sans-serif;
    background-image: url('../images/site/filter_plus.gif');
    background-position: 98% 10%;
    background-repeat: no-repeat; 
    background-size:20px
}


#filterdiv .title-open a{text-decoration:none}
#filterdiv .title-closed a{text-decoration:none}

.menu-open{width:95%;margin:15px auto 0px auto;padding-bottom:25px}
.menu-open p{padding:3px;font-size:25px}
.menu-closed{display:none;width:95%;margin:15px auto 0px auto;padding-bottom:15px}

.menubuttons{width:25px;height:25px;position:relative;left:180px;top:-22px;border:0px;margin:0px;padding:0px;border-style:none}
#menubuttonhldr{position:relative;width:1px;height:1px;border:0px}

/* ACCOUNT PAGES */

.AccountArea {font-family: 'Montserrat', sans-serif; font-size:16px; width:700px; margin:auto; clear:both; margin-bottom:200px}
#AccountArea {}
#AccountArea input[type=text] {font-family: 'Montserrat', sans-serif; font-size:16px; padding:15px; width:320px}
#AccountArea input[type=password] {font-family: 'Montserrat', sans-serif; font-size:16px; padding:15px; width:320px}
#AccountArea .button_grey {padding:12px; width:325px; background-color:#bbbcbe; color:white; font-size:20px;border: 0;-webkit-appearance: none;cursor:pointer; height:52px;border-radius: 0px}
#AccountArea .button_white {padding:12px; width:325px; background-color:#ffffff; color:#1d1d1b; font-size:20px;border: 0;-webkit-appearance: none;cursor:pointer; height:52px;border-radius: 0px; border:1px solid #1d1d1b}
#AccountArea .button_green {padding:12px; width:325px; background-color:#00aa5b; color:#ffffff; font-size:20px;border: 0;-webkit-appearance: none;cursor:pointer; height:52px;border-radius: 0px}
#AccountArea p {line-height:26px; font-size:16px}
#AccountArea select.dropdownlist {font-family: 'Montserrat', sans-serif;font-size:16px; background-image: url('../images/site/selectarrows.jpg');background-repeat: no-repeat;background-position:right center;background-size: 18px; padding:15px; border:1px solid #bbbcbe}
#AccountArea select.dropdownlist:focus {background-image: url('../images/site/selectarrows.jpg');background-repeat: no-repeat;background-position:right center;background-size: 18px}
#AccountArea select.dropdownlist::-ms-expand {display: none;}
#Account_Creation {width:100%; height:200px; text-align:center; border:1px solid #b2b2b2}
#Account_Creation p {font-size:14px; line-height:25px}

#nosearch {font-family: 'Montserrat-Bold', sans-serif;font-size:16px; margin:auto; text-align:center}

#orderhistory {}
#orderhistory .orderheader:hover {background-color:#e5e5e5}

/* TRADE AREA */

.trade_catalogues {font-family: 'Montserrat-Bold', sans-serif;font-size:18px}

/* DETAIL PAGE */

#detail_content {font-family: 'Montserrat', sans-serif;font-size:14px;width:100%}
#detail_content .breadcrumb {font-size:16px; margin-top:20px}
#detail_content .productextraimages{width:145px;height:700px;float:left;margin-right:10px;border:1px solid #ccc;overflow:scroll;overflow-x:hidden;padding-left:5px}
#detail_content .productimage{width:690px;height:700px;border:0px solid #bfc724;float:left;text-align:right}
#detail_content .productinfo{width:400px;float:right;padding-left:15px}
#detail_content ::-webkit-scrollbar{width:12px;}
#detail_content ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}
#detail_content ::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}
#detail_content .product_basicdata {margin-left:20px;width:96%;float:left; margin-right:10px; padding-right:10px}
#detail_content h1 {font-family: 'Montserrat-bold', sans-serif;font-size:28px}
#detail_content .price {font-family: 'Montserrat', sans-serif;font-size: 28px}
#detail_content p {font-size:26px}

#images {clear:both; float:left; width:845px}

#product_basicdata {}
#product_basicdata .qtytable{width:100%;padding-top:0px}
#product_basicdata .qtybox{width:35px;padding:6px;color:#797979;height:33px;font-size:18px;text-align:center}
#product_basicdata .qtyboxv{width:22px;padding:4px;color:#797979;height:22px;font-size:14px;text-align:center}
#product_basicdata .drdbox{width:250px;padding:3px;color:#797979;height:33px;font-size:16px;text-align:center}
#product_basicdata .emailboxes{border:1px solid #797979; font-size:20px}
#product_basicdata .dropdownlist {width:100%; padding:15px; font-size:20px; border:1px solid #bbbcbe}
#product_basicdata .emailme {width:100%; padding:15px; font-size:20px; border:1px solid #bbbcbe}
#product_basicdata p {font-family: 'Montserrat', sans-serif;font-size:20px;}
#product_basicdata .button_green {width:100%; padding:12px; background-color:#00aa5b; color:#ffffff; font-size:20px;border: 0;-webkit-appearance: none;cursor:pointer; height:52px;border-radius: 0px}
#product_basicdata .productoffers {font-size:18px}
#product_basicdata .freedel {font-size:16px}
#product_basicdata .freeret {font-size:16px}

.producttag {position:relative; top:-100px; left:454px; z-index:102; width:253px; height:95px}
.minimetag {position: relative;z-index: 102;width: 150px;height: 160px;top: -680px;left: 530px}
.ecotag {
    position: relative;
    z-index: 102;
    top: -680px;
    left: 380px;
    width: 100px;
    box-shadow: 4px 4px #cccccc
}
.subcatproducttag {position: relative;top: -260px;left: -28px;width: 150px}

#product_extradata {font-family: 'Montserrat', sans-serif;font-size:14px; line-height:24px}
#product_extradata p {font-size:14px}
#product_extradata .title {color:#9f9f9f;font-family: 'Montserrat-bold', sans-serif; font-size:18px}


.isotoner_slippers {font-family: 'Montserrat', sans-serif; font-size:14px}
.isotoner_slippers .title {font-family: 'Montserrat-bold', sans-serif;}
.product_info {font-family: 'Montserrat', sans-serif; font-size:14px}
.product_info p {font-size:14px}

/* BASKET PAGES */

#basket_contents {font-family: 'Montserrat', sans-serif;font-size:14px;width:98%}
#basket_contents_right {font-family: 'Montserrat', sans-serif;font-size:14px;border:1px solid #bbbcbe; width:100%; padding:10px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
#basket_contents_right .title {font-size:16px;font-family: 'Montserrat-Bold', sans-serif;}
#basket_contents_right input[type=submit] {font-family: 'Montserrat', sans-serif;padding: 15px;width: 100%;background-color: #00aa5b;color: white;font-size: 20px;border: 0;-webkit-appearance: none;cursor: pointer;height: 50px}

#basket_voucher {}
#basket_voucher input[type=text] {font-family: 'Montserrat', sans-serif; font-size:14px; padding:10px; width:220px}
#basket_voucher input[type=submit] {font-family: 'Montserrat', sans-serif; padding:10px; width:140px; float:right; background-color:#bbbcbe; color:white; font-size:16px;border: 0;-webkit-appearance: none;cursor:pointer; margin-left:10px; height:41px}

#col1 {float:left;width:240px; font-size:17px; font-weight:500; line-height:22px; border-right:1px solid #bbbcbe; text-align:left; height:430px}
#col2 {float:left;width:240px; font-size:17px; font-weight:500; line-height:25px; text-align:left; height:430px; padding-left:20px}
#col3 {float:left;width:240px; font-size:17px; font-weight:500; line-height:25px; text-align:left; height:430px; padding-left:20px}
#col4 {float:left;width:240px; font-size:17px; font-weight:500; line-height:25px; text-align:left; height:430px; padding-left:20px}
#col5 {float:left;width:300px; font-size:17px; font-weight:500; line-height:25px; text-align:center; height:430px}
#col5 .blog {background-color:#ccc; float:left;width:300px; font-size:19px; font-weight:500; line-height:28px; text-align:left; height:368px; margin-top:10px; overflow:hidden; margin-bottom:20px}
#col6 {margin-right:15px;float:right;width:245px; font-size:16px; font-weight:500; line-height:28px; text-align:left; margin-top:10px; overflow:hidden; margin-bottom:20px; text-align:center}
#col7 {margin-right:15px;float:right;width:245px; font-size:16px; font-weight:500; line-height:28px; text-align:left; margin-top:10px; overflow:hidden; margin-bottom:20px; text-align:center}
#col8 {margin-right:15px;float:right;width:245px; font-size:16px; font-weight:500; line-height:28px; text-align:left; margin-top:10px; overflow:hidden; margin-bottom:20px; text-align:center}
#col9 {margin-right:15px;float:right;width:345px; font-size:16px; font-weight:500; line-height:28px; text-align:left; margin-top:10px; overflow:hidden; margin-bottom:20px; text-align:center}
#col10 {margin-right:15px;float:right;width:345px; font-size:16px; font-weight:500; line-height:28px; text-align:left; margin-top:10px; overflow:hidden; margin-bottom:20px; text-align:center}
#col11 {margin-right:15px;float:right;width:245px; font-size:16px; font-weight:500; line-height:28px; text-align:left; margin-top:10px; overflow:hidden; margin-bottom:20px; text-align:center}
#col12 {margin-right:15px;float:right;width:245px; font-size:16px; font-weight:500; line-height:28px; text-align:left; margin-top:10px; overflow:hidden; margin-bottom:20px; text-align:center}
#col13 {margin-right:15px;float:right;width:245px; font-size:16px; font-weight:500; line-height:28px; text-align:left; margin-top:10px; overflow:hidden; margin-bottom:20px; text-align:center}
#col14 {margin-right:15px;float:right;width:345px; font-size:16px; font-weight:500; line-height:28px; text-align:left; margin-top:10px; overflow:hidden; margin-bottom:20px; text-align:center; display:none}

#col1 .title, #col2 .title, #col3 .title, #col4 .title, #col5 .title, #col6 .title, #col7 .title, #col8 .title, #col9 .title, #col10 .title, #col11 .title, #col12 .title, #col13 .title, #col14 .title    {font-family: 'Montserrat-Bold', sans-serif; margin:10px 0px 10px 0px}

/* CATALOGUE REQUEST */

#cataloguerequest {width:100%}
#cataloguerequest tr {width:50%}

/* BASKET DROPDOWN */

.minibasket {display:none;font-family: 'Montserrat', sans-serif;width:450px;border:1px solid #b2b2b2;background-color:White;position:relative;top:-20px;right:450px;z-index:10000000; clear:both}
.minibasketinner {width:100%;font-size:11px;text-align:center;font-size:16px;font-family: 'Montserrat-Bold', sans-serif; margin:auto}
.minibasketinner .header {width:94%;padding:3px;color:#b2b2b2;text-align:left;margin:auto;margin-top:4px;font-size:15px;font-family: 'Montserrat-Bold', sans-serif;padding:10px}
.minibasketinner a{text-decoration:none;color:black}
#DivBasketAdd .button_green {padding:12px; width:95%; background-color:#00aa5b; color:#ffffff; font-size:20px;border: 0;-webkit-appearance: none;cursor:pointer; height:52px;border-radius: 0px; float:right; text-align:center}
#DivBasketAdd .button_white {padding:12px; width:95%; background-color:#ffffff; color:#1d1d1b; font-size:20px;border: 0;-webkit-appearance: none;cursor:pointer; height:52px;border-radius: 0px; border:1px solid #1d1d1b; float:left; text-align:center}
#DivWishlistAdd .button_blue {padding:12px; width:95%; background-color:#b0def7; color:#000000; font-size:20px;border: 0;-webkit-appearance: none;cursor:pointer; height:52px;border-radius: 0px; float:right; text-align:center}

/* WISHLIST PAGE */

#wishlist_product {width:200px; min-height:360px; float:left; padding:10px; margin-right:5px; margin-bottom:25px}
#wishlist_product p {margin-bottom:10px}
#wishlist_product .button_green {width:100%; background-color:#00aa5b; color:#ffffff; font-size:16px;border: 0;-webkit-appearance: none;cursor:pointer; height:30px;border-radius: 0px;line-height:16px}
#wishlist_product .close {position:relative; height:15px; right:15px}
#wishlist_product .info {min-height:130px}

/* XMAS LINKS */

#XmasLinks {font-family: 'Montserrat', sans-serif; font-size:18px}
#XmasLinks .title {font-family: 'Montserrat-bold', sans-serif; font-size:22px}
#XmasLinks p {line-height:36px}

.countdoown {font-size: 35px;color: #ffffff}
.countdoown_time {font-size: 60px;color: #ffffff}
.countdoown_time:hover {font-size: 60px;color: #ff0000}
.counter_spacer {width: 100%;height: 280px}
.counter_square {height:200px}
.counter_spacer_bottom {width: 100%;height: 340px}

/* BLOGPOST */
#blogpost {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px
}
#blogpost .title {font-family: 'Montserrat-bold', sans-serif; font-size:22px}
#blogpost .header {font-family: 'Montserrat-Bold', sans-serif;}
#blogpost .button {font-size:16px; height:45px; line-height:10px; text-align:center}

/* ADMIN */

#admin{font-family: 'Montserrat', sans-serif; padding:20px; ox-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#admin input[type=text] {font-family: 'Montserrat', sans-serif; font-size:14px; padding:5px; width:100%}
#admin select.dropdownlist {width:100%; font-family: 'Montserrat', sans-serif;font-size:14px; background-image: url('../images/site/selectarrows.jpg');background-repeat: no-repeat;background-position:right center;background-size: 18px; padding:8px; border:1px solid #bbbcbe}
#admin select.dropdownlist:focus {background-image: url('../images/site/selectarrows.jpg');background-repeat: no-repeat;background-position:right center;background-size: 18px}
#admin select.dropdownlist::-ms-expand {display: none;}
#admin .button_grey {padding:12px; width:325px; background-color:#bbbcbe; color:white; font-size:20px;border: 0;-webkit-appearance: none;cursor:pointer; height:52px;border-radius: 0px}

/* Modal Box */

.opaque1 {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: black;
    filter: alpha(opacity=30);
    opacity: 0.3;
    z-index: 9999987}
#opaque {
    position: fixed;
    top: 270px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: black;
    filter: alpha(opacity=30);
    opacity: 0.3;
    z-index: 999997;
    display: none
}
#opaque_clear {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    z-index: 999997;
    display: none
}
* html #opaque {position: absolute;}
* html #opaque_clear {position: absolute;}
* html .opaque1 {position: absolute;}
.modal-content {position:relative;left:200px;background-color: #ffffff;margin: auto;margin-top:-200px;padding: 0;border: 1px solid #888;width: 400px;height:770px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);z-index:10000001}
@keyframes animatetop {from {top: -500px; opacity: 0} to {top: 5px; opacity: 1}}


.Overlay {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 100000;
}

.cookie-consent-content {
    font-family: 'Montserrat', sans-serif;
    font-size:14px;
    background: #000000;
    padding: 20px;
    border-radius: 10px;
    width: 650px;
    text-align: center;
    color: white;
    margin: auto;
    margin-top: 100px;
}

.cookie-consent-content h2 {
    font-weight:bold;
    font-size:18px
}

    .cookie-consent-content p {
        font-size: 16px
    }

.cookie-consent-content-button {
    margin: 10px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    .cookie-consent-content-button:hover {
        opacity: 0.8;
    }


@media only screen and (max-width: 1380px) {
    #footer .small {width:15%}
    #menu_column {font-size:16px; width:20%; float:left; min-height:250px;padding-left:20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
    #menu_row {width:55%; float:right; min-height:175px; padding-right:20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}

    #col1, #col2, #col3, #col4 {width:25%}
    #col5,#col8,#col10,#col11,#col12,#col13 {display:none}
    #col14 {display:block}

    .counter_spacer {width: 100%;height: 280px}
    .counter_square {height: 190px}
    .counter_spacer_bottom {
        width: 100%;
        height: 300px
    }
}

@media only screen and (max-width: 1250px) {

    #headerlogo {
        min-height: 70px
    }

        #headerlogo .logo {
            width: 350px
        }

    #detail_content h1 {
        font-size: 22px
    }

    #detail_content .productimage {
        width: 490px;
        height: 490px
    }

    #images {
        clear: both;
        float: left;
        width: 645px
    }

    #detail_content .productextraimages {
        width: 145px;
        height: 490px
    }

    #detail_content .imagetable {
        width: 650px
    }

    #detail_content .product_basicdata {
        width: 95%;
        float: right
    }

    #product_basicdata .freedel {
        font-size: 16px
    }

    #product_basicdata .freeret {
        font-size: 16px
    }

    #product_basicdata .dropdownlist {
        width: 99%;
        padding: 8px;
        font-size: 18px
    }

    #product_basicdata .emailme {
        width: 99%;
        padding: 15px;
        font-size: 18px
    }

    #footer {
        font-size: 18px
    }

    #menu_column p {
        height: 22px
    }

    #menu_column {
        width: 20%
    }

    #menu_row {
        width: 60%;
        float: right
    }

    .small {
        display: none
    }

    .hide {
        display: none
    }

    .producttag {
        position: relative;
        top: -80px;
        left: 320px;
        z-index: 102;
        width: 180px;
        height: 68px
    }
    .minimetag {
        position: relative;
        z-index: 102;
        width: 120px;
        height: 120px;
        top: -480px;
        left: 360px
    }
    .ecotag {
        position: relative;
        z-index: 102;
        top: -480px;
        left: 180px;
        width: 100px;
        box-shadow: 4px 4px #cccccc
    }


    .cloud-zoom-big {
        margin-left: 200px
    }

    #blogpost {
        font-family: 'Montserrat', sans-serif;
        font-size: 18px
    }

        #blogpost .title {
            font-family: 'Montserrat-bold', sans-serif;
            font-size: 22px
        }

        #blogpost .header {
            font-family: 'Montserrat-Bold', sans-serif;
        }

        #blogpost .button {
            font-size: 14px;
            height: 45px;
            line-height: 10px;
            text-align: center;
            width: 100px
        }

    #headerstrip_BF {
        font-size: 14px
    }

    .countdoown {
        font-size: 30px;
        color: #ffffff
    }

    .countdoown_time {
        font-size: 60px;
        color: #ffffff
    }

    .counter_spacer {
        width: 100%;
        height: 240px
    }

    .counter_square {
        height: 190px
    }

    .counter_spacer_bottom {
        width: 100%;
        height: 300px
    }

}

@media only screen and (max-width: 1150px) {
    .counter_spacer {
        width: 100%;
        height: 200px
    }

    .counter_square {
        height: 190px
    }
    .counter_spacer_bottom {
        width: 100%;
        height: 200px
    }
}

    @media only screen and (max-width: 1080px) {

        #footer {
            font-size: 12px
        }

        .small {
            display: block;
        }

        #menu_column {
            font-size: 14px;
            width: 20%;
            float: left;
            min-height: 250px;
            padding-left: 20px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        #menu_row {
            width: 55%;
            float: right;
            font-size: 16px;
        }

            #menu_row .title {
                font-size: 18px
            }

        #col1, #col2, #col3, #col4 {
            width: 25%;
            line-height: 25px;
        }

        #col5, #col8, #col10, #col11, #col12, #col13 {
            display: none
        }

        #col14 {
            display: block
        }

        #productwrap .image {
            width: 225px;
            height: 225px;
        }

        .producttag {
            position: relative;
            top: -70px;
            left: 220px;
            z-index: 102;
            width: 180px;
            height: 68px
        }
        .minimetag {
            position: relative;
            z-index: 102;
            width: 120px;
            height: 120px;
            top: -380px;
            left: 260px
        }
        .subcatproducttag {
            display: none;
        }

        #detail_content .breadcrumb {
            padding-left: 10px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box
        }

        #detail_content h1 {
            font-family: 'Montserrat-bold', sans-serif;
            font-size: 18px
        }

        #detail_content .price {
            font-family: 'Montserrat', sans-serif;
            font-size: 22px
        }

        #detail_content .productimage {
            width: 390px;
            height: 390px
        }

        #detail_content .imagetable {
            width: 550px
        }

        #images {
            clear: both;
            float: left;
            width: 545px
        }

        #detail_content .productextraimages {
            width: 145px;
            height: 390px
        }

        #product_basicdata .freedel {
            font-size: 13px
        }

        #product_basicdata .freeret {
            font-size: 13px
        }

        #product_basicdata .dropdownlist {
            width: 99%;
            padding: 7px;
            font-size: 16px
        }

        #product_basicdata .emailme {
            width: 99%;
            padding: 15px;
            font-size: 16px
        }

        .cloud-zoom-big {
            margin-left: 300px
        }

        #headerstrip_BF {
            font-size: 12px;
            padding-top: 10px
        }

        .ecotag {
            position: relative;
            z-index: 102;
            top: -380px;
            left: 90px;
            width: 100px;
            box-shadow: 4px 4px #cccccc
        }
    }

    @media only screen and (max-width: 980px) {
        .countdoown {
            font-size: 18px;
            color: #ffffff
        }

        .countdoown_time {
            font-size: 60px;
            color: #ffffff
        }

        .counter_spacer {
            width: 100%;
            height: 200px
        }

        .counter_square {
            height: 160px
        }

        .ecotag {
            position: relative;
            z-index: 102;
            top: -380px;
            left: 90px;
            width: 100px;
            box-shadow: 4px 4px #cccccc
        }
    }

@media only screen and (max-width: 840px) {
    .countdoown {
        font-size: 15px;
        color: #ffffff
    }

    .countdoown_time {
        font-size: 50px;
        color: #ffffff
    }
    .counter_spacer {
        width: 100%;
        height: 140px
    }

    .counter_square {
        height: 150px
    }

    .ecotag {
        position: relative;
        z-index: 102;
        top: -380px;
        left: 90px;
        width: 100px;
        box-shadow: 4px 4px #cccccc
    }


}