/* GENERAL */
head, body{
	width: 100%;
	height: 100%;
	font: normal 12px Tahoma, Arial, Microsoft sans, Lucida, Helvetica, sans-serif;
}
body{
	background: #636363 url("../media/background-top.jpg") repeat-x top;
	overflow-y: scroll;
}
strong{
	font-weight: 700;
}
em{
	font-style: italic;
}
h1, h2, h3, h4, h5{
	font-family: "Didact Gothic";
}
h1{
	font-size: 1.5em;
}
h2{
	font-size: 1.4em;
}
h3{
	font-size: 1.6em;
}
h4{
	font-size: 1.1em;
}
h5{
	font-size: 1.0em;
}
a{
	color: #286000;
	text-decoration: none;
}
p{
	color: #333;
}
a:hover{
	text-decoration: underline;
}
hr{
	display: block;
	width: 100%;
	border: none;
	border-top: 1px dashed #ccc;
	margin: 1em 0;
	padding: 0;
	clear: both;
}
p.explanation, #right form p.explanation{
	margin: 0.2em 0 1em 0;
	display: block;
	clear: both;
	font-size: 11px;
}

/* KLARNA CAMPAIGNS */
.klarna-campaign{
	display: block;
	width: 250px;
	float: left;
	margin: 0 15px 15px 0;
	border: 1px solid #c9c9c9;
	border-radius: 5px;
}
.klarna-campaign .header{
	display: block;
	background: url("../media/table_list_head-background.png") repeat-x;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-weight: bold;
	color: #333;
	text-shadow: 0 1px 0 #fff;
	margin-bottom: 10px;
}
.klarna-campaign .left, .klarna-campaign .right{
	display: block;
	float: left;
	width: 115px;
	line-height: 20px;
}
.klarna-campaign .left{
	padding-left: 10px;
	clear: left;
}
.klarna-campaign .right{
	clear: right;
}
.klarna-campaign .checkbox{
	display: block;
	height: 30px;
	clear: both;
	background: url("../media/table_list_head-dark-background.png") repeat-x;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	margin-top: 10px;
}
.klarna-campaign .checkbox label{
	line-height: 30px;
	padding: 0px;
	margin: 0px;
	color: #fff;
	padding-left: 10px;
	text-shadow: 0 1px 0 #111;
	width: 215px;
}
.klarna-campaign .checkbox input[type="checkbox"]{
	margin: 3px 0 0 0;
	padding: 0px;
}

/* CLEARFIX */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

/* FEATURES */
ul#featureMessages{
	display: block;
	background: #f9f9f9;
	border: #ccc 1px solid;
	padding: 10px 10px 0 10px;
	margin: 5px 5px 20px 5px;
}
ul#featureMessages li{
	margin: 0 0 10px 0;
	padding: 0 0 0 7px;
	border-left: 12px solid;
	line-height: 12px;
}
ul#featureMessages li.green{
	border-color: #009900;
}
ul#featureMessages li.red{
	border-color: #990000;
}
ul#featureMessages li.yellow{
	border-color: #fff000;
}
#right form p.feature{
	display: block;
	clear: both;
	line-height: 26px;
	margin: 4px 0;
}

/* Subcategories, Product gallery */
.categorynames-ajax, #product-gallery-display{
	display: block;
	width: 390px;
	min-height: 10px;
	clear: both;
}
.categorynames-ajax .category-name-ajax, #product-gallery-display .product-gallery-item{
	font-size: 11px;
	display: block;
	background: #F6F8F9;
	background: -moz-linear-gradient(top, rgba(246, 248, 249, 1) 0%, rgba(229, 235, 238, 1) 50%, rgba(215, 222, 227, 1) 51%, rgba(245, 247, 249, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246, 248, 249, 1)), color-stop(50%,rgba(229, 235, 238, 1)), color-stop(51%,rgba(215, 222, 227, 1)), color-stop(100%,rgba(245, 247, 249, 1)));
	background: -webkit-linear-gradient(top, rgba(246, 248, 249, 1) 0%,rgba(229, 235, 238, 1) 50%,rgba(215, 222, 227, 1) 51%,rgba(245, 247, 249, 1) 100%);
	background: -o-linear-gradient(top, rgba(246, 248, 249, 1) 0%,rgba(229, 235, 238, 1) 50%,rgba(215, 222, 227, 1) 51%,rgba(245, 247, 249, 1) 100%);
	background: -ms-linear-gradient(top, rgba(246, 248, 249, 1) 0%,rgba(229, 235, 238, 1) 50%,rgba(215, 222, 227, 1) 51%,rgba(245, 247, 249, 1) 100%);
	background: linear-gradient(top, rgba(246, 248, 249, 1) 0%,rgba(229, 235, 238, 1) 50%,rgba(215, 222, 227, 1) 51%,rgba(245, 247, 249, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
	height: 24px;
	line-height: 24px;
	margin: 4px 0;
	padding: 0 7px;
	border-radius: 5px;
	border: #D7DEE3 1px solid;
	text-shadow: 1px 1px 0 white;
	overflow: hidden;
	position: relative;
	border-image: initial;
}
.categorynames-ajax .category-name-ajax .delete, #product-gallery-display .product-gallery-item .product-gallery-remove, #product-gallery-display .product-gallery-item .product-gallery-edit{
	background: url("../media/icons/delete-small.png") no-repeat center;
	display: block;
	width: 12px;
	height: 24px;
	float: right;
	cursor: pointer;
	position: absolute;
	right: 5px;
	top: 0px;
}
.categorynames-ajax .category-name-ajax .delete:hover, #product-gallery-display .product-gallery-item .product-gallery-remove:hover, #product-gallery-display .product-gallery-item .product-gallery-edit:hover{
	opacity: 0.5;
	filter:alpha(opacity=50);
}
#product-gallery-display .product-gallery-item .product-gallery-edit{
	background: url("../media/icons/edit-small.png") no-repeat center;
	right: 27px;
	width: 16px;
}

/* LOGIN */
#login{
	width: 330px;
	margin: 150px auto;
}
#login h1{
	padding: 20px 0;
	margin: 0 auto;
	width: 166px;
}
#login span.warning{
	margin: 0 15px 15px 15px;
}
#login #box{
	width: 310px;
	padding: 15px;
	margin: 0 auto;
	-moz-box-shadow: 0px 0px 20px #000000;
	-webkit-box-shadow: 0px 0px 20px #000000;
	-khtml-box-shadow: 0px 0px 20px #000000;
    box-shadow: 0px 0px 20px #000000;
	background: #f4f4f4;
}
#box h2{
	color: #676767;
	margin: -10px -15px 0 -15px;
	padding: 5px 10px;
	font-size: 25px;
}
#login input[type="submit"]{
	float: right;
	margin: 15px 0 0 0;
	*clear: both;
}
#login input[type="text"], #login input[type="password"]{
	font-size: 18px;
	width: 300px;
	border-color: #676767;
	background: url("../media/form_inputfield.gif");
	*display: block;
	*clear: both;
	*float: none;
}
#login label{
	margin: 10px 0 0 0;
	padding: 0px;
	font-size: 1.2em;
}
#login form a{
	display: block;
	margin: 20px 0 0 0;
	color: #333;
	text-decoration: none;
	float: left;
}
#login form a:hover{
	text-decoration: underline;
}

