@font-face {
	font-family: 'diavlo';
	src: url('fonts/diavlo-Regular.eot');
	src: local('diavlo'), local('diavlo-Regular'), url('fonts/diavlo-Regular.otf') format('opentype'), url('fonts/diavlo-Regular.svg#diavlo') format('svg');
}

html,body {
  background-color: #fff;
  font-family: diavlo, Palatino, Garamond, Bookman;
  font-size: 13px;
  color: rgb(112,112,112);
}

#herbe-header {
  background: url("images/top.jpg") repeat-x;
  border-bottom: 10px solid #f7c080;
}
#herbe-header .logo {
  padding: 22px 5px 15px 10px;
  text-align: center;
}
#langselect {
  position: absolute;
  top: 10px;
  right: 10px;
	font-size: 10px;
	color: #7B7B7B;
}

#langselect form a {
  color: #7B7B7B;
  display: inline;
  padding: 2px 5px 0px 5px;
	height: 20px;
  text-decoration: none;
}
#langselect a.active{
  border: solid 1px #C7C7C7;
  -khtml-border-radius: 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

body {
  margin: 0;
  height: 100%;
}
table {
  border-collapse: collapse;
}
#herbe-footer .footer-wrap {
  background: url("images/footer_black.png") repeat-x scroll 0 0 transparent;
}
.footer-wrap table {
	display: block;
}
.footer-wrap .center table {
	width: 230px;
}
.footer-wrap td {
	padding: 0px 10px;
}

table {
	display: block;
	margin-bottom: 10px;
}

#herbe-footer table {
  margin-left: auto;
  margin-right: auto;
  padding-top: 45px;
  padding-bottom: 20px;
}

#herbe-footer a {
	color: #ab895e;
}
#herbe-footer a:hover {
	color: #f6c07e;
}
#herbe-footer table tr.last {
  color: #AB895E;
  font-size: 17px;
}
#herbe-footer table tr.first {
  color: #888888;
  font-size: 14px;
}

#herbe-footer a {
  text-decoration: none;
}
#herbe-footer .partners {
  text-align: center;
  margin-bottom: 20px;
}
#herbe-footer .partners .burti_hwe {
  width: 210px;
  padding-top: 26px; 
  padding-right: 30px;
}
#herbe-footer .partners .burti_atlassian {
  width: 130px;
  padding-top: 17px;
}
#herbe-body,
#webapp,
#my_account {
  min-height: 300px;
  overflow: auto;
}

#webapp,
.center,
#herbe-body {
  width: 960px;
  margin: 20px auto;
}
input {
  background-color: #FFFFFF;
  border: 0px;
  border-bottom: 1px solid #ccc;
  width: 265px;
}

.iv_sernr input {
width: 20px;
}

.curregusertable input,
.curregusertable select {
margin-left: 10px;
}

.curregusertable input.button {
	width: 120px;
}
input.button {
margin-top: 20px;
}

input.loginbutton,
input.button,
#change-contactinfo a {
  background-color: #F03500;
  color: white;
  cursor: pointer;
  padding: 2px 20px;
  text-decoration: none;
}
#change-contactinfo a {
  padding: 4px 20px 1px 20px;
}
input.button:hover,
input.loginbutton:hover,
#button a:hover,
#bodyhead-wrap #custlogout a:hover {
  color: #ccc;
}

select {
width: 265px;
}

#button {
  margin-top: 10px;
}
#button a {
  padding-top: 4px;
}
#change-contactinfo a {
  margin-top: 20px;
}
#details > table > tbody > tr > td.label {
  width: 150px;
}
#details > table > tbody > tr > td.text {
  width: 500px;
}
#invoices form,
#invoices>br,
#invoices>label, 
#invoices>input {
  display: block;
  float: left;
  color: rgb(126,124,115)
}
#invoices form {
  width: 100%;
  min-height: 80px;
}
#invoices>br {
  width: 100%;
  height: 1px;
  clear: both;
}
#invoices>label {
  width: 65px;
  line-height: 18px;
}
#invoices>input {
  width: 96px;
}
form#invoices input.button {
  margin-left: 65px;
  margin-top: 10px;
  width: 101px;
  color: white;
}
#invoices .invoicestable2,
#invoices .invoicestable2_paid {
  padding: 20px 0px 0px 0px;
  border-top: 1px solid #F7C080;
  margin-top: 20px;
  width: 100%;
  float: left;
  display: block;
}

#PayButton {
width: 101px;
}

