/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Menu
	#Page Styles
	#Media Queries */

/* #Font-Face
================================================== */
	@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700);
	
/* #Site Styles
================================================== */
	html { overflow-y: scroll; height: 100%;}
	body { 
		height: 100% !important; 
		/*
		background: #f7f7f7 url('images/bg.png') top left repeat-x;
		*/
		background: #f7f7f7 url('images/bgtile2.jpg') top left repeat;
		color: #303030; 
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
		font-size: 13px; 
		font-weight: normal; 
		line-height: 20px; 
		-webkit-font-smoothing: antialiased; 
		-webkit-text-size-adjust: 100%; 
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	::selection { background: #15b3ee; color: #000; }
	::-moz-selection { background: #15b3ee; color: #000; }
	::-webkit-selection { background: #15b3ee; color: #000; }
	
	.nomargin { margin: 0 !important; }
	.nopadding { padding: 0 !important; }
	
	.logo { width: 100%; height: auto; margin: 0 0 20px; text-align: center; }
	.logo img { width: 100%; height: auto; }
	
	.centerdiv { margin: 0 auto !important; float: none !important; display: block !important; }
	.section { overflow: visible; border-bottom: 1px solid gainsboro; border-top: 1px solid #bdbdbd; }
	.section2 { overflow: visible; border-top: 1px solid #bdbdbd; }
	.sectionsmalltitle { overflow: hidden; border-bottom: 1px dashed gainsboro; margin: 20px 0 20px; }
	.sectiontop { overflow: hidden;	}
	.sectionbottom { overflow: hidden; border-top: 1px solid #bdbdbd; }
	.sectionline {
		display: block;
		-webkit-margin-before: 0.5em;
		-webkit-margin-after: 0.5em;
		-webkit-margin-start: auto;
		-webkit-margin-end: auto;
		border-style: inset;
		border-width: 1px;
	}
	
	.contenttop { padding-top: 25px; }
	.contenttop2 { padding-top: 15px; }
	.contentbottom { padding-bottom: 15px; }
	.contentbottom2 { padding-bottom: 30px; }
	.contentbottom2 { padding-bottom: 25px; }
	.contentbottom3 { padding-bottom: 10px; }
	.floatright { float: right !important; }
	.fullwidth { width: 100% !important; }
	.overflow { overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; }
	.bottommargin { margin-bottom: 50px; }
	.bottommargin2 { margin-bottom: 15px !important; }
	.titlebutton { float: right; margin: 21px 0 0; text-decoration: none; }
	.titlebutton2 { float: right; font-size: 12px; margin: 0; text-decoration: none; }
	.titlebutton3 { float: left; margin: 21px 10px 0 0; text-decoration: none; }
    .button { text-decoration: none !important; }
	.errortext { color: #c92222 !important; }
	.error { border-color: #c92222 !important; }
	.errorbox { width: 100%; }
	.successbox { width: 100%; }
	.successtext { color: #00c633; }
	
	.items { background: #eee; padding: 5px 15px 5px; margin-bottom: 12px; -webkit-border-radius: 1.6em; -moz-border-radius: 1.6em; border-radius: 1.6em; border: 1px solid #aaa; }
	.items-title { padding: 5px 15px 5px; margin-bottom: 2px; font-weight: bold; -webkit-border-radius: 1.6em; -moz-border-radius: 1.6em; border-radius: 1.6em; }
	.item-1 { width: 25%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.item-2 { display: inline-block; background: #eee; padding: 5px 15px 5px; margin: 0 12px 12px 0; border: 1px solid #aaa; -webkit-border-radius: 1.6em; -moz-border-radius: 1.6em; border-radius: 1.6em; text-decoration: none !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
		background: #d1d1d1;
		background: -moz-linear-gradient(top, #EBEBEB, #d0d0d0);
		background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#d0d0d0));
		}
	.item-current,
	.item-current:hover { 
		color: #f7f7f7;
		border: 1px solid #CD8500;
		background: #CD8500;
		background: -moz-linear-gradient(top, #FFA500, #CD8500);
		background: -webkit-gradient(linear, left top, left bottom, from(#FFA500), to(#CD8500));
		text-shadow: none;
	}
	.item-2 a { text-decoration: none !important; }
	.item-current a { color: #f7f7f7; text-decoration: none !important; }
	
	.dividerwrap { background: url('images/dividerbg.png') top center repeat-y; }
	.divider { display: block; height: 27px; background: url('images/bottomshadow.png') top center no-repeat; margin-bottom: 50px; background-size: 100% auto; }
	.divider2 { display: block; height: 27px; background: url('images/topshadow.png') bottom center no-repeat; margin-top: 20px; background-size: 100% auto; }
	.divider3 { display: block; height: 27px; background: url('images/bottomshadow.png') top center no-repeat; margin-bottom: 0px; background-size: 100% auto; }
	.divider4 { background: url('images/topshadow.png') bottom center no-repeat; background-size: 100% auto; }
	
	.ui-autocomplete { 
		background: #fff; 
		padding: 6px 5px;
		margin: 0;
		border: 1px solid #ccc;
		-webkit-border-radius: 1em; 
		-moz-border-radius: 1em; 
		border-radius: 1em; 		
	}
	
	.ui-corner-all {		
		background: #fff !important; 
		padding: 6px 10px !important;
		margin: 5px 0 !important;
		border: 1px solid #ccc;
		-webkit-border-radius: 1em !important; 
		-moz-border-radius: 1em !important; 
		border-radius: 1em !important; 
		cursor: pointer !important;		
	}
	
	.ui-autocomplete ui-menu-item {	
		background: #fff !important;
		border: 0 !important;
		margin: 5px 0 !important;
	}
	
	.ui-corner-all-success {
		background: #7FFF00;
		border: 1px solid #66CD00;	
		padding: 10px 10px !important;
		-webkit-border-radius: 1em !important; 
		-moz-border-radius: 1em !important; 
		border-radius: 1em !important; 
		cursor: pointer !important;		
	}
	
	.ui-corner-all-error {
		background: #FFC1C1;
		border: 1px solid #c92222;	
		padding: 10px 10px !important;
		-webkit-border-radius: 1em !important; 
		-moz-border-radius: 1em !important; 
		border-radius: 1em !important; 
		cursor: pointer !important;		
	}
	
	.nopointer { cursor: none !important; }
	
	.searchwrap { margin: 5px 0 10px !important; }
	.searchfield { float: left; width: 780px !important; height: 19px; margin-right: 20px; }
	.searchbutton { float: right; margin: 0 !important; width: 120px; }
	.ui-autocomplete { z-index: 20 !important; }
	
	/*Produkter*/
	.productwrap { position: relative; float: left; width: 960px; overflow: visible; }
	.product { position: relative; margin: 0 20px 50px 0 !important; overflow: visible; }
	.pimagewrap, .pimagewrap2 { position: relative; width: 220px; height: 160px; overflow: hidden; margin-bottom: 15px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.2); box-shadow: 0 2px 5px rgba(0,0,0,.2); -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; margin-bottom: 5px; }
	.pimagewrap img, .pimagewrap2 img { max-width: 100%; width: auto; min-height: 100%; height: auto; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; }
	.pinfowrap { width: 100%; text-align: left; }
    .productlink { text-decoration: none; display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #000; font-family: 'Open Sans', helvetica, sans-serif; font-weight: 300; font-size: 16px; line-height: 34px; margin-bottom: 2px; }
	.productlinkimg { display: block; width: 100%; height: 100%; }
	.colorlabelwrap { position: absolute; top: 120px; left: -8px; height: 24px; z-index: 15; }
    .colorlabel { display: inline-block; float: left; max-width: 165px; height: 24px; background: url('images/colorlabel.png') center center no-repeat; padding: 0; margin: 0; color: #000; font-family: 'Open Sans', helvetica, sans-serif; font-weight: 300; font-size: 10px; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .colorlabel-left { display: inline-block; float: left; width: 8px; height: 24px; background: url('images/colorlabel.png') center left no-repeat; padding: 0; margin: 0; }
    .colorlabel-right { display: inline-block; float: left; width: 19px; height: 24px; background: url('images/colorlabel.png') center right no-repeat; padding: 0; margin: 0;}
	.cartbutton { float: right; font-size: 12px; margin: 0;}
	.noproducts { float: left; margin-bottom: 40px !important; }
	.nopointer { cursor: default !important; }
	.infotext { padding: 10px 0; }
	.errorproduct { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('images/erroricon.png') center center no-repeat, url('images/bgtile4.png') left top repeat; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; -o-webkit-background-size: 100% 100%; background-size: 100% 100%; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; z-index: 10; }
	.noshowproduct { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('images/noshow.png') center center no-repeat, url('images/bgtile4.png') left top repeat; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; -o-webkit-background-size: 100% 100%; background-size: 100% 100%; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; z-index: 10; }
	.noshowerrorproduct { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('images/noshowerror.png') center center no-repeat, url('images/bgtile4.png') left top repeat; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; -o-webkit-background-size: 100% 100%; background-size: 100% 100%; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; z-index: 10; }

	#flexval1, #flexval2, #orderflexval1, #orderflexval2 { display: inline-block; width: 38px !important; margin-right: 0 !important; font-size: 11px !important; }
	#flex1, #flex2, #flex3, #orderflex1, #orderflex2, #orderflex3 { display: inline-block; width: 22px !important; margin-right: 0 !important; font-size: 11px !important; }	
	#flex1, #orderflex1 { -webkit-border-top-right-radius: 0 !important; -moz-border-top-right-radius: 0 !important; border-top-right-radius: 0 !important; -webkit-border-bottom-right-radius: 0 !important; -moz-border-bottom-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
	#flex2, #orderflex2 { width: 18px !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
	#flex3, #orderflex3 { -webkit-border-top-left-radius: 0 !important; -moz-border-top-left-radius: 0 !important; border-top-left-radius: 0 !important; -webkit-border-bottom-left-radius: 0 !important; -moz-border-bottom-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
	
	/*Enskild produkt*/
	.spimage { width: 100%; height: auto; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.2); box-shadow: 0 2px 5px rgba(0,0,0,.2); }
	.editbutton { float: left; margin: 15px 0 0;}
	.productinfo { width: 100%; padding: 10px 0; margin-top: 10px !important; border-top: 1px dashed gainsboro; border-bottom: 1px dashed gainsboro; }
	.productquant { width: 30px !important; margin: 0 3px 0 0 !important; display: inline-block !important; }
	.productquant2 { width: 100px !important; margin: 0 !important; display: inline-block !important; }
	
	.tvattrad-wrap { display: block; }
	.tvattrad-wrap .tvattrad { display: block; margin-bottom: 5px; font-size: 11px; line-height: 15px; }
	.tvattrad-wrap .tvattrad { display: inline-block; }
	.tvattrad-wrap .tvattrad .img-wrap { display: inline-block; width: auto; height: auto; margin-right: 5px; overflow: visible; }
	.tvattrad-wrap .tvattrad .img-wrap img { width: auto; height: 18px; }
	
	/*Beställningar*/
	.item-7 { width: 20%; display: inline-block; overflow: hidden; white-space: nowrap !important; text-overflow: ellipsis !important; padding: 5px 0 5px; vertical-align: middle; }
	.item-7-1 { width: 15%; display: inline-block; overflow: hidden; white-space: nowrap !important; text-overflow: ellipsis !important; padding: 5px 0 5px; vertical-align: middle; }
	.item-7-1-1 { width: 10%; display: inline-block; overflow: hidden; white-space: nowrap !important; text-overflow: ellipsis !important; padding: 5px 0 5px; vertical-align: middle; }
	.item-7-1-2 { width: 15%; display: inline-block; overflow: hidden; white-space: nowrap !important; text-overflow: ellipsis !important; padding: 5px 0 5px; vertical-align: middle; }
	.item-7-2 { width: 25%; display: inline-block; overflow: hidden; white-space: nowrap !important; text-overflow: ellipsis !important; padding: 5px 0 5px; vertical-align: middle; }
	.item-7-2-1 { width: 20%; display: inline-block; overflow: hidden; white-space: nowrap !important; text-overflow: ellipsis !important; padding: 5px 0 5px; vertical-align: middle; }
	.item-7-2-1 { width: 20%; display: inline-block; overflow: hidden; white-space: nowrap !important; text-overflow: ellipsis !important; padding: 5px 0 5px; vertical-align: middle; }
	.item-8 { width: 20%; display: inline-block; overflow: hidden; white-space: nowrap !important; text-overflow: ellipsis !important; }
	.item-8-1 { width: 15%; display: inline-block; overflow: hidden; white-space: nowrap !important; text-overflow: ellipsis !important; }
	.item-8-1-1 { width: 10%; display: inline-block; overflow: hidden; white-space: nowrap !important; text-overflow: ellipsis !important; }
	.item-8-1-2 { width: 20%; display: inline-block; overflow: hidden; white-space: nowrap !important; text-overflow: ellipsis !important; }
	.item-8-2 { width: 25%; display: inline-block; overflow: hidden; white-space: nowrap !important; text-overflow: ellipsis !important; }
	.item-8-2-1 { width: 20%; display: inline-block; overflow: hidden; white-space: nowrap !important; text-overflow: ellipsis !important; }
	
	.titles-wrap { padding: 0 15px; margin: 0; }
	.order-item-titles { float: left; width: 100%; margin: 0; }
	
	.order-items { position: relative; float: left; width: 100%; margin: 0; }
	.order-item { width: 10%; display: inline-block; overflow: hidden; white-space: nowrap !important; text-overflow: ellipsis !important; padding: 5px 0 5px; vertical-align: middle; }
	.order-item-10,
	.order-item-15,
	.order-item-20,
	.order-item-25,
	.order-item-45 { float: left; display: inline-block; overflow: hidden; white-space: nowrap !important; text-overflow: ellipsis !important; padding: 5px 0 5px; vertical-align: middle; line-height: 33px; }
	.order-item-10 { width: 10%; }
	.order-item-15 { width: 15%; }
	.order-item-20 { width: 20%; }
	.order-item-25 { width: 25%; }
	.order-item-45 { width: 45%; }
	
	.preview-order { position: fixed; top: 50%; left: 0; right: 0; display: none; width: 520px; height: 365px; margin-top: -182px; background: #f7f7f7 url('images/bgtile2.jpg') top left repeat; padding: 15px; -webkit-border-radius: 1.6em; -moz-border-radius: 1.6em; border-radius: 1.6em; border: 1px solid #aaa; z-index: 1000; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); }
	.preview-order .products { display: block; width: 100%; height: 335px; overflow: hidden; overflow-y: scroll; margin-top: 15px; }
	
	.show-preview { }
	.nopointer { cursor: default; }
	
	.close-preview { position: absolute; top: -15px; right: -15px; display: block; width: 30px; height: 30px; background: #CD8500; background: -moz-linear-gradient(top, #FFA500, #CD8500); background: -webkit-gradient(linear, left top, left bottom, from(#FFA500), to(#CD8500)); line-height: 30px; text-align: center; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border: 1px solid #CD8500; z-index: 1000; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); z-index: +1; }
	.close-preview i { color: #fff; font-size: 20px; line-height: 30px; }
	.close-preview:hover { cursor: pointer; }
	
	.productwrap-pre { position: relative; float: left; width: 540px; overflow: visible; }
	.product-pre { position: relative; float: left; margin: 0 20px 20px 0 !important; overflow: visible; font-weight: normal; }
	.pimagewrap-pre { position: relative; width: 100%; height: 120px; overflow: hidden; margin-bottom: 15px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.2); box-shadow: 0 2px 5px rgba(0,0,0,.2); -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; margin-bottom: 5px; }
	
	.clearfix:after {
	     visibility: hidden;
	     display: block;
	     font-size: 0;
	     content: " ";
	     clear: both;
	     height: 0;
	     }
	.clearfix { display: inline-block; }
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	
	.orderbutton { float: right; margin: 0 !important; padding-top: 7px !important; padding-bottom: 5px !important; }
	.order-button { display: block; width: 95%; padding: 7px 0; text-align: center; margin: 0; }
	.neworder { color: #c47c00 !important; }
	.sentorder { color: #00ad0f !important; }
	.cancelorder { color: #c00000 !important;}
	.orderboxes { margin: 20px 0 0; vertical-align: middle; }
	.updatebutton { float: right; font-size: 11px; margin: 0; padding-top: 5px; padding-bottom: 3px; }
	.packedbutton { width: 100% !important; font-size: 11px !important; margin: 15px 0 0 !important; padding-top: 5px !important; padding-bottom: 3px !important; }
	.packedcurrent { color: #f7f7f7;
		text-shadow: none;
		border: solid 1px #b4b4b4;
		background: #CD8500;
		background: -moz-linear-gradient(top, #FFA500, #CD8500);
		background: -webkit-gradient(linear, left top, left bottom, from(#FFA500), to(#CD8500));
	}
	.packedcurrent:hover { color: #f7f7f7;
		text-shadow: none;
		border: solid 1px #b4b4b4;
		background: #CD8500;
		background: -moz-linear-gradient(top, #FFA500, #CD8500);
		background: -webkit-gradient(linear, left top, left bottom, from(#FFA500), to(#CD8500));
	}
	.packed { background: url('images/bgtile3.png') left top repeat; -webkit-border-radius: 1.6em; -moz-border-radius: 1.6em; border-radius: 1.6em; }
	.pages { list-style: none; margin: 10px 0 0; }
	.pages li { display: inline-block; float: left; }
	.pagenr { display: inline-block; background: #eee; padding: 5px 15px 5px; margin: 0 12px 12px 0; border: 1px solid #aaa; -webkit-border-radius: 1.6em; -moz-border-radius: 1.6em; border-radius: 1.6em; text-decoration: none !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: #d1d1d1; background: -moz-linear-gradient(top, #EBEBEB, #d0d0d0); background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#d0d0d0)); }
	.pagecurrent { color: #f7f7f7 !important; border: 1px solid #CD8500; background: #CD8500; background: -moz-linear-gradient(top, #FFA500, #CD8500); background: -webkit-gradient(linear, left top, left bottom, from(#FFA500), to(#CD8500)); }
	.orderswrap { position: relative; float: left; width: 100%; }
	
	/*Varukorg*/
	.cartwrap { 
		position: fixed; 
		bottom: 0; 
		left: 0; 
		width: 100%; 
		font-weight: bold;
		color: #f7f7f7; 
		margin: 0 auto; 
		padding: 10px 0;
		border-top: solid 1px #b4b4b4;
		background: #868686;
		background: -webkit-gradient(linear, left top, left bottom, from(#ababab), to(#868686));
		background: -moz-linear-gradient(top, #ababab, #868686);
		opacity: 1;
		visibility: visible;
        z-index: 30; 
	}

	.cartwrap.hide-cart {
		bottom: -100px;
		visibility: visible;
		opacity: 0;
	}
	
	.cartwrap-active {
		background: #CD8500;
		background: -moz-linear-gradient(top, #FFA500, #CD8500);
		background: -webkit-gradient(linear, left top, left bottom, from(#FFA500), to(#CD8500));
	}
	
	.cartwrap {
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}

	#cartinfo,
	#cartinfo2,
	#cartinfo3 { padding-top: 10px; width: 40%; }
	#carttop { padding-top: 10px; width: 20%; }
	#carttop a { color: #f7f7f7; text-decoration: none; display: block; text-align: center; }
	#cartshow { width: 40%; }
	.items a { text-decoration: none; }
	.items-title2 { padding: 5px 0px 5px; margin-bottom: 2px; font-weight: bold; -webkit-border-radius: 1.6em; -moz-border-radius: 1.6em; border-radius: 1.6em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	.cartproductswrap { float: left; width: 100%; margin-bottom: 15px; }
	.cartproducts { float: left; width: 100%; display: block; padding: 10px 0; margin: 0; border-top: 1px solid #bdbdbd; border-bottom: 1px solid gainsboro; }
	.cartproducts-first { border-top: none; }
	.cartproducts-last { border-bottom: none; }
	.item-3 { width: 15%; display: inline-block; overflow: hidden; padding-top: 17px; margin-right: 1%; white-space: nowrap; text-overflow: ellipsis; }
	.item-4 { width: 13%; display: inline-block; overflow: hidden; padding-top: 12px; margin-right: 1%; white-space: nowrap; text-overflow: ellipsis; }
	.item-5 { width: 10%; display: inline-block; overflow: hidden; padding-top: 8px; white-space: nowrap; text-overflow: ellipsis; }
	.item-6 { width: 10%; display: inline-block; overflow: hidden; padding-top: 0px; white-space: nowrap; text-overflow: ellipsis; }
	.item-10 { width: 19%; display: inline-block; overflow: hidden; padding-top: 17px; margin-right: 1%; white-space: nowrap; text-overflow: ellipsis; }
	.item-11 { width: 32%; display: inline-block; overflow: hidden; padding-top: 17px; margin-right: 1%; white-space: nowrap; text-overflow: ellipsis; }
	.item-9 { width: 13%; display: inline-block; overflow: hidden; padding-top: 17px; margin-right: 1%; white-space: nowrap; text-overflow: ellipsis; }
	.cartimg { width: 80px; height: 55px; overflow: hidden; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; }
	.cartimg img { max-width: 100%; width: auto; min-height: 100%; height: auto; }
	.cartbutton3 { 
		float: right; 
		color: #c92222 !important;
		font-weight: bold;
		font-size: 20px !important; 
		margin: 0 !important; 
		background: #cc0000;
		padding: 4px 20px !important;
		background: -moz-linear-gradient(top, #ff0000, #cc0000);
		background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#cc0000));
	}	
	.sortbybutton { text-align: left !important; padding: 0 !important; margin: 0 !important; background: none !important; border: none !important; font-size: 13px !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; }
	.cartmsg { width: 918px; height: 100px; }	
	.ui-effects-transfer { background: rgba(0,0,0,.2); border: 1px solid #222; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; }
	.erasetext { padding-left: 33px !important; }
	
	#bulk-cart,
	#bulk-edit,
	#bulk-orders { bottom: -58px; }
	.show-cart { bottom: 0 !important; }
	.hide-add-to-cart,
	.hide-add-to-edit,
	.add-this-order,
	.open-order { display: none; }
	
	.add-this-order { z-index: +1; }
	.show-button { display: block !important; }
	.order-selected { background: url('images/bgtile3.png') left top repeat; }
	.order-selected .add-this-order i:before { content: "\f068"; }
	
	.stores-wrap { float: left; display: block; width: 100%; }
	.stores-wrap .form-group { float: left; display: inline-block; width: 20%; padding: 0; margin-bottom: 10px; line-height: 12px; }
	.stores-wrap input { display: none; }
	.stores-wrap label { float: left; display: inline-block; width: 75%; overflow-x: hidden; overflow-y: visible; white-space: nowrap; text-overflow: ellipsis; margin: 0; text-align: center; cursor: pointer; font-weight: normal; }
	
	.stores-wrap input:checked + label {
		color: #f7f7f7;
		border: 1px solid #CD8500;
		background: #CD8500;
		background: -moz-linear-gradient(top, #FFA500, #CD8500);
		background: -webkit-gradient(linear, left top, left bottom, from(#FFA500), to(#CD8500));
	}
	
	/*Inställningar*/	
	#visibleboxes input,
	#columnboxes input,
	#ordertypeboxes input { display: none;}
	#visibleboxes input + label,
	#columnboxes input + label,
	#ordertypeboxes input + label { font-weight: normal; cursor: pointer; }
	#visibleboxes input:checked + label,
	#columnboxes input:checked + label,
	#ordertypeboxes input:checked + label {
		color: #f7f7f7;
		border: 1px solid #CD8500;
		background: #CD8500;
		background: -moz-linear-gradient(top, #FFA500, #CD8500);
		background: -webkit-gradient(linear, left top, left bottom, from(#FFA500), to(#CD8500));
	}
	#columnboxes input:disabled + label { color: #CD8500; cursor: default; }
	
	/*Rapport*/
	.between { display: inline-block !important; width: 81px !important; }
	.reporttitlewrap { display: block; float: left; width: 100%; margin-bottom: 10px; }
	.reporttitles { display: block; float: left; width: 13.2%; margin-right: 1%; padding: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; font-size: 12px; }
	.reportwrap { display: block; float: left; width: 100%; }
	.sumwrap { display: block; float: left; width: 100%; background: #ccc; margin-top: 10px; margin-bottom: 35px; padding: 5px 0; -webkit-border-radius: 1.6em; -moz-border-radius: 1.6em; border-radius: 1.6em; }
	.reportwrap:hover, .sumwrap:hover { background: #CD8500; background: -moz-linear-gradient(top, #FFA500, #CD8500); background: -webkit-gradient(linear, left top, left bottom, from(#FFA500), to(#CD8500)); cursor: default; }
	.reportitem { display: block; float: left; width: 13.2%; margin-right: 1%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; }
	#productoptions { display: none; }
	#orderoptions { display: none; }
	#reportbutton { display: none; }
	#printreportdiv { display: none; width: 100%; }
	.smallh1 { font-size: 18px; }
	#reportoptions h5 { border: none; }
	#excel { display: none; }
	#excel table tr td { text-align: left; vertical-align: top; }
    .ui-datepicker-prev, .ui-datepicker-next { height: 30% !important; border: none !important; }
	
	/*Pagination*/
	.pagination { display: block; width: 100%; text-align: left; margin: 0; padding: 0; }
	.pagination a,
	.pagination span { float: left; display: inline-block; width: 30px; height: 30px; background: #d1d1d1; color: #333; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 400; line-height: 30px; padding: 5px; margin: 0 5px 5px 0; border: 1px solid #aaa; text-decoration: none;  text-align: center; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background: -moz-linear-gradient(top, #EBEBEB, #d0d0d0); background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#d0d0d0)); }
	.pagination i { font-size: 14px; width: 30px; text-align: center; }
	.pagination .prev i { padding-right: 1px; }
	.pagination .next i { padding-left: 1px; }
	.pagination a:hover { background: #CD8500; background: -moz-linear-gradient(top, #FFA500, #CD8500); background: -webkit-gradient(linear, left top, left bottom, from(#FFA500), to(#CD8500)); }
	.pagination .current { background: #CD8500; background: -moz-linear-gradient(top, #FFA500, #CD8500); background: -webkit-gradient(linear, left top, left bottom, from(#FFA500), to(#CD8500)); }
	
	/*Loader*/
	.loader { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8); z-index: 200; text-align: center; }
	.loader img { margin-bottom: 100px; }
	
	/*Fancybox*/
	#fancybox-overlay { position: fixed !important; } 
	.fancybox-lock {
    	overflow: hidden;
	    margin: 0 !important;
    }
	
/* #Menu
================================================== */
	#menu { 
		margin: 40px 0 40px;
		margin-top: 0!important;
		padding: 10px 0 5px; 
		background: #868686;
		background: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), to(#868686));
		background: -moz-linear-gradient(top, #ababab, #868686);
		border: solid 1px #b4b4b4;
		-webkit-border-radius: 0 0 1.5em 2em;
		-moz-border-radius: 0 0 1.5em 2em;
		border-radius: 0 0 1.5em 2em;
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
		box-shadow: 0 1px 3px rgba(0,0,0,.1);
		text-align: center;
	}
	
	#menu ul {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0 10px 0 10px;
	}
	
	#menu li {
		margin: 0 3px;
		padding: 0 0 8px;
		display: inline-block;
	}
	
	#menu a, .cartbutton2, cartbutton3, cartbutton4 {
		color: #303030;
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
		display: inline-block;
		padding: 8px 15px;
		margin: 0 !important;
		background: #d1d1d1;
		background: -moz-linear-gradient(top, #EBEBEB, #A1A1A1);
		background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#A1A1A1));
		border-top: solid 1px #f8f8f8;
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 1px rgba(0,0,0,.2);
		box-shadow: 0 1px 1px rgba(0,0,0,.2);
		-webkit-border-radius: 0.7em;
		-moz-border-radius: 0.7em;
		border-radius: 0.7em;
		text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	}
	
	#menu i,
	.button i,
	button i,
	input i,
	#cart i { display: inline-block; font-size: 12px; margin: 0 0 2px 5px; }
	
	#menu .current,
	#menu a:hover {
		color: #f7f7f7;
		text-shadow: none;
		border-top: solid 1px #b4b4b4;
		padding: 8px 15px;
		margin: 0 !important;
		background: #CD8500;
		background: -moz-linear-gradient(top, #FFA500, #CD8500);
		background: -webkit-gradient(linear, left top, left bottom, from(#FFA500), to(#CD8500));
	}
	
	.current-icons, #menu a:hover span { background-image: url('images/ui-icons_ffffff_256x240.png') !important; }
	
/* #Nestable
================================================== */

#editmenu { margin: 0 !important; padding: 0 !important; }
#editmenu input[type="submit"] { margin-top: 30px; }
.menuorder { padding: 15px 0; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; padding-top: 25px; overflow: hidden;}

.dd { position: relative; display: block; margin: 0; padding: 0; width: 100%; list-style: none; font-size: 13px; line-height: 20px; }
	
.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }

.dd-item,
.dd-empty,
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; }

.dd-handle { display: block; background: #eee; padding: 5px 15px 5px; margin: 0 0 15px 0; border: 1px solid #aaa; -webkit-border-radius: 1.6em; -moz-border-radius: 1.6em; border-radius: 1.6em; text-decoration: none !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
		background: #d1d1d1;
		background: -moz-linear-gradient(top, #EBEBEB, #d0d0d0);
		background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#d0d0d0));
}
.dd-handle:hover { color: #f7f7f7;
		border: 1px solid #CD8500;
		background: #CD8500;
		background: -moz-linear-gradient(top, #FFA500, #CD8500);
		background: -webkit-gradient(linear, left top, left bottom, from(#FFA500), to(#CD8500)); cursor: move; }

.dd-item > button { display: inline-block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; }
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: '-'; }

.dd-placeholder,
.dd-empty { display: inline-block; margin: 0; padding: 0; background: none; border: none; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), 
                      -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), 
                         -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), 
                              linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin: 0; }
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}

textarea:focus, input:focus, button { outline: none !important; }
*:focus { outline: 0; }

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.productwrap { width: 960px; }
		input[type="text"],
		input[type="password"],
		input[type="email"],
		textarea {
			width: 198px;
		}
		.cartwrap { bottom: 0; }
		.searchfield { width: 780px !important; }
		.cartmsg { width: 918px; }
		.colorlabelwrap { top: 85px; }
		.colorlabel { max-width: 130px; }
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.productwrap { width: 768px; }
		.pimagewrap, .pimagewrap2 { width: 172px; height: 126px; }
		.orderbutton { width: 25px; }
		.orderbutton .ui-icon { opacity: 0; }
		.searchfield { width: 590px !important;}
		input[type="text"],
		input[type="password"],
		input[type="email"],
		textarea {
			width: 150px;
		}
		.cartwrap { bottom: 0; }
		.cartimg { width: 65px; height: 50px; }
		.cartmsg { width: 726px; }
		.updatebutton { width: 172px; margin-top: 10px; }
		.erasetext { padding-left: 15px !important; }
		#flex1, #flex3 { width: 5px; }	
		#flex2 { width: 4px; }
		
		.preview-order { width: 558px; }
		.productwrap-pre { width: 580px; }
		.pimagewrap-pre { height: 90px; }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.productwrap { width: 300px; }
		.pimagewrap, .pimagewrap2 { width: 300px; height: 220px; }
		.searchfield { width: 200px !important;}
		input[type="text"],
		input[type="password"],
		input[type="email"],
		textarea {
			width: 278px; max-width: 100%; 
		}
		.cartwrap { bottom: 0; }
		.cartimg { width: 35px; height: 50px; }
		.cartbutton3 { padding: 4px 5px !important; }
		.full { width: 300px !important; }
		.cartmsg { width: 238px; }
		.erasetext { padding-left: 10px !important; }	
		.colorlabelwrap { top: 105px; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#menu { margin: 20px 0 30px; }
		.productwrap { width: 440px; }
		.pimagewrap { width: 200px; height: 145px; margin-bottom: 0px; }
		.pimagewrap2 { width: 200px; height: 145px; margin-bottom: 15px; }
		.searchfield { width: 220px !important;}
		#menu li { display: block; }
		#menu a { display: block; }
		.dividerwrap { background: none; }
		input[type="text"],
		input[type="password"],
		input[type="email"],
		textarea {
			width: 398px;
			max-width: 100%;
		}
		.cartwrap { bottom: 0; }
		.cartimg { width: 35px; height: 50px; }
		.cartbutton3 { padding: 4px 5px !important; }
		.full { width: 420px !important; }
		.cartbutton4 { width: 420px !important; }
		.cartmsg { width: 398px; }
		.orderbutton { float: right; width: 30px !important; margin: 0 !important; padding: 7px 0px 5px 5px !important; }
		.backbutton { float: left !important; width: 378px; margin: 0 0 30px; text-align: center; }
		.erasetext { padding-left: 10px !important; }
		#ohlssonform .four.columns { width: 440px; }
		#ohlssonform select { width: 420px; } 
		#flex1, #flex2, #flex3, #orderflex1, #orderflex2, #orderflex3 { width: 72px; }
		#flexval1, #flexval2, #orderflexval1, #orderflexval2 { width: 61px !important; }
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#menu { margin: 10px 0 30px; }
		.productwrap { width: 320px; }
		.pimagewrap { width: 140px; height: 100px; margin-bottom: 0px; }
		.pimagewrap2 { width: 140px; height: 100px; margin-bottom: 15px; }
		.cartbutton { width: 140px; display: block; text-align: center; }
		.searchfield { width: 278px !important;}
		.searchbutton { width: 100% !important; }
		#menu li { display: block; }
		#menu a { display: block; }
		.dividerwrap { background: none; }
		input[type="text"],
		input[type="password"],
		input[type="email"],
		textarea {
			width: 118px;
			max-width: 100%;
		}
		.cartwrap { bottom: 0; text-wrap: none !important; }
		.cartimg { width: 25px; height: 50px; }
		.cartbutton3 { padding: 4px 2px !important; }
		.cartbutton4 { width: 100% !important; }
		.productquant { width: 20px !important; }
		.cartmsg { width: 278px; }
		#bestallningar .item-2 { width: 268px; text-align: center; }
		.orderbutton { float: right; width: 30px !important; margin: 0 !important; padding: 7px 0px 5px 5px !important; }
		.updatebutton { width: 140px; margin-top: 10px; }
		.backbutton { float: left !important; width: 258px; margin: 0 0 30px; text-align: center; }
		.erasetext { padding-left: 5px !important; }
		#ohlssonform .four.columns { width: 300px; }
		#ohlssonform select { width: 300px; }
		#ohlssonform input[type="text"],
					input[type="password"],
					input[type="email"],
					textarea {
						width: 278px;
						max-width: 100%;
					}
		#flex1, #flex2, #flex3, #orderflex1, #orderflex2, #orderflex3 { width: 39px !important; }
		#flexval1, #flexval2, #orderflexval1, #orderflexval2 { width: 50px !important; }
		.colorlabelwrap { top: 65px; }
		.colorlabel { max-width: 100px; }
	}
	
	@page {
		margin: 1.5cm;
	}

	@media print {
		#header, #reporttitle, #reportoptions, #excel, #footer { display: none; }
		* { text-shadow: none !important; color: black !important; background: transparent !important; box-shadow: none !important; }
		body { background: white !important; color: black !important; margin: 0; padding: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; }
		#printreportdiv { display: block; width: 100%; margin: 0; padding: 0; }
		h1 { margin: 0 0 10px; }
		h4 { border: none; }
		h5 { border: none; }
		.reporttitlewrap { display: block; float: none; width: 100%; margin-bottom: 10px; }
		.reporttitles { display: inline-block; float: none; width: 12.75%; margin-right: 1%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; font-size: 12px; }
		.reportwrap { display: block; float: none; width: 100%; }
		.reportitem { display: inline-block; float: none; width: 13.2%; margin-right: 1%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; }
		.orderresult { display: block; float: none; width: 100%; }
	}