* {border-radius:0 !important;}

body {
font-family:'Arial',sans-serif;
background:#e5e5e5;
}

#login[data-shoptype=B2B] .rightcol input,
.basket[data-shoptype=B2B] .payment-vat,
.basket[data-shoptype=B2B] .containerLeft .payment-method + h3 { 
display:none !important;
}

#language, nav#sidebar { display:none; }

/* container
------------------------*/
#contentWrapper {background:#fff}

#container {
background:none;
padding:10px 0 40px;
border:none;
}

aside {display:none;}

span[data-tooltip] {
text-decoration:underline;
}

#article-title .okvir {
border:#5c85b8 solid 2px;
padding:5px !important;
margin:5px -5px;
}
.product-detail-desc .okvir {
border:#d11219 solid 2px;
padding:5px !important;
margin:5px -5px;
}

#advisorBanner {
display:none;
position:fixed;
width:260px;
box-sizing:border-box;
background:#f5f5f5;
box-shadow:0 0 5px 0 #888;
bottom:0;
right:30px;
z-index:9999;
}

#advisorBanner img {
display:block;
margin:20px auto;
border-radius:110px !important;
width:220px;
box-sizing:border-box;
border:8px solid #fff;
}

#advisorBanner h3 {
display:block;
font-size:14px;
color:#fff;
text-align:center;
padding:10px 0;
background:#5c85b8;
font-family:'Open Sans';
font-weight:300;
}

#advisorBanner p {
display:block;
width:100%;
font-size:15px;
font-weight:400;
color:#333;
background:#fff;
padding:15px;
box-sizing:border-box;
line-height:40px;
min-height:60px;
}

#advisorBanner span {
display:block;
width:100%;
font-size:15px;
font-weight:400;
color:#5c85b8;
padding:0 15px 15px;
box-sizing:border-box;
line-height:40px;
text-align:center;
}

#advisorBanner p i {
width:30px;
color:#5c85b8;
}

#advisorBanner p i.fa-phone {
font-size:20px;
}

#advisorBanner p i.fa-envelope {
width:40px;
height:40px;
line-height:39px;
text-align:center;
border-radius:20px !important;
background:#5c85b8;
color:#fff;
display:block;
float:right;
font-size:20px;
}

#advisorBanner i.fa-question {
width:30px;
height:30px;
line-height:29px;
text-align:center;
border-radius:15px !important;
background:#fff;
color:#5c85b8;
display:block;
}

#advisorBanner a.tooltip {
position:absolute;
top:85px;
right:20px;
}

#advisorBanner a.tooltip::before {
content: attr(data-tip) ;   
    
font-size: 12px;
position:absolute;
z-index: 999;
white-space:nowrap;
bottom:9999px;
right: 50%;
background:#000;
color:#e0e0e0;
padding:0px 7px;
line-height: 24px;
height: 24px;
opacity: 0;  
transition:opacity 0.4s ease-out; 
}
     
#advisorBanner a.tooltip:hover::before {
opacity: 1;
bottom:-35px;
}

#advisorBanner .close {
line-height:24px;
text-align:center;
font-size:24px;
display:block;
border-radius:10px !important;
font-family:'Open Sans';
font-weight:400;
color:#fff;
position:absolute;
top:5px;
right:10px;
cursor:pointer;
}
#advisorBanner .close:hover {
color:#ddd;
}

#announcement {
background:#fff;
color:#ff0000;
line-height:50px;
font-weight:600;
}
#announcement a {
color:#ff0000;
text-decoration:underline;
}
#announcement a:hover {
text-decoration:none;    
}

/* header
------------------------*/

header {
margin:0 auto;
width:100%;
background:#f5f5f5 url(background-body.png);
padding:0;
border:none;
}

.headerContainer {
margin:0 auto;
width:990px;
height:70px;
position:relative;
}

header a#back {
display:none;
}

header a#homelink {
width:144px;
height:55px;
background:url(header-logo.png) no-repeat center;
top:10px;
left:0;
padding:0;
z-index:10;
}

.headerNav {
height:44px;
margin:0 0 0;
background:#5c85b8;
position:relative;
z-index:100;
}

.headerNav>nav {
margin:0 auto;
height:44px;
width:990px;
position:relative;
}

.headerNav>nav>ul>li {
margin:0;
padding:0;
}

.headerNav>nav>ul>li>a {
color:#fff;
font-size:12px;
line-height:12px;
height:12px;
display:block;
font-weight:normal;
margin:0 20px 0 0;
padding:16px 0;
text-shadow:none;
/*-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;*/
}

.headerNav>nav>ul>li>a:hover {
text-decoration:underline;
}

.headerNav > nav > ul > li a.action {
color: #fff;
font-weight: bold;
margin: 0;
padding: 14px 10px;
background: #ea0005;
font-size: 12px;
line-height: 16px;
height: 16px;
font-weight: bold;
margin-right: 10px;
}

.headerNav > nav > ul > li a.action:hover {
text-decoration: none;
background: #fff;
color: #ea0005;
}

header #years25 {
position:absolute;
left:150px;
top:10px;
display:block;
background:#5c85b8;
color:#fff;
padding:4px;
text-align:center;
border-radius:3px !important;
}

header #years25 span {
font-size:36px;
line-height:36px;
font-weight:700;
display:block;
}

header #years25 i {
font-size:10px;
line-height:10px;
display:block;
}




/* User navigation
-------------------------*/
header a#header-login {
display:none;
background:none;
height:12px;
width:auto;
display:block;
position:relative;
border:none;
margin:0;
font-size:12px;
line-height:12px;
color:#fff;
padding:0;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
/*-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;*/
}

header a:hover#header-login {
background:none;
text-decoration:underline;
}

#user-nav {
position:absolute;
top:16px;
bottom:auto;
right:0px;
left:auto;
}

#user-nav>ul {
float:left;
padding:0;
}

#user-nav>ul>li {
float:left;
margin:0;
padding:0 15px 0 0;
font-size:12px;
line-height:12px;
color:#b3c6dd;
}

#user-nav>ul>li:last-child {
border:none;
}

#user-nav>ul>li>p {
display:block;
padding:0;
font-size:12px;
line-height:12px;
}

#user-nav>ul>li>a {
height:12px;
display:block;
font-size:12px;
line-height:12px;
color:#fff;
text-decoration:none;
text-align:center;
}

#user-nav>ul>li>a:hover {
text-decoration:underline;
}

/* header info
-----------------------*/

#headerInfo, #headerInfoStatic {
margin:0 auto;
text-align:center;
height:35px;
}

#headerInfoStatic>span, #headerInfo>span {
width:540px;
height:16px;
font-style:italic;
line-height:16px;
font-size:14px;
color:#404040;
padding:6px 0 13px;
display:block;
text-align:center;
margin-left:215px;
}

#headerInfoStatic>span {
padding:13px 0 6px;
}

#headerInfoStatic>span b, #headerInfo>span b {
font-size:16px;
line-height:16px;
color:#5c85b8;
}
#headerInfoStatic>span b a, #headerInfo>span b a {
color:#5c85b8;
}

/* header search
------------------------*/

#search {
border:none;
background:#ddd;
width:235px;
height:35px;
border-radius:0;
bottom:0;
right:0;
position:absolute;
margin:0;
padding:0;
/*-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;*/
z-index:10;
}

#search input[type=text] {
width:174px;
height:25px;
border-radius:0;
font-size:12px;
color:#808080;
background:#f5f5f5;
padding:0 7px;
margin:0;
position:absolute;
top:5px;
left:5px;
}
#search:hover input[type=text] {
background-color:#fff;
}

/*#search>a#advancedButton {
color:#5c85b8;
font-size:10px !important;
line-height:12px;
font-weight:normal;
height:24px;
padding:5px 8px 6px;
top:0;
right:0;
border-radius:0;
text-align:center;
border-left:1px solid #f5f5f5;
}
#search>a#advancedButton:hover {text-decoration:underline;}*/

#search>a {
height:35px;
width:36px;
background:#5c85b8;
top:0;
right:0;
padding:0;
border-left:1px solid #f5f5f5;
position:absolute;
font-size:15px;
line-height:35px;
text-align:center;
}
#search>a:hover {opacity:0.8}

/*#advancedSearch {
position:absolute;
top:71px;
right:0;
width:235px;
height:300px;
background:#ddd;
display:none;
padding:20px 0 0;
color:#808080;
font-style:italic;
text-align:center;
}*/

.autocomplete-suggestions { font-size:12px; }
.autocomplete-suggestions strong { color:#5c85b8; }


/* basket
------------------------*/

#basket {
width:155px;
margin:0 auto;
position:absolute;
padding:10px 10px 10px 70px;
height:auto;
display:block;
top:0;
right:0;
background:none;
}


div:hover#basket {
background:#fff;
}

#basket>a {
display:block;
position:absolute;
top:0;
left:0;
width:225px;
height:14px;
font-size:14px;
line-height:14px;
font-weight:normal;
text-align:left;
color:#5c85b8;
padding:10px 0 10px 10px;
margin:0;
background:none;
text-decoration:underline;
}

#basket>span{display:none;}

#basket>p {
display:block;
font-weight:normal;
font-size:14px;
line-height:14px;
width:auto;
height:14px;
float:left;
color:#404040;
text-align:right;
padding:0;
margin:0;
background:none;
}

#basket>p.qty:before {content:"("}
#basket>p.qty:after {content:")"}

#basket>p.sum {
font-weight:bold;
margin-left:10px;
float:right;
}

#basket>br {display:none;}


#basketList div {
z-index:9990;
}

#basketList div {
top:61px;
right:-11px;
padding:20px 20px 55px;
background:#fff;
color:#888;
box-sizing:border-box;
border:2px solid #ddd;
box-shadow:1px 3px 5px 0px #ccc;
width:990px;
}

#basketList a.hide {
font-size:12px;
color:#808080;
background:#f8f8f8;
padding:10px 0;
border:none;
}

#basketList a:hover.hide {
background:#eee;
text-decoration:none;
}

#basketList a.checkout {
border:none;
background:#5c85b8;
text-shadow:none;
box-shadow: none;
border-radius:4px;
text-align:center;
margin:0;
float:left;
color:#fff;
font-size:24px;
font-weight:300;
padding:20px 40px;
}

#basketList a:hover.checkout {
background:#333;
}

#basketList>div>p {
text-shadow:none;
margin:10px 0;
font-size:16px;
line-height:24px;
font-weight:400;
float:right;
text-align:right;
display:block;
border-radius:4px;
background:#fff;
padding:10px 15px;
}

#basketList>div>p span {
font-size:24px;
color:#5c85b8;
display:inline-block;
top:2px;
position:relative;
margin-left:10px;
}

#basketList>div> span {
font-size:30px;
color:#ccc;
padding:20px 15px 30px;
border:none;
background:none;
text-shadow:none;
font-weight:300;
}

#basketList>div>ul {
border-bottom:1px dashed #dadada;
margin:0 0 20px; 
padding:0 0 20px;
}

#basketList>div>ul>li {
font-size:18px;
line-height:18px;
padding:15px;
text-shadow:none;
font-weight:300;
position: relative;
display: table;
width: 100%;
box-sizing: border-box;
}

#basketList>div>ul>li:hover {
background:#f8f8f8;
border-radius:3px;
}

#basketList>div>ul>li>b {
width:8%; 
}

#basketList>div>ul>li>a {
color:#606060;
width:74%;
}

#basketList>div>ul>li>a:hover {
color:#606060 !important;
}

#basketList>div>ul>li>span { 
width:18%; 
padding-right:60px;
text-align:right;
font-weight:400;
padding-left:0px;
}

#basketList>div>ul>li.active-title,
#basketList>div>ul>li.active {
background-color:#f8f8f8;
border-radius:0 0 3px 3px;
text-shadow:none;
margin:0;
}

#basketList>div>ul>li.active-title {
background:#5c85b8;
position:relative;
color:#fff;
border-radius:3px 3px 0 0;
font-weight:400;
}

#basketList>div>ul>li.active-title:before {
content:"";
position:absolute;
bottom:-8px;
left:50%;
display:block;
width: 0px !important;
height: 0px !important;
border-left: 10px outset transparent !important;
border-right: 10px outset transparent !important;
background-image:none  !important;
margin:0 0 0 -5px;
border-top: 10px solid #5c85b8 !important;
border-bottom: none !important;
position:absolute;
z-index:100;
}
#basketList>div>ul>li>a.remove-button {
color:#808080;
font-size:21px;
line-height:20px;
right:20px;
top:calc(50% - 10px);
position:absolute;
display:block;
width:20px;
}

#basketList>div>ul>li>a.remove-button:hover i {
color:#e11010;
text-decoration:none;
}


#basketSumQty, #basketSumRegular, #basketSumDiscount, #basketSumWeight, #basketPostage, #basketTotalSum, #basketTotalSumWithoutPostage, #basketSumCoupons, #basketSumCouponsPreview, #basketSumBonus, #basketSumBonusPreview {
display:none !important;
}


/* categories
------------------------*/
#categories {
width:200px;
background:none;
border-radius:0;


margin: 13px 9px 0px -1px;
border:none;
}

#categories h3 {display:none;}

#categories>ul {
border:none;
padding:2px 2px 2px 0;
background:#fff;
}

#categories>ul>li {
border:none;
background:#5c85b8;
}

#categories>ul>li>a>span {
color:#fff;
padding:5px 0 0;
font-size:11px;
font-weight:normal;
display:block;
}

#categories>ul>li>a:hover>span {
color:#fff;
}


#categories>ul>li>ul {
border-top:1px solid #fff;
}

#categories>ul>li>a {
padding:7px;
font-size:14px;
font-weight:normal;
background:none;
color:#606060;
}

#categories ul li a:hover {
background-color:#5c85b8 !important; /**/
color:#fff;
}

#categories>ul>li>a.on { color:#fff; }
#categories a.on { color:#5c85b8; }

#categories>ul>li>ul>li { }
#categories>ul>li>ul>li>ul { background:#f5f5f5; border-bottom:1px solid #fff; padding:5px;}
#categories>ul>li>ul>li>ul>li>a { font-size:11px; color:#606060; padding: 7px 5px 7px 10px; position:relative; background:#fff; }


#categories>ul>li:last-child, #categories > ul > li:last-child ul:last-child, #categories > ul > li:last-child > a:not(.on) {
border-radius:0;


}

#categories>ul>li ul {
background:#f5f5f5;
padding:0;
}

#categories > ul > li li a {
padding: 8px 10px 8px 10px;
color:#808080;
font-size:12px;
}

/* filters */
#filters {
width:198px;
padding:0;
margin-left:-1px;
}

#filters h3 {
background:#5c85b8;
color:#fff;
margin:5px 0;
font-size:14px;
padding:7px;
display:block;
margin:0 0 20px;
text-align:left;
}

#filters .filterName {
font-weight:600;
font-size:13px;
color:#222;
padding:10px 0;
}

#filters .filterSlider {
color:#222;
font-weight:400;
font-size:13px;
width:100%;
margin-bottom:50px;
}

#filters .filterSlider span {
font-weight:600;
}