#invoices table tr:nth-child(odd) {
  background: #f2f2f2;
}
#invoices table td {
  border-top: 1px solid #ddd;
}
#invoices table td,
#invoices table th {
  padding: 3px 15px 1px;
  text-align: left;
  width: 80px;
  height: 20px;
}
#invoices table .iv_sernr {
  width: 20px;
}
#invoices table .iv_sum {
  width: 60px;
  text-align: left;
}
#invoices table.invoicestable2_paid td.iv_no,
#invoices table.invoicestable2_paid th.iv_no {
  width: 138px;
}
#invoices table.invoicestable2_paid td.iv_date,
#invoices table.invoicestable2_paid th.iv_date {
  width: 110px;
}
#invoices table.invoicestable2_paid td.iv_sum,
#invoices table.invoicestable2_paid th.iv_sum {
  width: 110px;
}
#invoices table.invoicestable2_paid td.iv_status,
#invoices table.invoicestable2_paid th.iv_status {
  width: 110px;
}
#invoices table td.iv_status .stat1 {
  color: #eb472e;
}
#bodymenu-wrap {
  height: 20px;
  padding-top: 10px;
  border-bottom: 1px solid #f7c080;
  border-top: 1px solid #f7c080;
  text-align: center;
}
body.herbe-not-account #bodyhead-wrap {
	margin-top: 40px;
}
#bodyhead-wrap {
  height: 25px;
}
#bodyhead-wrap a {
  color: rgb(69,67,63);
}
#bodyhead-wrap #custname {
  float: left;
  font-size: 18px;
}
#bodyhead-wrap #custlogout {
  float: right;
}
#bodyhead-wrap #custname,
#bodyhead-wrap #custlogout {
  margin-top: 9px;
}
#bodyhead-wrap #custlogout a {
  font: normal normal normal 11px/normal 'Lucida Grande';
  background-color: #F03500;
  color: white;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid #ccc;
  padding: 2px 20px;
}
#bodymenu-wrap #herbe-menu ul {
  list-style: none;
  display: block;
  margin: 0px;
	padding: 0px;
}
#bodymenu-wrap #herbe-menu ul li {
  list-style: none;
	display: block;
  float: left;
  padding: 0px 14px;
}
#bodymenu-wrap #herbe-menu ul li {
  border-left: 1px solid #F7C080;
}
#bodymenu-wrap #herbe-menu ul li.first {
  border: none;
}
#bodymenu-wrap #herbe-menu {
	height: 20px;
}
#bodymenu-wrap #herbe-menu a {
  text-decoration: none;
  color: #333;
  text-shadow: 0 1px #eee;
  text-transform: uppercase;
}
#bodymenu-wrap #herbe-menu a:hover {
  border-bottom: 3px solid red;
}
.loginline3 {
  margin-right: 3px;
}

h1 {
  font-size: 18px;
  margin-top: 0px;
}
h2 {
  font-size: 13px;
}


a {
  color: #f6c07e;
  text-decoration: none;
}

a:hover {
  color: #ab895e;
}

#header,#topmenu,#main,#footer {
  margin: 0 auto;
  width: 740px;
  padding: 10px;
  position: relative;
}

#header {
  position: relative;
}

#loginlink {
  position: absolute;
  right: 15px;
  top: 0;
}

#topmenu {
  background-image: url(images/topmenubg.png);
  padding: 0px;
}

#topmenu ul {
  list-style: none;
  display: table;
  position: relative;
  margin: 0 auto;
  padding: 10px;
}

#topmenu ul li { 
  display: inline;
  border-left: 1px solid rgb(126,124,115);
}

#topmenu ul li.first {
  display: inline;
  border-left: none;
}

#topmenu ul li a {
  padding: 0px 42px;
  font-size: 12px;
  text-decoration: none;
  color: rgb(126,124,115);
}

#topmenu ul li a:hover {
  color: rgb(69,67,63);
}

#footer {
  padding: 0px;
  padding-bottom: 20px;
}

#footer ul {
  list-style: none;
  display: table;
  position: relative;
  margin: 0 auto;
  padding: 10px;
  padding-top: 0px;
}

#footer ul li { 
  display: inline;
}

#footer ul li a {
  padding: 0px 15px;
  font-size: 12px;
  text-decoration: none;
  color: rgb(126,124,115);
}

#footer ul li a:hover {
  color: rgb(69,67,63);
}

#footer div.copyright {
  margin: 0 auto;
  display: table;
}

