body {
font-family:'Open Sans',sans-serif;
background:#222;
}

article.home, #basketList div, .footerContainer,  #container, article.categoryempty, 
article.normal-width, article.contentpage, .bannerContainer, nav#headerCategories {
width:1140px;
} 

.headerContainer,nav#headerCategories {
max-width:1310px;
}
#bannerWrapper, #banner, #banner a, #banner a img {
width:100%;
}

article, article.brands, article.categoryempty, article.normal-width {
width:880px;
}
 
#container {
padding: 0 0 60px;
position:relative;
background:#fff;
}

#container.home {
padding: 0;
}

#contentWrapper {
position:relative;
background:#fff;
padding:0;
}


.roundbox {border:none;}


/* header 
---------------------- */
label[for="toggleSidebar"] span {
background-color:#fff;
}

header {
margin: 0;
z-index: 9999;
width: 100%;
background:#252323;
height:200px;
}

.headerContainer {
margin:0 auto;
position:relative;
padding:0;
}

.headerContainer.main {
height:200px;
}

header a#homelink {
width:160px;
height:80px;
top:20px;
left:50%;
transform:translateX(-50%);
background:url(logo-header.svg) no-repeat left center;
background-size: contain;
position:absolute;
z-index:100;
box-sizing:border-box;
}

header nav ul {
float:left;
}        

header nav ul li {
padding:0;
} 

header nav ul li a {
padding:0;
display:block;
color:#fff;
font-weight:600;
font-size:13px;
line-height:50px;
} 

header nav ul li a i {
font-size:16px !important;
}        

header nav ul li a:hover {
}        
/* Categories */

.headerCategoriesWrapper {
width:100%;
height:50px;
position:absolute;
bottom:10px;
text-align:center;
}

nav#headerCategories {
display:block;
margin:0 auto;
position:relative;
}
nav#headerCategories ul {
width:100%;
display:flex;
justify-content: space-between;
flex-wrap: nowrap;
margin:0 auto;
position:relative;
}
nav#headerCategories ul li a {
font-size: 14px;
font-weight:400;
text-transform:uppercase;
}
nav#headerCategories ul li a:hover {
color:#D7D0BC;
}        

/* User Nav / Login
---------------------*/

#user-nav {
display:none;
position:relative;
float:right;
}

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

#user-nav>ul>li {
float:left;
padding:0 10px;
font-size:13px;
line-height:30px;
}

#user-nav>ul>li>p {
color:#fff;
font-size:13px;
line-height:30px;
font-weight:600 !important;
padding:0 10px;
display:block;
}

#user-nav>ul>li>a {
font-weight:400 !important;
display:block;
color:#fff !important;
padding:0;
}


#user-nav>ul>li>a:hover {
color:#fff;
}

header a#header-login {
padding:0 10px;
font-size:13px;
line-height:30px;
height:auto;
float:none;
width:auto;
border:none;
margin:0;
text-decoration:none;
color:#fff;
font-weight:600 !important;
display:block;
border-radius:0; 
display:none;
}

header a#header-login:hover {
color:#fff;
}

header a.home {
margin-right:20px;
}

header .social {
position:absolute;
top:43px;
right:0px;
}

header .social>a {
float:left;
display:block;
font-size:19px;
line-height:30px;
color:#222;
margin-right:10px;
text-align:center;
}

header .social>a:hover {
opacity:0.8;
}

header .outlet {
float:left;
font-size:15px;
line-height:45px;
padding:0 20px;
color:#fff;
background:#d50000;
position: relative;
top: 35px;
margin: 0 0 0 20px;
font-weight:400;
border-radius:4px;
}

#freeShipping {
color:#fff;
display:block;
line-height:30px;
font-size:14px;
text-align:center;
position:absolute;
left:calc(50% - 160px);
width:320px;
}



/* Search
------------------------------ */
#search {
height:auto;
position:relative;
float:left;
margin:0 0 0 300px;
top:35px;
padding:0;
background:none;
box-sizing:border-box;
width:280px;
display:none;
}

#search input[type='text'] {
width:100%;
background:#fff;
height:auto;
font-size:15px;
font-weight:400;
line-height:45px;
padding:0 50px 0 15px;
color:#333;
margin:0;
box-sizing:border-box;
border-radius:4px;
}

#search a {
background:no-repeat;
height:45px;
width:45px;
position:absolute;
top:0;
right:0;
padding:0;
margin:0;
color:#ddd;
font-size:20px;
line-height:40px;
text-align:center;
}

#search a i {
width:100%;
}

#search a:hover {
color:#D7D0BC;
}

.autocomplete-suggestions strong { color: #d7d0bc; }

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

#basket {
width:auto;
height:auto;
margin:0 0 0 10px;
position:relative;
padding:0 40px 0 10px;
display:none;
height:auto;
width:auto;
float:left;
background:rgba(0,0,0,0.1);
border-radius:4px;
box-sizing:border-box;
}

#basket a:hover {
opacity:0.8;
}

#basket>a {
display:block;
position:absolute;
top:0;
left:0;
width:90%;
height:100%;
padding:0;
margin:0;
background: url(icon-basket.png) no-repeat right center;
background-size:auto 20px;
z-index:100;
}

#basket>p.sum {
position:relative;
font-size:15px;
line-height:32px;
font-weight:600;
display:block;
color:#fff;
}

#basket>p.sum b {
font-weight:600;
}
#basket>p.qty {
position:absolute;
font-size:14px;
min-width:20px;
height:20px;
line-height:20px;
border-radius:10px;
text-align:center;
overflow:hidden;
font-weight:600;
display:block;
color:#222;
top:-6px;
right:-7px;
background:#fff;
padding:0 3px;
}


#basket span, #basket br {
display:none;
}


#basketList div {
top:101px;
right:-40px;
padding:20px 20px 55px;
border:none;
background:#333;
color:#fff;
box-sizing:border-box;
border-bottom:6px solid #222;
}
#basketList a.hide {
font-size:12px;
color:#808080;
border:none;
background:#444;
padding:10px 0;
}

#basketList a:hover.hide {
background:#333;
text-decoration:none;
color:#fff;
}

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

#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;
}

#basketList>div>p span {
font-size:24px;
color:#fff;
display:inline-block;
padding:10px 15px;
background:#505050;
top:2px;
position:relative;
margin-left:10px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

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

#basketList>div>ul {
border-bottom:1px solid #404040;
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:#404040;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

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

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

#basketList>div>ul>li>a:hover {
color:#ccc !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:#404040;
border-radius:0 0 3px 3px;
-moz-border-radius:0 0 3px 3px;
-webkit-border-radius:0 0 3px 3px;
text-shadow:none;
margin:0;
}