/* Special styling for WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
background:#5c85b8;
}
/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
background:#5c85b8;
}
/* All the same stuff for IE */
input[type=range]::-ms-thumb {
background:#5c85b8;
}

#filters .filterName.collapsable::after {
margin-top:4px;
}
#filters .filterName.collapsable.hidden::after {
margin-top:3px;
}

#filters ul {
padding:0 0 20px;
}

#filters ul li label {
font-size:13px;
line-height:20px;
color:#222;
font-weight:400;
top:auto;
left:auto;
position:relative;
display:inline-block;
margin-left:10px;
vertical-align:middle;
text-overflow:ellipsis;
max-width:86%;
}

#filters ul li {
padding:5px 0;
height:auto;
}

#filters .checkbox {
width: 15px;
height: 15px;
border-radius: 2px;
border:0;
position: relative;
top:auto;
left:auto;
cursor:pointer;
vertical-align:middle;
background:#f5f5f5;
}

#filters .checkbox input {
margin: 2px;
display: block;
z-index:200;
position:relative;
}   

#filters ul li:hover .checkbox:not(.checkboxChecked) {
background:#eee;
}

#filters div.checkboxChecked {
background:#5c85b8;
}


#filters ul li:hover label{
color:#5c85b8;
text-decoration:none;
}



/* product list
------------------------*/
article {
width:782px;
margin:0;
}    

#article-title {
border:none;
padding:10px 20px 10px;
border-top:1px solid #fff;
background:#e5e5e5;
border-radius:0;


}

#article-title .desc {
padding:0 0 10px;
}

#article-title .desc iframe {
width:50%;
/*height:240px;*/
border:none;
}

#article-title h2 {
padding:0 0 5px;
font-size:19px;
color:#5c85b8;
font-weight:normal;
font-style:italic;
}

#article-title .desc {
color:#606060;
}

#article-title .desc img {
display:block;
max-width:100%;
box-sizing:border-box;
margin:10px 0 0;
}

#article-title .desc a, .product-detail-shortdesc>div a, .product-detail-desc>div a {
color:#0000ee;
font-weight:bold;
text-decoration:none;
}
#article-title .desc a:hover, .product-detail-desc>div a:hover {
text-decoration:underline;
}
.product-detail-shortdesc>div a.more {
margin-top:10px;
display:block;
color:#404040;
}
.product-detail-shortdesc>div a.more:before {
content:"Prikaži več";
cursor:pointer;
text-decoration:underline;
}
.product-detail-shortdesc>div a.more:after {
content:"\00BB";
font-size:16px;
padding-left:3px;
}

#article-title .desc p {
padding:5px 0 0;
line-height:18px;
}

#article-title .desc a {
color:#5c85b8;
}

#customer-opinions {
background:#f5f5f5;
margin:20px 0;
position:relative;
}
#customer-opinions.min {
height:380px;
}
#customer-opinions.min p {
height:300px;
padding-bottom:40px;
overflow:hidden;
}

#customer-opinions h4 {
text-align:center;
padding:10px 0 0;
color:#5c85b8;
font-size:14px;
}

#customer-opinions p {
padding:10px 20px 20px;
line-height:12px;
font-size:11px;
color:#404040;
}

#customer-opinions a {
color:#5c85b8;
}


.add-wishlist { display:none; }
.catIconsWrapper { display:none; }

ul.product-list {
border:none;
margin:10px 0px 10px -10px;
width:792px;
}

ul.product-list>li {
width:188px;
padding:0;
margin:0 0 40px 10px;
background:#f5f5f5;
border:none;


border-radius:0;
overflow:hidden;
border:none;
}

ul.product-list>li a {display:block;}
ul.product-list h3 {
color:#606060;
padding:8px !important;
display:table-cell;
vertical-align:middle;
height:50px;
text-align:center;
width:174px;
font-size:12px;
font-weight:normal;
line-height:16px;
}


ul.product-list p.subtitle {
height:14px;
background:#f6f6f6;
padding:2px 12px 12px;
margin:0;
color:#ccc;
display:none;
}

ul.product-list .img {
background:#fff;
margin:0;
padding:0;
width:100%;
height:100%;
border:5px solid #f5f5f5;
border-radius:0;
box-sizing:border-box;
}


ul.product-list .img img {
width:100%;
box-sizing:border-box;
padding:10px;

}

ul.product-list p.price span {
position:absolute;
top:0;
right:5px;
line-height:37px;
font-size:11px;
}

ul.product-list p.code {display:none;}

ul.product-list p.price {
margin:0;
width:168px;
height:18px;
font-size:15px;
line-height:18px;
font-weight:bold;
text-align:center;
display:block;
padding:10px;
position:relative;


border-radius:0;
background:none;
color:#606060;
border-top:1px solid #fff;
}


ul.product-list .sale  { 
background:#5c85b8; 
width:auto;
height:auto;
bottom:0;
left:0;
top:auto;
right:auto;
border-right:1px solid #fff;
}
ul.product-list .sale.nonseason {
background: #ea0005;
}
ul.product-list .nonseasonTag {
position: absolute;
padding: 0 5px;
bottom:38px;
left: 0;
color: #fff;
font-size: 12px;
line-height: 20px;
font-weight: 300;
height: 20px;
text-align: center;
display: block;
background: #ea0005;
}

ul.product-list .newItem {
position:absolute;
padding:0 5px;
top:80px;
left:0;
color:#fff;
font-size:14px;
line-height:20px;
font-weight:300;
height:20px;
text-align:center;
display:block;
content:"NOVO";
background:#d7181f;
}

ul.product-list .newItem:before  { 
content:"NOVO";
}

ul.product-list .sale b {
width:42px;
font-size:14px !important;
text-align:center;
line-height:14px;
padding:12px 0;
margin:0;
-moz-transform: none;
transform: none;
-ms-transform: none;
-o-transform: none;
-webkit-transform: none;
}

ul.product-list .bonus { 
background:#5c85b8; 
position:absolute;
padding:3px 0 5px;
bottom:38px;
left:0;
color:#fff;
font-size:10px;
text-align:center;
width:42px;
line-height:10px;
height:10px;
border-right:1px solid #fff;
}

ul.product-list .bonus:after { 
content:"+bonus";
}

ul.product-list .stock { 
/*background:#f5f5f5;*/
position:absolute;
padding:3px 0 5px 4px;
bottom:38px;
right:0;
color:#404040;
font-size:10px;
line-height:10px;
height:10px;
text-align:center;
display:block;
}

ul.product-list .stock.yes:before { 
content:"zaloga";
color:#52a14e;
padding-right:5px;
line-height:10px;
}

ul.product-list .stock.yes { 
background-color:#e1f2df;
padding:3px 0 5px 4px;
}
ul.product-list .stock.yes:after {
background-color:#52a14e;
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"\f00c";
font-size:16px;
color:#fff;
}

ul.product-list>li ul>li {
padding:5px 12px;
font-size:12px;
color:#808080;
line-height:14px;
}
ul.product-list>li ul>li:last-child {
-webkit-border-radius:0 0 8px 8px;
-moz-border-radius:0 0 8px 8px;
border-radius:0 0 8px 8px;
}

ul.product-list>li ul>li span {
font-size:14px;
font-weight:bold;
float:right;
}

ul.product-list>li ul>li.cash span {color:#6ade6a;}
ul.product-list>li ul>li.cash {background:#f6f6f6;}

ul.product-list>li h3:hover {color:#5c85b8 !important;}

ul.product-list>li:hover h3 {color:#5c85b8;}
ul.product-list>li:hover {background:#e5e5e5;}

ul.no-products {
border-radius:0;
}

article.categoryempty {width:990px;}

article.categoryempty #article-title {
border:none;
padding:10px 0 0;
border-top:none;
background:#fff;
border-radius:0;
}

article.categoryempty #article-title h1 {
font-weight:bold;
}
article.categoryempty ul.product-list {
border:none;
margin:10px 0px 10px -12px;
width:1002px;
}

article.categoryempty ul.product-list>li {
width:188px;
padding:0;
margin:0 0 10px 12px;
background:#f5f5f5;
border:none;
border-radius:0;
overflow:hidden;
border:none;
}

article.categoryempty #container-sorting {
width:980px;
}
article.categoryempty .pagination {
width:980px;
}

article.categoryempty .pagination.bottom {
width:980px;
}


/* paging
------------------------*/
#container-sorting {
display:none;
background:#f5f5f5;
width:782px;
padding:3px 0 0;
padding-top:1px;
}

#sorting {
float:right;
}
#sorting label {
margin:9px 5px;
}
#sorting select {
margin:3px 0;
}

#sorting select, #pagesize select {
border:1px solid #ddd;
}

.pagination {
background:#f5f5f5;
width:772px;
padding:0 5px 0;
margin:10px 0 0;
border:none !important;
}

.pagination:not(.bottom) {
padding-top:1px;
}

.pagination.bottom {
padding:3px 3px 0 0;
width:779px;
margin:0;
}

.pagination .page-select a.off {
color:#ccc;
}

.pagination .page-select input {
border:1px solid #ddd;
}

.pagination.bottom {
border-radius:0;


}

article.categoryempty .pagination {width:975px;}
article.categoryempty .pagination.bottom {width:985px;}




/* Izdelek podrobno
-----------------------*/

article.full-width {
width:990px;
margin-right:0;
}

article.normal-width {
width:990px;
margin-right:0;
float:left;
}

/*sorodni artikli*/
article.normal-width ul.product-list {
margin-left:-8px;
width:792px;
}

#article-title h1 {
border:none;
color:#5c85b8;
font-size:28px;
line-height:28px;
font-weight:normal;
padding:10px 0;
}

/*end*/

.product-detail-container {
border:none;
padding:0;
position:relative;
}

.category-path {
padding:0 3px 0 0;
margin:0 0 10px;
position:relative;
z-index:20;
border:none;
}

article.normal-width .category-path {width:987px;}

.category-path a {
color:#808080;
display:inline-block;
padding:8px;
}

.category-path a:hover {
background:#5c85b8;
color:#fff;
}

.category-path>b {
border-left: 5px solid #5c85b8 !important;
margin:0 5px;
}

.product-detail-title {
background:#e5e5e5;
margin:0 0 10px;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
border:none;
border-top:1px solid #fff;
color:#d7181f;
font-size:26px;
line-height:28px;
padding:10px;


border-radius:0;
}

.product-detail-title h1 {
font-size:26px;
line-height:32px;
font-weight:normal;
color:#5c85b8;
text-align:left;
}

.product-detail-title.medium-title {
width:100%;
float:right;
box-sizing:border-box;
}

.product-detail-title h2 {
font-weight:normal;
font-size:12px;
font-family:"arial", sans-serif;
color:#808080;
padding:5px 0 0;
}

p.freedelivery {
color:#444;
font-size:13px;
line-height:24px;
margin:10px 0 0;
}

p.freedelivery:before {
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"\f0d1" !important;
margin-right:10px;
color:#5c85b8;
width:20px;
display:inline-block;
font-size:20px;
position:relative;
top:2px;
}


.product-detail-image {
width:100%; /*40%*/
max-width:100%; /*40%;*/
border-radius:0;
margin:0;
padding:0;
border-top:1px solid #fff;
border-right:1px solid #fff;
background:#fff;
box-sizing:border-box;
position:relative;
float:none;
}

.product-detail-image>a {
border-radius:0;
width:100%;
height:auto;
border:5px solid #ddd;
margin:0;
text-align:center;
color:#ccc;
font-size:12px;
padding:2px 0;
box-sizing:border-box;
}

.product-detail-image>a:before {
content:"klikni za povečavo";
position:absolute;
top:10px;
left:0;
width:100%;
z-index:100;
}

.product-detail-image>a>img {
/*padding:10px;*/
display:block;
width:100%;
height:auto;
box-sizing:border-box;
}

.product-detail-image>a>img,
.product-detail-image>ul>li>a>img {
display:block;
z-index:0;
border-radius:0;
}

.product-detail-image>ul{
width:102%;
margin-left:-2%;
margin-top:10px;
float:none;
}

.product-detail-image>ul>li {
width:31.3333334%;
height:auto;
margin:0 0 2% 2%;
background:#fff;
}

.product-detail-image>ul>li>a {
border-radius:0;
width:100%;
height:auto;
border:5px solid #ddd;
margin:0;
text-align:center;
color:#ccc;
font-size:12px;
padding:0;
display:block;
box-sizing:border-box;
}

.product-detail-image>ul>li>a:before {
content:"klikni za povečavo";
display:block;
position:absolute;
top:10px;
left:0;
text-align:center;
width:100%;
z-index:100;
}


.product-detail-image>ul>li>a>img {
width:100%;
height:auto;
display:block;
z-index:10;
position:relative;
box-sizing:border-box;
padding:10px;
}

.product-detail-image>a:hover, 
.product-detail-image>ul>li>a:hover {
border:5px solid #eee;
}
/*.product-detail-image .zoomTip {
position:absolute;
top:10px;
left:10px;
color:#888;
font-size:12px;
}*/

.descAfterImg {
font-size:12px;
line-height:18px;
color:#404040;
margin-top:30px;
border: 5px solid #ddd;
padding: 20px;
}
.descAfterImg a {
color:#5c85b8;    
font-weight: bold;
}

.product-detail-leftcol {
width:36%;
float:left;
}
.product-detail-rightcol {
width:60%;
float:right; 
}

.product-detail-rightcol #infoWrapper table {
width:100%;
background:#f5f5f5;
border-radius:5px;
margin:0 0 30px;
}
.product-detail-rightcol #infoWrapper table td, .product-detail-rightcol #infoWrapper table th  {
padding:10px;
font-size:13px;
text-align:left;
}
.product-detail-rightcol #infoWrapper table td.discount {
text-align:center;
}
.product-detail-rightcol #infoWrapper table td.price {
text-align:right;
font-weight:400;
color:#444;
font-size:24px;
}
.product-detail-rightcol #infoWrapper table td {
border-top:1px solid #fff;
width:33.33%;
}



.product-detail-shortdesc {
border-radius:0;
border:none;
background:#f5f5f5;
margin:0;
padding:20px;
margin-bottom:20px;
}

.product-detail-shortdesc {
font-size:12px;
text-align:justify;
color:#606060;
}

.product-detail-desc p {
padding:0;
}

.product-detail-shortdesc ul {
list-style:disc;
margin-left:20px;
margin-bottom:10px;
}

.product-detail-rightcol #social {background:none;}
.product-detail-rightcol .clear {display:none;}

.product-detail-rightcol>ul:not(.componentList) {
margin:0;
width:100%;
float:none;
}
.product-detail-rightcol>ul:not(.componentList)>li {
border:none;
padding:5px 0;
font-size:13px;
}

.product-detail-rightcol > ul:not(.componentList) > li.sku {
position:absolute;
right:10px;
top:15px;
}

.product-detail-rightcol > ul:not(.componentList) > li > p {
display:inline-block;
float:none;
margin-left:10px;
}

.product-detail-rightcol>ul:not(.componentList) li>a[data-tooltip]:after {right: -300px;}