#main {
  margin-bottom: 20px;
}

#loginbox {
  padding: 0px;
  margin: 20px auto;
  width: 300px;
  color: #000;
  font-size: 16px;
}
#loginbox input {
	width: 150px;
  border: 1px solid #ccc;
}
#loginbox input#LoginButton {
	width: 100px;
}
#loginbox .loginline3 {
  text-align: right;
  margin-left: 120px;
}
#loginbox p {
	width: 300px;
	height: 25px;
	margin: 0px;
}
#loginbox span,
#loginbox input {
	display: block;
	float: left;
}
#loginbox span {
	width: 120px;
}

#loginbox .loginheader {
  background-color: rgb(241,238,234);
  font-size: 16px;
  text-align: left;
  padding: 10px;
}

#loginbox #logincontrol {
  padding: 40px;
  display: table;
  margin: 0 auto;
}

#loginbox #logincontrol form span.loginlabel {
  display: block;
}

#loginbox #logincontrol form input {
  width: 160px;
}

#loginbox #logincontrol #registerbuttons {
  margin-top: 10px;
  text-align: center;
  line-height: 16px;
}

#loginbox #registercontrol {
  padding: 40px;
  display: table;
  margin: 0 auto;
}

#loginbox #registercontrol form table {
  margin: 0 auto;
  width: 580px;
}

#loginbox #newpasswordcontrol {
  padding: 40px;
  display: table;
  margin: 0 auto;
}

.error {
  color: #ff0000;
}

/* SHOP */
.cleardiv { clear: both; }

.shoptablehead { background-color: rgb(255,244,223); font-weight: bold; line-height: 14px; padding: 5px; overflow: hidden; color: rgb(126,124,115); }