/* CONTAINERS */
#header{
	max-width: 100%;
	display: block;
	padding: 8px;
}
#content{
	width: 1040px;
	margin: 0 auto;
}
#left{
	float: left;
	display: block;
	width: 147px;
	margin: 25px -12px 0 0;
}
#right{
	background: url("../media/content-mid.png") repeat-y;
	float: right;
	display: block;
	width: 875px;
	min-height: 730px;
	padding: 0 15px 6px 14px;
	z-index: 100;
	position: relative;
	margin: -1px 0 0 0;
}
#rightTop{
	float: right;
	display: block;
	height: 15px;
	width: 904px;
	background: url("../media/content-top.png") no-repeat;
	margin: -15px 0 0 0;
}
#rightBottom{
	float: right;
	display: block;
	height: 15px;
	width: 904px;
	background: url("../media/content-bot.png") no-repeat;
}
#footer{
	display: block;
	position: relative;
	width: 1040px;
	margin: 0 auto;
	height: 100px;
	clear: both;
}

/* HEADER */
#header h1{
	float: left;
}
#header h1 a, #login h1 a{
	display: block;
	width: 167px;
	height: 39px;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../media/logga.png") no-repeat;
	margin: 0;
	border: 0;
}
#header span{
	float: right;
	margin: 10px 15px;
	line-height: 25px;
}
#header span{
	color: #fff;
}
#header a{
	float: right;
	line-height: 25px;
	margin: 10px 0;
	color: #fff;
	text-decoration: none;
	background: #333;
	display: block;
	padding: 0 5px;
	border-left: #222 1px solid;
}
#header a:hover{
	text-decoration: underline;
}
input[type="submit"].logout{
	float: right;
	margin: 10px 0;
	padding: 0 5px;
	font-size: 13px;
	background: #333;
	border: none;
	border-left: #222 1px solid;
	border-radius: 0;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	line-height: 25px;
	height: 25px;
	box-shadow: none;
}
input[type="submit"].logout:hover{
	margin: 10px 0;
	border-left: #222 1px solid;
	box-shadow: none;
}
#header span.back{
	float: left;
	top: 33px;
	left: 0px;
	position: absolute;
}
#header span.back a{
	color: #8ddf4f;
	font-size: 1.3em;
	background: none;
	border: 0;
}

/* TABS */
#pageHead ul.tabs{
	position: absolute;
	bottom: 0px;
	right: 20px;
}
#pageHead ul.tabs li a{
	padding: 8px 10px;
	margin: 0;
	background: none;
	height: 18px;
	line-height: 18px;
	border: none;
	color: #333;
}
#pageHead ul.tabs li{
	display: block;
	float: left;
	padding: 8px 10px;
	height: 18px;
	border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-topright: 8x;
	-khtml-border-radius-topright: 8px;
	background: #c8c8c8;
	margin-left: 10px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#pageHead ul.tabs li.selected{
	background: #f9f9f9;
}

/* PAGE HEAD */
#pageHead{
	background: url("../media/page_head-background.jpg") repeat-x;
	height: 55px;
	position: relative;
}
#pageHead h2{
	font-size: 35px;
	line-height: 50px;
	float: left;
	color: #fff;
	margin: 0 10px;
	text-shadow: 1px 1px 0 #348010, 2px 2px 0 #348010;
}
#pageHead a, #pageHead input[type="submit"], #pageHead #hostingSpace, #pageHead .quick-edit{
	background: #348010;
	border: #82CF2A 1px solid;
	padding: 8px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	box-shadow: none;
	cursor: pointer;
}
#pageHead a{
	line-height: 55px;
}
#pageHead #hostingSpace{
	float: right;
	margin-top: 10px;
	margin-right: 5px;
}
#pageHead #hostingSpace.red{
	background-color: #811111;
}
#pageHead a:hover, #pageHead input[type="submit"]:hover, #pageHead .quick-edit:hover{
	text-decoration: none;
	background-color: #459c1c;
}
#pageHead form{
	margin: 9px 0 0 0;
}
#pageHead input[type="text"]{
	width: 180px;
	margin: 5px 0 0 0;
	padding: 4px;
}

/* FILTER OPTIONS */
#filterOptions{
	display: block;
	background: url("../media/table_list_head-dark-background.png") repeat-x;
	border: 1px solid #363636;
	padding: 0 9px;
	margin: 2% 1% -3px 1%;
	width: 838px;
	height: 35px;
	line-height: 32px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
}
#filterOptions .header{
	display: block;
	float: left;
	padding-right: 7px;
	color: #fff;
}
#filterOptions label, #filterOptions input{
	display: block;
	float: left;
	clear: none;
	width: auto;
	margin: 0;
}
#filterOptions label{
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	line-height: 32px;
	padding: 0;
}
#filterOptions input[type="radio"]{
	margin: 8px 4px;
}
#filterOptions input[type="submit"]{
	padding: 4px 5px;
}
#filterOptions form{
	border-right: 1px solid #777;
	height: 32px;
	display: block;
	float: left;
}
#filterOptions form .header{
	border-right: 1px solid #222;
}
#filterOptions .fancy-radio{
	display: block;
	position: relative;
	height: 32px;
	float: left;
}
#filterOptions .fancy-radio label{
	background: url("../media/table_list_head-dark-background.png") repeat-x;
	position: relative;
	z-index: 1;
	padding: 0 7px;
	cursor: pointer;
	border-left: 1px solid #777;
	border-right: 1px solid #222;
	text-shadow: 0 -1px 0 #222;
}
#filterOptions .fancy-radio label:hover{
	background: #555;
}
#filterOptions .fancy-radio label.selected{
	background: rgb(34,34,34); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(34,34,34,1) 0%, rgba(51,51,51,1) 30%, rgba(51,51,51,1) 70%, rgba(34,34,34,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(34,34,34,1)), color-stop(30%,rgba(51,51,51,1)), color-stop(70%,rgba(51,51,51,1)), color-stop(100%,rgba(34,34,34,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(34,34,34,1) 0%,rgba(51,51,51,1) 30%,rgba(51,51,51,1) 70%,rgba(34,34,34,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(34,34,34,1) 0%,rgba(51,51,51,1) 30%,rgba(51,51,51,1) 70%,rgba(34,34,34,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(34,34,34,1) 0%,rgba(51,51,51,1) 30%,rgba(51,51,51,1) 70%,rgba(34,34,34,1) 100%); /* IE10+ */
	background: linear-gradient(left,  rgba(34,34,34,1) 0%,rgba(51,51,51,1) 30%,rgba(51,51,51,1) 70%,rgba(34,34,34,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=1 ); /* IE6-9 */
	cursor: default;
}
#filterOptions .fancy-radio input[type="radio"]{
	position: absolute;
	top: 0px;
	left: 0px;
}
#filterOptions #flags{
	margin: 3px 0;
}

/* FLAGS */
#flags{
	display: block;
	text-align: right;
}
#flags li{
	display: inline;
}
#flags li.selected{
	opacity: 0.5;
	filter:alpha(opacity=50);
}
#flags li.selected a:hover{
	opacity: 1;
	filter:alpha(opacity=100);
}
#flags li a{
	display: inline-block;
	width: 24px;
	height: 24px;
}
#flags li a:hover{
	opacity: 0.8;
	filter:alpha(opacity=80);
}
#flags li a span{
	display: none;
}
#flags li a.sv{
	background: url("../../assets/media/flags/sv.png") no-repeat;
}
#flags li a.en{
	background: url("../../assets/media/flags/en.png") no-repeat;
}
#flags li a.de{
	background: url("../../assets/media/flags/de.png") no-repeat;
}

