body, table, input, select, textarea {
	font: 9pt Verdana, Arial, Sanserif;
}
body {
	margin: 0;
}

a {
	text-decoration: none;
}

#content a, #content a span {
	padding: 0;
	color: #fff;
	background-color: #c00;
	text-decoration: none;
}
#content a.trans {
	color: #000;
	background-color: transparent;
}
#content a:hover, #content a:hover span {
	background-color: transparent;
	color: #c00;
	text-decoration: underline;
}
#content a h2 {
	color: #fff;
}
#content h2.invisible a {
	color: #aaa;
}
#content a:hover h2 {
	color: #c00;
}
#content table.mceLayout a,
#content table.mceLayout span {
	background-color: transparent;
	color: #000;
}

.pagewidth {
	position: absolute;
	left: 50%;
	width: 980px;
	margin-left: -490px;
}

#topbar {
	position: relative;
	height: 96px;
	background: transparent url('images/top.png') repeat-x bottom;
}
#header {
	height: 100%;
	background: transparent url('images/infperf.png') 0 0 no-repeat;
}
#header ul {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#header ul li {
	display: block;
	float: left;
}
#header ul li a {
	display: block;
	color: #fff;
	background-color: transparent;
}
#header ul li a:hover {
	text-decoration: underline;
}

ul#mainmenu {
	left: 150px;
	bottom: 0;
}
ul#mainmenu li {
}
ul#mainmenu li.selected {
	background: #fff url('images/tab_left.png') top left no-repeat;
}
ul#mainmenu li a {
	font-weight: bold;
	padding: 8px;
}
ul#mainmenu li.selected a {
	color: #000;
	background: transparent url('images/tab_right.png') top right no-repeat;
}

ul#accountmenu {
	right: 10px;
	bottom: 4px;
}
ul#accountmenu li {
}
ul#accountmenu li a {
	padding: 4px;
}

ul#thememenu {
	right: 10px;
	top: 5px;
}
ul#thememenu li {
	margin-left: 4px;
	cursor: pointer;

	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}
ul#thememenu li.selected {
	cursor: default;
	
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
}

ul#profilemenu {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: auto;
	background-color: #ddd;
	border: 1px solid #aaa;
	z-index: 9999;
}
ul#profilemenu li a {
	display: block;
	padding: 3px;
	background-color: transparent;
	color: #000;
}
ul#profilemenu li a:hover {
	background-color: #c00;
	color: #fff;
}

#content {
	top: 96px;
	bottom: 20px;
	overflow: auto;
	background: #fff url('images/logo_bg.png') 0 100px no-repeat;
}
#content, #mceContentBody {
	line-height: 1.35em;
}

#footer {
	position: absolute;
	height: 16px;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-top: 2px;
	text-align: center;
	font-size: 7pt;
	background-color: #b4d4ec;
	color: #000;
	border-top: 1px solid #2f78b0;
}
#footer a {
	color: #000;
	background-color: transparent;
}

h1 {
	margin-top: 8px;
	margin-bottom: 6px;
	font: bold 17pt "Trebuchet MS", "Century Gothic", Futura, Tahoma, Arial, Sans-Serif;
	color: #052562;
	background-color: transparent;
}
#content a.product b.invisible,
#content .invisible {
	color: #aaa;
}

iframe.gmaps {
	width: 99%;
	height: 480px;
	border: 1px solid #000;
	margin-top: 10px;
}

td.top {
	vertical-align: top;
}

fieldset {
	border: 1px solid #3885bf;
	margin-top: 10px;
	padding: 5px;
}

fieldset legend {
	color: #052562;
	background-color: transparent;
}

col.formfield {
	width: 150px;
}

span.explanation {
	font-size: 8pt;
	color: #666;
	background-color: transparent;
}

input.error {
	border: 2px solid #d00;
	padding: 1px;
}