#basketList>div>ul>li.active-title {
background:#505050;
position:relative;
color:#fff;
border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;
-webkit-border-radius:3px 3px 0 0;
}

#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 #505050 !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:35px;
position:absolute;
display:block;
width:20px;
}

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

/* categories
------------------------*/
#categories {
margin:70px 0 0;
border:none;/**/
padding:0;
}

.categoriesWrapper.home {display:none}



#categories h3, #categories ul li a.link  {display:none}

#categories>ul {
background:#fff;
padding:0;
border:none;
border-radius:0;
}

#categories>ul>li {
border:none;
margin:0 0 2px;
}
#categories>ul>li>a {
padding:13px 20px;
background:#D7D0BC;
color:#fff;
font-weight:600;
font-size:17px;
margin:0 0 0px;
border-radius:0;
}

#categories>ul>li>a.on {
color:#222;
font-weight:600;
}

#categories>ul>li>a.toplevel {
}

#categories>ul>li>a:hover {
background:#D7D0BC !important;
color:#333;
}


#categories>ul>li>ul a:hover {
background:#D7D0BC !important;
color:#222;
}

#categories>ul>li li {
border-bottom:1px solid #444;
}

#categories>ul>li ul {
background:#333;
padding:0;
border-radius:0;
margin:2px 0 0;
}

#categories > ul > li:last-child ul:last-child {
border-radius:0;
}

#categories>ul>li li a {
color:#fff;
font-size:13px;
padding:13px 20px;
border-radius:0;
}

#categories > ul > li li a.on {
color:#D7D0BC !important;
}

#categories>ul>li>ul a.on:hover {
background:#D7D0BC !important;
color:#222 !important;
}

#categories>ul>li>ul>li>ul {
margin:0;
padding:0;
background:#555;
border-radius:0;
}

#categories>ul>li>ul>li>a {
font-size:15px;
padding:13px 20px;
}

#categories>ul>li>ul>li>ul>li>a {
font-size:15px;
padding:13px 20px;
}

#categories>ul>li>ul>li>ul>li>ul>li>a {
background:#666;
padding:10px;
}

#categories>ul>li>ul>li>ul>li>ul {
padding:0;
margin:0;
border-top:1px solid #444;
}

#categories>ul>li>ul>li>ul>li>ul>li>a:before {
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"\f105";
margin-right:10px;
}

#categories>ul>li li a.on {
font-weight:600;
color:#333;
}

#categories>ul>li>ul>li:first-child, #categories>ul>li>ul>li:first-child>a,#categories>ul>li:first-child>a {
border-radius:0 0 0 0 !important;
}

#categories>ul>li>ul>li:last-child>a,#categories>ul>li:last-child>a {
border-radius:0 0 0 0 !important;
}

#categories>ul li:last-child {
border-bottom:none;
}

/* Filters 
-----------------------------*/

#filters {
padding:0 0 20px;
}

#filters h3 {
background:#f5f5f5;
color:#222;
margin:5px 0;
border-radius:4px;
font-size:13px;
padding:10px;
display:block;
width:200px;
margin:0 0 30px;
text-align:left;
}

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

#filters .filterSlider {
color:#222;
font-weight:400;
font-size:13px;
width:220px;
}

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

.ui-slider .ui-slider-handle {
background:#D7D0BC;
position: absolute;
z-index: 2;
width: 16px;
height: 16px;
cursor: pointer;
border-radius:8px;
box-sizing:border-box;
}

.ui-slider-horizontal {
background:#ccc;
height: 1px;
border-radius:1px;
}

.ui-slider-horizontal .ui-slider-handle {
top: -7px;
}

#filters ul {
    padding: 20px 0;
}

#filters ul li label {
font-size: 13px;
font-weight:400;
color:#222;
line-height:15px;
left: 30px;
}

#filters ul li {
padding-top: 10px;
height:18px;
}

#filters .checkbox {
width: 15px;
height: 15px;
border-radius: 2px;
border:0;
top: 5px;
left:0;
overflow:hidden;
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:#D7D0BC;
}


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




/*-------------------*/
.creditCards  {
text-align:center;
width:220px;
padding:20px 0 60px;
}

.creditCards h3 {
background:#f5f5f5;
color:#222;
margin:5px 0;
border-radius:4px;
font-size:13px;
padding:10px;
display:block;
width:200px;
margin:10px 0 0;
text-align:left;
}

.creditCards p {
color:#222;
font-size:13px;
padding:10px 0;
}

.creditCards>a {
display:inline-block;
margin:6px;
}

.creditCards>a:hover {opacity:0.8;}

.creditCards>a img {display:block;}



/* product list
------------------------*/
article {
margin:0;
padding:0;
}    


#article-title {
border:none;
padding:0;
border-radius:0; 
margin:0 0 40px;
border-bottom:1px solid #eee;
line-height:30px;
}

#article-title h1 {
font-size:30px;
line-height:30px;
font-weight:600;
color:#333; 
padding:30px 0;
margin:0;
}

#article-title .desc {
color:#777; 
font-size:13px;
line-height:23px;
padding:0 0 30px;
}

ul.product-list {
border:none;
margin-left:-2%;
width:102%;
}

ul.product-list li {
width:23%;
height:150px;
padding:220px 0 0;
margin:0 0 0 2%;
border:none;
}

article.home ul.product-list li {
width:18%;
}

ul.product-list.groups li {
height:70px;
}

ul.product-list .img {
position:absolute;
top:0;
left:0;
height:215px;
width:100%;
margin:0 auto;
padding:0;
border-radius:0;
box-sizing:border-box;

}

ul.product-list li:hover .img img {
box-shadow:none;
}