.product-detail-rightcol>ul:not(.componentList) li>a {color:#808080; text-decoration:underline;}
.product-detail-rightcol>ul:not(.componentList) li>a:hover {color:#808080;}


.product-detail-rightcol>ul:not(.componentList)>li.bestprice { text-align:left; }
.product-detail-rightcol>ul:not(.componentList)>li.bestprice div.bestprice { font-size:13px; }


.product-detail-rightcol > div.componentTitle {
margin-top:20px;
font-weight:bold;
color:#404040;
}
.product-detail-rightcol > ul.componentList {
width: 100%;
float:none;
}

.product-detail-rightcol>ul.componentList>li {
background:#f5f5f5;
border-bottom: none;
padding: 15px;
margin:0 0 10px;
position:relative;
}

.product-detail-rightcol>ul.componentList>li>b {
color:#5c85b8;
font-size:18px;
font-weight:600;
display:block;
}

.product-detail-rightcol>ul.componentList>li>i {
margin: 0 0 10px;
display:block;
}

.product-detail-rightcol >ul.componentList>li .quantity {
  margin: 0;
  width: auto;
  float: none;
  border:none;

}
.product-detail-rightcol >ul.componentList>li .qty {
flex-basis:20%;
max-width:20%;
padding:0 15px 0 0;
display:flex;
align-content:center;
}
.product-detail-rightcol >ul.componentList>li .qty.quantity {

}

.product-detail-rightcol >ul.componentList>li .qty input {
width: 100%;
display: block;
border: 0;
font-size: 20px;
line-height: 40px;
padding: 0 10px;
box-sizing: border-box;
text-align:right;
margin:0;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}

.product-detail-rightcol >ul.componentList>li .qty .quantity {
width: 100%;
border: 0;
font-size: 20px;
line-height: 70px;
padding: 0 10px;
box-sizing: border-box;
padding-left:30px;
background:#ddd;
cursor:default;
}

.product-detail-rightcol >ul.componentList>li .qty .qtyButtons {
display:flex;
justify-content:space-around;
flex-direction:column;
padding-left:5px;
}

.product-detail-rightcol >ul.componentList>li .qty .qtyButtons span {
font-size:15px;
line-height:30px;
width:30px;
text-align:center;
background:#ddd;
cursor:pointer;
}
.product-detail-rightcol >ul.componentList>li .qty .qtyButtons span:hover {
background:#ccc;
}

.product-detail-rightcol >ul.componentList>li .componentWrapper {
display:flex;
align-content:center;
}

.product-detail-rightcol >ul.componentList>li .componentWrapper .dd-container {
flex-basis:71%; /*80%;*/
max-width:71%; /*80%;*/
height:70px;
}

.product-detail-rightcol >ul.componentList>li .componentWrapper .dd-select {
height:70px;
}

.product-detail-rightcol >ul.componentList>li .componentWrapper a.open  {
position:absolute;
top:85px; /*15px*/
right:15px;
color:#5c85b8;
font-size:18px;
}

.product-detail-rightcol >ul.componentList>li .componentWrapper .dd-selected-text,
.product-detail-rightcol >ul.componentList>li .componentWrapper .dd-option-text {
font-size:16px;
line-height:20px !important
}

.product-detail-rightcol >ul.componentList>li .componentWrapper .dd-selected-description,
.product-detail-rightcol >ul.componentList>li .componentWrapper .dd-option-description {
font-size:14px;
color:#d11219;
font-weight:600;
}
.product-detail-rightcol >ul.componentList>li .componentWrapper .dd-selected-description del,
.product-detail-rightcol >ul.componentList>li .componentWrapper .dd-option-description del {
color:#404040;
}

.product-detail-rightcol #componentsSumPrice {
font-size:16px;
font-weight:300;
display:none;
}

.product-detail-rightcol #componentsSumPrice span {
color:#d11219;
font-size:20px;
font-weight:600;
}
.product-detail-rightcol #componentsSumPrice span del {
color:#404040;
}


.product-detail-rightcol>ul>li.instalments.leanpay .info {
padding-top:1px;
padding-bottom:3px;
}
.product-detail-rightcol>ul>li.instalments.leanpay .info .extraInfo {
margin:0;
}


.pricesWeb {
margin:0 0 10px;  
display:block;
}

.pricesWeb label {
margin:0 0 10px;  
display:block;
}

.pricesWeb>b {
font-size:40px;
color:#d11219;
letter-spacing:1px;
margin-right:10px; 
margin-top:10px;
word-spacing:-1px;
}

.pricesRegular {
display:block;
}

.pricesRegular>b {
font-size:16px;
color:#444;
}

.pricesRegular .nonseason {
color:#d11219;
}

.freeGift {
background: none repeat scroll 0% 0% #F5F5F5;
float: left;
width: 100%;
display: block;
margin-bottom: 20px;
border-top: 1px solid #fff;
}

.freeGift h3 {
color:#5c85b8;
padding:10px;
font-size:14px;
border-bottom: 1px solid #fff;
background:#eee;

}

.freeGift a img {
float:left;
display:block;
margin-right:20px;
}

.freeGift a {
display:table-cell;
height:70px;
vertical-align:middle;
line-height:70px;
font-size:14px;
color:#606060;
}

.options {
float:none;
width:100%;
box-sizing:border-box;
border: none !important;
margin:20px 0;
clear:both;
padding:0;
background:none;
}

div.options table tr {
border-bottom: solid 1px #ccc;
}

div.options table tr:first-child, div.options table tr:last-child {
border-bottom: solid 1px #ccc;
}

div.options table tr:hover:not(.disabled) {
background-color: #f5f5f5;
}

div.options table tr:hover:not(.disabled) td {
color:#5c85b8;
}

div.options table td.price,
div.options table td.regularprice {
/*padding: 6px 20px 6px 10px;*/
white-space:nowrap;
}

div.options table tr.on {
background-color:#fff;
color:#5c85b8;
font-weight:normal;
}

div.options table tr td  {
position:relative;
}

div.options table tr th:first-child, div.options table tr td:first-child {
padding-left:25px;
}
div.options table tr td:first-child:before  {
font-family:"Font Awesome 5 Free";
font-weight:400;
content:"\f111";
display:block;
position:absolute;
font-size:20px;
left:0;
font-size:13px;
margin-left:5px;
}

div.options table tr.on td:first-child:before  {
font-weight:900;
}
.options h3 {
padding:10px;
font-size:15px;
color:#fff;
background:#5c85b8;
font-weight:600;
}

div.options table th {
font-weight: normal;
background-color: #f5f5f5;
color: #888;
}

#stock-info {
background:none;
padding: 15px 0;
position: relative;
margin-bottom: 0;
font-size:13px;
}

#stock-info p {
padding:0;
}

#stock-info p span {
float:none;
margin-left:10px;
}

#products-linkedSection ul.product-list {
width:auto;
display:inline-block;
margin:0 0 20px;
transform:translateX(-4px)
}

#products-linkedSection ul.product-list .sale,
#products-linked ul.product-list .sale {
bottom: 41px;
}

#products-linkedSection ul.product-list .stock,
#products-linked ul.product-list .stock { 
bottom:79px;
}


ul.product-list .add, #products-linkedSection ul.product-list .add,
ul.product-list .add, #products-linkedSection ul.product-list #product-inquiry { 
float:right;
width:100%;
text-align:left;
color:#fff !important;
background:#5c85b8;
line-height:40px;
font-weight:400;
font-size:14px;
border-top: 1px solid #fff;
position:relative;
padding:0 15px;
box-sizing:border-box;
}

ul.product-list .add:hover { 
opacity:0.8;
text-decoration:none;
}

ul.product-list .add:after { 
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"\f07a";
display:block;
position:absolute;
font-size:18px;
text-align:center;
width:40px;
height:40px;
border-left: 1px solid #fff;
right:0;
bottom:0;
}
#products-linkedSection ul.product-list li { 
margin-bottom:0;
}


#products-linkedSection {
height:0;
position:fixed;
bottom:0;
left:50%;
transform:translateX(-50%);
width:73%;/*auto;*/
z-index:9999;
transition: height 0.5s;
background:#fff;
text-align:center;
box-shadow:0 0 10px #aaa;
box-sizing:border-box;
border-top:none;
border-bottom:none;
}

#products-linkedSection.on {
height:auto;
}


#products-linkedSection>h3 {
padding:20px;
background:#5c85b8;
color:#fff;
margin:0 0 20px;
font-size:16px;
font-weight:400;
text-align:left;
padding-right:100px;
}

#products-linkedSection a.close {
position:absolute;
top:0;
right:0;
height: 58px;
width: 60px;
display: block;
line-height: 58px;
font-size: 20px;
background:#5c85b8;
}

#products-linkedSection a.close:hover {
opacity:0.8;}

#products-linkedSection a.close:before {
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"\f00d";
color:#ffF;
}




.product-detail-container a#product-add, .product-detail-container a#product-inquiry {
display:block;
width:auto;
margin:0;
padding:25px;
float:right;
color:#fff;
font-weight:bold;
text-align:center;
border:none;/***/
text-shadow:none;/***/
-webkit-box-shadow: none;/***/
-moz-box-shadow: none;/***/
box-shadow: none;/***/
border-radius:0;
}

.product-detail-container a:not(.disabled)#product-add, .product-detail-container a:not(.disabled)#product-inquiry { background:#5c85b8;/***/ }
.product-detail-container a:not(.disabled):hover#product-add, .product-detail-container a:not(.disabled):hover#product-inquiry {background:#5c85b8; opacity:0.8;}

div.options table th, div.options table td {
padding: 14px 20px;
}

.product-detail-rightcol .quantity {
border:none;
margin:0 20px;
}

.product-detail-rightcol .quantity input {
line-height: 35px;
}

.product-detail-desc {
padding:0;
margin:30px 0 0;
box-shadow: none;
width:100%;
border-radius:0;
box-sizing:border-box;
float:none;
}

.product-detail-desc div {
padding:0;
background:#fff;
}

.product-detail-desc div img {
max-width:770px;
}

.product-detail-desc h3 {
border:none;
color:#5c85b8;
text-shadow:0px 1px 0px #fff;
padding:10px;
display:none;
}

.product-detail-container #infoWrapper {
color:#444;
font-size:13px;
line-height:24px;
margin:10px 0 0;
}



.product-detail-rightcol #freedelivery {
display: block;
background: none;
float: none;
width: 100%;
margin: 0;
}

.product-detail-rightcol .freedelivery {
display: block;
padding: 0;
font-size:13px;
font-size:13px;
color: #444;
}

.product-detail-container #infoWrapper p:before {
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"\f05a";
margin-right:10px;
color:#5c85b8;
width:20px;
display:inline-block;
font-size:20px;
position:relative;
top:2px;
}

.product-detail-container #infoWrapper a {
color:#5c85b8;
}

.product-detail-container #infoWrapper .monthly,
.product-detail-container #infoWrapper .proformaonly {
color:#606060;
}

/*.product-detail-container #infoWrapper .proformaonly b {
display:block;
}*/

.product-detail-container #infoWrapper .monthly a,
.product-detail-container #infoWrapper .hotline a {
color:#5c85b8;
text-decoration:underline;
}

.product-detail-container #infoWrapper .hotline {
color:#606060;
}

.product-detail-container #infoWrapper .hotline b {color:#5c85b8; }

.product-detail-container #customer-opinions {
background:#e5e5e5;
font-size:12px;
color:#606060;
}

.product-detail-container #customer-opinions h4 {
border-bottom:1px solid #fff;
padding:10px;
font-size:14px;
color:#5c85b8;
}

.product-detail-container #customer-opinions p {
border-bottom:1px solid #fff;
padding:10px;
background:#f5f5f5;
line-height:18px;
}

.product-detail-container #customer-opinions p i {
display:block;
text-align:right;
padding:5px 0 0;
}

mnenja { display:none }

.product-detail-container #customer-opinions a {
padding:2px;
color:#808080;
text-decoration:underline;
text-align:center;
display:block;
}

.product-detail-container #customer-opinions a:hover {background:#f5f5f5;}

.productDetailTabs ul.nav{
height:41px;
list-style:none;
width:100%;
display:block;
padding:0;
margin:0;
}

.productDetailTabs ul.nav li {
float:left;
display:block;
line-height:40px;
margin:0;
box-sizing:border-box;
width:25%;
font-size:14px;
border-right:1px solid #fff;
background:#eee;
text-align:center;
}

.productDetailTabs ul.nav li a {
color:#fff;
display:block;
padding:0 20px;
border-bottom:1px solid #fff;
background:#5c85b8;
}

.productDetailTabs ul.nav li a:hover {
opacity:0.7;
text-decoration:none;
}

.productDetailTabs ul.nav li a.current {
color:#5c85b8;
background:#f5f5f5;
border-bottom-color:transparent;}

.productDetailTabs .list-wrap {
border:5px solid #f5f5f5;
padding:20px;
height:auto !important; /*fix for accordion-trigger when switching between tabs*/
}
.productDetailTabs .list-wrap>div:not(#linked) {
}

.productDetailTabs .list-wrap a {
color:#5c85b8;
}

.productDetailTabs #opinions p {
padding:50px 0;
}

.productDetailTabs #opinions p i {
display:block;
text-align:right;
color:#5c85b8;
}

.productDetailTabs #opinions p:before {
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"\f10d";
position:absolute;
display:block;
top:10px;
left:0;
font-size:30px;
color:#ccc;
}

.productDetailTabs #opinions p:after {
content:"\f10e";
position:absolute;
display:block;
bottom:10px;
right:0;
font-family:"Font Awesome 5 Free";
font-weight:900;
font-size:30px;
color:#ccc;
}

/* product details extra
------------------------*/
article.extra {
width:100%;
margin:0;
padding:0;
}

article.extra>h3 {
display:none;
}

article.extra>div {
margin:0 0 10px;
}

article.normal-width.extra ul.product-list {
width:calc(100% + 1px) !important;
margin:0 0 0 -1px !important;
padding:0;
}

article.extra ul.product-list li {
/*width:calc(20% - 1px);
margin:0 0 10px 1px;*/
background:#e5e5e5;
}

article.extra ul.product-list li:hover {background:#eee;}

article.extra ul.product-list li h3 {
font-size:12px;
}


#products-similar ul.product-list p.price span {
position:absolute;
top:0;
right:5px;
font-size:10px;
}

/* product components */

.dd-selected, .dd-option {
display:block;
padding:5px !important;
}
.dd-selected .dd-selected-text, .dd-options .dd-option {
text-decoration:none !important;
}
.dd-selected-image {
float: left;
}
.dd-selected .dd-selected-text {
font-weight:bold;
}
.dd-selected .dd-selected-description {
display:block;
}
.dd-select {
box-sizing:border-box;
}

.dd-options {
padding:5px !important;
box-sizing:border-box;
}

.dd-option {
position:relative;
}

.dd-option:hover {
background: #eee !important;
}

.dd-option-selected:after { 
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"\f00c";
display:block;
position:absolute;
font-size:18px;
text-align:center;
right:20px;
top:50%;
transform:translateY(-50%);
font-size:20px;
color:#5c85b8;
}