table.cart {
	width: 730px;
}
table.cart td {
	border-top: 1px solid #aaa;
}
table.cart td, table.cart th {
	height: 1.9em;
}
table.cart td.total {
	border-top: 1px solid #000;
	font-weight: bold;
}

td.price, th.price {
	width: 6.5em;
	text-align: right;
}

td.artno, th.artno {
	width: 10em;
}

td.amount, th.amount {
	width: 4em;
}

input.amount {
	width: 2em;
}

p.warning {
	background: transparent url('images/warning16.png') 0 1px no-repeat;
	padding-left: 20px;
	padding-bottom: 3px;
}

p.info {
	position: relative;
	background: transparent url('images/info16.png') 0 1px no-repeat;
	padding-left: 20px;
	padding-bottom: 3px;
}

#content .editable {
	position: relative;
}
#content .editable a.text_edit {
	display: none;
	position: absolute;
	right: 2px;
	top: 2px;
	background-color: transparent;
	z-index: 5000;

	opacity: 0.4;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
}
#content .editable a.text_edit img {
	width: auto;
	height: auto;
	background-color: transparent;
	border: 0;
}
#content .editable:hover a.text_edit {
	display: block;
}
#content .editable a.text_edit:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
}
textarea.text_edit {
	width: 850px;
	height: 500px;
}

input.textarea {
	float: right;
	clear: right;
	margin-bottom: 4px;
	width: 100px;
}

.bgimage {
	margin-top: 10px;
	height: 250px;
	width: 980px;
}

img {
	border: 0;
}

.selected {
	font-weight: bold;
}

th {
	text-align: left;
}

td.space, th.space {
	padding-right: 5px;
}

td.space2, th.space2 {
	padding-right: 15px;
}

td.form_submit {
	padding-top: 8px;
	text-align: center;
}

div.heading {
	color: #fff;
	background-color: #3885bf;
	padding-left: 2px;
}

ul {
	margin: 0;
	padding-left: 1.2em;
}

.indent {
	position: relative;
	padding-left: 16px;
}

div.frontpage {
	width: 570px;
}

div.newsbox {
	position: absolute;
	top: 260px;
	right: 0;
	width: 400px;
	bottom: 0;
}

div.news p {
	margin: 0 0 10px 0;
}

div.newsbox div.news {
	text-align: justify;
}

div#newsitem {
	width: 720px;	/* initial value, made prettier by javascript */
}

div#newsitem_box {
	width: 250px;	/* initial value, made prettier by javascript */
	float: right;
}

h2 {
	margin-bottom: 0;
	font: bold 12pt "Trebuchet MS", "Century Gothic", Futura, Tahoma, Arial, Sans-Serif;
	color: #052562;
	background-color: transparent;
}

span.newsposter {
	display: block;
	font-size: 7pt;
}

.left {
	float: left;
}
.right {
	float: right;
}
td.right, th.right {
	float: none;
	text-align: right;
}
.absright {
	position: absolute;
	right: 0;
}

textarea.news_intro {
	width: 80%;
	height: 5em;
}
textarea.news_text {
	width: 80%;
	height: 25em;
}

#shop_categories {
	position: absolute;
	left: 0;
	top: 0px;
	bottom: 0;
	width: 220px;
	overflow: auto;
	padding: 10px 0 0 0;
}
#shop_categories li.cart {
	height: 48px;
}
#shop_categories li.cart a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: transparent url('images/cart48.png') top left no-repeat;
	font-weight: normal;
}
#shop_categories li.cart a:hover {
	background-color: #c00;
}
#shop_categories li.cart a span {
	position: absolute;
	left: 50px;
	top: 16px;
	background-color: #c00;
	color: #fff;
	cursor: pointer;
}
#shop_categories li.cart a:hover span {
	text-decoration: none;
}