/* TABLE LIST */
.tableList{
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	border: #c9c9c9 1px solid;
	margin: 2% 1% 1% 1%;
	width: 858px;
}
.tableList.dark{
	margin: 0 1% 1% 1%;
	border-radius: 0px;
}
.tableList thead{
	
}
.tableList thead tr{
	background: url("../media/table_list_head-background.png") repeat-x;
}
.tableList thead tr, .tableList thead tr a{
	height: 30px;
	line-height: 30px;
	color: #333;
	text-shadow: 0 1px 0 #fff;
}
.tableList thead tr a{
	
}
.tableList thead th{
	padding: 0 8px;
	border-left: 1px solid #F2F2F2;
	border-right: 1px solid #D5D5D5;
	border-bottom: #c9c9c9 1px solid;
}
.tableList thead th:first-child{
	border-left: none;
}
.tableList thead th:last-child{
	border-right: none;
}
.tableList tbody tr td{
	padding: 10px 8px;
}
.tableList tbody tr.odd{
	background: #F5F5F5;
}
.tableList tbody tr.odd td{
	border: none;
}
.tableList tbody tr td .edit, .tableList tbody tr td .delete_row, #userGroup .delete_row, .tableList tbody tr td .verify, .tableList tbody tr td .related, .tableList tbody tr td .delete_disabled, .tableList tbody tr td .deals, #userGroup .edit, #userGroup .add, #userGroup .add_row{
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	margin-right: 15px;
}
.tableList tbody tr td .edit, #userGroup .edit{
	background: url("../media/icons/edit-small.png") no-repeat;
}
.tableList tbody tr td .delete_row, #userGroup .delete_row{
	background: url("../media/icons/delete-small.png") no-repeat;
}
.tableList tbody tr td .related{
	background: url("../media/icons/related.png") no-repeat;
}
.tableList tbody tr td .verify{
	background: url("../media/icons/check.gif") no-repeat;
	box-shadow: none;
	padding: 0;
	margin: 0;
}
.tableList tbody tr td .verify:hover{
	margin: 0;
}
.tableList tbody tr td .delete_disabled{
	background: url("../media/icons/delete-small-disabled.png") no-repeat;
}
.tableList tbody tr td .deals{
	background: url("../media/icons/deal.png") no-repeat;
}
#userGroup .add{
	background: url("../media/icons/add.png") no-repeat;
}
#userGroup .add_row{
	background: url("../media/icons/basket.png") no-repeat;
}

/* PAGE FORM */
.pageForm, .pageContent{
	margin: 20px;
}
.pageForm.tabbedStyle, div.tabbedStyle{
	background: #F9F9F9;
	border: 1px solid #CCC;
	border-top: none;
	margin: 0px;
	padding: 20px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
div.tabbedStyle .pageForm{
	margin: 0px;
}
.tabbedErrors{
	background: #F9F9F9;
	border: 1px solid #CCC;
	border-top: none;
	border-bottom: none;
}
.viewBox{
	border-radius: 5px;
	background: #F9F9F9;
	border: 1px solid #CCC;
	padding: 20px;
	margin: 20px 0 0 0;
}
.productGroupBox{
	display: block;
	width: 135px;
	height: 135px;
	line-height: 120px;
	padding: 5px;
	float: left;
	margin: 15px 0 0 15px;
	position: relative;
	background: #ccc;
}
.productGroupBox > img{
	max-width: 135px;
	max-height: 135px;
}
.viewBox .productGroupBox .description{
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 5px;
	line-height: normal;
	font-size: 11px;
}
.productGroupBox .removeProductFromGroup, .productGroupBox .changeProductHead{
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0px;
	overflow: hidden;
	background: #ccc;
}
.productGroupBox .removeProductFromGroup input[type="submit"], .productGroupBox .changeProductHead input[type="submit"]{
	margin: 2px;
	padding: 0;
	border-radius: 0;
	border: none;
	line-height: 0px;
	text-indent: -9999px;
	display: block;
	width: 20px;
	height: 20px;
	box-shadow: none;
}
.productGroupBox .removeProductFromGroup{
	right: 0px;
}
.productGroupBox .changeProductHead{
	left: 0px;
}
.productGroupBox .removeProductFromGroup input[type="submit"]{
	background: url("../media/icons/delete-small.png") no-repeat;
}
.productGroupBox .changeProductHead input[type="submit"]{
	background: url("../media/icons/crown.png") no-repeat;
}
.language-box-menu{
	display: block;
	height: 30px;
	margin: 10px 0 0 0;
}
.language-box-menu li{
	display: block;
	float: left;
	line-height: 29px;
	background: #eee;
	cursor: pointer;
	padding: 0 10px;
	margin: 0 5px 0 0;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
}
.language-box-menu li.selected{
	line-height: 30px;
	background: #f9f9f9;
}
.language-box-menu li.notComplete{
	border-top: #9E0505 1px solid;
	border-left: #9E0505 1px solid;
	border-right: #9E0505 1px solid;
}
.languageBox{
	border: #ccc 1px solid;
	background: #f9f9f9;
	padding: 10px;
}
.languageBox.notComplete{
	border: #9E0505 1px solid;
}
.languageBox .col1, .languageBox .col2{
	width: 395px;
}

/* ERROR BOX */
#errorList{
	display: inline-block;
	min-width: 400px;
	margin: 20px 20px 0 20px;
	padding: 10px;
	border: 1px solid #FFB73D;
	background: #ffe8ae;
}
#errorList span{
	line-height: 18px;
	height: 18px;
}
.icon-alert{
	background: url("../media/icons/warning.png") no-repeat center center;
	display: block;
	width: 12px;
	margin: 0 5px 0 0;
	float: left;
}