/* Dodatna vsebina
-------------------*/

article.contentpage {
width:990px;
}

article.contentpage .product-detail-title {
background:none;
margin-bottom:20px;
padding:10px 0;
color:#5c85b8; 
font-size:28px; 
font-weight:normal;
}

article.contentpage h2 {
font-size:18px;
color:#5c85b8;
padding:15px 0 15px;
}

article.contentpage h3 {
font-size:18px;
color:#5c85b8;
padding:15px 0 15px;
}

article.contentpage h4 {
padding:10px 0;
}

article.contentpage, article.contentpage p {
font-size:12px;
line-height:20px;
color:#404040;
margin:0 0 10px;
text-align:justify;
}

article.contentpage a, article.contentpage p a {
color: #5c85b8;
}

article.contentpage b.company {
color:#5c85b8;
}

article.contentpage ul,
article.contentpage ol {
padding:0 0 10px;
margin:0 0 0 15px;
}

article.contentpage ul {list-style:disc;}

article.contentpage ol>li,
article.contentpage ul>li  {
font-size:12px;
color:#404040;
line-height:16px;
margin:0 0 10px;
}

article.contentpage .map {
border:1px solid #ddd;
padding:5px;
margin:0 0 20px;
}

article.contentpage .img  {
padding:5px 5px 5px 0;
margin:10px 0 20px;
clear:both;
position:relative;
border:1px solid #ddd;
}

article.contentpage .img img {
float:left;
margin:0 0 0 5px;
}


article.contentpage .map iframe {
width:592px;
height:450px;
border:1px solid #ccc;
margin:0;
}


article.contentpage p>a,
article.contentpage .map a {
font-size:12px;
color:#808080;
}

article.contentpage p>a:hover,
article.contentpage .map a:hover {
text-decoration:underline;
}

article.contentpage .img>p {
margin:10px;
}

article.contentpage .img>p strong {
color:#5c85b8;
}

article.contentpage span.company {
color:#5c85b8;
font-weight:bold;
}

article.contentpage iframe {
height:400px;
width:520px;
border:none;
}


/*     Contact form      */

#container article.contentpage .contact {
width:400px;
background:#eee url(debut_light2.png);
padding:20px;
margin:0 0 5px 40px;
}

#container article.contentpage .contact label {
display:block;
font-size:12px;
color:#888;
background:#fff;
margin:0 0 1px;
padding:5px;
}
#container article.contentpage .contact .inline label {
display:inline-block;
background:none;
}

#container article.contentpage .contact input[type=text], #container article.contentpage .contact textarea  {
display:block;
padding:8px 10px;
margin:0 0 20px;
font-size:12px;
color:#666;
border:5px solid #fff;
box-shadow:none;


border-radius:0;
background:#fff;
position:relative;
z-index:10;
}

#container article.contentpage .contact input[type=text]:hover, #container article.contentpage .contact textarea:hover  {
border-color:#f5f5f5;
box-shadow:0px 0px 0px 1px #fff;
margin:1px 1px 20px;
}


#container article.contentpage .contact textarea  {
font-family:'Arial', sans-serif;
height:200px;
}


#container article.contentpage .contact input[type=submit] {
margin:0;
padding:10px 20px;
font-size:12px;
font-weight:bold;
border-radius:0;


float:right;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
background:#5c85b8;
border:none;
text-shadow:none;
color:#fff;
cursor:pointer;
}

/*     Pomoč uporabnikom    */

article.contentpage ul#help {
width:1020px;
margin-left:-20px;
margin-top:40px;
}

article.contentpage ul#help li {
width:179px;
height:120px;
margin:0 0 20px 20px;
border:1px dashed #d9d9d9;
background:#f5f5f5;
float:left;
display:table-cell;
vertical-align:middle;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

article.contentpage ul#help li:hover {
border:1px solid #d9d9d9;
background:#fff;
box-shadow:0px 0px 8px #ddd;
-webkit-box-shadow:0px 0px 8px #ddd;
-moz-box-shadow:0px 0px 8px #ddd;
}

article.contentpage ul#help li:hover a {color:#d7181f;}

article.contentpage ul#help li a {
width:148px;
height:90px;
display:table-cell;
vertical-align:middle;
text-align:center;
padding:20px;
color:#606060;
font-weight:bold;
font-family:"trebuchet ms";
font-size:14px;
/*text-decoration:1px 0px 0px #fff;*/
}

/*          FAQ           */

article.contentpage ul#faq, article.contentpage ul#faq ul {
margin:0;
padding:0 0 5px;
}

/*article.contentpage ul#faq ul {display:none;}*/

article.contentpage ul#faq li {
display:block;
}

article.contentpage ul#faq>li>h3 {
display:block;
padding:10px 0;
margin:0 0 10px;
}

article.contentpage ul#faq>li>ul>li>a {
display:block;
background:#f5f5f5;
padding:10px;
color:#606060;
border:1px dashed #d9d9d9;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
article.contentpage ul#faq>li>ul>li>a:hover {
color:#d7181f;
border:1px dashed #d9d9d9;
background:#fff;
padding:10px 20px;
}
article.contentpage ul#faq>li>ul>li.on>a {
font-weight:bold;
color:#d7181f;
border:1px dashed #d9d9d9;
background:#fff;
padding:10px 20px;
}

article.contentpage ul#faq>li>ul>li>p {
display:none; 
color:#606060;
padding:20px 20px 10px;
line-height:20px;
}

article.contentpage table {
margin:25px auto;
}
article.contentpage table tr th,
article.contentpage table tr td {
font-weight:normal;
text-align:left;
font-size:12px;
color:#404040;
border:dashed 1px #d9d9d9;
padding:10px;
}

article.contentpage a.shopBrand {
display:inline-block;
padding:20px;
background:#d7181f;
color:#fff;
font-size:14px;
font-weight:bold;
margin:10px 0px 20px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

article.contentpage a:hover.shopBrand {
color:#ffd300;
text-decoration:none;
}

article.contentpage table a.shopBrand {
display:block !important;
font-size:12px !important;
margin:10px 0 -10px !important;
text-align:center !important;
padding:10px !important;
}

article.contentpage p.warning {
display:block;
padding:10px;
background:#f5f5f5;
border:1px dashed #d9d9d9;
}


/* feedback */

.form.slogan {
width:60%;
margin:60px auto;
background:#eee;
padding:25px;
box-sizing:border-box;
border-radius:3px;
}

.form.slogan input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #333;
opacity: 1; /* Firefox */
}

.form.slogan input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #333;
}

.form.slogan input::-ms-input-placeholder { /* Microsoft Edge */
color: #333;
}

.form.slogan input {
margin-top:30px;
}
.form.slogan>input {
display:block;
}

.form.slogan input[type=checkbox] {
padding: 0;
display: inline-block;
width: auto;
margin: 0 10px 0 0;
vertical-align: middle;
}

.form.slogan input[type=submit]{
display:block;
width:60%;
padding:20px 0;
margin:0 10px 20px;
color:#fff;
font-size:24px;
font-weight:300;
margin:10px 0;
text-align:center;
border:none;
background:#5c85b8;
box-shadow: none;
border-radius:4px;
text-shadow:none;
box-sizing:border-box;
cursor:pointer;
}

.form.slogan input[type=submit]:hover {
background:#333;
}

.form.slogan p {
font-size:18px;
color:#333;
font-weight:500;
margin:39px 0 20px;
display:block;
}

.form.slogan p.inline {
margin:0 0 30px;
}
.form.slogan p.inline div.input-wrap {
display:inline-block;
}

.form.slogan p.inline label {
width:90%;
}
.form.slogan input#slogan {
margin-bottom:5px !important;
}
.form.slogan .input-counter {
display:block;
color:#aaa;
font-size:11px;
margin-right:2px;
text-align:right;
}


/* Checkout
---------------*/

article.basket #article-title,
article.profile #article-title {
border:none;
padding:10px 0 0;
border-top:none;
background:#fff;
border-radius:0;


}
article.basket #article-title h1,
article.profile #article-title h1 {
font-weight:bold;
}
#basket-progress a.on {background:#5c85b8;}

article.basket #new-delivery-address>h3 ,
article.profile #new-delivery-address>h3 {color:#5c85b8;}

/* footer
---------------*/
footer {
margin:0 auto;
width:100%;
background:#eee;
padding:0;
border:none;
}

#footerBorder {
background:url(footer-border.png) repeat-x top;
width:100%;
height:6px;
}

.footer-wrapper {
padding:30px 0 0;
width:990px;
margin:0 auto;
}

footer nav, footer section {
float:left;
width:200px;
margin-right:40px;
padding:0;
}

footer nav.last-nav {
width:260px;
margin-right:0; 
float:right;
}

footer section { margin-right:0px;}
footer p.title { 
font-size:14px; 
font-weight:600;
margin:0 0 10px; 
color:#5c85b8;
padding:5px;
background:#ddd;
text-align:center;
}
footer, footer a { font-size:12px; color:#808080; }
footer ul li a:hover, footer nav>p>a:hover { text-decoration:underline;}


footer nav>p:not(.title) {
margin:0;
line-height:16px;
text-align:center;
color:#606060;
padding:10px;
font-size:12px;
}
footer nav>p>b {
color:#5c85b8;
}

footer ul {
padding-bottom:2px;	
padding:0px;
margin:10px 0 20px;
}

footer ul li {
padding:0;
margin:0;
}

footer ul li:last-child {
border-bottom:none;
}

footer ul li a {
padding:10px;
margin:0;
display:block;
color:#606060;
text-align:left;
position:relative;
border-bottom: 1px solid #ddd;
}

footer ul li a:hover {
text-decoration:underline;
}

footer ul li a b {
display:block;
width: 0px !important;
height: 0px !important;
border-top: 5px outset transparent !important;
border-bottom: 5px outset transparent !important;
border-left: 5px solid #5c85b8 !important;
background-image:none  !important;
margin:0 6px -1px 5px;
position:absolute;
top:12px; 
right:0;
}

a#footer-homelink {
display:block;
width:84px;
height:33px;
background:url(footer-logo.png) no-repeat;
margin:20px 0 10px 60px;
}
a#footerLogoff {
display:none;
}

#newsletter {
margin:0 0 20px; 
background:#ddd;
padding:0 0 5px;
}

#newsletter h3 {
font-size:14px; 
color:#5c85b8;
padding:5px;
text-align:center;
border-bottom:1px solid #eee;
}

#newsletter p {
font-size:12px; 
line-height:20px;
color:#606060;
text-align:left;
margin:0;
padding:10px 20px;
}

#newsletter input[type=email] {
background:#fff;
width:165px;
height:32px;
font-size:12px;
padding:0 10px;
margin:5px 1px 0 5px;


border-radius:0;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
float:left;
position:relative;
border:none;
}

span#txtNewsletter-error, span#txtNewsletter-success {
left:5px;
top:37px;
width:183px !important;
padding:6px 0 4px;
text-align:center;


border-radius:0;
}

#newsletter input[type=button] {
border:none;
background:#5c85b8;
width:auto;
height:32px;
font-size:12px;
padding:0 10px;
margin:5px 5px 0 0;
float:right;


border-radius:0;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
text-shadow:none;
}

#newsletter input[type=button]:hover {opacity:0.8;}

footer .paymentMethods {
text-align:center;
}
footer .paymentMethods a {
margin-left:30px;
}

#facebook {
width:258px;
background:#fff;
overflow:hidden;
padding:0 0 10px;
position:relative;
margin:0 0 20px;
}
#facebook iframe {
margin:-1px;
border:none; 
overflow:hidden; 
width:258px; 
height:172px;
}

#lowerfooter {
text-align:center;
padding:10px 0;
margin:20px 0 0 -10px;
width:990px;
position:relative;
}

a.netit {
position:absolute;
right:0;
top:6px;
display:block;
width:76px;
height:24px;
background:url(netit.png) no-repeat;
}

a.netit:hover {
background-position:0 -29px; 
}

footer li.hide {
display:none;}

/* Home
------------------------- */

aside {display:none;}

article.home {width:990px;}

article.home h1 {
color:#5c85b8;
text-align:center;
font-size:24px;
padding:20px 0;
}

article.home #categories {
width:991px;
margin:0 0 0 -1px;
}

article.home #categories li {
width:246px;
height:276px;
background:#eee url(debut_light2.png);
margin:0 0 1px 1px;
float:left;
}

article.home #categories li:hover {background:#f5f5f5 url(debut_light1.png);}

article.home #categories li>a {
display:block;
width:246px;
height:276px;
position:relative;
}

article.home #categories li>a img {
display:block;
top:0;
left:0;
position:absolute;
}

article.home #categories li>a h2 {
display:block;
bottom:0;
left:0;
position:absolute;
width:246px;
font-size:14px;
color:#5c85b8;
text-align:center;
padding:20px;
font-weight:normal;
z-index:100;
}

article.home #categories li>a h2:hover {text-decoration:underline;}

/* Banner Home
-----------------*/

#bannerWrapper {
position:relative;
margin:40px 0 0;
z-index:12;

}

#bannerWrapper, #banner, #banner a, #banner a img {
width:100%;
height:260px;
display:block;
}


#banner a img {
height:auto;
}



#banner {
box-sizing:border-box;
position:absolute !important;
}

ul#bannerNav {
z-index:99;
}

ul#bannerNav>li {
float:left;
margin-right:5px;
margin-top:10px;
}

ul#bannerNav>li>a {
display:block;
height:10px;
width:10px;
background:#eee;
border-radius:5px;
}

ul#bannerNav>li>a:hover {
background:#ddd;
border-color:transparent;
}

ul#bannerNav>li.cycle-pager-active>a { 
background: #5c85b8; 
border-color:transparent;
}

#bannerWrapper span.bannerNav {
position: absolute;
display: block;
bottom: calc(50% - 20px);
left: 0;
height: 40px;
width: 40px;
background-color: #5c85b8;
cursor: pointer;
box-sizing:border-box;
border-radius: 0;
color: #fff;
font-size: 22px;
line-height: 36px;
text-align: center;
text-indent: -2px;
z-index:100;
opacity:0;
}

#bannerWrapper:hover span.bannerNav {
opacity:0.5;
}

#bannerWrapper span.bannerNav.next {
right:0;
left:auto;
text-indent:1px;
}

#bannerWrapper span:hover {
opacity:0.8;
}

#bannerWrapper #bannerNavWrapper {
display:block;
width:100%;
text-align:center;
position:absolute;
bottom:0;
z-index:99;
}

#bannerNav {    
height:40px;
text-align:center;
position:relative;
z-index:110;
}

#bannerNav span {    
display:inline-block;
margin:14px 5px;
text-indent:-9999px;
width:12px;
height:12px;
background:#f5f5f5;
border-radius:6px;
cursor:pointer;
position:relative;
}

#bannerNav span.cycle-pager-active { 
background: #5c85b8; 
}

#bannerNav span:hover { 
background: #ccc; 
}


#bannerSmall {
width:105%;
margin:30px 0 0 -3%;
}

#bannerSmall a, #bannerSmall img {
display:block;
border-radius:3px;
}