#shop_categories li.search {
}
#shop_categories li.search input {
	width: 198px;
	border: 2px solid #ddd;
	background: #ddd url('images/search16.png') 0 0 no-repeat;
	padding-left: 18px;
}
#shop_categories li.search input:hover,
#shop_categories li.search input:focus,
#shop_categories li.search input.focus {
	background-color: #fff;
	color: #000;
	border: 2px solid #c00;
}
#shop_categories li.selected input {
	background-color: #c00;
	color: #fff;
	border: 2px solid #c00;
}

#shop_content {
	position: absolute;
	left: 230px;
	top: 0;
	bottom: 0;
	right: 0;
	overflow: auto;
	z-index: 1;
}

/* Normal state */
#shop_categories li {
	position: relative;
	margin-bottom: 1px;
	height: 21px;
}
li.main_category {
	font-weight: bold;
}
li.sub_category {
	font-weight: normal;
}

#shop_categories li a {
	position: absolute;
	left: 0;
	top: 0;
	right: 10px;
	bottom: 0;
	padding-top: 0.15em;
	overflow: hidden;
}

#shop_categories li.main_category a {
	padding-left: 2px;
	color: #fff;
	background-color: #444;
}
#shop_categories li.sub_category a {
	padding-left: 12px;
	color: #000;
	background-color: #ddd;
}
#shop_categories li.subsub a {
	padding-left: 22px;
	color: #444;
}

#shop_categories li .category_indicator {
	position: absolute;
	right: 0;
	width: 10px;
	top: 0;
	bottom: 0;
}
li.main_category .category_indicator {
	background-color: #444;
}
li.sub_category .category_indicator {
	background-color: #ddd;
}

/* Hover & selected state */

#shop_categories li:hover a,
#shop_categories li.main_category:hover a,
#shop_categories li.sub_category:hover a,
#shop_categories li.selected a {
	text-decoration: none;
	background-color: #c00;
	color: #fff;
}

#shop_categories li:hover .category_indicator,
#shop_categories li.selected .category_indicator {
	background-color: #444;
	background: transparent url('images/arrow_red.png') top right no-repeat;
}


#shop_categories li.new_category {
	background-color: #ddd;
}
#shop_categories li.new_category a {
	right: 0;
	background-color: transparent;
	color: #000;
	font-style: italic;
	padding-left: 2px;
}

#shop_categories li.new_category:hover {
	background-color: #c00;
}
#shop_categories li.new_category:hover a {
	color: #fff;
}


#content a.category {
	display: block;
	position: relative;
	width: 726px;
	padding: 2px;
	font-weight: bold;
	color: #000;
	background-color: transparent;
	border-top: 1px solid #aaa;
}
#content a.category:hover {
	text-decoration: none;
	color: #fff;
	background-color: #c00;
}

#content a.category span.name {
	color: #fff;
	background-color: #c00;
}

#content a.category span.description {
	margin-left: 8px;
	font-weight: normal;
	color: #000;
	background-color: transparent;
	text-decoration: none;
}
#content a.category:hover span {
	color: #fff;
	background-color: transparent;
}

div.products {
}

#content a.product {
	position: relative;
	display: block;
	float: left;
	clear: left;
	width: 730px;
	height: 95px;
	padding-top: 5px;
	color: #000;
	background-color: transparent;
	overflow: hidden;
	border-top: 1px solid #aaa;
}

#content .frontpage a.product {
	width: 560px;
}
#content a.has_image {
	width: 620px;
	padding-left: 110px;
}
#content .frontpage a.has_image {
	width: 450px;
}
#content a.product:hover {
	text-decoration: none;
	color: #fff;
	background-color: #c00;
}

#content a.product b {
	color: #fff;
	background-color: #c00;
}

#content a.product img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
}

#content a.product span {
	background-color: transparent;
	color: #000;
	cursor: pointer;
}
#content a.product:hover span {
	color: #fff;
}

#content a.product span.artno {
	margin-left: 10px;
	font-size: 7pt;
}