ul.product-list .img img {
margin:0 auto;
display:block;
width:100%;
box-shadow:1px 1px 6px 0 #ddd;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

ul.product-list h3 {
font-size:13px;
line-height:18px;
font-weight:600;
color:#222;
display:block;
text-align:left;
padding:0;
height:auto;
}

ul.product-list li h3:hover {
color:#D7D0BC !important;
text-decoration:none !important;
}

ul.product-list p.price {
display:block;
color:#D7D0BC;
font-size:16px;
font-weight:700;
line-height:30px;
margin:15px 0 0;
float:none;
position:relative;
width:auto;
padding:0;
text-align:left;
box-sizing:border-box;
}


ul.product-list p.price span {
font-size:13px;
font-weight:400;
color:#aaa;
padding:0;
position:absolute;
top:0;
line-height:30px;
right:0;
}

ul.product-list p.price span del {
color:#aaa;
text-align:right;
}

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

ul.product-list li .basket a {
height:30px;
width:30px;
float:right;
margin-top:-30px;
display:inline-block;
text-align:center;
background:#D7D0BC url(icon-basket-add.png) no-repeat center;
border-radius:4px;
color:#fff;
box-sizing:border-box;
font-size:12px;
z-index:100;
position:relative;
}

ul.product-list li .basket a:hover {
opacity:0.8;
}

.product-detail-image {
position:relative;
}

ul.product-list li .brand, .product-detail-image .brand {
position:absolute;
right:15px;
top:175px;
display:block;
}
.product-detail-image .brand {
top:15px;
}

ul.product-list li .stock {
width:auto;
height:25px;
left: 5px;
top: 172px;
position:absolute;
background:#f5f5f5;
border-radius:3px;
font-family:'Open Sans',sans-serif;
display:block;
z-index:1;
font-size:12px;
line-height:25px;
color:#888;
padding:0 5px;
}

ul.product-list li .stock:before {
content:"Zaloga: ";

}

ul.product-list li .stock.yes:after {
content:"Da";
color:#3fb600;
font-weight:700;
}

ul.product-list li .stock.no:after {
content:"Ne";
color:#c20000;
font-weight:700;
}

ul.product-list .sale  { 
background:#D7D0BC;
width:50px;
height:30px;
top:5px;
left:calc(50% - 25px);
border-radius:4px;
}

ul.product-list .sale b {
color:#222;
margin:0;
font-size:14px;
font-weight:600;
-moz-transform: none;
transform: none;
-ms-transform: none;
-o-transform: none;
-webkit-transform: none;
width:auto;
line-height:30px;
text-align:center;
padding:0;
letter-spacing:1px;
}

ul.product-list .highlighted {
background-image: url('icon-highlighted.png');
width: 24px;
height: 24px;
top: 5px;
right: 5px;
display:none;
}

ul.product-list .topquality {
background: url('icon-topquality.png') no-repeat center;
width: 24px;
height: 24px;
top: 5px;
left: 5px;
position:absolute;
display:block
}


ul.no-products {
margin:20px 0;
padding:40px;
text-align:center;
text-shadow:none;
color:#ddd;
display:block;
border:1px solid #ddd;
border-radius:4px;
background:none;
}

ul.no-products>li {
font-size:40px;
font-weight:300;
}

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


article.home {
}

article.home ul.product-list {
margin-top:40px;
}

article.home .product-detail-title {
margin-bottom:10px;
}

article.home .product-detail-title>a {
font-size:26px;
font-weight:300;
color:#D7D0BC; 
padding:0;
}

article.home .product-detail-title>a:hover {
color:#9a9a9a;}

#bannerWrapper {
position:relative;
margin:0 0 1px;
z-index:12;
display:none;
}

.bannerContainer {
position:relative;
margin:0 auto;
}

#banner {
box-sizing:border-box;
background:#f5f5f5;
}

#bannerWrapper span.bannerNav {
position: absolute;
display: block;
bottom: 20px;
left: 20px;
height: 30px;
width: 30px;
background-color: #f5f5f5;
cursor: pointer;
border-radius: 3px;
color: #ccc;
text-align: center;
text-indent: -2px;
z-index:100;
font-size: 26px;
line-height: 26px;
}

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

#bannerWrapper span:hover {
background-color:#D7D0BC;
color:#fff;
}

#bannerWrapper #bannerNavWrapper {
display:block;
width:100%;
position:absolute;
bottom:14px;
z-index:899;
}

#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: #D7D0BC; 
}

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


.bannerSmall {
width:calc(100% + 1px);
margin-left:-1px;
margin-top:60px;
}

.bannerSmall li {
width:calc(33.3333333% - 1px);
margin-left:1px;
margin-bottom:1px;
background:#f5f5f5;
height:auto;
float:left;
}

.bannerSmall li span {
line-height:30px;
font-size:20px;
font-weight:600;
padding:20px;
background:#D7D0BC;
color:#252525;
display:block;
margin:0 0 1px;
}

.bannerSmall li img {
width:100%;
display:block;}

.homeTitle {
text-align:center;
}
.homeTitle h3 {
display:inline-block;
font-size:22px;
line-height:50px;
font-weight:300;
color:#222;
position:relative;
top:-15px;
border-bottom:6px solid #D7D0BC
}

/* aside
-------------------- */

aside{
display:none;
}

/* paging
------------------------*/
#container-sorting {
display:none;
text-align:center;
margin-bottom: -35px;
background:none;
}

#container-sorting #sorting {
display:inline-block;
}

#sorting select, #pagesize select {
background:#fff;
color:#808080;
font-family: 'Source Sans Pro', sans-serif;
font-weight:400;
font-size:14px;
border:1px solid #ddd;
padding:5px;
height:auto;
}

.pagination {
border:none !important;
box-sizing:border-box;
width:100%;
padding:10px 0;
margin:-20px 0 0;
background:none;
color:#9a9a9a;
font-family: 'Source Sans Pro', sans-serif;
font-weight:400;
}

.pagination:not(.bottom) {
}

.pagination.bottom {
width:100%;
padding:0 0 10px;
margin:0;
}

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

.pagination span b {
font-weight:400;
}

.pagination span, .pagination .page-select a {
color:#9a9a9a;
font-size:14px;
font-weight:400;
}

.pagination .page-select a:hover {
background:none;
color:#404040;
}


.pagination .page-select {
font-family: 'Source Sans Pro', sans-serif;
font-weight:400;
font-size:14px;
color:#808080;
}

.pagination .page-select b {
font-weight:400;
}

.pagination .page-select input {
background:#fff;
color:#808080;
font-family: 'Source Sans Pro', sans-serif;
font-weight:400;
font-size:14px;
border:1px solid #ddd;
padding:5px;
height:auto;
}

.pagination .page-select input:hover {
border-color:#aaa;
}

#pagesize select {
background:#fff;
color:#808080;
font-family: 'Source Sans Pro', sans-serif;
font-weight:400;
font-size:14px;
border:1px solid #ddd;
height:auto;
padding:5px;
}

#pagesize select:hover {
border-color:#aaa;
}

#pagesize label,#sorting label {
font-weight:400;
font-size:14px;
color:#808080;
font-family: 'Source Sans Pro', sans-serif;
}


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

article.full-width {
width:100%;
margin-right:0;
}


/*end*/

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

.category-path {
width:100%;
padding:15px 0 0;
}

.category-path>b {
border:none !important;
width:auto !important;
height:auto !important;
margin:0 5px;
top:0;
position:relative;
display:inline-block;
}

.category-path>b:After {
content:"»";
font-weight:400;
}

.category-path a {
font-size:12px;
line-height:12px;
color:#888;
}

.category-path a:hover,
.category-path a.on {
color:#D7D0BC;
}