#bannerSmall a {
width:46%;
float:left;
margin-left:3%;
overflow:hidden;
}





/* FAQ Banner
-----------------*/

#article-title>a {
width:782px;
height:80px;
margin-left:-20px;
margin-bottom:-10px;
display:block;
border-top:1px solid #fff;
}

#article-title>a#bannerSolar {background:url(/img/content/banner_solar.jpg) no-repeat center}
#article-title>a#bannerFaq {background:url(/img/content/banner_faq.jpg) no-repeat center}

#article-title>a:hover {opacity:0.8;}


/* Upsell
-------------------*/

#upsell {
width:710px;
margin-top:30px;
}

#upsell>h3 {
color:#5c85b8;
font-size:20px;
margin:0 0 0;
background:#f5f5f5;
padding:10px 10px;
}

#upsell>p {
color:#606060;
font-size:12px;
background:#f5f5f5;
padding:0 10px 10px;
margin:0 0 010px}

#upsell li {
width:134px;
background:#f5f5f5;
}

#upsell li:hover {background:#e5e5e5;}

#upsell li:hover .img {border:5px solid #e5e5e5;}

#upsell ul {width:720px;}

#upsell li h3 {
text-align:center;
width:134px;
border-bottom:solid 1px #fff;
height:39px;
padding:5px !important;
}

#upsell li a .img {
width:124px;
height:60px;
border:5px solid #f5f5f5;
background:#fff;
padding:5px 0;
margin:0;
}
#upsell li a img {
border:none;
width:60px;
height:60px;
}

#upsell .price {
border-top:solid 1px #fff;
width:134px;
height:14px;
line-height:14px;
font-size:14px;
padding:5px;
display:block;
float:none;
}
#upsell .price span, #upsell .sale2 {
display:none;
}
#upsell .sale {
bottom:57px;
}
#upsell .sale b {
font-size:12px !important;
width:30px;
height:22px;
padding:0;
padding-top:8px;
}

#upsell .stock {
border-left:none;
bottom:57px;
}

#upsell .basketAdd {
display:block;
}
#upsell .basketAdd a {
background:#5c85b8;
display:block;
text-align:center;
width:134px;
color:#fff;
height:12px;
line-height:12px;
font-size:12px;
padding:10px 0;
border-top:solid 1px #fff;
font-weight:bold;
}
#upsell .basketAdd a:hover {opacity:0.8;}
/*
#upsell .order-item-desc {background:#e5e5e5; border-bottom:1px solid #fff;}


#upsell .order-item-desc>a>img {
margin:0;
border:5px solid #e5e5e5;
}

#upsell .order-item-desc>span {
height:70px;
border-left:1px solid #fff;
}

#upsell .order-item-price {
height:70px;
border-left:1px solid #fff;
border-bottom:1px solid #fff;
margin:0;
background:#e5e5e5;
font-weight:bold;
text-align:center;
}

#upsell .order-item-price>span {
height:70px;
display:table-cell;
vertical-align:middle;
padding:0;
width:86px;
font-weight:bold;
color:#606060;
}

#upsell #basketAdd {
height:70px;
border-left:1px solid #fff;
border-bottom:1px solid #fff;
margin:0;
display:block;
float:left;
}
#upsell #basketAdd a {
height:70px;
background:#5c85b8;
display:table-cell;
text-align:center;
vertical-align:middle;
width:178px;
color:#fff;
font-size:14px;
}
#upsell #basketAdd a:hover {opacity:0.8;}*/

/* Custom login & checkout elements
------------------------------------*/

nav#profile {


border-radius:0;
}

nav#profile ul li:first-child a {


border-radius:0;
}


#login .rightcol {
margin-top:73px !important;
background:#eee url(debut_light2.png);
border:none;


border-radius:0;
}

.profile-bonus, .profile-password {
background:#eee url(debut_light2.png);

}

#login .rightcol {margin-top:30px !important;}
#login .rightcol h3 {
width:370px;
margin-top:-30px;
margin-left:-30px;
padding:25px 0;
border-bottom:1px solid #fff !important;
}

#login .rightcol p {border:none !important;}

#right-column p {
border-bottom:1px solid #fff;
}

#right-column h3 {
color:#5c85b8;
}

.order-code {
margin-bottom:20px;
}

#freeDelivery b {color:#5c85b8;}

#basketListAdvanced>p {
background:#eee url(debut_light2.png) !important;
border:none !important;
-webkit-border-radius:0 !important;
-moz-border-radius:0 !important;
border-radius:0 !important;
}


#login h1 {color:#5c85b8}

input#basket-next[type="submit"], .form input[type="button"]  {
background:#5c85b8; 
border:none;


border-radius:0;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
text-shadow:none;
margin-top:30px;
}
input#basket-next[type="submit"]:hover, .form input[type="button"]:hover  {background:#5c85b8; opacity:0.8;}
article.basket {padding:0 0 30px;}

.profile-password a {
background:#5c85b8; 
border:none;


border-radius:0;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
text-shadow:none;
}

.profile-password a:hover {background:#5c85b8; opacity:0.8;}

.profile-orders table {margin-bottom:10px;}

#accordion h3 a {
color:#5c85b8;
font-size:18px;
padding:10px;
display:block;
}

/* Bonus Counter
--------------------- */

.profile-bonus {
margin:0 0 20px; 
text-shadow:0px 1px #fff;
color:#404040;
position:relative;
padding:0;
}

.profile-bonus h3 {
border-bottom:1px solid #fff;
margin-bottom:20px;
padding:10px 20px;
color:#5c85b8;
}

.profile-bonus .counter-wrapper {
border-radius:0;
padding:0;
margin:0 0 10px;
background:#5c85b8;
border-bottom:1px solid #fff;
width:100%;
}

.profile-bonus .counter-wrapper span {
background:none;
border:none;
border-radius:0;
padding: 10px 20px;
text-shadow:none;
color:#fff;
font-weight:bold;
font-size:30px;
}

.profile-bonus span i {
font-style:normal;
font-size:12px;
}

.profile-bonus p {
padding:0 10px 10px;
text-shadow:none;
color:#606060;
}

.profile-bonus a {border-top:1px solid #fff;}

#actionBanner {
display:none;
position:fixed;
z-index:5000;
right:1px;
top:40%;
margin-top:-75px;
width:280px;
color:#5c85b8;
font-size:16px;
line-height:24px;
background:#d11219;
padding:0;
box-shadow:0px 0px 4px #888;
-webkit-box-shadow:0px 0px 4px #888;
-moz-box-shadow:0px 0px 4px #888;
}

/*#actionBanner a {
display:block;
background:#d11219 url(actionbanner.png) no-repeat center 30px;
width:160px;
padding:130px 30px 30px;
color:#fff;
text-align:center;
position:relative;
}

#actionBanner a:hover {
background-color:#ea000b;
}*/

#actionBanner a {
display:block;
background:#d11219 url(actionbanner.png) no-repeat center 30px;
width:250px;
padding:0;
color:#fff;
text-align:center;
position:relative;
}

#actionBanner a img {
display:block;
background:#fff;
padding:30px 30px 20px;
}

#actionBanner a:hover {
background-color:#ea000b;
}

#actionBanner a>b {
display:block;
padding:20px;}


#actionBanner>span {
display:block;
color:#d11219;
text-align:center;
top:0px;
left:0;
position:absolute;
font-size:12px;
line-height:14px;
cursor:pointer;
padding:7px;
}

#actionBanner>span b {
font-size:20px;
line-height:12px;
position:relative; 
top:2px;
}

#actionBanner>span:hover {
color:#fff;
background:#d11219;
}
/* profile/basket
--------------------*/


#article-title.profile {
margin:0 0 10px;
}

#basket-progress {
padding:0;
}

#basket-progress a {
padding:10px 15px;
border-radius:0;
}

article.basket>div>h3, article.basket #new-delivery-address h3 {
color:#5c85b8;
padding-left:10px;
}

#right-column {
background:#eee url(debut_light2.png);
border-radius:0;
}


.order-item-desc>a>img, .order-item-desc>img {
width:60px;
height:60px;
}

/* daily offer
-------------------- */

ul#categories {
margin:2px 0 0 -12px;
float:left;
width:202px;
clear:left;}

ul#categories li {
width:100px;
height:120px;
background:#eee url(debut_light2.png);
margin:0 0 1px 1px;
float:left;
position:relative;
}

ul#categories li img {
width:100%;
height:auto;
}

ul#categories li:hover {background:#f5f5f5 url(debut_light1.png);}

ul#categories li h3 {
display:block;
bottom:0;
left:0;
position:absolute;
width:100%;
height:auto;
background:none;
font-size:10px;
color:#5c85b8;
text-align:center;
padding:5px;
font-weight:normal;
z-index:100;
box-sizing:border-box;
}

#dailyoffer {
width:100%;
float:left;
}

#dailyoffer h2 {
color:#5c85b8;
font-size:20px;
padding:10px 0;
}

#dailyoffer p {
font-size:12px;
line-height:18px;
}
#dailyoffer p a {
color:#5c85b8;
}
#dailyoffer p a:hover {
text-decoration:underline;
}

article.dailyoffer article {
width:100%;
float:none;
}

.dailyofferNext {
background:#f5f5f5;
padding:40px;
margin:10px 0 0;
font-size:14px;
color:#404040;
}

.dailyofferNext img {
display:block;
float:left;
border: 5px solid #DDD;
margin-right:40px;
}

.dailyofferNext h3 {
color:#5c85b8;
font-size:24px;
margin:0 0 20px;
}

.dailyofferNext p {
text-align:center;
font-size:14px;
line-height:22px;
}

.dailyofferNext.soldout p {
text-align:left;
}


article.dailyoffer article.normal-width .category-path {
width:100%;
box-sizing:border-box;
}

article.dailyoffer .product-detail-title.medium-title {
width:100%;
box-sizing:border-box;
}

article.dailyoffer .product-detail-rightcol  {
width:610px;
box-sizing:border-box;
}

article.dailyoffer .product-detail-shortdesc, article.dailyoffer .product-detail-rightcol > ul, article.dailyoffer .product-detail-desc {
width:100%;
box-sizing:border-box;
}
article.dailyoffer .product-detail-container #infoWrapper  {
width:212px;
height:116px;
box-sizing:border-box;
}

article.dailyoffer .product-detail-rightcol #stock   {
width:175px;
height:116px;
box-sizing:border-box;
}
article.dailyoffer .product-detail-container a#product-add, article.dailyoffer .product-detail-container a#product-inquiry {
padding:47px 0;
}

/****************** Mobile site ****************/

@media only screen 
and (min-height : 300px) 
and (max-width : 1020px) 
and (min-device-height : 300px) 
/*and (orientation : portrait)*/ { 
    html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
    }

    #actionBanner { display:none; }

    #container, article, .headerContainer, .headerNav>nav, article.dailyoffer .product-detail-rightcol, .product-detail-desc {
    width:100% !important;
    }

    #container {
    padding:0;
    }

    #container>ul#categories, .headerNav>nav>ul, #headerInfo, #headerInfoStatic, .categoriesWrapper, .category-path, #adminTools  {
    display:none;
    }

    body {
    background:#fff;
    }

    /* header
    ------------------------*/
    header {
    background:#f5f5f5 url(background-body.png);
    }

    header #years25 {
    position:absolute;
    left:150px;
    top:10px;
    display:none;
    }

    .headerContainer {
    margin:0 auto;
    height:120px;
    position:relative;
    }

    .bodyCheckout .headerContainer {
    height:70px;
    border-bottom:1px solid #ddd;
    }

    header a#homelink {
    width:110px;
    height:70px;
    top:0;
    left:calc(50% - 55px);
    background:url(header-logo-2x.png) no-repeat center;
    background-size:110px auto;
    padding:0;
    z-index:10;
    }

    header a#back {
    height:50px;
    width:50px;
    background-image:url(icon-back-2x.png);
    background-size:24px auto;
    background-position:center;
    background-repeat:no-repeat;
    background-color:#f5f5f5;
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    z-index:20;
    box-sizing:border-box;
    border:1px solid #ddd;
    border-left:none;
    }

    .headerNav {
    height:5px;
    margin:0 0 0;
    background:#5c85b8;
    position:inherit;
    z-index:100;
    }

    header a#header-login {
    height:70px;
    width:50px;
    overflow:hidden;
    background-image:url(icon-login-2x.png);
    background-size:24px auto;
    background-repeat:no-repeat;
    background-position:center;
    text-indent:-9999px;
    }

    header a:hover#header-login {
    background-image:url(icon-login-2x.png);
    background-size:24px auto;
    background-repeat:no-repeat;
    background-position:center;
    }


    #user-nav {
    position:absolute;
    top:5px;
    bottom:auto;
    left:0;
    z-index:1000;
    width:60px;
    }

    #user-nav>ul {
    float:left;
    padding:0;
    }

    #user-nav>ul>li {
    height:70px;
    width:50px;
    overflow:hidden;
    background-image:url(icon-profile-2x.png);
    background-size:24px auto;
    background-repeat:no-repeat;
    background-position:center;
    text-indent:-9999px;
    float:none;
    margin:0;
    padding:0;
    }

    #user-nav>ul>li:last-child {
    display:none;
    }

    #user-nav>ul>li.email {
    display:none;
    }

    #user-nav>ul>li>a {
    height:100%;
    display:block;
    }

    #user-nav>ul>li>a:hover {
    text-decoration:underline;
    }


    article.home #categories {
    width:100%;
    margin:0;
    }

    article.home #categories li {
    width:calc(50% - 1px);
    height:180px;
    margin:0 0 1px 1px

    }

     article.home #categories li>a {
    width:100%;
    height:100%;
    }

     article.home #categories li>a h3 {
    width:100%;
    box-sizing:border-box;
    font-size:14px;
    padding:0 10px 15px;
    }

    /* header search
    ------------------------*/

    #search {
    width:100%;
    height:50px;
    box-sizing:border-box;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    background-color:#fff;
    padding-left:50px;
    }

    #search input[type=text] {
    background-color:#fff;
    box-sizing:border-box;
    width:100%;
    height:100%;
    padding:15px 5%;
    line-height:20px;
    font-size:16px;
    position:relative;
    top:auto;
    left:auto;
    }

    #search>a {
    height:100%;
    width:50px;
    border-left:none;
    font-size:20px;
    line-height:50px;
    }

    /* Basket */

    #basket {
    padding:0;
    width:100%;
    height:70px;
    top:0;
    right:0;
    }

    #basket>a {
    overflow:hidden;
    text-indent:-9999px;
    width:50px;
    height:100%;
    background-image:url(icon-cart-2x.png);
    background-size:30px auto;
    left:auto;
    right:0;
    background-repeat:no-repeat;
    background-position:center;
    padding:0;
    }

    #basket>p:not(.qty), #basket>span {
    display:none;
    }

    #basket>p.qty {
    display:block;
    position:absolute;
    top:20px;
    right:35px;
    background:#5c85b8;
    color:#fff;
    height:26px;
    min-width:26px;
    border-radius:13px !important;
    text-align:center;
    box-sizing:border-box;
    font-size:15px;
    line-height:26px;
    padding:0px;
    font-weight:600;
    }

    #basket>p.qty:before,#basket>p.qty:after {
    content:""}

    div:hover #basket {
    background-color:transparent;
    }

    #basketList div {
    top:71px;
    right:0;
    width:100%;
    box-sizing:border-box;
    border:none;
    background:#fff;
    padding:0 0 50px;
    z-index:9999;
    box-shadow:0px 5px 5px 0 rgba(0,0,0,0.2);
    }

    #basketList a.hide {
    font-size:14px;
    padding:10px 0;
    background:#fff;
    border-top:1px solid #ddd;
    }

    #basketList a.checkout {
    border:none;
    background:#5c85b8;
    text-shadow:none;
    box-shadow: none;
    border-radius: 5px !important;
    text-align:center;
    color:#fff;
    font-size:20px;
    font-weight:400;
    width:60%;
    padding:20px;
    margin:20px auto 40px;
    left: 50%;