#content span.stock {
	display: block;
	position: absolute;
	right: 105px;
	bottom: 4px;
	height: 24px;
	padding-left: 30px;
	padding-top: 4px;
	background: transparent url('images/box24.png') top left no-repeat;
}

#content span.leadtime {
	display: block;
	position: absolute;
	right: 105px;
	bottom: 4px;
	height: 24px;
	padding-left: 30px;
	padding-top: 4px;
	background: transparent url('images/clock24.png') top left no-repeat;
}

#content span.price {
	display: block;
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 90px;
	height: 30px;
	background: transparent url('images/pricetag.png') top left no-repeat;
	text-align: right;
}
#content span.price span {
	position: absolute;
	right: 8px;
	top: 6px;
	background-color: transparent;
}
#content a.product span.price,
#content a.product span.price span {
	color: #000;
}
#content a.product:hover span {
	text-decoration: none;
}

#content span.pagenav {
	display: block;
	float: right;
	margin-right: 20px;
	font: 9pt Verdana, Arial, Sanserif;
	color: #000;
	background-color: transparent;
}
#content span.pagenav span,
#content span.pagenav a {
	display: block;
	float: left;
	margin-left: 3px;
	padding-top: 2px;
}

#content span.pagenav span.pageno {
	font-weight: bold;
	font-size: 12pt;
	padding-top: 0;
}
#content span.pagenav a.pageno {
	padding: 2px 4px 2px 4px;
}

p.pagenav_prevnext {
	clear: both;
	position: relative;
	width: 730px;
	margin: 0;
	border-top: 1px solid #aaa;
}
.frontpage p.pagenav_prevnext {
	width: 560px;
}
p.pagenav_prevnext a {
	display: block;
	position: absolute;
	top: 10px;
}
a.prev_page {
	right: 52%;
}
a.next_page {
	left: 52%;
}

textarea.cat_intro {
	width: 400px;
	height: 50px;
}
textarea.cat_text {
	width: 500px;
	height: 300px;
}



div.product {
	position: relative;
}

div.product img.icon {
	float: right;
}

div.product h1 span.artno {
	font-size: 8pt;
	margin-left: 10px;
}

div.product div.photos {
	clear: both;
}

div.product select.cart_add {
	float: left;
	margin-top: 1px;
}

div.product input.disabled {
	cursor: default;
	
	opacity: 0.4;
	filter: alpha(opacity=40);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}

div#photos img {
	border: 1px solid #ccc;
	height: 150px;
	cursor: pointer;
}
div#photos img:hover {
	border: 1px solid #c00;
	background-color: #c00;
}

div#photos div {
	position: relative;
	float: left;
	width: auto;
	height: 150px;
	padding-right: 20px;
}

div#photos a.icon_photo {
	position: absolute;
	right: 4px;
	top: 0;
}

div#photos a.del_photo {
	position: absolute;
	right: 4px;
	top: 18px;
}

div.clear {
	clear: left;
	padding-top: 8px;
}

div#photos a {
	background-color: transparent;
}
div#photos a img {
	border: 0;
	width: auto;
	height: auto;
}
div#photos a:hover img:hover {
	border: 0;
	background-color: transparent;
}

div.photo_bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	z-index: 10000;

	opacity: 0.4;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
}

img.photo_img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	background-color: #fff;
	border: 1px solid #444;
	z-index: 10001;

	opacity: 0.05;
	filter: alpha(opacity=5);
	-moz-opacity: 0.05;
	-khtml-opacity: 0.05;
}

div.product div.options {
	position: relative;
	clear: both;
	height: 30px;
	margin-top: 15px;
}

#content .wide {
	width: 100%;
}