.category-path a.on {
font-weight:600;
}

.category-path #sorting {
position:absolute;
top:25px;
right:0;
}

.category-path #sorting select {
margin:0;
}

.category-path #sorting label {
margin-top:6px;
}

.product-detail-title {
background:none;
box-shadow:none;
font-size:30px;
font-weight:600;
color:#333; 
padding:25px 0;
margin:0 0 10px;
border-bottom:none;
border-radius:0;
width:480px;
float:right;
}

.product-detail-title h1 {
font-size:30px;
line-height:36px;
font-weight:600;
color:#333; 
}

.product-detail-title h2 {
font-weight:normal;
font-size:14px;
font-style:normal;
color:#666;
margin:20px 0 0;}

.product-detail-image {
max-width:360px;
margin:40px 0 0 0;
overflow:inherit;
background:none;
padding:0;
}

.product-detail-image>a {
width:360px;
height:360px;
border:none;
border-radius:10px;
}

.product-detail-image>a:hover {
width:360px;
height:360px;
border:none !important;
background:none;
}


.product-detail-image>a>img {
padding:20px;
background:none;
width:100%;
height:auto;
box-sizing:border-box;
}

.product-detail-image>ul>li {
width:66px;
height:66px;
box-shadow: 0 0 5px 0 #ccc;
}

.product-detail-image>ul>li>a {
border:none;
padding:3px;
}


.product-detail-rightcol {
width:480px; 
}

.product-detail-rightcol ul {width:100%}

.product-detail-rightcol>ul>li {
border-bottom:none;
padding:8px 0;
display:block;
margin:0;
font-size:13px;
line-height:13px;
font-weight:400;
color:#888;
}

.product-detail-rightcol>ul>li.price p {
font-weight:400;
color:#D7D0BC;
font-size:40px;
}

.product-detail-rightcol>ul>li.price {
padding:25px 0;
font-weight:600;
color:#333;
}

.product-detail-rightcol>ul>li>p {
color:#333;
}

.product-detail-rightcol>ul>li>p b {
font-weight:600;
}

#stock-info p {
color:#888;
font-size:14px;
font-weight:400;
}



.product-detail-shortdesc {
color:#333;
margin:0;
background:#fff;
padding:10px 0 20px;
border-radius:5px;
}

.product-detail-shortdesc>div {
width:100%;
font-size:13px;
line-height:20px;
text-align:justify;
}

div.options {
border: none !important;
border-radius: 5px;
margin: 10px 0 20px;
width: 100%;
box-sizing: border-box;
padding:0;
overflow:hidden;
}

div.options table {
border:none;
}

div.options table td, div.options table th {
padding:15px;
font-size:13px;
}


.product-detail-rightcol .quantity {
margin: 10px 7% 0px 0px;
width: 33%;
box-sizing:border-box;
}

.product-detail-rightcol .quantity input {
width:60%;
box-sizing:border-box;
line-height: 35px;
}

.product-detail-rightcol a#product-inquiry,
.product-detail-container a#product-add {
display:block;
width:60%;
padding:20px 0;
margin:0 10px 20px;
float:right;
color:#fff;
font-size:24px;
font-weight:300;
margin:10px 0;
text-align:center;
border:none;
background:#D7D0BC;
box-shadow: none;
border-radius:4px;
text-shadow:none;
box-sizing:border-box;
}
.product-detail-rightcol a#product-inquiry:after,
.product-detail-container a#product-add:after {
content:" »";
}


.product-detail-rightcol a:hover#product-inquiry,
.product-detail-container a:hover#product-add {
background:#333;
opacity:0.8;
}

.product-detail-desc {
box-shadow: none;
margin:20px 0 60px;
border-radius:0;
padding:0;
background:#fff;
}

.product-detail-desc div {
padding:20px 0 0;
font-size:13px;
line-height:24px;
font-weight:400;
color:#333;
text-align:justify;
}

.product-detail-desc div a {
color:#D7D0BC;
}

.product-detail-desc h3 {
font-size:20px;
font-weight:300;
line-height:50px;
color:#333;
border:none;
padding:20px 0;
}

.product-detail-desc h3 span {
display:inline-block;
border-bottom:5px solid #D7D0BC;
}

.product-detail-desc iframe {
width: 100%;
height: 480px;
border:none;
}

/* product details extra
------------------------*/
article.extra>h3 {
font-size:20px;
font-weight:300;
line-height:50px;
color:#333;
border:none;
margin:0px 0 50px;
}

article.extra>h3 span {
display:inline-block;
border-bottom:5px solid #D7D0BC;
}


article.extra ul.product-list li {
margin-bottom:0;
}


/* Kompas dodatna vsebina
--------------------------*/

#map {
width:100%;
height:500px;    
box-sizing:border-box;
}


article.contentpage iframe {
width:100%;
height:500px;
border:none;
margin:40px 0 0;
}

article.contentpage .product-detail-title {
margin:20px 0 60px;
width:100%;
position:relative;
text-align:center;
font-weight:300;
}

article.contentpage .product-detail-title:after {
content:"";
position:absolute;
bottom:0;
left:calc(50% - 50px);
width:100px;
height:5px;
background:#D7D0BC;
display:block;
}

article.contentpage>div p {
color:#333;
font-size:14px;
line-height:24px;
font-weight:400;
margin:0 0 20px;
text-align:justify;
}


article.contentpage>div p b,article.contentpage>div ul b {
font-weight:600;}

article.contentpage>div p>span.company-profile {
font-weight:600;
color:#D7D0BC;
}

article.contentpage>div a {
color:#D7D0BC
}

article.contentpage>div p>a img {
display:block;
margin:20px 0;
}



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

article.contentpage>div h3 {
color:#D7D0BC;
padding:25px 0 15px;
font-size:18px;
font-weight:normal;
}

article.contentpage>div ul, article.contentpage>div ol {
font-size:14px;
line-height:22px;
list-style-type:disc;
color:#333;
margin:0 0 10px 15px;
padding:0;
}

 article.contentpage>div ol {
list-style-type:decimal;
}

article.contentpage>div ul>li, article.contentpage>div ol>li {
padding:5px 0;
}

article.contentpage>div ul>li>span {
color:#333;
}

article.contentpage>div ul>li>a, article.contentpage>div ol>li>a  {
color:#D7D0BC;
}
article.contentpage>div ul>li>a:hover, article.contentpage>div ol>li>a:hover {
text-decoration:underline;
}

article.contentpage.contact .form label {
margin-top:10px;
}

article.contentpage.contact .form {
width:45%;
float:right;
background:#f5f5f5;
padding:30px;
margin-left:60px;

}