/* MODAL FORM */
.modal-window.modalForm{
	width: 400px;
	margin-left: -220px;
}
.modal-window.modalForm .tinyImage{
	position: relative;
	z-index: 401;
}
.modal-window.modalForm label{
	width: 185px;
	margin: 0 0 4px 0;
}
.modal-window.modalForm input[type="text"]{
	width: 177px;
}
.modalForm .mceEditor{
	width: 400px;
	height: 130px;
}

/* FOOTER */
#footer h5 a{
	display: block;
	float: right;
	width: 421px;
	height: 54px;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../media/background-direktonline.jpg") no-repeat;
}

/* MENU */
#general, #webbshop{
	margin: 0 0 25px 0;
	position: relative;
}
li a{
	text-decoration: none;
	color: #333;
}
li a:hover{
	text-decoration: none;
}
li ul li a:hover{
	text-decoration: underline;
}
.head_closed{
	display: block;
	padding: 5px;
	min-height: 29px;
	height: auto !important;
	height: 29px;
	border: #999999 1px solid;
	background: url("../media/menu-back.jpg") repeat-x;
}
.head_closed:hover{
	background: url("../media/menu_hover-back.jpg") repeat-x;
}
.head_opened{
	display: block;
	padding: 5px;
	border: #5e5e5e 1px solid;
	z-index: 110;
	position: relative;
	background: #fff;
	border-right: none;
	min-height: 29px;
	height: auto !important;
	height: 29px;
}
.head_opened img, .head_closed img{
	float: left;
	margin: -5px 0 0 -32px;
}
.head_opened a, .head_closed a{
	display: block;
	height: 15px;
	width: 110px;
	margin: 6px 0 0 30px;
}
.head_opened ul{
	float: left;
}
.head_opened ul a{
	display: inherit;
	height: auto;
}
.head_opened a{
	font-weight: 700;
}
.head_opened ul a{
	font-weight: 400;
}
.sub{
	padding: 5px 0;
}
.head_closed .sub{
	display: none;
}
.head_opened .sub{
	display: inherit;
}

/* MESSAGES */
span.green{
	color: #009900;
}
span.red{
	color: #990000;
}
span.yellow{
	color: #fff000;
}
span.warning{
	color: #333;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	padding: 5px;
	width: auto;
	display: inline-block;
	border: 2px solid;
	margin: 0 5px;
}
span.warning.red{
	background: #ffc2c2;
	border-color: #ff0000;
}
span.warning.yellow{
	background: #fff884;
	border-color: #e6d800;
}
span.warning.green{
	background: #85cf57;
	border-color: #58ae19;
}

/* CONTENT */
#right h2.pageHead{
	float: left;
	font-size: 36px;
	margin: 0 0 10px 0;
}
.pageRelated{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border: #777777 2px solid;
	padding: 3px;
	background: #676767;
	color: #fff;
	float: left;
	margin: 8px 10px;
	text-decoration: none;
}
.search{
	float: right;
	margin: 6px 0;
}
.search input[type="text"], .search input[type="submit"]{
	float: left;
	margin: 0 10px;
}
.search input[type="submit"]:hover{
	margin: 0 10px;
}
.search input[type="text"]{
	margin: 1px 0 0 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}

/* FORMS */
#col1, .col1, #col2, .col2{
	width: 400px;
	padding: 0 10px 0 0;
	float: left;
}
#userGroup #col1, #userGroup #col2{
	width: 390px;
}
label, input[type="text"], input[type="password"], textarea, select, input[type="checkbox"]{
	display: block;
	float: left;
	padding: 3px 0;
	margin: 4px 0;
}
label{
	clear: left;
	width: 180px;
	line-height: 20px;
	font-weight: bold;
	color: #333;
}
input[type="text"], input[type="password"]{
	clear: right;
	width: 200px;
	padding: 3px;
	background: url("../media/form_inputfield.gif");
	border: #999999 1px solid;
}
input[type="file"]{
	clear: right;
	padding: 3px 0;
	margin: 4px 0;
}
textarea{
	float: left;
	clear: right;
	padding: 3px;
	width: 200px;
	height: 90px;
	background: url("../media/form_inputfield.gif");
	border: #999999 1px solid;
}
select{
	width: 209px;
	padding: 3px;
}
input[type="checkbox"]{
	height: 26px;
}
input[type="submit"]{
	display: block;
	margin: 7px 0;
	color: #333;
}
input[type="submit"], .modal-window .cancel, .order_delete{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border: none;
	box-shadow: 0 0 3px #555, 0 0 3px #555;
	padding: 8px 12px;
	background: url("../media/page_head-background.jpg") repeat-x center;
	color: #fff;
	cursor: pointer;
}
.order_delete{
	float: left;
}
.pageForm input[type="submit"]{
	clear: both;
}
input[type="submit"]:hover, .modal-window .cancel:hover, .order_delete:hover{
	border: none;
	margin: 7px 0;
	box-shadow: inset 0 0 3px #444;
}
.order_delete:hover{
	margin: 1px 0;
	text-decoration: none;
}
.inputChooseImage{
	display: block;
	float: left;
	width: 212px;
}
.inputChooseImage input[type="text"]{
	width: 177px;
}
.inputChooseImage a{
	display: block;
	width: 26px;
	height: 26px;
	overflow: hidden;
	float: left;
	margin: 3px 0;
	background: url("../media/icons/browse.png") no-repeat center;
	text-indent: -9999px;
	line-height: 0px;
}
.inputChooseImage a:hover{
	background: url("../media/icons/browse-hover2.png") no-repeat center;
}
.pageForm .limit-output{
	margin: 3px 50px 3px 0;
}
.smalltiny, .mceEditor{
	width: 800px;
	height: 200px;
	clear: both;
	float: none;
	background: none;
	display: block;
	margin-bottom: 15px;
}
.category-name-ajax{
	display: block;
	height: 16px;
	line-height: 16px;
}
.category-name-ajax img{
	vertical-align: bottom;
}