ul.orderbar {
	display: block;
	padding: 0;
}
ul.orderbar li {
	display: block;
	float: left;
	height: 24px;
	width: 121px;
	text-align: center;
	padding-top: 6px;
	background: transparent url("images/orderbar_grey.png") top left no-repeat;
}
ul.orderbar li.current {
	background: transparent url("images/orderbar_current.png") top left no-repeat;
	color: #fff;
	font-weight: bold;
}
ul.orderbar li.done {
	background: transparent url("images/orderbar_done.png") top left no-repeat;
	color: #fff;
}
ul.orderbar li.last {
	background: transparent url("images/orderbar_last_grey.png") top left no-repeat;
}
ul.orderbar li.last_done {
	background: transparent url("images/orderbar_last_done.png") top left no-repeat;
	color: #fff;
	font-weight: bold;
}

div.order_option {
	width: 730px;
}

span.orderOptionPrice {
	display: none;
	float: right;
}
label.orderOption {
	font-weight: bold;
}
div.orderOptionExtra {
	padding-top: 2px;
	padding-left: 24px;
	padding-bottom: 2px;
	margin-bottom: 12px;
}
div.orderOptionExtra p.info {
	margin-bottom: 0;
}

div.option_selected label {
	background-color: #c00;
	color: #fff;
}
div.option_selected span.orderOptionPrice {
	display: block;
}
textarea.order_option {
	width: 60em;
	height: 5em;
}

textarea.order_comment {
	width: 58em;
	height: 5em;
}

table.orderlist tr:hover td {
	cursor: pointer;
	color: #fff;
	background-color: #c00;
}
#content table.orderlist tr:hover td a {
	color: #fff;
	text-decoration: none;
}

#content a.rss {
	color: #c00;
	background-color: transparent;
}
#content a.rss:hover {
	text-decoration: none;
}
#content a.rss img {
	margin-bottom: -3px;
	padding-right: 4px;
}
#content h1 a.rss img {
	margin-bottom: 0;
	padding-right: 0;
}

table.order_filter {
	color: #000;
	background-color: #ccc;
}
table.order_filter td {
	padding-top: 0;
	padding-bottom: 1px;
}
tr.filter_header td {
	font-size: 6pt;
	line-height: 1em;
	padding-top: 1px;
	padding-bottom: 0;
}
table.order_filter input,
table.order_filter select {
	color: #000;
	background-color: #eee;
	border: 1px solid #888;
}
table.order_filter input.submit {
	height: 25px;
}


table#ordergrid {
	background-color: #ccc;
}
table#ordergrid th {
	color: #000;
	background-color: #d6d2c2;
}
table#ordergrid td {
	color: #000;
	background-color: #fff;
}

#content span.searchmatch,
#content .product span.searchmatch {
	color: #fff;
	background-color: #38d878;
}

div.order_processor_bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10000;
	background-color: #000;

	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}

div.order_processor {
	position: absolute;
	left: 50%;
	top: 135px;
	width: 500px;
	margin-left: -250px;
	padding-bottom: 8px;
	z-index: 10001;
	background-color: #fff;
	border: 2px outset #888;
}
div.order_processor h2.title {
	margin: 0;
	padding-left: 2px;
	background-color: #052562;
	color: #fff;
}
div.order_processor div.content {
	padding: 8px;
}

p.centered {
	text-align: center;
}

div.order_processor textarea.mailpopup {
	width: 95%;
	height: 8em;
}

form#frmLabel {
	position: absolute;
	left: 50px;
	top: 20px;
}

table#address_label {
	font: 8pt Arial, Sanserif;
	position: absolute;
	left: 50px;
	top: 50px;
	width: auto;
	border: 1px solid #000;
	font-size: 8pt;
}
table#address_label td {
	vertical-align: top;
}

table#address_label td.senderside {
	padding-left: 5px;
	padding-right: 3px;
	border-left: 1px solid #000;
}

table#address_label td.recipient {
	padding-top: 3px;
}
table#address_label td.recipient table {
	font: bold 14pt Arial, Sanserif;
	margin-right: 6px;
}