.shopbasketdiv { border: solid 1px #ccc; overflow: hidden; position: relative; margin-top: 10px; }
.shopbasketrow { border-bottom: solid 1px #ccc; padding: 5px; overflow: hidden; line-height: 14px; }

.shopbasketcol_no { float: left; width: 35px; }
.shopbasketcol_product { float: left; width: 470px; }
.shopbasketcol_unitprice { float: left; width: 70px; text-align: right; }
.shopbasketcol_qty { float: left; width: 70px; text-align: right; }
.shopbasketcol_price { float: left; width: 80px; text-align: right; }
.shopbasketcol_total_text { float: left; width: 505px; text-align: left; }
.shopbasketcol_total_name { float: left; width: 140px; text-align: right; }
.shopbasketcol_total_value { float: left; width: 80px; text-align: right; }

.shopbasket_itemname a { font-weight: bold; }
.shopbasket_recommendedaddons { background-image: url(/images/hwindex.htm?file=detailarrow.gif); background-position: left 2px; background-repeat: no-repeat; padding-left: 10px; }
.shopbasket_configurethis { background-image: url(/images/hwindex.htm?file=detailarrow.gif); background-position: left 2px; background-repeat: no-repeat; padding-left: 10px; }
.shopbasket_actions { float: right; }
.shopbasket_qtyfield { text-align: right; width: 40px; height: 11px; font-size: 11px; }

.shopbasket_removelink_tmp { font-size: 9px; display: none; }
.shopbasket_removelink_tmp a { font-weight: normal; }
.shopbasketemptybutton { font-size: 11px; }

.shopcatalogbreadcrumbs { margin: 0px 0px 11px 0px; }

.shopcataloghead { background-color: rgb(220,220,253); display: block; font-weight: normal; line-height: 14px; height: 14px; padding: 5px; overflow: hidden; color: rgb(126,124,115); }

.shopcatalogdiv { border: solid 1px #ccc; margin-bottom: 11px; margin-top: 10px;}
.shopcatalog_selectproduct { float:left; margin:0; text-align:left; }
.shopcatalog_selectpage { float:right; margin:0; text-align:right; }

.shopcatalogrow { border-top: solid 1px #ccc; padding: 8px; overflow: hidden; }

.shopcatalogcol_no { float: left; overflow: hidden; }
.shopcatalogcol_main { margin-left: 25px;}

.shopcatalog_actions { clear: both; text-align: right; padding-top: 14px; }
.shopcatalog_itemimage { float: left; padding: 0 6px 0 0; }
.shopcatalog_firstline { line-height: 14px; height: 14px; }
.shopcatalog_productname { float: left; font-weight: bold; }
.shopcatalog_unitprice { float: right; font-weight: bold; }
.shopcatalog_qtyinbasket { float: right; font-weight: normal; }
.shopcatalog_shortdescription { display: block; padding: 11px 0px 11px 0px; }

.shopcatalogcategories { margin-top: 0; }

.lastrow { border-bottom: none; }
.firstrow { border-top: solid 1px #ccc; }

.shopproductinfo_actions_bottom {
  text-align: right;
  margin: 11px 0px 11px 0px;
}

.shopproductinfo_actions_top {
  margin: 0px 0px 11px 0px;
  text-align: right;
}

.shopproductinfo_actions_noinfo { }

.shopproductinfo_heading { }

.shopproductinfodiv {
/*  clear: both;
  border: solid 1px #666;
  background-color: #ddd;
  padding: 5px;*/
}

.shopbasketcheckoutdiv {
  margin-top: 11px;
  border: solid 1px #ddd;
  padding: 5px;
  text-align: right;
}

.shopbasketcheckoutdiv input {
  font-size: 11px;
}

.shopcustdetails_table {
  width: 360px;
}

.shopcustdetails_table_col1 {
  width: 120px;
  text-align: left;
}

.shopcustdetails_table_col2 {
  width: 210px;
  text-align: right;
}

.shopcardpayment {
  width: 450px;
  border: none;
  padding: 0;
  margin: 0;
  padding-top: 11px;
}

.shopcardpayment_label {
  width: 145px;
  float: left;
  padding-top: 3px;
}

.shopcardpayment_combo {
  font-size: 11px;
}

.shopcardpayment_cardtype {
  width: 150px;
  font-size: 11px;
}

.shopcardpayment_editbox {
  width: 250px;
  font-size: 11px;
}

.shopcardpayment_row {
  padding-top: 2px;
  padding-bottom: 2px;
}

.shopcardpayment_row_buttons {
  width: 400px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: right;
}

.errorbox {
  color: #ff0000;
  border: 2px solid #ff0000;
  background-color: rgb(255,190,190);
  padding: 5px;
}

.shop_select_pay_method {
  margin: 0 auto;
  width: 600px;
}

.shop_select_pay_method_buttons {
  text-align: right !important;
}

.shop_select_pay_method_error {
  color: #ff0000;
  border: 2px solid #ff0000;
  background-color: rgb(255,190,190);
  padding: 5px;
  margin-bottom: 20px;
  width: 510px;
}

.checkout_summary_table {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

th.cst_qty, th.cst_product, th.cst_desc, th.cst_unitprice, th.cst_amount {
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 5px;
  background-color: #f4f4f4;
}


.cst_qty {
  width: 70px;
}
.cst_product {
  width: 80px;
}
.cst_desc  {
}
.cst_unitprice {
  width: 90px;
}
.cst_amount {
  width: 90px;
}

td.cst_qty, td.cst_product, td.cst_desc, td.cst_unitprice, td.cst_amount {
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 5px;
}

td.cst_product {
  text-align: center;
}

td.cst_qty, td.cst_unitprice, td.cst_amount {
  text-align: right;
}

th.cst_subtotal {
  font-weight: bold;
  text-align: right;
  border-right: 1px solid #ddd;
  padding: 5px;
}

td.cst_subtotal {
  text-align: right;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 5px;
}

th.cst_vat {
  font-weight: bold;
  text-align: right;
  border-right: 1px solid #ddd;
  padding: 5px;
}

td.cst_vat {
  text-align: right;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 5px;
}

.topborder {
  border-top: 1px solid #ddd;
}

.checkout_invoice_address {
  float: left;
  display: block;
  display: inline;
  width: 300px;
  font-size:11px;
}

.checkout_delivery_address {
  font-size:11px;
  float: left;
  display: block;
}

.checkout_select_paymethod {
  clear: both;
  display: block;
  position: relative;
  overflow: hidden;
}

.checkout_select_paymethod form {
  float: left;
  margin: 5px 15px 5px 0px;
}

.shop_adddeladdr_error {
  color: #ff0000;
  border: 2px solid #ff0000;
  background-color: rgb(255,190,190);
  padding: 5px;
  margin-bottom: 20px;
  width: 410px;
}

.shop_adddeladdr_error h3 {
  margin-top: 0px;
}

#my_account h2.prepaywarn {
  display: none;
}
#pricelist {
  position: relative;
  margin: 0 auto;
  border-collapse: collapse;
}

#pricelist th {
  line-height: 2em;
  text-align: left;
  padding: 0px 40px;
}

#pricelist tr:first-child {
	background-color: #F2F2F2;
}
	
td.pricecontent {
	  line-height: 1.4em;
  padding-left: 40px;
  padding-right: 40px;
}
.contr {
  display: block;
  margin: 0px; 
  line-height: 1.3em;
  width: 85%;
  margin-bottom: 20px;
}
.chead {
  font-weight: bold;
  font-size: 16px;
  text-align: left;
  width: 110px;
}

.crhead {
  font-size: 12px;
  font-weight: normal;
}

.contrsum,
.contrsum2 {
  text-align: right;
  padding-right: 10px;
  padding-left: 10px;
  display: block;
  float: left;
  height: 20px;
  border-top: 1px solid #eee;
}
.csum {
  font-weight: bold;
}

.cart {
  display: block;
  margin: 0px; 
  line-height: 1.8em;
  width: 85%;
  border-bottom: 1px solid #f7c080;
}

.carthead {
	font-weight: bold;
	background-color: #F2F2F2;
}
.carthead td {
	padding-top: 5px;
	padding-bottom: 5px;
}
.cartrow td {
	padding-top: 6px;
}
.carthead,
.cartrow {
	width: 800px;
	display: block;
}

.contrlist {
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: top;
	line-height: 13px;
}
.contrlist6 {
  text-align: right;
  padding-left: 20px;
  padding-right: 20px;
  width: 100px;
  vertical-align: top;
	line-height: 14px;
}
.contrlist.artcode { width:  70px; }
.contrlist.spec		 { width: 300px; }
.contrlist.quant	 { width:  70px; }
.contrlist.price	 { width:  70px; }
.contrlist.rebate	 { width:  70px; }
.contrlist.sum		 { width:  90px; }
.contrsum					 { width: 650px; }
.contrsum2				 { width: 100px; }
.contrlist.artcode { text-align:  left;  }
.contrlist.spec		 { text-align:  left;  }
.contrlist.quant	 { text-align:  right; }
.contrlist.price	 { text-align:  right; }
.contrlist.rebate	 { text-align:  right; }
.contrlist.sum		 { text-align:  right; }
.contrsum					 { text-align:  right; }
.contrsum2				 { text-align:  right; }


.slahead {
  padding-bottom: 15px;
  font-size: 16px;
  text-align: left;
}
.slaiv{
  padding: 0px 30px 7px 10px;
}
.slainvhead td {
  padding: 7px 10px 5px;
  background-color: #f2f2f2;
  font-weight: bold;
}
.slainvrow td {
  padding: 7px 10px 5px;
}
.tbsla {
  width: 100%;
}
.slainv {
  width: 100%;
  border-top: 1px solid #f7c080;
  padding-top: 20px;
}

.dash-col,
#dw-invoices ul li,
#dw-invoices ul li div,
.dw-sla-field,
.dash-widget h3,
.dash-widget p,
#marketing {
	display: block;
}
.dash-col {
	width: 469px;
	min-height: 300px;
	float: left;
}
#dash-col1 {
	padding-right: 20px;
}