position: relative;

transform: translateX(-50%);
    }

    #basketList>div>p {
    text-shadow:none;
    margin:0;
    font-size:16px;
    line-height:22px;
    font-weight:400;
    text-align:right;
    display:block;
    padding:20px;
    }

    #basketList>div>p span {
    font-size:16px;
    line-height:22px;
    font-weight:400;
    color:#5c85b8;
    display:inline-block;
    position:relative;
    margin-left:10px;
    }

    #basketList>div> span {
    font-size:16px;
    line-height:22px;
    color:#ccc;
    padding:20px;
    border:none;
    background:none;
    text-shadow:none;
    font-weight:300;
    }

    #basketList>div>ul {
    border:none;
    margin:0; 
    padding:0;
    }

    #basketList>div>ul>li {
    font-size:16px;
    line-height:22px;
    padding:20px;
    text-shadow:none;
    border-bottom:1px solid #ccc;
    }

    #basketList>div>ul>li:hover {background:#fff;}

    #basketList>div>ul>li>b {
    width:11%; 
    }

    #basketList>div>ul>li>a {
    color:#606060;
    width:66%;
    }
    
    #basketList>div>ul>li>span { 
    width:23%; 
    text-align:right;
    font-weight:400;
    padding-left:0px;
    }

    #basketList>div>ul>li.active-title,
    #basketList>div>ul>li.active {
    background-color:#f5f5f5;
    border-radius:0;
    text-shadow:none;
    margin:0;
    color:#404040;
    }

    #basketList>div>ul>li.active-title {
    background:#5c85b8;
    position:relative;
    color:#fff;
    border-radius:0;
    font-weight:400;
    border:none;}

    #basketList>div>ul>li.active-title:before {
    content:"";
    position:absolute;
    bottom:-10px;
    left:50%;
    display:block;
    width: 0px !important;
    height: 0px !important;
    border-left: 10px outset transparent !important;
    border-right: 10px outset transparent !important;
    background-image:none  !important;
    margin:0 0 0 -5px;
    border-top: 10px solid #5c85b8 !important;
    border-bottom: none !important;
    position:absolute;
    z-index:100;
    }


    /* artikli */

    #article-title {
    padding:0 0 0;
    background:#fff;
    border:none;
    }

    #article-title > a {
    display:none;
    }
   
    #article-title h1 {
    font-size:20px;
    line-height:30px;
    padding:20px;
    text-align:center;
    /*border-bottom:1px solid #ddd;*/
    background:#f5f5f5;
    }
   
    #article-title .desc {
    font-size:14px;
    line-height:22px;
    padding:15px 20px;
    /*border-bottom:1px solid #ddd;*/
    }
   
    #article-title .desc p {
    font-size:14px;
    line-height:22px;
    padding:0 0 20px;
    }

    #article-title .desc a {
    color:#5c85b8;
    }

    #article-title a#bannerFaq {
    display:none;
    }

    /* product list*/

    ul.product-list, article.categoryempty ul.product-list  {
    border:none;
    margin:0;
    width:100%;
    border-top:1px solid #ddd;
    }

    ul.product-list>li, article.categoryempty ul.product-list>li {
    box-sizing:border-box;
    width:50%;
    margin:0;
    background:#f5f5f5;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-radius:0;
    overflow:hidden;
    height:auto;
    }

    ul.product-list>li .img {
    height:auto;
    border:none;
    }

    ul.product-list>li img {
    height:auto;
    }

    ul.product-list h3 {
    width:100% !important;
    box-sizing:border-box;
    font-size:14px;
    line-height:20px;
    padding:0 15px!important;
    text-align:left !important;
    height:80px;
    overflow:hidden;
    }

    ul.product-list:not(.groups) h3 {
    height:90px !important;
    }

    ul.product-list.groups h3 {
    height:auto !important;
    padding:15px!important;
    }

    ul.product-list p.price {
    background:#fff;
    width:100%;
    box-sizing:border-box;
    height:40px;
    font-size:16px;
    line-height:40px;
    padding:0 10px;
    border-top:1px solid #ddd;
    text-align:left;
    }

    ul.product-list p.price span {
    position:absolute;
    top:0;
    right:10px;
    line-height:40px;
    font-size:12px;
    }

    ul.product-list .highlighted {
    background-image: url('icon-highlighted-2x.png');
    background-repeat: no-repeat; 
    background-position:center;
    background-size:24px auto;
    width:24px;
    height:24px;
    top:90px;
    left:10px;
    }

    ul.product-list .sale  { 
    height:auto;
    border:none;
    bottom:40px;
    }

    ul.product-list .sale b {
    width:auto;
    font-size:12px !important;
    line-height:26px;
    padding:0 5px;
    }

    ul.product-list .stock { 
    padding:0 15px;
    width:auto;
    bottom:40px;
    right:0;
    font-size:12px;
    line-height:26px;
    height:auto;
    }

    ul.product-list .stock.yes { 
    background:#e1f2df url(icon-stock-yes-2x.png) no-repeat right top; 
    background-size:26px auto;
    padding:0 30px 0 10px;
    color:#52a14e;
    border-left:1px solid #fff;
    }
    ul.product-list .stock.yes:after {
    content: "";
    font-size:12px;
    }
    ul.product-list .nonseasonTag {
    bottom:67px;
    }

    ul.no-products {
    margin: 0;
    padding: 40px;
    text-shadow: none;
    color: #888;
    border: 1px solid #DDD;
    border-radius: 0;
    background: #F5F5F5;
    box-sizing: border-box;
    }
    
    ul.no-products > li {
    font-size: 40px;
    font-weight: 400;
    }

    ul.product-list.groups li { 
    width:100%;
    border-left:none;
    }

    ul.product-list.groups li .img { 
    display:none;
    }

    .show-filters, #products #filters {
    display:block;
    }
    .show-filters {
    width:100%;
    background-color:#ddd;
    color:#222;
    box-sizing:border-box;
    padding:10px;
    }
    #filters.responsive {
    display:block;
    position:fixed;
    left:0;
    top:0;
    width:auto;
    padding:20px;
    height:100%;
    z-index:10000;
    background-color:#fff;
    overflow:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    box-shadow:0 0 10px 0 #aaa;
    box-sizing:border-box;
    }
    #filters.responsive ul {
    float:none;
    }

    /* product detail */

    .product-detail-title.medium-title {
    width:100%;
    box-sizing:border-box;
    float:none;
    background:#fff;
    padding:0;
    margin:0;
    border:none;
    }
    .product-detail-image {
    max-width:100%;
    width:100%;
    border:none;
    float:none;
    position:relative;
    top:auto;
    left:auto;
    }
    
    .product-detail-image>a {
    border-radius:0;
    border:none;
    /*border-bottom:1px solid #ddd;*/
    padding:0;
    }

    .product-detail-image>a:before {
    content:"";
    }

    .product-detail-image>a>img {
    padding:50px;
    }
    
    
    .product-detail-image > ul {
    width:100%;
    margin:0;
    }

    .product-detail-image > ul > li {
    height:auto;
    width:100%;
    border-top:1px solid #ddd;
    float:left;
    box-sizing:border-box;
    }        

    .product-detail-image > ul > li > a {
    border-radius: 0px;
    width:100%;
    height:auto;
    border:none;
    padding:0;
    }

    .product-detail-image > ul > li > a > img {
    padding: 50px;
    box-sizing:border-box;
    width:100%;
    position: relative;
    }

    .product-detail-image > a:hover, .product-detail-image > ul > li > a:hover {
    border:none;
    }

    .product-detail-image > ul > li > a:before {
    content: "";
    }
    .product-detail-rightcol, .product-detail-leftcol {
    width:100%;
    float:none; 
    }

    .product-detail-shortdesc {
    width:100%;
    padding:20px;
    box-sizing:border-box;
    border-bottom:1px solid #ddd;
    margin:0 0 20px;
    border:none;
    float:none;
    }

    .product-detail-rightcol > ul li > a[data-tooltip]:after, [data-tooltip]:before {
    display:none;
    }

    .product-detail-shortdesc > div {
    font-size:14px;
    line-height:22px;
    border:none;
    }
    
    .product-detail-rightcol > ul {
    background:#fff;
    border:none;
    width:100%;
    margin:20px 0 0;
    float:none;
    }

    .product-detail-rightcol > ul > li {
    text-align:center;
    border:none;
    padding:0 20px 0;
    margin:20px 0 0;
    font-size:16px;
    line-height:22px;
    }
    .product-detail-rightcol > ul > li.sku { display:none; }

    .product-detail-rightcol > ul > li > p, #dailyoffer .product-detail-rightcol > ul > li > p  {
    float:none;
    display:inline;
    padding-left:5px;
    }
    
    .product-detail-rightcol > ul li.price {
    padding: 20px;
    line-height: 30px;
    background:#fff;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    }

    .product-detail-rightcol > ul li.price p {
    font-size: 20px;
    }
    .product-detail-rightcol > ul > li > p > b {
    font-size: 16px;
    }

    .product-detail-rightcol .freedelivery, #dailyoffer p.freedelivery {
    padding:20px;
    font-size:16px;
    line-height:22px;
    font-weight: 400;
    text-align:center;
    float:none;
    }

    .product-detail-rightcol .clear {
    display:inherit;
    }

    .product-detail-rightcol #freedelivery {
    margin:20px 0px 0;
    background:#f5f5f5;
    width: 100%;
    }

    .product-detail-container #infoWrapper, article.dailyoffer .product-detail-container #infoWrapper {
    width:auto;
    height:auto;
    background:#fff;
    border:none;
    float:none;
    text-align:center;
    font-size:16px;
    line-height:22px;
    padding:0 20px 20px;
    }

    .product-detail-container #infoWrapper .monthly, .product-detail-container #infoWrapper .proformaonly, .product-detail-container #infoWrapper .hotline {
    padding:20px 0 0;
    font-size:16px;
    line-height:22px;
    }

    .product-detail-container #infoWrapper .hotline b {
    font-size:16px;
    line-height:22px;
    }

    #stock-info {
    margin-bottom:0;
    }

    .product-detail-rightcol #stock, article.dailyoffer .product-detail-rightcol #stock {
    float:none;
    height: auto;
    background:#f5f5f5;
    border:none;
    border-top:1px solid #ddd;
    width:100%;
    padding:20px 0;
    font-size:16px;
    line-height:22px;
    }

    .product-detail-rightcol #stock div {
    padding:0 20px 0 0;
    }

    .product-detail-rightcol #stock div p {
    font-size:16px;
    line-height:22px;
    text-align:center;
    font-weight:400;}

    .product-detail-rightcol #stock div span {
    display:inline;
    font-size:16px;
    line-height:22px;
    font-weight:bold;
    }

    .options {
    margin:0;
    }

    .options h3 {
    font-size:18px;
    padding:20px;
    text-align:center;
    }    
    
    div.options table th, div.options table td {
    padding:5px 10px;
    font-size:12px;
    line-height:20px;
    }
    
    .product-detail-container a#product-add, .product-detail-container a#product-inquiry, article.dailyoffer .product-detail-container a#product-add, article.dailyoffer .product-detail-container a#product-inquiry {
    display: block;
    width:60%;
    height:auto;
    padding:20px;
    margin:20px auto 40px;
    float:none;
    font-weight: 400;
    font-size:20px;
    border-radius: 5px !important;
    }

    .product-detail-rightcol .quantity {
    margin: 0 auto 40px;
    float:none;
    }

    article.dailyoffer .product-detail-shortdesc, article.dailyoffer .product-detail-rightcol > ul, article.dailyoffer .product-detail-desc, .product-detail-desc {
    padding:0;
    margin:0;
    }

    .product-detail-desc h3 {
    border: none;
    text-shadow:none;
    padding: 20px;
    font-weight:400;
    border-top:1px solid #ddd;
    background:#f5f5f5;
    font-size:20px;
    line-height:30px;
    text-align:center;
    }

    .productDetailTabs ul.nav {
    float:none;
    height:auto;
    width:100%;

    }

    .productDetailTabs ul.nav li {
    float:none;
    width:100%;
    line-height: 50px;
    font-size: 16px;
    }

    .productDetailTabs ul.nav li a {
    }
    #article-title .desc a, .product-detail-shortdesc>div a, .product-detail-desc>div a {
    color:#5c85b8;
    font-weight: 400;
    }

    
    #customer-opinions h4 {
    text-align:center;
    padding:10px 0 0;
    color:#5c85b8;
    font-size:20px;
    line-height:30px;
    }

    .product-detail-container #customer-opinions {
    height:auto;
    }
    .product-detail-container #customer-opinions p  {
    font-size: 14px;
    line-height: 22px;
    padding:20px;
    height:auto;
    }
    .product-detail-container #customer-opinions a {
    display: none;
    }

    /* product details extra
    ------------------------*/
    article.extra {
    width:100%;
    margin:0;
    padding:0;
    }

    article.extra>div {
    margin:0;
    }

    article.normal-width.extra ul.product-list {
    width:100% !important;
    margin:0 !important;
    border-left:1px solid #ddd;
    padding:0;
    border-top:none;
    }

    article.extra ul.product-list li {
    width:50%;
    margin:0;
    background:#f5f5f5;
    }

    article.extra ul.product-list li:hover {background:#f5f5f5;}

    article.extra ul.product-list li h3 {
    font-size:14px;
    }

    article.extra ul.product-list p.price {
    font-size:16px;
    width:100%;
    }

    /* Checkout */

    .containerLeft {
    width:100%;
    float:none;
    }

    .containerRight {
    display:none;
    }

    article.basket #article-title,
    article.profile #article-title {
    padding:0;
    margin:0;
    }
    article.basket #article-title h1,
    article.profile #article-title h1 {
    border:none;
    font-weight:400;
    font-size:20px;
    padding:20px;
    line-height:30px;
    text-align:center;
    /*border-bottom:1px solid #ddd;*/
    background:#f5f5f5;
    }

    #basketList>div>ul>li.active>a {color:#404040;}
    #basketList>div>ul>li.active>b {color:#404040;}
    #basketList>div>ul>li.active>span {color:#404040;}


    
    #basket-progress a {
    box-sizing:border-box;
    width:16.66666666666667%;
    min-width:16.66666666666667%;
    text-align:center;
    font-size:9px;
    line-height:12px;
    display:table-cell;
    vertical-align:middle;
    height:50px;
    border-left:1px solid #ddd;
    border-bottom:1px solid #ddd;
    padding:5px;
    }

    #basket-progress.logged a {
    width:20%;
    min-width:20%;
    }

    #basket-progress a.on {
    background:#5c85b8;
    border-left:none;
    font-weight:400;
    }

    #basket-progress b 
    {display:none}

    article.basket #new-delivery-address>h3 ,
    article.profile #new-delivery-address>h3 {color:#5c85b8;}

    /* basket content */
    
    .order-item-desc {width:100%;}
    .order-item.review .order-item-desc {width:100% !important;}
    .order-item-quant {width:10%; right:50%;}
    .order-item-price {width:35%; right:15%}
    .order-item-delete {width:15%; right:0;}
    .order-item.review .order-item-price {right:20px;}

    .order-title {
    display:none;
    }

    .order-item-desc ,
    .order-item-quant ,
    .order-item-delete ,
    .order-item-price {
    height:auto;
    }

    .order-item-quant ,
    .order-item-delete ,
    .order-item-price {
    position:absolute;
    bottom:20px;
    }
    .order-item {
    border-bottom:1px solid #ddd;
    padding:0;
    position:relative;
    }
    
    div:hover.order-item {
    background:#fff;
    }

    .order-item-desc>span {
    height:150px;
    margin-left:0px;
    font-size:14px;
    line-height:20px;
    padding:20px 20px 20px 0;
    display:table-cell;
    vertical-align:top;
    box-sizing:border-box;
    }

    .order-item-desc span.stock, .order-item-price>small {
    font-size:12px;
    padding:0;
    }
    
    .order-item-desc>a>img, .order-item-desc>img {
    width:40%;
    height:auto;
    padding:30px 20px;
    margin:0;
    box-sizing:border-box;
    background:#fff;
    }

    .order-item-quant select, .order-item-quant input {
    -webkit-appearance: none;
    margin:0 auto;
    font-size:16px;
    line-height:26px;
    height:auto;
    padding:0 0 0 5px;
    border:1px solid #ddd;
    box-shadow:none;
    border-radius:3px 0 0 3px!important;
    box-sizing:border-box;
    }

   .order-item-quant span.unit {
    font-size:12px;
    line-height:28px;
    left:100%;
    border:none;
    top:0;
    padding:0 5px;
    height:auto;
    box-sizing:border-box;
    background:none;
    border-radius:0 3px 3px 0 !important;
    background:#ddd;
    color:#444;
    }

    .order-item-price span {
    padding:0;
    font-size:18px;
    line-height:28px;
    color:#444;
    display:block;
    }

    .order-item-delete>a {
    text-align:center;
    display:block;
    width:100%;
    height:24px;
    }

    div.order-item.deleted {
    background-color:#fff;
    padding:0;
    }

    div.order-item.deleted p {
    width:100%;
    padding:20px;
    box-sizing:border-box;
    text-shadow:none;
    font-weight:400;
    color:#5c85b8;
    }

    .subtotal {
    padding:0 20px 20px;
    border:none;
    border-bottom:1px solid #ddd;
    }

    #bonusObtainedWrapper .subtotal {
    border:none;
    }

    .subtotal b, .total h3 {width:auto;}

    .subtotal p {
    padding:20px 0 0;
    text-align:left;
    font-size:12px;
    }

    .subtotal b {
    color:#404040;
    display:inline-block;
    float:right;
    font-weight:400;
    }

    .total {
    padding:0;
    border-top:none;
    }

    .total h3 {
    font-size:20px;
    line-height:30px;
    margin:20px 20px 20px 0;
    font-weight:600;
    color:#5c85b8;
    }

    .total p {
    font-size:14px;
    line-height:30px;
    font-weight:400;
    padding:0;
    margin:20px;
    text-shadow:none;
    float:left;
    color:#5c85b8;
    }

    article.basket #basketListAdvanced > p {
    padding:80px 40px;
    margin: 0;
    text-align: center;
    font-size: 30px;
    font-weight:400;
    text-shadow:none;
    color:#ccc;
    border:none;
    background:#fff !important;
    }

    input[type=submit]#basket-next {
    -webkit-appearance: none;
    border:none;
    background:#5c85b8;
    color:#fff;
    text-shadow:none;
    padding:20px;
    font-size:20px;
    border-radius:5px !important;
    cursor:pointer;
    box-shadow:none;
    float:none;
    margin:40px 20%;
    width:60%;
    }

    .order-code {
    padding:0;
    }

    .order-code>p {
    font-size: 14px;
    line-height: 22px;
    }

    .order-code {
    background:#f5f5f5;
    float:none;
    width:100%;
    margin:20px 0 1px;
    box-sizing:border-box;
    }

    .order-code input[type=text] {
    margin:0 !important;    
    }

    .order-code input[type=submit] {
    border-radius: 3px !important;
    background:#5c85b8;
    color:#fff;
    padding:15px  0;
    }

    a#continue-shopping {
    display:none;
    }

    ul.payment-method,
    ul.delivery-address,
    ul.pickup-location,
    ul.delivery-method {
    /*overflow:hidden;*/
    border:none;
    background:#fff;
    margin:0;
    }

    .vat-company>ul>li,
    ul.payment-method>li,
    ul.delivery-address>li,
    ul.pickup-location>li,
    ul.delivery-method>li {
    padding:0;
    border-bottom:1px solid #ddd !important;
    font-size:14px;
    text-shadow:none;
    box-sizing:border-box;
    width:100%;
    }

    .vat-company>ul>li:last-child {
    border-bottom:none !important;    
    }

    .vat-company>ul>li.on,
    ul.payment-method>li.on,
    ul.delivery-address>li.on,
    ul.pickup-location>li.on,
    ul.delivery-method>li.on {
    background:#fff;
   }

    ul.payment-method>li>p,
    ul.delivery-address>li>p,
    ul.pickup-location>li>p,
    ul.delivery-method>li>p {
    padding-left:23px;
    color:#808080;
    font-size:12px;
    padding-top:0;
    }

    .vat-company>ul>li>b,  ul.payment-method>li>label>b, ul.delivery-method>li>label>b {
    position:absolute;
    top:calc(50% - 7px);
    right:20px;
    display:block;
    font-size:14px;
    line-height:14px;
    font-weight:400;
    }
    

    .vat-company>ul>li>b {
    right:0;
    top:auto;
    bottom:0;
    font-size:10px;
    background:none;
    border:none;
    padding:5px;
    }
    

    .company-terms label.agreement, .vat-company>ul>li> label, .payment-vat > label, ul.pickup-location>li>label, ul>li.expand>label, ul.payment-method>li>label, 
    ul.delivery-address>li>label, ul.delivery-method>li>label {
    padding:20px 60px;
    display:block;
    line-height:22px;
    }
    
    .company-terms input[type="checkbox"], .payment-vat > input[type="checkbox"], ul > li.expand input[type="radio"], 
    .vat-company > ul > li input[type="radio"], ul.payment-method > li input[type="radio"], 
    ul.delivery-method > li input[type="radio"], ul.pickup-location > li input[type="radio"], 
    ul.delivery-address > li input[type="radio"] {
    position:absolute;
    top:calc(50% - 8px);
    left:20px;
    display:block;
    margin:0;
    }
    
    .payment-vat > input[type="checkbox"], ul > li.expand input[type="radio"] {
    top:22px;
    }

    ul.delivery-address > li > b, ul.pickup-location > li > b {
    display: block;
    position: absolute;
    right: 10px;
    top:0;
    text-indent:-9999px;
    overflow:hidden;
    background: url('icon-highlighted-2x.png') no-repeat center;
    background-size:24px auto;
    width:30px;
    height:100%;
    border:none;
    border-radius:0;
    padding:0;
    z-index:100;
    }

    ul.pickup-location > li > b {
    background-image: url('icon-pickup-2x.png');
    }

    ul.pickup-location > li > b > a {
    display:block;
    width:100%;
    height:100%;
    text-indent:-9999px;
    overflow:hidden;
    }

    .delivery-new-address {
    padding:20px;
    display:none;
    border-top:1px solid #ddd;
    }

    article.basket #pickup-locations, article.basket #new-delivery-address {
    margin:0;
    }
    
    .vat-company > h3, article.basket #pickup-locations h3, article.basket > div > h3, article.basket #new-delivery-address h3 {
    background:#f5f5f5;
    color:#5C85B8;
    padding:20px;
    text-align:center;
    font-weight:400;
    font-size:20px;
    line-height:30px;
    margin:0;
    text-shadow:none;
    }

    .payment-vat {
    border:none;
    border-bottom:1px solid #ddd ;
    background:#fff;
    text-shadow:none;
    position:relative;
    }

    .company-terms {
    padding: 20px 0 0;
    border-top: 1px solid #ddd;
    overflow:hidden;
    }

    .company-terms>div{
    position:relative;
    }

    .company-terms p {
    line-height:22px;
    padding:0 20px;
    }

    .company-terms label.agreement {
    padding:20px 0 20px 60px;
    display:block;
    }

    #freeDelivery {
    font-size: 14px;
    line-height:22px;
    padding: 20px;
    color: #444;
    }

    .vat-company {
    border:none;
    border-top: 1px solid #ddd;
    display: none;
    }

    .vat-company > ul > li {
    border-top: none;
    }

    .vat-company-new {
    border-top: 1px solid #ddd;
    padding:0 20px;
    }   
    .vat-company-new > p {
    display:block;
    float: left;
    padding:20px 0;
}
    #container .vat-company-new input[type="text"] {
    padding: 11px 15px;
    font-size:18px;
    line-height:22px;
    height:46px;
    font-weight: 400;
    color: #444;
    border: 1px solid #CCC;
    box-shadow: none;
    border-radius: 3px !important;
    width:60% !important;
    box-sizing:border-box;
    }

    .vat-company-new input[type="submit"] {
    -webkit-appearance:none;
    margin-left:4%;
    padding:0;
    font-size:18px;
    line-height:44px;
    width:36%;
    height: 46px;
    box-sizing:border-box;
    display:block;
    font-weight: 400;
    background:#5c85b8;
    border:none;
    border-radius: 3px !important;
    box-shadow:none;
    }

    #container .basket .form .company { width:100%; }
    #container .basket .form .vatyes { width:20%; }
    #container .basket .form .vatnr { width:76%; }
    #container .basket .form .vatyes.margin { margin:0;}

    .vat-company-data {
    border-top: 1px solid #ddd;
    padding: 20px;
    }

    .vat-company-data #sourceinfo {
    font-size: 12px;
    color: #808080;
    text-align:left;
    padding:0 0 20px;
    text-shadow:none;
    }

    /* Login, reg, forgot */

    #login, #forgot, #register {
    padding:0;
    }

    .form h1 {
    font-size:20px;
    padding:20px;
    line-height:20px;
    text-align:center;
    /*border-bottom:1px solid #ddd;*/
    background:#f5f5f5;
    font-weight:400;
    color:#5c85b8;
    }

    .form .leftcol, .form .rightcol {
    width:100%;
    padding:20px 20px 40px;
    margin:0 !important;
    }

    #container .form label {
    margin:0 0 5px;
    font-size:12px;
    }

    #container .form input[type=text], #container .form input[type=email], #container .form input[type=password], #container .form select, #container .form textarea {
    width:100%; /*455px - 2x10px - 2x(15px+1px)*/
    padding:15px;
    font-size:16px;
    line-height:20px;
    color:#444;
    border-radius:3px !important;
    box-sizing:border-box;
    -webkit-appearance: none;
    margin:0 0 20px;
    }
    #container .form.slogan input {
    margin:0;
    margin-top:30px;
    }
    #container .form.slogan p.inline label {
    margin-top:30px;    
    }

    #container .form input[type=button] {
    -webkit-appearance: none;
    margin:40px 5% 0;
    box-sizing:border-box;
    border:none;
    background:#5c85b8;
    text-shadow:none;
    padding:20px 10px;
    height:auto;
    font-size:20px;
    border-radius:5px !important;
    box-shadow:none;
    display:block;
    width:90%;
    }

    #login.form #forgot-password {
    position:absolute;
    margin-top:-57px;
    right:40px;
    }
    
    #login .rightcol {
    margin: 0 !important;
    }   

    #login .rightcol h3 {
    margin: 0 !important;
    border-bottom:none !important;
    padding:0 0 20px !important;    
    }   

    .rightcol h3 {
    width:100% !important;
    margin:0;
    padding:0 0 20px;
    border-bottom:none !important;
    text-shadow:none !important;
    text-align: center;
    font-weight:400;
    box-sizing:border-box;
    color:#5c85b8;
    }

    .form .rightcol p {
    font-size: 14px;
    text-align: center;
    line-height: 22px;
    padding:0;
    text-shadow:none;
    border:none;
    }

    .form ul {
    font-size: 14px;
    line-height:22px;
    padding:0 20px 10px;
    border:none;
    text-shadow:none;
    box-sizing:border-box;

    }

    #container .form .halfsize.margin {
    margin-left: 0;
    }
    #container .form .halfsize {
    width: 100%;
    }
    #container .form .zip  { width:30%; }
    #container .form .city { width:66%; }

    #register.form #hiddenFields .remark {
    margin:0 0 20px;
    background-color: #f5f5f5;
    padding: 15px;
    line-height:22px;
    border-radius: 3px;
    text-shadow:none;
    }


    .preview-order, ul.preview-order {
    list-style: none;
    padding:0;
    border:none;
    background: #fff;
    font-size: 14px;
    line-height:22px;
    color: #444;
    text-shadow:none;
    margin:0;
    }

    .preview-order h3, ul.preview-order h3 {
    margin:0;
    background:#f5f5f5;
    color:#5c85b8;
    font-size:20px;
    line-height:30px;
    padding:20px;
    font-weight:400;
    border-top: 1px solid #ddd;
    }   

    .preview-order.confirmed h3 {
    text-align:center;
    margin:0 0 30px
    }   


    ul.preview-order p, .preview-order p {
    padding:20px;
    background: #fff;
    margin:0;
    border:none;
    line-height: 22px;
    text-shadow:none;
    }

    .preview-order.confirmed p {
    padding-top:0;
    }    
    
    .preview-order.confirmed p:last-child {
    padding-bottom:20px;
    }    
    
    .preview-order span {
    padding:0 20px 5px;
    
    }

    .preview-order textarea {
    -webkit-appearance:none;
    margin:0 20px;
    padding: 11px 15px;
    font-size: 18px;
    line-height:22px;
    font-family: 'Arial', sans-serif;
    color: #444;
    width:calc(100% - 40px);
    height: 200px;
    border: 1px solid #ccc;
    box-shadow: none;
    border-radius: 3px !important;
    box-sizing: border-box;
    }

    .preview-order input[type=checkbox] {
    margin-left:20px;
    }

    .preview-order>b {
    border-radius: 5px !important;
    padding:20px;
    background: #5c85b8;
    font-weight:400;
    color:#fff !important;
    margin:0 20px;
    border:none;
    line-height: 30px;
    text-shadow:none;
    font-size: 30px;
    text-align: center;
    font-weight:bold;
    width:calc(100% - 40px);
    box-sizing:border-box;
    }

    .preview-order>b a {
    font-weight:400;
    color:#fff !important;
    }

    .preview-order p i {
    color:#888;
    margin-top:8px;
    display:block;
    }

    article.basket {
    padding: 0;
    }

    nav#profile {
    position: fixed;
    bottom: 0;
    background: #fff;
    z-index: 9988;
    border-top: 1px solid #ddd;
    width:100%;
    }

    ul {
    list-style: none;
    float: left;
    width: 100%;
    }
    nav#profile ul li {
    width: 25%;
    box-sizing:border-box;
    border-right:1px solid #ddd;
    float: left;
    box-sizing:border-box;
    }

    nav#profile.bonus ul li {
    width: 20%;
    }

    nav#profile ul li:last-child {
    border-right:none;
    }
    
    nav#profile ul li a {
    padding:20px 9px 0;    
    font-size:11px;
    line-height:16px;
    text-align:center;
    height: 100px;
    box-sizing:border-box;
    }

    nav#profile ul li a i {
    display:block;
    margin: 0 auto 20px;
    position:inherit;
    }

    article.profile {
    padding-bottom:20px;
    }

    #article-title.profile {
    margin: 0;
    }

    article.profile>h3, .containerLeft>h3, .profile-wishlist h3, 
    .profile-orders h3, .dashboard>ul>li>h3 {
    font-size: 16px;
    line-height: 22px;
    color: #5c85b8;
    padding: 20px;
    font-weight: 400;
    text-align:left;
    border-top:1px solid #ddd;
    background:#fff;
    }

    .profile-details, .profile-wishlist {
    padding:10px 20px 0;
    }

    .profile p.inline {
    position:relative;
    }

    .profile p.inline label {
    display:block;
    padding:0 20px 0 30px;
    }
    .profile p.inline input[type=checkbox] {
    position:absolute;
    top:calc(50% - 8px);
    left:0;
    }

    .profile-wishlist table th.fixed-width,
    .profile-orders:not(.detail) table th.fixed-width,
    .profile-wishlist table th.image-width {
    width:auto;
    }

    .profile-orders table td,
    .profile-wishlist table td {
    padding-right:5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    }
    
    .profile-orders:not(.detail) table th.left-align,
    .profile-wishlist table th.left-align,
    .profile-orders:not(.detail) table td.left-align,
    .profile-wishlist table td.left-align {
    display:none;
    }

    .profile-orders table th,
    .profile-wishlist table th,
    .profile-orders table td,
    .profile-wishlist table td {
    font-size:12px
    }
    .profile-orders table th.order-view, .profile-orders table td.order-view {
    width: 50px;
    }
    .profile.orders .orderDetails p,
    .profile.orders .orderDetails p.halfsize {
    width: 100%;
    }

    .profile-orders table td span {
    display:block;
    height: auto;
    padding:15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    article.profile>h3>a {
    float:none;
    display:block;
    margin-top:10px;
    }

    .profile.orders p {
    font-size: 14px;
    padding: 20px 20px 0;
    line-height: 22px;
    }

    .profile.orders .orderDetails:not(.row) {
    border-top:none;
    padding-bottom: 25px;
    }

    .profile.orders .orderDetails p.halfsize {
    padding: 20px 20px 0;
    }

    .profile-orders table td img, .profile-wishlist table td img {
    display: none;
    }

    .profile-orders.detail table th.left-align {
    padding-left: 0;
    }

        /* Upsell
    -------------------*/
    #upsell {
    width:100%;
    margin-top: 30px;
    }

    #upsell > h3 {
    font-size: 20px;
    line-height:30px;
    padding: 20px;
    text-align:center;
    font-weight:400;
    }

    #upsell > p {
    color: #606060;
    font-size: 12px;
    padding:0 20px 20px;
    margin:0;
    text-align:center;
    }


    #upsell li {
    width:50%;
    background:#f5f5f5;
    }

    #upsell li:hover {background:#fff;}

    #upsell li:hover .img {border:none;}

    #upsell ul {width:100%;}

    #upsell li h3 {
    width:100% !important;
    text-align:left;
    border-bottom:none;
    height:80px;
    padding:0 15px !important;
    }

    #upsell li a .img {
    width:100%;
    height:auto;
    border:none;
    background:#fff;
    padding:0;
    margin:0;
    }
    #upsell li a img {
    border:none;
    width:100%;
    height:auto;
    }

    #upsell ul {width:100%;}

    #upsell li h3 {
    width:100% !important;
    text-align:left;
    border-bottom:none;
    height:80px;
    padding:0 15px !important;
    }

    #upsell .price {
    background:#fff;
    width:100%;
    box-sizing:border-box;
    height:40px;
    font-size:16px;
    line-height:40px;
    padding:0 10px;
    border-top:1px solid #ddd;
    text-align:left;
    }

    #upsell .sale2 {
    display:none;
    }

    #upsell .sale {
    bottom:100px;
    }

    #upsell .sale b {
    width:auto;
    font-size:12px !important;
    line-height:26px;
    padding:0 5px;
    height:auto;
    }

    #upsell .stock {
    border-left:none;
    bottom:100px;
    }

    #upsell .basketAdd {
    display:block;
    float:none;
    background:#fff;
    padding:10px;
    }

    #upsell .basketAdd a {
    border-radius:3px !important;
    background:#5c85b8;
    display:block;
    text-align:center;
    width:100%;
    box-sizing:border-box;
        color:#fff;
    line-height:40px;
    font-size:12px;
    padding:0;
    border-top:none;
    font-weight:400;
    height:auto;
    }

    /* footer */

    footer {
    background:#eee;
    }

    .footer-wrapper {
    width:100%;
    padding:0;
    }

    footer nav.last-nav, footer a#footer-homelink, footer nav p:not(.title),
    footer nav img, footer nav h1, footer ul li a b {
    display:none;
    }

    footer nav {
    width:100%;
    box-sizing:border-box;
    margin:0;
    }
    
    footer nav {
    width:100%;
    box-sizing:border-box;
    margin:0;
    }

    footer ul {
    margin:0;
    padding:0;
    }

    footer ul li, footer ul li:last-child {
    border:none;
    }
    
    footer ul li a, footer p.title {
    font-size:14px;
    padding: 20px;
    text-align:center;
    border-bottom:1px solid #aaa;
    }

    footer .paymentMethods {
    background-color:#eee;
    margin-top:20px;
    }
    footer .paymentMethods a {
    margin:0;
    }
    footer .paymentMethods img {
    width:90%;
    margin:10px 0;
    }


    #lowerfooter {
    padding: 20px 0 70px;
    margin:0;
    width:100%;
    background-color:#eee
    }
    a.netit {
    right:calc(50% - 38px);
    bottom: 20px;
    top:auto;
    }

    footer li.hide {
    display: block;
    }
    a.action {
    font-weight: 400;
    padding: 20px;
    font-size: 14px;
    line-height: 22px;
    height: auto;
    
    color:#ea0005;
    }

    a#footerLogoff {
    display:block;
    }    
    
    article.contentpage {
    padding:0 0 20px;
    }

    article.contentpage .product-detail-title, article.dailyoffer .product-detail-title {
    background:#f5f5f5;
    margin:0;
    padding:20px;
    color: #5c85b8;
    font-size: 20px;
    line-height:30px;
    font-weight: normal;
    border:none;
    text-align:center;    
    }
    article.dailyoffer article .product-detail-title {
    color:#d7181f;
    border-top:1px solid #ddd;
    margin-top:20px;
    }

    article.dailyoffer #shortDesc {
    }

    article.dailyoffer .product-detail-shortdesc {
    padding:20px;
    background:#f5f5f5;
    margin:0 0 20px;
    }

    article.dailyoffer #shortDesc p {
    padding:0;
    }

    .product-detail-title h1 {
    font-size:20px;
    line-height:30px;
    padding:20px;
    text-align:center;
    background:#f5f5f5;
    }


    .roundbox {
    border:none;
    }

    #dailyoffer h2 {
    color: #5c85b8;
    font-size: 20px;
    padding: 20px;
    font-weight:400;
    text-align:center;}

    #dailyoffer p {
    padding:0 20px;
    font-size: 14px;
    line-height: 22px;
    }

    article.contentpage h3 {
    font-size: 14px;
    line-height: 22px;
    padding: 20px;
    border-top:1px solid #ddd;
    background:#f5f5f5;
    margin:20px 0 0;
    }

    article.contentpage img {
    width:100%;
    margin:20px 0 0;
    }    
    article.contentpage p {
    font-size: 14px;
    line-height: 22px;
    margin: 20px 20px 0;
    text-align:left;}

    article.contentpage p>a, article.contentpage .map a {
    font-size: 14px;
    color:#5c85b8;
    }
    #container article.contentpage .contact.right {
    width:100%;
    float:none;
    background: #eee url(debut_light2.png);
    padding: 20px;
    margin:0;
    box-sizing:border-box;
    border-top:1px solid #ddd;
    }
    #container article.contentpage .contact label {
    background:none;
    }
    
    #container article.contentpage .contact input[type=text], #container article.contentpage .contact textarea {
    padding: 11px 15px;
    margin: 0 0 20px;
    font-size: 18px;
    line-height:22px;
    width: 100%;
    box-sizing:border-box;
    border:1px solid #ddd;
    }

    #container article.contentpage .contact input[type=submit] {
    margin: 20px 20%;
    width:60%;
    padding: 20px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px !important;
    float: none;
    background: #5c85b8;
    color: #fff;
    }
    .contentpage.privacy table, .contentpage.privacy table {
    max-width:100%;
    box-sizing:border-box;
    }

    .contentpage.privacy label {
    display:inline;
    }

    article.categoryempty #article-title {
    padding:0;
    }

    article.categoryempty #article-title h1 {
    font-weight:400;
    }

    article.categoryempty .pagination, article.categoryempty .pagination.bottom,
    article.categoryempty .pagination span, article.categoryempty .pagination .page-select, article.categoryempty .pagination #pagesize {width:100%;     display:block;
