*{
    font-family: 'Montserrat', 'Open-sans', sans-serif;
}

#header-search {
    float: right;
    margin-top: 30px;
    width: 38.7%;
}

#header-search-results {
    color: black;
    right: 0;
    display: block;
    height: auto;
    position: absolute;
    z-index: 971;
    overflow: hidden;
    -webkit-transition: max-height 3s ease;
    -moz-transition: max-height 3s ease;
    -o-transition: max-height 3s ease;
    transition: max-height 3s ease;
    width: 360px;
    margin-top: -30px;
    padding-top: 70px;
}

#header-search-results.navigator-bg-color--{
    background-color: rgba(255, 255, 255, 0.9);
}

#header-search-results .img-arrow {
    width: 16px;
    margin-right: 10px;
    margin-top: -5px;
}


#header-search-results .hasTransitions{
    
}

#header-search-results .section{
    border-bottom: 1px solid #ddd;
    width: auto !important;
    padding: 10px 15px 35px 15px;
    background: white;
}

.devider {
    padding: 7px 0 7px 20px;
    width: 96%;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 500;
}

.devider.first{
    padding-top: 50px;
    font-size: 20px;
    text-transform: uppercase;
    padding-bottom: 30px;    
    letter-spacing: 1px;
}

.whity {padding:10px 0; padding-top: 0;}
.whity article,.ie8 .whity p.article{padding:3px 36px 3px 0px; margin-left:20px}
.whity article em, .ie8 .whity em{font-size: 13px /*'Doppio One', Sans-Serif*/;font-weight:400;}
.whity article a, .ie8 .whity a{
    color: #000;
    display: inline-block;
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 500;
}
.whity article a:hover,.visalle a:hover, .ie8 .whity a:hover{color:#000}
.whity article span.listbefore, .ie8 .whity span.listbefore{float:left}
.visalle {
    padding: 0px 55px 15px 20px;
    width: 82%;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 400;
}
.visalle a{
    color: #000;
    font-size: 13px;
    font-weight: 500;
}

#header-search-results b{
    color: #1561ae;
}

#header-search-results article{
    margin-bottom: 0px;
}

#header-search-results .section article{
    padding-left: 36px;
    text-align: left;
    min-height: 34px;
}

#header-search-results .section:first-child article{
    background: url("../image/searchResults-icon.png") no-repeat 0px 5px;
}

#header-search-results .section:nth-child(2) article{
    background: url("../image/searchResults-arrow.png") no-repeat 10px 7px;
}

#header-search-results .section:last-child{
    padding: 0px;
    height: 250px;
    border: medium none;
}

#header-search-results .section:last-child article{
    padding: 0px;
}

#header-search-results .section:last-child ul{
    padding-top:21px;
    display: block;
    list-style:none;
    height: 176px;
}

#header-search-results .section:last-child ul li{
    float: left;
    display: block;
    height: 176px;
    width: 125px;
    margin-left: 20px;
    -ms-word-break: break-all;
        word-break: break-all;
    /* Non standard for webkit */
         word-break: break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
            hyphens: auto;
    color: white;
}

#header-search-results .section:last-child ul li p{
    margin-top:5px;
    padding: 3px;
}

#header-search-results .section:last-child ul li img{
    display: block;
    height: 117px;
    width: 125px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

#header-search-results .section:last-child ul li:first-child{
    background-color: #542163;
}

#header-search-results .section:last-child ul li:nth-child(2){
    background-color: #c37f25;
}

#header-search-results .section:last-child ul li:last-child{
    background-color: #114f85;
}

#header-search-results .section .greendivider{
    height:25px;
    background-color: #84bf19;
    display: block;
    text-align: center;
    font-size: 1.0em /*"Oswald", "Arial Narrow", Arial, sans-serif*/;
    font-weight: 700;
    position: absolute;
    left: -7px;
    width: auto;
}

#header-search-results .section .greendivider:before{
    background: url("../img/ribbon-slip.png") no-repeat;
    width: 7px;
    height: 10px;
    display: block;
    position: inherit;
    top: -10px;
    content: "";
}