article.contentpage.contact .form p {
color:#333;
font-size:14px;
line-height:24px;
margin:0 0 20px;
}

article.contentpage.contact .form textarea,
article.contentpage.contact .form input[type=text] {
padding:10px;
font-size:12px;
color:#333;
}


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

article.contentpage.contact .form input[type=submit] {
padding:10px 30px;
margin-top:10px;
font-size:12px;
background:#D7D0BC;
color:#fff;
border-radius:2px;
border:none;
cursor:pointer;
}

article.contentpage .half {
width:50%;
float:left;
}

article.contentpage .half p {
padding:0 40px 0 0 ;
}

article.contentpage ul#help {
width:calc(100% + 20px);
margin:0 0 0 -20px;
list-style:none;
}

article.contentpage ul#help li {
float:left;
display:block;
width:calc(25% - 20px);
margin:0 0 20px 20px;
padding:0;
background:#f5f5f5;
}

article.contentpage ul#help li a {
padding:20px;
display:block;
text-align:center;
color:#222;
font-size:16px;
}

article.contentpage ul#help li a:hover {
background:#D7D0BC;
color:#fff;
text-decoration:none;
}



/* News */

.newsHome {
margin:0 0 60px;
}

ul.newsList {
width:102%;
float:left;
display:block;
margin:30px 0 0 -2% !important;
}

ul.newsList>li {
width:31.333333%;
height:440px;
float:left;
display:block;
box-sizing:border-box;
margin:0 0 20px 2%;
padding:290px 15px 15px !important;
position:relative;
background:#f5f5f5;
border-radius:4px;
}

ul.newsList>li h3 {
color:#333;
font-weight:600;
font-size:15px;
line-height:20px;
margin:0 0 15px;
padding:0;
}

ul.newsList > li > a > h3 span {
display:block;
position:absolute;
bottom:15px;
right:15px;
border:none;
padding:0;
}

ul.newsList>li img {
position:absolute;
top:0;
right:0;
border-radius:4px 4px 0 0;
width:100%;
height:auto;
}

ul.newsList>li .more {
position:absolute;
bottom:20px;
color:#D7D0BC;

}

a#newsArchive {
border:none;
}

a#newsArchive:hover {
}

a#newsArchive:after {content:" »";}


/* Login.css
----------------*/
#login.form #forgot-password {
margin-top:-38px;
}

#container .form h1 {
color:#259baf;/***/
}

#container #register.form #hiddenFields .remark p {
font-size:13px;
}


#container .form input[type=button] {
border:none;/***/
background:#259baf;/***/
text-shadow:none;/***/
box-shadow: none;/***/
}

#container .form input[type=button]:hover, #container .form input[type=button].on {
background:#2dc0d3;/***/
}



/* Footer
--------------------- */

footer {
width:100%;
border:none;
background: #4a4a4a;
margin:0;
}

.footerContainer {margin:0 auto; position:relative;}


.footerNav {
display:block;
padding:60px 0;
}

.footerNav ul {
width:25%;
display:block;
float:left;
box-sizing:border-box;
}

.footerNav ul li  {
color:#e1e1e1;
font-size:15px;
line-height:30px;
text-align:center;
}

.footerNav ul li i.fa {
color:#4a4a4a;
background:#e1e1e1;
margin-right:10px;
}

.footerNav ul li.social i.fa {
color:#4a4a4a;
font-size:24px;
line-height:40px;
width:40px;
margin-top:10px;
}
.footerNav ul li.social a:hover i.fa {
background:#D7D0BC !important;
}


.footerNav ul li span  {
width:40%;
float:left;
display:block;
}

.footerNav ul li h3  {
color:#e1e1e1;
font-size:16px;
font-weight:600;
line-height:30px;
}

.footerNav ul li a {
color:#e1e1e1;
font-size:15px;
line-height:30px;
}

.footerNav ul li a:hover {
opacity:0.8;    
}


#newsletter {
padding:0 50px 0 0;
}

#newsletter p {
font-size:13px;
line-height:24px;
font-weight:400;
text-align:left;
padding:0;
color:#ccc;
}

#newsletter>li>div {
position:relative;
margin:25px 0 0;
width:100%;
height:38px;
background:#fff;
border-radius:3px;
}

#newsletter input[type=email] {
width:80%;
height:38px;
padding:0 0 0 10px;
font-size:12px;
color:#333;
font-family:'Open Sans',sans-serif;
border:none;
box-shadow:none;
background:none;
}
#newsletter input[type=email]::-moz-focus-inner { border:0; }

#newsletter a.send {
width:38px;
height:38px;
font-size:26px;
padding:0;
position:absolute;
text-align:center;
right:0;
top:0;
border:none;
cursor:pointer;
}

#newsletter a.send i {
color:#D7D0BC;
line-height:35px;
margin:0;
}

#newsletter a:hover i {
color:#222;
}

span#txtNewsletter-error, span#txtNewsletter-success {
top:36px !important;
width:241px !important;
}


.lowerfooter {
position:relative;
padding:20px 0;
color:#e1e1e1;
text-align:center;
font-size:13px;
border-top:1px solid #444;
background:#5e5e5e;
}

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

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


/* profile, login, basket,... 
--------------------------------- */

#login, #forgot, #register {
padding: 0 0 30px !important;
width:100%;
}


#register>h1, #login>h1, #forgot>h1 {
font-size:30px;
font-weight:600;
color:#333 !important; 
padding:20px 0;
margin:0 0 20px;
border-bottom:1px solid #ddd;
}

article.basket #article-title h1,
article.profile #article-title h1 {
font-size:30px;
font-weight:600;
color:#333 !important; 
padding:20px 0;
}

#container .form input[type=text], #container .form input[type=email], #container .form input[type=password], #container .form select, #container .form textarea {
padding:15px;
font-family: 'Source Sans Pro', sans-serif;
font-size:18px;
color:#333;
font-weight:400;
border:1px solid #ddd;
box-shadow: none;
border-radius:3px;
}


#container .form input[type=button] {
font-family: 'Source Sans Pro', sans-serif;
margin-top:20px;
border:none;
background:#D7D0BC;
color:#fff;
text-shadow:none;
padding:20px 30px;
font-size:24px;
font-weight:300;
border-radius:5px;
cursor:pointer;
box-shadow: none;
display:block;
}

#container .form input[type=button]:hover, #container .form input[type=button].on {
background:#333;
color:#fff;
}

#container .form label {
font-weight:400;
color:#aaa;
margin-top:30px;
}

#login.form #chkShowPassword {
margin:0 5px 0 0;
}


.form .rightcol {
border-radius:5px;
}

