/*
    ============== (C) Copyright Relate.IT - All rights reserved ===============

    The copyright to the contents herein is the property of Relate.IT. The 
    contents may be used and/or copied only with the written permission of
    Relate.IT, or in accordance with the terms and conditions stipulated in 
    the agreement/contract under which the contents have been supplied.

    Internet:                   http://www.relate-it.eu

    ============================================================================
    $Id: default.css,v 1.7 2009/04/09 12:12:09 cvs Exp $ 
    ============================================================================
*/

BODY { 
	margin: 0; padding: 0; padding:0px; text-align: center; }

#container 	{ 
	margin: 0px auto; text-align:left; font: 8pt/16pt verdana; max-width: 1024px; }

#pageHeader { 
	margin: 0px; background: #EFE5D1 url("../img/logo_new.png") no-repeat 175px;
	padding-left: 8px; padding-top: 8px; height: 141px; }
#pageHeader A.big {
	text-decoration: underline; font-size: 11pt; font-weight: bold; 
	display: block; margin-bottom: 5px; width: 175px; }
#pageHeader A.big:hover {
	text-decoration: none; }
#pageHeader TD.langselect IMG {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5; }
#pageHeader TD.langselect A:hover IMG, #pageHeader TD.langselect IMG.selected {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1; }

#cartPanel	{ 
	width: 167px; color: #8e5d34; line-height: 18px; margin: 0;
	background: #EFE5D1; }
#cartPanel A, #cartPanel A:hover { 
	color: #8e5d34; }

#loginPanel	{ 
	color: #8e5d34; padding-top: 12px; padding-bottom: 12px; }
#loginPanel A, #loginPanel A:hover { color: #8e5d34; }

#leftPanel { 
	background: #EFE5D1; color: #8e5d34; width: 175px; margin: 0; }
#leftPanel P {
	font-size: 7pt; padding-left: 5px; padding-top: 0px; padding-bottom: 0px; }
#search { 
	position: absolute; top: 149px; margin-left: 780px; }
#search H1 {
	float: left; margin-right: 10px; }
#search FORM {
	float: left; }
#menuFooter {
	width: 100%; text-align: center; }
#menuFooter IMG {
	padding-top: 20px; }
H2.menuItem	{ 
	background: #a2693c; color: white; margin-top: 0px; margin-bottom: 1px;
	font-size: 14px; font-weight: bold; font-family: verdana; padding-top: 4px; 
	padding-bottom: 4px; }
H2 A		{ color: white; }
H1 A		{ color: white; }
#catList { 
	margin-left: 0px; margin-top: 10px; padding-left: 20px; padding-bottom: 3px; }
LI.special {
	padding-left: 0px; list-style: square; list-style-position: outside; }