float:none; box-sizing:border-box;}

    article.categoryempty .pagination {
    padding:0;
    margin:0;
    font-size:14px;
    text-align:center;
    }

    
    .pagination span {
    margin:0;
    padding:20px;
    background:#fff;
    display:block;
    text-align:center;
    }

    .pagination #pagesize {
    margin:0;
    padding:5px;
    display:block;
    text-align:center;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    }

    .pagination #pagesize select,.pagination #pagesize label {
    float:none;
    margin:5px 0 0;
    }
    
    .pagination #pagesize label {
    font-size:14px;
    }

    article.categoryempty .pagination .page-select {
    display:block;
    }
    article.categoryempty .pagination .page-select input, .pagination #pagesize select {
    border-radius:3px !important;
    font-size:14px;
    }
    .pagination .page-select a {
    display: inline-block;
    padding: 0 3px;
    margin: 5px 0;
    }

    object {
    width:100%
    }

    input {
    font-size:16px;
    }
    #bannerWrapper {
    display:none;
    }

    ul.product-list .newItem {
    position: absolute;
    padding: 0 5px;
    top: 100px;
    }

    #info {
    padding:0 20px;
    }

    p.freedelivery {
    padding:0 20px;
    }

    .pricesWeb {
    margin: 0 0 20px;
    }

    .pricesWeb > b {
    display: block;
    margin-bottom: 20px;
    }

    .pricesWeb label {
    margin: 0 0 20px;
    }

    #products-linkedSection {
    left: 2%;
    transform: none;
    width: 96%;
    box-sizing: border-box;
    top: 2%;
    overflow-y: scroll;
    }

    #products-linkedSection.on {
    height: 96%;
    }

    #products-linkedSection ul.product-list {
    width:100%;
    border:none;
    display:block;
    margin:0;
    transform:none;
    }   

    #products-linkedSection ul.product-list li {
    width:100%;
    background:#fff;
    border-bottom-width:2px;
    padding:10px;
    }

    #products-linkedSection>h3 {
    margin:0;
    font-size:14px;
    }

    #products-linkedSection ul.product-list > li > a > h3 {
    height:auto !important;
    padding:0 !important;
    display:block;
    }

    #products-linkedSection ul.product-list > li .img {
    display:none;
    }

    #products-linked ul.product-list p.price {
    width: 100%;
    }

    #products-linkedSection ul.product-list p.price {
    width: 100%;
    border:none; 
    padding:0;
    background:none;
    }

   #products-linkedSection ul.product-list .add, #products-linkedSection ul.product-list #product-inquiry {
    float: left;
    display: inline-block;
    width: auto;
    margin: 0;
    }

   #products-linked ul.product-list .add {
