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

#header-search-results {
    display: block;
    /*width: 470px;
	margin: 16px auto 0;*/
    height: auto;    
    position: absolute;
    z-index: 1000;
    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;	
	border-bottom:1px #C9D1D4 solid;
	border-right:1px #C9D1D4 solid;
	border-left:1px #C9D1D4 solid;
	
	
	width:360px;
	border-top:1px #C9D1D4 solid;
	border-radius:8px;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;	
	-moz-box-shadow: 0 5px 5px #444;
    -webkit-box-shadow: 0 5px 5px #444;
    box-shadow: 0 5px 5px #444;	
	margin: 22px auto 0;
}


#header-search-results .hasTransitions{
    
}

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

 .devider{
    /*border-top: 1px solid #dedede;
    width: 96%;
    background: black;
	padding:10px 0 10px 20px;
    color: white;
	font: normal 18px/24px Georgia, Helvetica, Sans-Serif;*/
	
	
	background: none repeat scroll 0 0 #F6F6F6;
    border-bottom: 1px solid #E4E4E4;
    border-top: none;
    color: #444;
    font: 17px/24px 'Doppio One',Helvetica,Sans-Serif;
    padding: 7px 0 7px 20px;
    text-transform: uppercase;
    width: 96%
}

.whity {background: white;padding:10px 0;}
.whity article,.ie8 .whity p.article{padding:3px 36px 3px 0px; margin-left:20px}
.whity article em, .ie8 .whity em{font:normal 13px/16px 'Doppio One', Sans-Serif;}
.whity article a, .ie8 .whity a{color:#707477; display:inline-block; width:90% }
.whity article a:hover,.visalle a:hover, .ie8 .whity a:hover{color:#39baf4}
.whity article span.listbefore, .ie8 .whity span.listbefore{float:left}
.visalle{padding:7px 55px 0 30px; width:82%; border-top:1px #c9d1d4 solid; margin-top:10px; font:15px/24px Georgia,Helvetica,Sans-Serif}
.visalle a{color:#707477;}

#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:bold 1.0em "Oswald", "Arial Narrow", Arial, sans-serif;
    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:normal 0.750em "Oswald", "Arial Narrow", Arial, sans-serif;
}

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

/*end searchdropdown*/

#header-search form,
#header-search-mobile form  {

    margin: 0 auto;
    clear: both;
    max-width: 472px;
    height: 45px;
    background: white;   
	border:1px solid #D0D0D0;
	border-radius:8px; 
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	
	box-shadow: 0 0 2px #CCCCCC inset;	
	-moz-box-shadow: 0 0 2px #CCCCCC inset;
    -webkit-box-shadow: 0 0 2px #CCCCCC inset;		
	
	float:right;
	width:50%;
    
}

#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 {
    width:140px;
    height: 37px;
    float: left;       
    margin-left: 10px;
    background: none;
    border: none;
    font:normal 20px/30px Georgia, Helvetica, Sans-Serif !important;
    color:#666;

}
.ie8 #header-search input ,.ie8 #header-search-mobile input {width:auto}
#header-search .input-append input{ }

a.clearResult {
    background:#fff url("../images/close.png") 26px 3px no-repeat;
    position: relative;
    top: 4px;
    height: 30px;
    width: 61px;
    display: block;
    z-index: 5;
    cursor: pointer;
    /*left: 401px;	
	left:297px;*/
	
	
	left:94%;
}

@media screen and (max-width: 768px) {
    .container.relative{padding:0}	
    #header-search{float:left; width:87%!important; margin:0 1% 10px 2%!important; }
    #header-search form, 
    #header-search input{width:98%; float:left;}
    #header-search-results{width:94%}
    .devider{width:97%}
	#loginbox{top:0; z-index:201;}
    #logoutbox{margin:0 0 0 10px; float:left;}
	.cart .total-price-mobile{border:none; font:bold 20px/19px Georgia,Helvetica, Sans-Serif}
	.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%;}
}