/* DATEPICKER */
#ui-datepicker-div{
	background: #ccc;
	padding: 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	display: none;
	background-image: -moz-linear-gradient(top, #eeeeee, #e9e9e9); /* FF3.6 */
	background-image: -o-linear-gradient(top, #eeeeee, #e9e9e9); /* Opera 11.10+ */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #e9e9e9)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#eeeeee, #e9e9e9); /* Chrome 10+, Saf5.1+ */
	background-image: linear-gradient(top, #eeeeee, #e9e9e9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#e9e9e9'); /* IE6 - IE9 */
	-moz-box-shadow: 0px 0px 10px #000000;
	-webkit-box-shadow: 0px 0px 10px #000000;
    box-shadow: 0px 0px 10px #000000;
	width: auto;
}
#ui-datepicker-div .ui-icon-circle-triangle-w{
	float: left;
	cursor: pointer;
	cursor: pointer;
	text-indent: -9999px;
	width: 18px;
	height: 18px;
	overflow: hidden;
	background: url("../media/datepicker-prev.jpg") no-repeat;
}
#ui-datepicker-div .ui-icon-circle-triangle-e{
	float: right;
	cursor: pointer;
	text-indent: -9999px;
	width: 18px;
	height: 18px;
	overflow: hidden;
	background: url("../media/datepicker-next.jpg") no-repeat;
}
#ui-datepicker-div a, #ui-datepicker-div span{
	color: #333;
}
#ui-datepicker-div .ui-datepicker-title{
	height: 15px;
	text-align: center;
}
#ui-datepicker-calendar{
	clear: both;
	margin: 10px 0 0 0;
}
.ui-datepicker-calendar{
	width: auto;
	padding: 0;
	margin: 0;
	background: none;
}
#ui-datepicker-div table tbody td{
	padding: 2px;
	width: 18px;
}
#ui-datepicker-div table thead th{
	padding: 2px;
	width: 18px;
	text-align: center;
}
#ui-datepicker-div table thead th span{
	font-size: 11px;
}
#ui-datepicker-div table tbody td a{
	display: block;
	background: #333;
	border: #333 1px solid;
	color: #fff;
	width: 18px;
	line-height: 18px;
	text-align: center;
	overflow: hidden;
	font-size: 11px;
}

/* COMBOBOX */
.comboboxWrap{
	display: block;
	float: left;
	clear: right;
}
.ui-autocomplete-input{
	width: 175px;
	border-top: #999 1px solid;
	border-left: #999 1px solid;
	border-bottom: #999 1px solid;
	border-right: none;
	padding: 4px;
	float: left;
	margin: 0;
	margin: 4px 0;
}
.combobox-list-button{
	background: url("../media/combobox-list-button.jpg") no-repeat;
	display: block;
	width: 17px;
	height: 18px;
	cursor: pointer;
	float: left;
	clear: right;
}
.combobox-list-wrap{
	display: block;
	width: 250px;
	max-height: 300px;
	overflow-x: hidden;
	position: absolute;
	background: #fff;
	padding: 3px;
	border: #999 1px solid;
	z-index: 1000;
}
.combobox-list-li{
	cursor: pointer;
}
.combobox-list-li-active, .combobox-list-li:hover{
	background: #56aaff;
}
.ui-autocomplete{
	background: #fff;
	width: 250px;
	max-height: 300px;
	overflow-y: auto;
	border: #ccc 1px solid;
}
.ui-menu-item a{
	cursor: pointer;
	display: block;
	width: 96%;
	padding: 2%;
}
.ui-menu-item a:hover, #ui-active-menuitem{
	background: #3399ff;
	color: #fff;
}
.ui-button{
	width: 25px;
	height: 26px;
	border-top: #999 1px solid;
	border-right: #999 1px solid;
	border-bottom: #999 1px solid;
	border-left: none;
	background: url("../media/combobox-select.jpg") no-repeat center;
	cursor: pointer;
	float: left;
	clear: right;
	margin: 4px 0;
}
.ui-button:hover{
	background: url("../media/combobox-select_active.jpg") no-repeat center;
}

/* TABLES & PAGER */
.asc{
	background: url("../media/asc.png") no-repeat right;
}
.desc{
	background: url("../media/desc.png") no-repeat right;
}

/* PAGER */
#pager{
	clear: both;
	display: block;
	margin: 15px 0 0 0;
}
#pager .text{
	display: block;
	float: left;
	line-height: 30px;
	color: #555;
	margin: 0 10px;
}
#pager a, #pager #currentPage, #pager .next, #pager .previous, #pager .pager-button{
	display: block;
	float: left;
	width: 40px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: url("../../assets/media/pager_item-background.jpg") repeat-x;
	margin: 0 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #f0f0f0 1px solid;
	color: #bbb;
	font-size: 14px;
	font-weight: bold;
}
#pager a:hover, #pager #currentPage, #pager .pager-button:hover{
	text-decoration: none;
	color: #555;
	border-color: #555;
}
#pager .next, #pager .previous{
	overflow: hidden;
	text-indent: -9999px;
}
#pager .previous{
	background: url("../../assets/media/pager-prev.jpg") repeat-x;
}
#pager .previous:hover{
	background: url("../../assets/media/pager-prev_hover.jpg") repeat-x;
}
#pager .next{
	background: url("../../assets/media/pager-next.jpg") repeat-x;
}
#pager .next:hover{
	background: url("../../assets/media/pager-next_hover.jpg") repeat-x;
}

/* OTHER */
.clear{
	clear: both;
}
#sort ul, #sort li{
	clear: both;
}
#sort ul li{
	margin: 10px 0;
	background-color: #eee;
	padding: 10px;
	position: relative;
}
#sort ul ul li{
	margin: 0;
	padding: 0;
	background-color: transparent;
}
#sort ul ul{
	margin: 0 50px;
}
#sort li span{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border: #777777 2px solid;
	padding: 2px;
	background: #676767;
	color: #fff;
	line-height: 28px;
	margin: 3px 0;
}
#sort ul li.drop span{
	border-radius: 0;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	border: #333 1px dotted;
	color: #333;
	background: none;
	cursor: pointer;
}
#sort .selected span{
	background: #b3f581;
}
#sort .changed span{
	background: #fff000;
}
#category-hover-menu{
	display: inline;
	position: absolute;
	padding: 10px;
	margin: -11px 0 0 0;
	z-index: 100;
}
#category-hover-menu img{
	cursor: pointer;
	height: 22px;
	width: 22px;
	margin: 0 2px;
	background: #777;
	padding: 1px;
	border: #676767 2px solid;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
}