.form .rightcol h3 {
font-size:26px;
font-weight:400;
color:#333 !important; 
border-bottom:1px solid #ddd;
text-shadow:none;
text-align:center;
padding:0 30px 30px;
}
.form .rightcol p {
font-weight:400;
font-size:16px;
line-height:26px;
padding:30px 0 10px;
border-top:none;
text-shadow:none;
text-align:justify;
color:#808080;

}

/* checkout
------------------------ */

#basket-progress {
padding:30px 0 0;
}

#basket-progress>b {
border:none !important;
background:none !important;
width:auto !important;
height:auto !important;
margin:0 5px;
top:1px;
position:relative;
}
#basket-progress>b:before {
content:"»";
font-size:20px;
line-height:12px;
font-weight:400;
color:#ddd;
}

#basket-progress a {
font-size:12px;
font-weight:400;
line-height:12px;
color:#808080;
background:#fff;
display:inline-block;
padding:10px 15px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border:1px solid #eee;
}

#basket-progress a.on {
color:#808080;
background:#f5f5f5;
border:1px solid #eee;
}

#basket-progress a.off {
color:#ccc;
}

#basket-progress a.on:hover,
#basket-progress a:hover {
text-decoration:none;
background:#f5f5f5;
}

#basket-progress a.off:hover {
background:none;
}

.total h3 {
line-height:26px;
font-size:26px;
font-weight:300;
}

.total p {
line-height:26px;
color:#808080;
font-weight:400;
}

.subtotal p {
font-size:14px;
font-weight:400;
}


.subtotal b {
font-weight:400;
font-size:14px;
color:#808080;
}

input[type=submit]#basket-next {
font-family: 'Source Sans Pro', sans-serif;
border:none;
background:#D7D0BC;
color:#fff;
text-shadow:none;
padding:20px 30px;
font-size:24px;
font-weight:300;
border-radius:5px;
cursor:pointer;
box-shadow: none;
display:block;
}

input[type=submit]:hover#basket-next {
background:#333;
color:#fff;
}

article.basket>div>h3, #new-delivery-address h3 {
font-size:26px;
font-weight:300;
color:#D7D0BC !important; 
padding:0 20px 10px;
}

.confirmed>b, .preview-order h3 {
font-size:26px;
font-weight:300;
}

.confirmed>b {
font-size:36px;
}

.subtotal.weight {
display:none !important;
}


/* profile
-------------- */
article.basket {
padding-bottom:30px;
}

article.profile {
margin:0;
padding-bottom:40px;
}

/************************************  1024px   ***************************************/
 
@media screen and (max-width: 1250px) {
article.home,#container, article.contentpage,#basketList div, .bannerContainer,  .headerContainer,nav#headerCategories, .headerBarContainer, .footerContainer, #shops>h3 {
width:960px;
}

article.categoryempty,
article.normal-width, article {
width:700px;
}

header nav ul li a {
font-size: 13px;
padding: 0 10px;
}

nav#headerCategories ul li a {
font-size: 13px;
}

.product-detail-title, .product-detail-rightcol {
width:370px; 
}

ul.product-list li {
width:31.33333%;
}
.product-detail-image {
max-width:300px;
margin:40px 0 0 0px;
}

.product-detail-image>a {
width:300px;
height:300px;
}

.product-detail-image>a:hover {
width:300px;
height:300px;
}

#container-sorting {
margin-left: -150px;
}

#search {
margin: 0 0 0 250px;
}
header .headerSlogan {
display:none;
}

#categories.home {
margin-top:367px;
}

.product-detail-desc iframe {
height: 390px;
}

    .product-detail-rightcol a#product-inquiry, .product-detail-container a#product-add {
        font-size: 18px;
    }
}



/* responsive */


/****************** Mobile site ****************/
@media only screen and (min-height : 300px) and (max-width : 1020px) and (min-device-height : 300px) {

#scrollTop {
position:absolute;
top:-250px;
left:-250px;
}

#pageBody {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
position:relative;
z-index:1000;
background:#fff;
min-height:100%;
height:100%;
width:100%;
}

#pageBody.toggle {
transform:translateX(250px);
-moz-transform:translateX(250px);
-o-transform:translateX(250px);
-webkit-transform:translateX(250px);
}

nav#sidebar {
display:block;
width:250px;
height:100%;
position:fixed;
top:0;
left:0;
background:#111;
z-index: 0;
overflow-y:scroll;
-webkit-overflow-scrolling:touch;
}
nav#sidebar.toggle {
display:block !important;
}

nav#sidebar ul li a {
color:#eee;
font-size:15px;
line-height:20px;
padding:18px 20px;
display:block;
background:#222;
}

nav#sidebar ul li ul li a.on {
background:#888;

}

nav#sidebar ul li ul li a.on {
background:#888;
}


nav#sidebar ul>li>ul>li  {
border-bottom:1px solid #222;
}

nav#sidebar ul ul li:last-child>a {
border-bottom:none;
}
nav#sidebar ul ul li a:not(.expandable) {
background:#444;
border-left:5px solid #222;
border-right:5px solid #222;
}

nav#sidebar ul li a i {
font-size:20px;
width:20px;
margin-right:20px;
text-align:center;
top: 2px;
position: relative;
color:#666;
}

nav#sidebar ul:not(.nav) a {
background:#111;
}

nav#sidebar ul.nav ul a, nav#sidebar ul.headernav ul a {
background:#444;
}

nav#sidebar ul.headernav {
display:none;
}

nav#sidebar ul.headernav ul {
display:none;
float:none;
}

header a#toggleSidebar {
display:block;
color:#fff;
background:#D7D0BC;
position:absolute;
line-height:50px;
width:50px;
text-align:center;
top:10px;
left:5%;
font-size:30px;
z-index:9999;
}

nav#sidebar ul>li.special>a  {
background:#111;
}


    html {
        -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
    }

    header, footer {
        min-width: 100%;
    }

    #footerBrandsWrapper {
        display: none;
    }

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

    #container {
    padding:0;
    box-shadow:none;
    }

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

    body {
    background:#fff;
    }

    article, article.brands, article.categoryempty, article.home, article.normal-width, #basketList div, .footerContainer, .headerContainer, .headerBarContainer, #container, article.categoryempty, 
    article.normal-width, article.contentpage {
    width:100%;
    }



    /* header
    ------------------------*/
    header {
    height:160px;
    border-bottom:none;
    }

    .headerContainer {
    margin:0 auto;
    position:initial;
    }

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

    header a#homelink {
    top:0;
    top: 15px;
    left: calc(50% - 100px);
    z-index: 1001;
    width: 200px;
    background-size: 200px auto;
    padding:0;
    }

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

    header a#header-login {