LI.special A {
	color: #8e5d34; font-weight: bold; font-size: 11px; font-family: verdana; }
LI.category { 
 	padding-left: 0px; list-style: circle; list-style-position: outside; }
LI.categorySel { 
	padding-left: 0px; list-style: circle; }
LI.categorySel A {
	text-decoration: underline; }
A.category 	{ 
	color: #8e5d34; font-size: 11px; font-weight: bold; font-family: verdana; }
LI.subcategory 	{ 
	padding-left: 10px; list-style: none; }
LI.subcategorySel { 
	padding-left: 10px; list-style: none; }
LI.subcategorySel A {
	text-decoration: underline; }
A.subcategory { 
	color: #8e5d34; font-size: 11px; font-family: verdana; }

#content { 
	margin: 0; font: 8pt/16pt verdana; padding-left: 10px; }
DIV.navigation { 
	width: 100%; text-align: center; }
DIV.navigation P {
	font-size: 10pt; }

TABLE.categoryInfo {
	border-bottom: 2px solid #EFE5D1; margin-bottom: 15px; padding: 10px; }

TABLE.thumbCat {
	width: 150px; background: #EFE5D1; margin-top: 15px; }
TD.thumbCat {
	padding: 4px; background: #DFC0A7; }
A.thumbCat {
	color: #4B311A; font-size: 11px; font-weight: bold; font-variant: small-caps; }

TABLE.product { 
	width: 135px; margin-bottom: 18px; margin-top: 10px; }
TD.prodPic	{ 
	background: #EFE5D1; padding-left: 2px; padding-bottom: 5px; }
TD.prodIndicator { 
	background: #EFE5D1; color: #6C00A4; font-weight: bold; font-family: arial; }
TD.prodSummary	{ 
	background: #EFE5D1; vertical-align: bottom; padding: 0; }
DIV.prodName 	{ 
	font-size: 8pt; margin: 0; padding: 2px; font-variant: small-caps; 
	font-weight: bold; line-height: 12px; background: #DFC0A7; height: 48px;
	padding-top: 2px; vertical-align: middle; display: table-cell; width: 135px; 
	color: #4B311A; text-align: left; }
DIV.prodName A {
	color: #4B311A; display: block; width: 100%; }
DIV.prodPricing	{ 
	font-size: 8pt; margin: 0; font-family: arial; height: 45px;
	padding: 3px; line-height: 13px; text-align: left; }
DIV.prodOrder	{ 
	font-size: 8pt; margin: 0; padding: 0; text-align: right; 
	background: #DFC0A7; color: #4B311A; }
#productDescription { padding: 6px; }

TABLE.cart 		{ width: 98%; }
TD				{ font-size: 8pt; }
TH { 
	background: #DFC0A7; border-bottom: 1px solid #330000; padding: 4px;
	font-size: 9pt; font-family: arial; color: #4B311A; }
TABLE.cart TD { padding-left: 6px; font-family: verdana; }
TH.numeric, TD.numeric, TD.property	{ 
	text-align: right; background: #EFE5D1; padding-right: 2px; }
TD.property 	{ font-size: 9pt; }
TD.boldNumeric	{ 
	text-align: right; border-top: 1px dotted #330000; 
	padding: 4px; background: #DFC799; font-size: 9pt; }
TD.grandTotalNumeric { 
	text-align: right; border-top: 1px dotted #330000; 
	padding: 6px; background: #DFC799; font-size: 10pt;
	font-weight: bold; }
TD.seperator 	{ text-align: right; border-top: 1px dotted #4B311A;
				font-size: 9pt; padding: 4px; }
TD.seperatorGrandTotal	{ text-align: right; border-top: 1px dotted #4B311A;
						font-size: 10pt; padding: 6px; font-weight: bold; }
SPAN.nextStaffelPrice {
	font-size: 7pt; color: #777777; }
#deliveryMethods {
	font-size: 8pt; padding-top: 15px; }
#deliveryMethods LABEL {
	width: 250px; display: block; float: left; background-color: #EFE5D1;
	margin: 3px; border-bottom: 1px solid #DFC799; padding-bottom: 1px;
	border-right: 1px solid #DFC799; cursor: pointer; }
#deliveryMethods LABEL:hover {
	background-color: #DFC799; }
#freeDeliveryMsg {
	clear: both; color: #EC282D; padding-top: 10px; padding-bottom: 0px; }
#idealIssuerSelect {
	clear: both; padding-top: 15px; }
#cartMessages {
	padding-top: 20px; padding-bottom: 10px; }
#cartMessages P {
	padding-top: 8px; }
#iDEALPayButton {
	font-weight: bold; margin-left: 45%; }
#iDEALPayButton:hover {
	cursor: pointer; }
	
#progress 	{ text-align: center; color: #333333; padding: 15px; 
			border: 1px dotted #DEDEDE; }

H1, H2		{ font-family: arial; margin: 0px; padding-left: 6px; 
			margin-bottom: 3px; }
H1 { 
	background: #a2693c; color: white; font-size: 14px; font-weight: bold;
	font-family: verdana; padding-top: 4px; padding-bottom: 4px; 
	margin-left: -10px; }
H2 { 
	font-size: 12px; background: #EFE5D1; margin-top: 15px; color: #8e5d34; }
H3			{ font-size: 9pt; font-weight: bold; }
A {
    color: #8e5d34; text-decoration: none; }
A:hover	{
    text-decoration: underline; }
PRE.orderInfo {
	margin-left: 6px; padding: 4px; font-size: 8pt; border: 1px solid #dddddd; 
	line-height: 9pt; }
P 			{ margin: 0; padding: 6px; font-size: 8pt; }
P.error		{ color: red; font-weight: bold; }
FORM		{ padding: 4px; margin: 0px; }
FORM.tip {
	background: #EEEEEE; }
FORM.tip INPUT {
	font-weight: normal; }
INPUT		{ font-size: 8pt; font-weight: bold; }
INPUT.error {
	border: 2px solid red; }
INPUT.numeric	{ text-align: right; }
UL			{ margin-left: 20px;  }

IMG 		{ border:0px; }
IMG.right	{ border:0px; float: right; padding-left: 14px; padding-top: 5px; }
IMG.center	{ text-align: center; clear: both; }
IMG.hand	{ cursor: pointer; }

#footer		{ color: #AAAAAA; padding: 0; height: 20px; font-size: 7pt; 
			margin-top: 5px; }
#copyright	{ font-size: 7pt; color: #AAAAAA; padding-left: 4px; }
#copyright a { color: #AAAAAA; font-weight: normal; text-decoration: none; }