/* FILEMANAGER */
#folderStructure{

}
#folderStructure ul{
	display: block;
}
#folderStructure ul#root{
	margin: 0 0 0 0;
}
#folderStructure li{
	margin: 0 0 0 24px;
}
#folderStructure li.root{
	margin: 0 0 0 0;
}
#folderStructure li a, #folderStructure li.file, #folderStructure li.root{
	display: block;
	height: 24px;
	line-height: 24px;
}
#folderStructure li.folder a, #folderStructure li.root a{
	background: url("../media/icons/folder.png") no-repeat top left;
	padding: 0 0 0 24px;
}
#folderStructure li.file{
	background: url("../media/icons/file.png") no-repeat top left;
	padding: 0 0 0 24px;
}
#folderStructure table{
	background: none;
	margin: 0;
	padding: 0;
	width: auto;
}
#folderStructure table td{
	padding: 0 5px;
	margin: 0;
}
#folderStructure table td img{
	height: 20px;
}
/* PRODUCT BOX ADMIN */
#productBoxAdmin{

}

#productBoxAdmin span{
	margin-bottom: 10px;
	display: block;
}

#productBoxAdminLeft{
	float: left;
	width: 570px;
	margin-left: 15px;
}

#productBoxAdminLeft img{
	width: 200px;
	float: left;
	margin: 0 10px 20px 0;
}

#productBoxAdminRight{
	float: left;
	width: 250px;
}

#productBoxAdminRight h2{
	font-size: 1.4em;
}

#productBoxAdminRight img{
	width: 100px;
}

/* FILEMANAGER */
.admin_textlink{
	margin-right: 10px;
}

.oneTable tbody tr{
	background: #fff;
}

.oneTable td{
	border-bottom: 1px solid #c3c3c3;
}

/* LATEST ACTIVITIES */
#latestActivities tbody tr{
	background: #fff;
}

#latestActivities td{
	border-bottom: 1px solid #c3c3c3;
}

/* ADRESS */
#addressWrapper{
	background: #f9f9f9;
	border: #ccc 1px solid;
	padding: 10px;
	margin: 20px 0;
}
#addressWrapper div{
	display: block;
	height: 25px;
	line-height: 25px;
	margin: 10px 0;
}
#addressWrapper a{
	display: block;
	margin: 10px 0 0 0;
}
#addressWrapper div a{
	float: left;
	margin: 0;
	padding: 0;
}
#addressWrapper form[name="add_customer_address"]{
	background: #fff;
	border: #ccc 1px solid;
	padding: 10px;
}
#addressWrapper form[name="add_customer_address"] input[type="radio"]{
	display: inline;
	margin: 7px 0;
}
#addressWrapper form[name="add_customer_address"] label[for="lev"], #addressWrapper form[name="add_customer_address"] label[for="fak"]{
	display: inline;
}
#addressWrapper form[name="add_customer_address"] a, #addressWrapper form[name="add_customer_address"] input[type="submit"]{
	display: inline;
	margin: 8px 3px 0 3px;
}
#addressWrapper div a{
	background: url("../media/icons/delete2.png") no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	width: 25px;
	height: 25px;
	border: 0;
	margin: 0 3px;
	padding: 0;
}

/* INSTÄLLNINGAR */
#right form p{
	display: block;
	margin: 10px 0;
}
#right form p label{
	display: block;
	clear: both;
}
#right form p input[type="checkbox"]{
	margin: 2px 10px 2px 0;
	padding: 0;
	line-height: auto;
	height: auto;
}
#right form p textarea{
	display: block;
	margin: 5px 0 0 0;
}

/* BILDSPEL */
#slideshowContainer, #titleBar, #slideshowContainer #titleBar ul li{
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#slideshowContainer  #titleBar, #slideshowContainer #titleBar ul li{
	m-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
#slideshowContainer{
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
#slideshowContainer{
	border: 1px solid #CCC;
	background: #f9f9f9;
	padding: 0 0 15px 0;
}
#slideshowContainer p.noSlides{
	padding: 20px;
}
#slideshowContainer form[name="addImage"]{
	padding: 10px;
}
#slideshowContainer form[name="addImage"] textarea{
	width: 99%;
}
#slideshowContainer form[name="addImage"] input[type="submit"]{
	float: left;
}
#slideshowContainer form[name="addImage"] a.button{
	float: left;
	margin: 13px 10px 0px 10px;
}
.smallImage, .relatedProduct{
	display: block;
	width: 200px;
	height: 200px;
	line-height: 200px;
	overflow: hidden;
	position: relative;
	float: left;
	margin: 15px 0 0 15px;
}
.relatedProduct{
	background: #fff;
	text-align: center;
}
.smallImage img, .relatedProduct img{
	vertical-align: middle;
}
.smallImage .description, .bottom-buttons, .relatedProduct .relatedDescription{
	background: #f9f9f9;
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	width: 190px;
	line-height: normal;
	display: block;
	padding: 5px 5px 0 5px;
}
.relatedDescription{
	text-align: left;
}
.smallImage .description, .relatedProduct .relatedDescription{
	bottom: 25px;
}
.bottom-buttons{
	height: 20px;
	bottom: 0px;
}
.bottom-buttons form input[type="submit"]{
	box-shadow: none;
}
.bottom-buttons input[type="submit"], .smallImage .bottom-buttons a{
	display: block;
	background: none;
	border: none;
	padding: 0px;
	margin: 0px 5px 0px 0px;
	height: 16px;
	width: 16px;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
}
.bottom-buttons input[type="submit"]{
	background: url("../media/icons/delete-small.png") no-repeat;
}
.smallImage .bottom-buttons a.edit_slide{
	background: url("../media/icons/edit-small.png") no-repeat;
}
.smallImage.dragged, .smallImage.sortable:hover{
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}

/* User groups */
#userGroup{
	padding: 12px;
}
#userGroup h2{
	font-size: 26px;
	font-family: "Didact Gothic";
	margin: 0;
}
#userGroup hr{
	margin-bottom: 20px;
}
#userGroup .box{
	display: block;
	width: 405px;
	position: relative;
	float: left;
	margin-bottom: 20px;
	margin-left: 10px;
}
#userGroup .box.odd{
	float: right;
	margin-right: 10px;
}
#userGroup .box .head{
	background: url("../media/table_list_head-background.png") repeat-x;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	border: #C9C9C9 1px solid;
	padding: 3px 6px;
}
#userGroup .box .head a{
	position: absolute;
	top: 4px;
	right: 4px;
	line-height: 25px;
	height: 25px;
	background-position: center;
	margin-right: 6px;
}
#userGroup .box .body{
	border: #C9C9C9 1px solid;
	border-top: none;
	height: 200px;
	position: relative;
}
#userGroup .box .body .header{
	display: block;
	padding-top: 10px;
	clear: both;
	line-height: 20px;
}
#userGroup .box .body table{
	width: 100%;
}
#userGroup .box .body .two-cols td, #userGroup .box .body .two-cols th{
	width: 50%;
}
#userGroup .box .body td, #userGroup .box .body th{
	line-height: 20px;
	vertical-align: middle;
	padding: 1px 5px;
}
#userGroup .box .body th{
	font-weight: bold;
	color: #333;
}
#userGroup .box .body td.last a{
	margin-right: 5px;
	text-align: left;
	float: right;
}
#userGroup .box .body table:not(.two-cols) tr:nth-child(2n) td{
	background-color: #f9f9f9;
}
#userGroup .box .body .last{
	text-align: right;
}
#userGroup .box .body .see-all{
	display: block;
	position: absolute;
	padding: 3px 10px;
	bottom: 0px;
	right: 0px;
	text-align: right;
	width: 383px;
	background: #f0f0f0;
}
#userGroup .tableList{
	width: 98%;
}
input[type="text"].no-product{
	border: 1px solid #ff0000;
}
#product-info{
	display: block;
	float: right;
	background: #f9f9f9;
	box-shadow: 1px 1px 3px #ccc;
	border: 1px solid #ccc;
	padding: 6px;
}
#product-info .left, #product-info .right{
	display: block;
	float: left;
	min-width: 90px;
	line-height: 18px;
}
#product-info .left{
	clear: left;
}
#product-info .right{
	clear: right;
}