display:none;    }

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

    .headerInfo, header .headerSocial {
    display:none;
    }

    .headerContact {
    top: 83px;
    left: auto;
    }

    .headerContact a {
    float:left;
    font-size: 14px;
    }

    .headerContact a i {
    width: auto;
    margin-left:20px;
    }

    .headerContact a i.fa-mobile {
    font-size: 26px;
    }

    .headerContact a i.fa-envelope {
    border:none;
    width:auto;
    }

    .headerBar {
    display:none !important;
    }

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

    #search {
    width:90%;
    top:100px;
    left:5%;
    margin:0;
    position:absolute;
    }

    #search input[type=text] {
    }

    #search>a#searchButton {
    height:100%;
    width:50px;
    border-left:none;
    background-image:url(icon-search-2x.png);
    background-size:24px auto;
    }

    /* Basket */

    header .social {
    position:inherit;
    top:auto;
    right: auto;
    }
    
    #basket {
    width:100%;
    padding:0;
    margin:0;
    text-align:right;
    height:70px;
    bottom:auto;
    top:0px;
    right:0;
    z-index:1000;
    background:none;
    }
    #basket > a {
    background: url(icon-basket-2x.png) no-repeat  center;
    background-size:35px auto;
    width:40px;
    height:70px;
    right:5%;
    left:auto;
    }

    #basket > p.qty,#basket > p.sum {
    display: none;
    }

    .headerContainer .right {float:none}

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

    #basketList div {
    top:160px;
    right:0;
    width:100%;
    box-sizing:border-box;
    border:none;
    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;
    }

    #basketList a.checkout {
    border:none;
    text-shadow:none;
    box-shadow: none;
    border-radius: 5px !important;
    text-align:center;
    font-size:20px;
    font-weight:400;
    width:80%;
    padding:20px;
    margin:20px auto 40px;
    float:none;
    }

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

    #basketList>div>p span {
    font-size:15px;
    line-height:22px;
    font-weight:400;
    display:inline-block;
    position:relative;
    margin-left:10px;
    padding-right:50px;
   }

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

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

    #basketList>div>ul>li {
    font-size:15px;
    line-height:22px;
    padding:15px;
    text-shadow:none;
    text-align:left;
    position:relative;
    }


    #basketList>div>ul>li>b {
    width:10%; 
    text-align:right;
    padding-right:10px;
    box-sizing:border-box;
    }

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

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

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

    #basketList>div>ul>li.active-title:before {
    }

    #basketList > div > ul > li > a.remove-button {
    padding:0;
    top:calc(50% - 10px);
    right: 15px;
    }


    /* artikli */

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

    #article-title > a {
    display:none;
    }
   
    #article-title h1 {
    font-size:20px;
    line-height:30px;
    padding:20px;
    text-align:center;
    }
   
    #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:#D7D0BC;
    }

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

    /* product list*/

    ul.product-list, article.categoryempty ul.product-list  {
    border:none;
    margin:10px 0 0;
    width:100%;
    margin-left:0 !important;
    }

    ul.product-list>li, article.categoryempty ul.product-list>li {
    box-sizing:border-box;
    width:50%;
    margin:0 !important;
    border-radius:0;
    overflow:hidden;
    height:auto;
    box-shadow:none;
    padding:260px 0 20px;
    }

    ul.product-list>li .img {
    height:245px;
    border:none;
    width:100%;
    text-align:center;
    box-shadow:none;
    }

    ul.product-list>li .img img {
    height:auto;
    max-height:100%;
    max-width:80%;
    left:10px;    

    }

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

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

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

    ul.product-list p.price {
    background:none;
    width:100%;
    box-sizing:border-box;
    height:16px;
    font-size:16px;
    line-height:16px;
    padding:0 15px;
    text-align:left;
    }

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

    ul.product-list .highlighted, ul.product-list .newItem,
    ul.product-list .sale {
    }
        
    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;
    padding: 0;
    height:auto;
    border-top:1px solid #ddd;
    }

    ul.product-list.groups { 
    border-bottom:1px solid #ddd;
    }

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


    .carousel ul.product-list li {
    padding: 280px 0 0;

    }
    .carousel .products {
        height: 372px;
    }

    .carousel ul.product-list .img {
    height: 270px;
    }


    .carousel > h3 {
    font-size: 14px;
    border-radius: 0px;
    line-height: 26px;
    }
    .carousel ul.product-list .sale, .carousel ul.product-list .newItem, .carousel ul.product-list .highlighted {
    top: 261px;
}
    #banner a img {
    border-radius: 0;
    }

    /* product detail */

    .product-detail-title.medium-title {
    width:100%;
    box-sizing:border-box;
    float:none;
    background:#fff;
    padding:20px;
    margin:0;
    border:none;
    text-align:center;
    }
    .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;
    padding:0;
    width:100%;
    height:auto;
    margin:0 auto 20px;
    }

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

    .product-detail-image>a>img {
    padding:0 50px;
    }

    .product-detail-image > a:hover {
    width:360px;
    height:260px;
    }
    

    .product-detail-image > span {
    padding: 0 20px;
    display: block;
    }
    
    .product-detail-image > ul {
    width:100%;
    margin:0;
    }

    .product-detail-image > ul > li {
    height:auto;
    width:25%;
    float:left;
    box-sizing:border-box;
    margin:0;
    }        

    .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: 0;
    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 {
    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;
    width:auto;
    }
    
    .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 > 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:13px;
    line-height:22px;
    font-weight: 600;
    text-align:center;
    float:none;
    color:#444;
    }

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

    .product-detail-rightcol #freedelivery {
    margin:40px 0px 0 !important;
       width: 100%;
       background-position:40px center;
    }


    .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 .freedelivery {
text-align:left;
padding-left:100px;
}
   .product-detail-rightcol #stock, article.dailyoffer .product-detail-rightcol #stock {
    float:none;
    height: auto;
    background:transparent;
    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;
    background:none;
    }

    
    .product-detail-rightcol .b2b i {

        position: absolute;
        left: 20px;
    }
    
    .product-detail-rightcol .b2b {
    padding-left:80px;
    }

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

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

    .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:70%;
    height:auto;
    padding:20px;
    margin:20px auto 40px;
    float:none;
    font-weight: 400;
    font-size:20px;
    border-radius: 5px !important;
    }

    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-rightcol #linkedProducts {
    background:#fff;
    margin:0;

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

    .product-detail-rightcol #linkedProducts ul li {
    border-bottom: 1px solid #ddd;
    border-top:none;
    font-size: 14px;
    }

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

    .product-detail-desc div {
    padding: 20px;
    background: #fff;
    font-size: 14px;
    line-height: 22px;
    }

    #article-title .desc a, .product-detail-shortdesc>div a, .product-detail-desc>div a {
    color:#D7D0BC;
    font-weight: 400;
    }

    div.options {
    border-radius: 0px;
    }

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

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

    }

    article.extra>h3 {
    font-size:20px;
    padding:20px;
    line-height:30px;
    text-align:center;
    /*border-bottom:1px solid #ddd;*/
    /*border-top:1px solid #ddd;*/
    background:#f5f5f5;
    margin:0;
    font-weight:400;
    }

    article.extra>div {
    margin:0;
    }

    article.normal-width.extra ul.product-list {
    width:100% !important;
    margin:0 !important;
    }

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

    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;*/
    }


    
    #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:#D7D0BC;
    border-left:none;
    font-weight:400;
    }

    #basket-progress b 
    {display:none}

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

    /* 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:26px;
    }

    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:#D7D0BC;
    }

    .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:#D7D0BC;
    }

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

    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:#D7D0BC;
    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:#D7D0BC;
    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:#D7D0BC;
    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:#D7D0BC;
    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;*/
    font-weight:400;
    color:#D7D0BC;
    }

    .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 input[type=button], #container #login.form .rightcol a {
    -webkit-appearance: none;
    margin:40px 5% 0;
    box-sizing:border-box;
    border:none;
    background:#D7D0BC;
    text-shadow:none;
    padding:20px 10px;
    height:auto;
    font-size:20px;
    border-radius:5px !important;
    box-shadow:none;
    display:block;
    width:90%;
    text-align:center;
    }

    #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:#D7D0BC;
    }

    .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:#D7D0BC;
    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: #D7D0BC;
    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: #D7D0BC;
    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;
    }

    /* footer */

    .footerContainer ul {
    float: none;
    width: 100%;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
    }

    a.netit {
    right: 20px;
    }



    article.contentpage {
    padding:0 20px 20px;
    box-sizing:border-box;
    }

    article.contentpage .product-detail-title, article.dailyoffer .product-detail-title {
    margin:0 0 30px;
    padding:20px;
    color: #333;
    font-size: 20px;
    line-height:30px;
    font-weight: normal;
    border:none;
    text-align:center;    
    box-sizing:border-box;
    }

    catalogs a {
    width: 48%;
    }


    .roundbox {
    border:none;
    }

    article.contentpage h3 {
    font-size: 14px;
    line-height: 22px;
    padding: 20px;
    margin:0;
    }

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

    article.contentpage p>a, article.contentpage .map a {
    font-size: 14px;
    color:#D7D0BC;
    }
    #container article.contentpage #contactForm {
    width:100%;
    float:none;
    padding: 20px 0;
    background:none;
    margin:0 0 50px;
    box-sizing:border-box;
    }
    #container article.contentpage #contactForm label {
    background:none;
    }
    
    #container article.contentpage #contactForm input[type=text], #container article.contentpage #contactForm 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 #contactForm input[type=submit] {
    margin: 20px 20%;
    width:60%;
    padding: 20px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px !important;
    float: none;
    background: #D7D0BC;
    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;
    float:none;
    width:100%;
    box-sizing:border-box;
    }

    .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;
    }

    .pagination .page-select {
    float: none;
    text-align: center;
    display: block;
    }

    .pagination {
    float: none;
    }

    input {
    font-size:16px;
    }

    article.home ul.product-list {
    width:100%;
    height:auto;
    }

    #language {
    position: absolute;
    top: 75px;
    left: 20px;
    }

    .tmRight, .tmLeft {
    width: 100%;
    float: none;
    border: none;
    padding:0;
}

    .tmLeft img {
    display:inline-block !important;
    width: 100px !important;
    max-width: 100px !important;
    text-align:center;
    }

   .tmRight table td img {
    margin: 0 20px 0 0;
    display: none;
    }
   .tmRight p {
    margin: 20px 0 0 !important;
    }

   ul.newsList {
   width:100%; 
   margin:0 !important;
   }
   ul.newsList>li {
   width:100%; 
   height:auto;
   margin:0 !important;
   float:none;
   padding:0 0 50px !important;
   border-bottom:1px solid #fff;
   }

    ul.newsList > li h3 {
    padding: 20px 15px 0;
    }

   ul.newsList > li p {
    height: auto;
    padding:15px 15px 0;
    }

   ul.newsList > li .more {
    margin: 20px 20px 0;
    }
   ul.newsList > li img {
    position:relative;
    top:auto;
    right:auto;
    border-radius:0;
    width: 100%;
    height: auto;
    }

   article.blog {
    width: 100%;
    margin: 0;
    padding:0 40px;
   border-top:1px solid #ddd;
   }

   a#newsArchive {
    
    border: none;
    }

   .aboutHome  {
    padding:60px 40px;
    }

   article.home>h3 {
    font-size:14px;
    line-height:26px;
    }
            

   .aboutHome img {
    width:100%;
    margin:0 0 40px;
    }

    article.contentpage .form.seminar {
    width:100%;
    }
    article img.imgFloatLeft {
    padding:20px 0 !important;
    max-width:100% !important;
    float:none !important;
    }

    article img.imgFloatRight {
    padding:20px 0 !important;
    max-width:100% !important;
    float:none !important;
    }

    .footerObroki span {
    width: 100%;
}


    .footerNav ul li span {
    width: 100%;
    float: none;
    }
    
    .bannerSmall li {
    width: calc(50% - 1px);
    }


    article.home ul.product-list li {
    width: 50%;
    }

    .homeTitle {
    padding: 20px 0 0;
    }

    header .outlet { display:none; }
    ul#attributes {
    padding:0 20px;
    width: 100%;
    float:none;
    box-sizing:border-box;
    }

    .product-detail-rightcol .quantity {
    margin: 0 auto;
    float:none;
    }
    
    #container.home {
    padding: 0;
    }

    article.contentpage .half {
    width:100%;
    float:none;
    }

    #newsletter {
    padding: 20px;
    }



    article.contentpage ul#help {
    width:100%;
    margin:0;
    }

    article.contentpage ul#help li {
    float:none;
    display:block;
    width:100%;
    margin:0 0 20px;
    }


}

@media only screen 
and (max-width : 1020px) 
and (max-device-width : 1020px) 
and (orientation : landscape) { 
    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) 
{ 

    ul.product-list>li, article.categoryempty ul.product-list>li,article.home 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 : 1024px) 
and (min-device-width : 500px) 
and (max-device-width : 1020px) 
and (orientation : portrait) { 


    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;
    }
}

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

{ 
    ul.product-list>li, article.categoryempty ul.product-list>li {
    padding: 215px 0 20px;
    }

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

    ul.product-list .highlighted, ul.product-list .newItem,
    ul.product-list .sale {
    top:197px;
    }
     

}