table#address_label td.sender {
	padding-top: 4px;
	font-size: 10pt;
}

input.button {
	width: auto;
	overflow: visible;
	padding: 0 .25em 0 .25em;
}

table.ordergraph {
}
table.ordergraph td {
	width: 18px;
	text-align: center;
	border-right: 1px solid #ddd;
	overflow: hidden;
}
table.yeargraph td {
	width: 34px;
}
table.ordergraph td.bar {
	vertical-align: bottom;
	height: 280px;
	border-bottom: 1px solid #ddd;
}
table.ordergraph td.bar div {
	width: 100%;
	height: 0;
	background-color: #c00;
}
table.ordergraph td.legend {
	min-width: 25px;
	width: auto;
	text-align: right;
	vertical-align: top;
	overflow: auto;
}
table.ordergraph td.legend div {
	position: relative;
	height: 280px;
	padding-left: 4px;
	background-color: #ddd;
}
table.ordergraph td.legend div span {
	position: absolute;
	bottom: 0;
	right: 0;
}

#brands {
	display: relative;
	background: transparent url("images/brandbox_bg.png") bottom left no-repeat;
}
#brands h2 {
	padding: 2px 0 2px 4px;
	background: transparent url("images/brandbox_top.png") top left no-repeat;
}
#brands h2 a {
	float: right;
	margin: 2px 25px 0 0;
	padding: 0;
	background-color: transparent;
}
#brands span,
#brands a {
	margin: 0 10px 0 2px;
	float: left;
}
#brands div.close {
	clear: both;
	height: 8px;
}
#brands a {
	padding: 2px;
}

.brandcloud0 {
	font-size: 8pt;
	color: #777 !important;
	background-color: transparent !important;
}
.brandcloud1 {
	font-size: 10pt;
	color: #555 !important;
	background-color: transparent !important;
}
.brandcloud2 {
	font-size: 12pt;
	color: #444 !important;
	background-color: transparent !important;
}
.brandcloud3 {
	font-size: 14pt;
	color: #333 !important;
	background-color: transparent !important;
}
.brandcloud4 {
	font-size: 16pt;
	color: #222 !important;
	background-color: transparent !important;
}
.brandcloud5 {
	font-size: 18pt;
	color: #000 !important;
	background-color: transparent !important;
}

div.userlookup_popup {
	position: absolute;
	z-index: 9999;
	width: 250px;
	height: 200px;
	padding: 1px;
	border: 1px solid #666;
	background-color: #fff;
	color: #000;
}
div.userlookup_popup input {
	border: 1px solid #888;
	background: #fff url("images/search16.png") left top no-repeat;
	padding-left: 16px;
	width: 192px;
}
div.userlookup_popup input.loading {
	background-image: url("images/ajaxload16.gif");
}

div.userlookup_popup span {
	display: block;
	padding: 10px;
	color: #888;
}
div.userlookup_popup span.btn {
	width: 16px;
	height: 16px;
	float: right;
	cursor: pointer;
	padding: 0px;
	color: #000;
}
div.userlookup_popup span.btnClose {
	color: transparent;
	background: transparent url("images/close16.png") left top no-repeat;
}
div.userlookup_popup div {
	position: absolute;
	left: 0;
	top: 22px;
	right: 0;
	bottom: 0;
	overflow: auto;
}
div.userlookup_popup a {
	display: block;
	padding: 2px 0 2px 18px;
	color: #c00;
	background: transparent url("images/user16.png") 0 2px no-repeat;
}
div.userlookup_popup a:hover {
	color: #fff;
	background-color: #c00;
}

body.search_preview a {
	display: block;
	padding: 2px;
	color: #c00;
	background-color: transparent;
}
body.search_preview a:hover {
	color: #fff;
	background-color: #c00;
}
body.search_preview p.info {
	background-position: 40px 30px;
	padding-left: 60px;
	padding-top: 31px;
}