/*
    ========= (C) COPYRIGHT 2004 - 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.

    Contact person:     			Bobby J.W. Nijssen
    Internet:           			http://www.relatesolutions.nl
    
    ============================================================================
    $Id: default.css,v 1.21 2009/05/29 08:21:29 cvs Exp $ 
    ============================================================================
*/

BODY 		{ color:black; margin: 0; padding: 0; }
IFRAME.forum { 
	border: 0px; border-top: 5px solid #990000; }

#container 	{ margin: 0px; text-align: left; position: relative; 
			font: 8pt/16pt verdana; }

#pageHeader { width: 100%; background: url(../img/header_bg.gif) repeat-x; 
			margin: 0px; }
#header		{ text-indent: -5000px; height: 105px; margin: 0px; }
#logo {
	width: 371px; height: 105px; display: block; margin-left: 5px;
	background: url(../img/logo.png) no-repeat; }
#logo:hover {
	cursor: pointer; }
#pageHeader TD.langselect IMG {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5; opacity: 0.5; }
#pageHeader TD.langselect A:hover IMG, #pageHeader TD.langselect IMG.selected {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1; opacity: 1; }

#cartPanel	{ position: absolute; width: 214px; height: 105px; right: 0px; 
			top: 2px; background: url(../img/cartempty.gif) no-repeat; 
			color: white; line-height: 18px; padding-top: 22px; margin: 0; 
			text-align: right; }
#cartPanel.fullCart	{ background: url(../img/cartfull.gif) no-repeat; }
#cartPanel A, #cartPanel A:hover { color: white; }

#loginPanel	{ position: absolute; width: 132px; height: 52px; right: 240px; 
			top: 55px; background: url(../img/login_bg.gif) no-repeat; 
			color: white; padding-left: 16px; padding-top: 14px; 
			line-height: 16px; }
#loginPanel A, #loginPanel A:hover { color: white; }

#leftPanel 	{ width: 150px; margin: 0; padding-right: 12px; 
	background: url(../img/shadow.gif) repeat-y right; }
#leftPanel P {
	font-size: 7pt; padding-left: 5px; padding-top: 0px; padding-bottom: 0px; }
#search 	{ font: 8pt/16pt verdana; }
#menuFooter {
	width: 100%; text-align: center; }
#menuFooter IMG {
	padding-top: 20px; }
H2.menuItem	{ 
	background: #CC0000; color: white; margin-top: 0px; font-size: 12px; 
	padding-bottom: 1px; }
H2 A		{ color: white; }
H1 A		{ color: white; }
#catList { 
	margin-left: 0px; margin-top: 0px; padding-left: 20px; padding-bottom: 3px; }
LI.special {
	padding-left: 0px; list-style: square; list-style-position: outside; }
LI.special A {
	font-weight: bold; font-size: 7pt; }
LI.category { 
 	padding-left: 0px; list-style: circle; list-style-position: outside; }