.userProduct{
	display: block;
	border: #C9C9C9 1px solid;
	padding: 10px;
	margin: 10px 0;
	line-height: 28px;
}
.userProduct button, #userGroup .chooseProduct button{
	margin: 2px 0;
	padding: 3px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	border: 1px solid #c7c7c7;
	border-radius: 3px;
	cursor: pointer;
}
.userProduct button:hover, #userGroup .chooseProduct button:hover{
	background: rgb(246,246,246); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(246,246,246,1) 0%, rgba(225,225,225,1) 49%, rgba(241,241,241,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(49%,rgba(225,225,225,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(225,225,225,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(225,225,225,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(225,225,225,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(225,225,225,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	box-shadow: inset 0 0 3px #c7c7c7;
}
.userProduct .addMore, .userProduct .addProduct, .userProduct .productAdded{
	display: block;
	float: right;
	width: 100px;
	text-align: center;
}
.userProduct .name{
	float: left;
	width: 391px;
	font-size: 1.3em;
}
.userProduct .removeProduct{
	display: block;
	width: 290px;
	float: left;
}
.userProduct .removeProduct .odd{
	background: #f9f9f9;
}
.userProduct .removeProduct span{
	display: block;
	padding: 0 0 0 8px;
}
.userProduct .removeProduct button{
	float: right;
}
#userGroup .chooseProduct button{
	line-height: 19px;
	margin: 3px 10px;
}

/* MODAL */
.modal-overlay{
	display: none;
	background: #000000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	min-height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
}
.modal-window{
	display: none;
	position: absolute;
	left: 50%;
	top: 200px;
	z-index: 300;
	width: 300px;
	margin-left: -170px;
	background: #111 url("../media/modal_back.png") no-repeat top center;
	padding: 20px;
	border-radius: 5px;
	border: 1px solid black;
	color: #f9f9f9;
}
.modal-window input[type="text"], .modal-window textarea{
	width: 285px;
}
.modal-window select{
	width: 300px;
}
.modal-window p, .modal-window label {
	color: #f9f9f9;
	margin: 0.6em 0;
	text-shadow: 1px 1px 0 #000;
}
.modal-cancel{
	float: right;
	cursor: pointer;
}
.modal-cancel:hover{
	text-decoration: underline;
}
.modal-window form{
	float: left;
}
.modal-window .cancel{
	float: left;
	margin: 17px 7px 0 7px;
	line-height: 16px;
}
.modal-window .cancel:hover{
	margin: 17px 7px 0 7px;
}
.modal-window input[type="submit"]{
	margin: 17px 0 0 0;
	clear: both;
}
.modal-window input[type="submit"]:hover{
	margin: 17px 0 0 0;
}
.modal-window .modal-cancel, .ui-dialog .ui-dialog-titlebar-close .ui-icon{
	top: -7px;
	right: -7px;
	position: absolute;
	z-index: 400;
	width: 42px;
	height: 42px;
	background: url("../../assets/media/close_button.png") no-repeat;
	text-indent: -9999px;
	line-height: 0px;
}

/* Quick edit */
#quick-edit.modal-window{
	width: 1200px;
	margin-left: -600px;
	padding: 0px;
	top: 20px;
	margin-top: 0px;
	background: #f9f9f9;
	color: #111;
	min-height: 750px;
	border-radius: 0px;
}
#quick-edit #pageHead form{
	float: right;
}
#quick-edit #pageHead #pager{
	float: left;
	clear: none;
	margin: 12px 0 0 0;
}
#quick-edit #pageHead #pager .text{
	color: white;
	text-shadow: 1px 1px 0 #348010, 2px 2px 0 #348010;
	font-size: 12px;
}
#quick-edit #pageHead #pager .pager-button, #quick-edit #pageHead #pager .next, #quick-edit #pageHead #pager .previous{
	cursor: pointer;
} 
#quick-edit table label{
	clear: none;
	width: auto;
	margin: 4px;
	color: #111;
	text-shadow: none;
	font-weight: normal;
}
#quick-edit #pageHead input[type="submit"]{
	float: right;
	clear: none;
	margin: 0 10px;
}
#quick-edit table input[type="text"]{
	width: 100px;
}
#quick-edit table .sort{
	cursor: pointer;
	text-decoration: underline;
}
#quick-edit table .sort:hover{
	text-decoration: none;
}
#quick-edit table .sort.selected{
	color: #348010;
}
#quick-edit table .artNum{
	width: 100px;
}
#quick-edit table .stock input[type="text"]{
	width: 40px;
}
#quick-edit table .stock{
	width: 76px;
}
#quick-edit table .price, #quick-edit table .price input[type="text"]{
	width: 80px;
}
#quick-edit select{
	width: 124px;
}
#quick-edit .vat, #quick-edit .vat select{
	width: 60px;
}
#quick-edit .brand, #quick-edit .brand select, #quick-edit .freight-class, #quick-edit .freight-class select, #quick-edit .category, #quick-edit .category select{
	width: 130px;
}
#quick-edit table, #quick-edit-restock-body table{
	width: 100%;
	margin: 10px 0 0 0;
}
#quick-edit tr.odd{
	background: #e9e9e9;
}
#quick-edit table td{
	vertical-align: middle;
	padding: 0 5px;
}
#quick-edit table td.save{
	width: 45px;
}
#quick-edit table td.save .quick-edit-save{
	padding: 4px 6px;
	background: url("../media/page_head-background.jpg") repeat-x center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	box-shadow: 0 0 3px #555, 0 0 3px #555;
	color: white;
	cursor: pointer;
}
#quick-edit table th, #quick-edit-restock-body table th{
	padding: 5px;
	font-weight: bold;
}
#quick-edit table td.header{
	font-weight: bold;
}
#quick-edit #quick-edit-loading-screen, .ui-widget-overlay{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url("../media/modalOverlay-back.png") repeat;
	z-index: 1010;
}
#quick-edit #quick-edit-loading-screen #quick-edit-loading-animation{
	background: #fff url("../media/preloader.gif") no-repeat center;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -60px;
	margin-top: -60px;
	width: 120px;
	height: 120px;
	border-radius: 40px;
	z-index: 1011;
}
.quick-edit-restock{
	display: block;
	float: left;
	width: 24px;
	height: 32px;
	text-indent: -9999px;
	line-height: 0px;
	background: url("../media/icons/restock.png") no-repeat center right;
	cursor: pointer;
}
.quick-edit-restock:hover{
	background: url("../media/icons/restock-hover.png") no-repeat center right;
}
#dialog-confirm{
	display: none;
}
.ui-dialog{
	background: #111 url("../media/modal_back.png") no-repeat top center;
	padding: 10px 20px;
	border-radius: 5px;
	border: 1px solid black;
	color: #fff;
}
.ui-dialog p{
	color: #fff;
}
.ui-dialog button, .ui-dialog button:hover{
	float: none;
	display: inline;
	width: auto;
	min-width: 30px;
	height: auto;
	background: white;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 1)), color-stop(50%,rgba(241, 241, 241, 1)), color-stop(51%,rgba(225, 225, 225, 1)), color-stop(100%,rgba(246, 246, 246, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(241, 241, 241, 1) 50%,rgba(225, 225, 225, 1) 51%,rgba(246, 246, 246, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(241, 241, 241, 1) 50%,rgba(225, 225, 225, 1) 51%,rgba(246, 246, 246, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(241, 241, 241, 1) 50%,rgba(225, 225, 225, 1) 51%,rgba(246, 246, 246, 1) 100%);
	background: linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(241, 241, 241, 1) 50%,rgba(225, 225, 225, 1) 51%,rgba(246, 246, 246, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	border: 1px solid #C7C7C7;
	border-radius: 3px;
	cursor: pointer;
	margin: 5px;
	padding: 3px;
}
.ui-dialog button:hover{
	background: #F6F6F6;
	background: -moz-linear-gradient(top, rgba(246, 246, 246, 1) 0%, rgba(225, 225, 225, 1) 49%, rgba(241, 241, 241, 1) 50%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246, 246, 246, 1)), color-stop(49%,rgba(225, 225, 225, 1)), color-stop(50%,rgba(241, 241, 241, 1)), color-stop(100%,rgba(255, 255, 255, 1)));
	background: -webkit-linear-gradient(top, rgba(246, 246, 246, 1) 0%,rgba(225, 225, 225, 1) 49%,rgba(241, 241, 241, 1) 50%,rgba(255, 255, 255, 1) 100%);
	background: -o-linear-gradient(top, rgba(246, 246, 246, 1) 0%,rgba(225, 225, 225, 1) 49%,rgba(241, 241, 241, 1) 50%,rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(top, rgba(246, 246, 246, 1) 0%,rgba(225, 225, 225, 1) 49%,rgba(241, 241, 241, 1) 50%,rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(top, rgba(246, 246, 246, 1) 0%,rgba(225, 225, 225, 1) 49%,rgba(241, 241, 241, 1) 50%,rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 );
	box-shadow: inset 0 0 3px #c7c7c7;
}
#dialog-is-product-group{
	height: auto;
}
#ui-dialog-title-dialog-confirm{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 8px;
}
#quick-edit-restock-head{
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-khtml-border-radius-topleft: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-khtml-border-radius-topright: 10px;
	background: #fff;
	box-shadow: 3px 3px 3px #333;
}
#quick-edit-restock-head span{
	margin-left: 35px;
	font-size: 20px;
	font-family: "Didact Gothic";
	line-height: 34px;
}
#quick-edit-restock-head span.close{
	float: right;
	display: block;
	width: 34px;
	height: 34px;
	background: url("../media/icons/close.png") no-repeat center;
	text-indent: -9999px;
	line-height: 0px;
	cursor: pointer;
}
#quick-edit-restock-body{
	background: #fff;
	box-shadow: 3px 3px 3px #333;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
}
#quick-edit-restock-body .header{
	font-weight: bold;
	margin: 0 0 8px 0;
	display: block;
}
#quick-edit-restock-body label, #quick-edit-restock-body input[type="text"]{
	display: block;
	float: left;
	margin: 3px 0;
}
#quick-edit-restock-body table td{
	padding: 2px;
}
#quick-edit-restock-body table .center{
	text-align: center;
}
#quick-edit-restock-body table .odd{
	background: #f9f9f9;
}
#quick-edit-restock-body label{
	width: 140px;
	clear: left;
	color: #111;
	text-shadow: none;
	line-height: 24px;
	padding: 0px;
	font-weight: normal;
}
#quick-edit-restock-body input[type="text"]{
	width: 200px;
	clear: right;
	background: #f9f9f9;
	padding: 3px;
	box-shadow: inset 1px 1px 3px #c0c0c0;
}
#quick-edit-restock-body input[type="submit"]{
	float: right;
	margin-top: 6px;
	padding: 4px 6px;
}
#quick-edit-restock-body table{
	margin-top: 6px;
}
.last{
	width: 80px;
}
.restock-delete-row{
	display: block;
	background: url("../media/icons/delete-small.png") no-repeat;
	width: 16px;
	height: 16px;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
}
#products-restock{
	display: block;
	float: left;
	height: 26px;
	width: 208px;
}
#products-restock input[type="text"]{
	width: 170px;
}

/* Statistics */
.visitor-graph-explanation{
	display: inline-block;
	margin: 20px 0 -15px 20px;
	background: #74d9d8;
	padding: 7px;
	color: #fff;
	border-radius: 5px;
	text-shadow: 1px 1px 0 #c1c0c0;
}
#holder .visitor-value, #holder .visitor-label{
	display: none;
}
#statisticsWrap{
	display: block;
	padding: 10px;
}
#statisticsWrap h2{
	font-size: 20px;
}
#statisticsWrap hr{
	border: none;
	border-bottom: 1px dotted #c7c7c7;
	margin: 1em 0;
}
#statisticsWrap .column{
	display: block;
	background: none;
	float: left;
	width: 190px;
	padding: 10px;
	text-align: center;
}
#statisticsWrap .column .value{
	display: block;
	font-size: 22px;
}
#statisticsWrap .block{
	display: block;
	line-height: 24px;
	padding: 10px;
	font-size: 15px;
}
#statisticsWrap .block.odd{
	background: #f9f9f9;
}