width: 100%;    }

    ul.product-list .add {
    width: 40%;
    border:none;
    font-size:12px;
    padding:0 10px;
    }
    ul.product-list .add:after {
    display:none;
    }
    
    #products-linkedSection ul.product-list .stock {
    bottom: 10px;
    right: 10px;
    }

    .form.slogan {
    width: 100%;
    padding:20px;
    }

}

@media only screen 
and (max-width : 1020px) 
and (max-device-width : 1020px) 
and (orientation : landscape) { 
    article.home #categories li {
    height:200px;
    width:calc(25% - 1px);
    }

    ul.product-list>li, article.categoryempty ul.product-list>li {
    width:25%;
    }

    ul.product-list:not(.groups) h3 {
    height: 100px !important;
    }



}

@media only screen 
and (min-width : 500px) 
and (max-width : 1020px) 
{ 
    article.home #categories li {
    height:220px;
    width:calc(25% - 1px);
    }

    ul.product-list>li, article.categoryempty ul.product-list>li {
    width:25%;
    }

    ul.product-list:not(.groups) h3 {
    height: 100px !important;
    }
}
@media only screen 
and (min-width : 400px) 
and (max-width : 500px) 
{ 
    article.home #categories li {
    height:220px;
    }
}

@media only screen 
and (min-width : 500px) 
and (max-width : 1024px) 
and (min-device-width : 500px) 
and (max-device-width : 1020px) 
and (orientation : portrait) { 
    article.home #categories li {
    height:200px;
    width:calc(25% - 1px);
    }

    ul.product-list>li, article.categoryempty ul.product-list>li {
    width:25%;
    }

    ul.product-list:not(.groups) h3 {
    height: 100px !important;
    }
}

@media only screen 
and (min-width : 900px) 
and (max-width : 1024px) 
and (min-device-width : 900px) 
and (max-device-width : 1020px) 
and (orientation : landscape) { 
    article.home #categories li {
    height:240px;
    }
}

@media only screen 
and (min-width : 730px) 
and (max-width : 1024px) 
and (min-device-width : 730px) 
and (max-device-width : 1020px) 
and (orientation : landscape) { 
    ul.product-list:not(.groups) h3 {
    height: 85px !important;
    }
}

@media only screen 
and (min-width : 360px) 
and (max-width : 680px) 
and (min-device-width : 360px) 
and (max-device-width : 680px) 

{ 
    article.home #categories li {
    height:210px;
    }
}