#header-search-results .section .greendivider em{
    padding-left: 16px;
    padding-right: 8px;
}

#header-search-results .section .viewallresults{
    float: right;
    background: url("../img/searchResults-arrow.png") no-repeat 0px 6px;
    padding-left: 15px;
    margin-right: 26px;
}

#header-search-results .section .viewallresults a{
    color: #1561ae;
    font-size: 0.750em /*"Oswald", "Arial Narrow", Arial, sans-serif*/;
    font-weight: 400;
}

#header-search-results .section .viewallresults a:hover{
    text-decoration: none;
}

/*end searchdropdown*/

#header-search form,
#header-search-mobile form {
    height: 30px;
    border-radius: 0;
    border: unset;
    margin: 0 auto;
    clear: both;
    float: right;
    width: 60%;
}

#header-search #searchbutton,
#header-search-mobile #searchbutton {

    background: transparent url("../image/search-icon.png") 0 0 no-repeat;
    width: 30px;
    height: 30px;
    border: none;
    text-indent: 9999px;
    margin-top: 19px;

}

#header-search #searchbutton:active,
#header-search-mobile #searchbutton:active {

      background: transparent url("../image/search-icon.png") 0 0 no-repeat;
}

#header-search #searchbutton:focus,
#header-search-mobile #searchbutton:focus {

      background: transparent url("../image/search-icon.png") 0 0 no-repeat;
}


#header-search input,
#header-search-mobile input {
    text-transform: uppercase;
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    float: right;
    background: none;
    border: none;
    font-size: 11px !important;
    font-weight: 400;
    background-color: #FFF;
    color: #666;
    text-align: center;
    z-index: 1001;
    position: relative;
}
.ie8 #header-search input ,.ie8 #header-search-mobile input {width:auto}
#header-search .input-append input{ }

a.clearResult {
    background: #fff url(../images/close.png) 1px 0px no-repeat;
    position: relative;
    top: 0px;
    height: 30px;
    width: 30px;
    display: block;
    z-index: 1002;
    cursor: pointer;
    left: 84%;
}

@media screen and (max-width: 768px) {
    .container.relative{padding:0}
    #header-search {
        float: unset;
        width: 94% !important;
        margin: 0px auto !important;
        padding-bottom: 50px;
    }
    #header-search form, 
    #header-search input{width:100%; float:left; max-width: 100%;}
    #header-search-results{
        right: unset;
        width:94%
    }
    .devider{width:97%}
	#loginbox{top:0; z-index:1005;}
	.cart .total-price-mobile{border:none; font-size: 20px /*Georgia,Helvetica, Sans-Serif*/; font-weight: 700;}
	.cart .productborder{border-top:1px #d9d9d9 solid}/*#d9d9d9*/	
	.cart tr:last-child .productborder{border-top:none}
	.cart td.orderline-name, .cart td.orderline-price{font-style:italic;}
	.cart .orderline3 .orderline-name{text-indent:0; }
	.cart td.orderline-name.productname{font-style:normal; padding-left:10px }
	.cart .orderlines tr td:first-child,
	.cart .orderlines tr td:first-child{padding-left:10px}
	.cart .orderlines tr:nth-child(even){background-color:#fff}
	.cart .orderlines tr.orderline.grey{background-color: #f2f2f2;}
	.cart .orderlines td.orderline-points{text-align:left; padding:15px 0}
	#ordersubmit tr.orderline > td + td, 
	#ordersubmit tr.total > td + td{padding:10px 5px 15px!important}
	#ordersubmit tr.orderline > td.orderline-delete{text-align:right; padding:0 2px!important; width:30px}
	#maincontent form tr > td input[type='text']{width:auto!important;}
	.cart .personprofil{float:none; }
	.cart #greentop p{font-size:13px!important}
	.cart .orderline, .cart .dotted, .cart .total{height:45px}
    .topsmall{padding:0 1%}
    a.clearResult{left:91%;}
}