LI.categorySel { 
	padding-left: 0px; list-style: circle; font-weight: bold; padding-top: 2px;
	background: #CFCFCF; padding-bottom: 2px; }
A.category 	{ color: black; font-size: 7pt; }
LI.subcategory 	{ 
	padding-left: 10px; list-style: none; }
LI.subcategorySel { 
	padding-left: 10px; list-style: none; font-weight: bold;  padding-top: 2px; 
	background: #EEEEEE; padding-bottom: 2px; }
A.subcategory 	{ color: #666666; font-size: 7pt; }

#content { 
	margin: 0; background: #F5F5F5; font: 8pt/16pt verdana; }

DIV.navigation	{ width: 100%; text-align: center; }

TABLE.thumbCat {
	width: 150px; background: #EEEEEE; margin-top: 20px; }
TD.thumbCat {
	padding: 4px; background: #CFCFCF; }
A.thumbCat {
	color: black; font-size: 11px; font-weight: bold; 
	font-variant: small-caps; }

TABLE.product	{ width: 140px; margin-bottom: 10px; margin-top: 10px; }
TD.prodPic	{ background: #EEEEEE; padding-left: 2px; padding-top: 2px; }
TD.prodIndicator { 
	background: #EEEEEE; color: #CC0000; font-weight: bold; font-family: arial; }
TD.prodSummary	{ background: #EEEEEE; vertical-align: bottom; padding: 0; }
DIV.prodName 	{ font-size: 8pt; margin: 0; padding: 3px; 
				font-variant: small-caps; font-weight: bold; line-height: 12px;
				background: #CFCFCF; height: 48px; padding-top: 2px; 
				vertical-align: middle; display: table-cell; width: 135px; 
				color: #330000; }
DIV.prodPricing	{ font-size: 8pt; margin: 0; font-family: arial; height: 70px;
				padding: 3px; line-height: 13px; }
DIV.prodOrder	{ font-size: 8pt; margin: 0; padding: 0; vertical-align: middle;
				background: #DEDEDE; }
#productDescription { padding: 6px; }
.points {
	color: #CF7474; }
#pointAmount {
	padding: 10px; font-size:20px; border: 2px solid #EFD1D1; 
	margin-bottom: 15px; margin-top: 15px; width: 160px; }
#pointAmount SPAN {
	font-weight: bold; }
#pointAmountTotal {
	text-align: right; color: #CF7474; font-weight: normal; }
#pointAmountTotal TD {
	padding: 6px; border-bottom: 1px solid #EFD1D1; border-top: 1px solid #330000; }
#earnedPointAmount TD {
	font-weight: bold; padding-bottom: 10px; }

TABLE.cart 		{ width: 98%; }
TD				{ font-size: 8pt; }
TH				{ background: #FFCC99; border-bottom: 1px solid #330000; 
				padding: 4px; font-size: 9pt; font-family: arial; }
TABLE.cart TD { padding-left: 6px; font-family: verdana; }
TH.numeric, TD.numeric, TD.property	{ text-align: right; background: #EEEEEE; 
									padding-right: 2px; }
TD.property 	{ font-size: 9pt; }
TD.boldNumeric	{ text-align: right; border-top: 1px dotted #330000; 
				padding: 4px; background: #DEDEDE; font-size: 9pt; }
TD.grandTotalNumeric	{ text-align: right; border-top: 1px dotted #330000; 
				padding: 6px; background: #DEDEDE; font-size: 10pt; 
				font-weight: bold; }
TD.seperator 	{ text-align: right; border-top: 1px dotted black; 
				font-size: 9pt; padding: 4px; }
TD.seperatorGrandTotal	{ text-align: right; border-top: 1px dotted black;
						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: #eeeeee;
	margin: 3px; border-bottom: 1px solid #dddddd; padding-bottom: 1px; 
	border-right: 1px solid #dddddd; cursor: pointer; }
#deliveryMethods LABEL:hover {
	background-color: #dddddd; }
#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; }


#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: #990000; color: white; font-size: 13px; padding-bottom: 1px; }
H2 { 
	font-size: 12px; background: #FFCC99; margin-top: 15px; color: #000000; }
H3			{ font-size: 9pt; font-weight: bold; }
A			{ color: #990000; text-decoration: none; }
A:hover		{ text-decoration: underline; }
A.big { 
	font-size: 11pt; font-weight: bold; display: block;
	margin-bottom: 3px; }
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; }

#usps {
	vertical-align: top; background: #F5F5F5; border-top: 22px solid #990000;
	width: 170px; padding: 5px; }
#usps DIV {
	border-left: 4px dotted #AFAFAF; padding: 5px; font-size: 0.8em; }
#usps DIV H1, #usps DIV H2, #usps DIV H3 {
	background: #8F8F8F; }
#usps OL, #usps UL {
	padding-left: 25px; padding-right: 0px; margin-left: 0px; }

#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; }