.dash-widget {
	background-color: #fafafa;
	border: 1px solid #eee;
	border-radius: 10px;
	padding: 25px;
	margin-bottom: 20px;
	position: relative;
	min-height: 90px;
}
.dash-widget h3 {
	margin: 0px 0px 10px 0px;
	width: 400px;
}
.linkfromwidgettofullpage {
	text-align: right;
	position: absolute;
	right: 20px;
	bottom: 10px;
}
.linkfromwidgettofullpage a {
	text-decoration: none;
}
#dw-invoices ul {
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
#dw-invoices ul li,
#dw-invoices ul li div {
	height: 18px;
}
#dw-invoices ul li {
	list-style-type: none;
	width: 380px;
}
#dw-invoices ul li div {
	width: 100px;
	float: left;
}
#dw-invoices ul li.wi_stat_overdue {
	color: red;
}
.wi_no		{ width: 100px; }
.wi_term	{ width: 100px; }
.wi_sum		{ width: 100px; }
.wi_sum {
	text-align: right;
}

.dw-sla-row,
.dw-sla-field.label,
.dw-sla-field.value {
	height: 18px;
}
.dw-sla-field {
	float: left;
	padding-right: 5px;
}
.dw-sla-field.label {
	width: 300px;
}
.dw-sla-field.value {
	width: 50px;
}
#marketing {
	padding: 0px;
}
.markmsg {
	margin-bottom: 10px;
}
.markmsg:last-child {
	margin-bottom: 0px;
}