/*
    ========= (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.8 2009/05/29 08:21:01 cvs Exp $ 
    ============================================================================
*/

BODY { 
	color: black; margin: 0; padding-left: 0px; padding-right: 0px; }
IFRAME.forum { 
	border: 0px; border-top: 5px solid #990000; }

#container 	{ margin: 0px; text-align: left; position: relative; 
			font: 8pt/16pt tahoma; }

#pageHeader { 
	background: #FFFFCC; width: 100%; margin: 0px; }
#pageHeader TABLE {
	width: 630px; height: 105px; }
#pageHeader TD {
	text-align: center; }
#header		{ text-indent: -5000px; height: 105px; margin: 0px; }
	
#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; border-right: 8px solid #D80082; }
#leftPanel P {
	font-size: 7pt; padding-left: 5px; padding-top: 0px; padding-bottom: 0px; }
#search 	{ font: 8pt/16pt tahoma; }
#menuFooter {
	width: 100%; text-align: center; }
#menuFooter IMG {
	padding-top: 20px; }

H2.menuItem	{ 
	background: #D80082; 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.category:hover, LI.subcategory:hover {
	background: #FBE5F2; }
LI.categorySel { 
	padding-left: 0px; list-style: circle; padding-top: 2px;
	background: #FBE5F2; padding-bottom: 2px; }
A.category { 
	color: black; font-size: 7pt; display: block; width: 100%; }
LI.subcategory 	{ 
	padding-left: 10px; list-style: none; }
LI.subcategorySel { 
	padding-left: 10px; list-style: none; padding-top: 2px; 
	background: #FBE5F2; padding-bottom: 2px; }
A.subcategory 	{ color: #666666; font-size: 7pt; }

#content { 
	margin: 0; background: white; font: 8pt/16pt tahoma; }

DIV.navigation	{ width: 100%; text-align: center; }

TABLE.thumbCat {
	width: 150px; margin-top: 20px; border: 1px solid #F6F6F6; }
TD.thumbCat {
	padding: 4px; background: #E0E2EF; }
A.thumbCat {
	color: black; font-size: 11px; font-weight: bold; 
	font-variant: small-caps; }

TABLE.product {
	width: 140px; margin-bottom: 20px; margin-top: 10px; }
TD.prodPic { 
	padding-left: 2px; padding-top: 2px; border-left: 1px solid #F6F6F6; 
	border-top: 1px solid #F6F6F6; }
TD.prodIndicator { 
	color: #D80082; font-weight: bold; font-family: arial; 
	border-top: 1px solid #F6F6F6; border-right: 1px solid #F6F6F6; }
TD.prodSummary { 
	vertical-align: bottom; padding: 0; }
DIV.prodName { 
	background: #F6F6F6; font-size: 8pt; margin: 0; padding: 3px; 
	font-variant: small-caps; font-weight: bold; line-height: 12px;
	height: 48px; padding-top: 2px; vertical-align: middle; 
	display: table-cell; width: 135px; color: #330000; }
DIV.prodPricing	{ 
	color: #666666; font-size: 8pt; margin: 0; font-family: arial; height: 70px;
	padding: 3px; line-height: 13px; border-left: 1px solid #F6F6F6; 
	border-right: 1px solid #F6F6F6;}
DIV.prodOrder { 
	font-size: 8pt; margin: 0; padding: 0; vertical-align: middle;
	background: #F6F6F6; }
#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: #DEDEDE; 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: #F6F6F6; 
									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; min-height: 25px; }
#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: #A9ACCC; color: white; font-size: 13px; padding-bottom: 1px; 
	border-bottom: 1px solid #644754; border-top: 1px solid #644754; }
H2 { 
	font-size: 12px; background: #F6F6F6; margin-top: 15px; }
H3			{ font-size: 9pt; font-weight: bold; }
A			{ color: #D80082; text-decoration: none; }
A:hover		{ text-decoration: underline; }
A.big, SPAN.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; }
SELECT.ideal_issuer {
	background-color: #CC0066; color: white; }
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; border-top: 24px solid #A9ACCC;
	width: 170px; padding: 5px; }
#usps DIV {
	border-left: 4px dotted #D80082; padding: 5px; font-size: 0.8em; }
#usps DIV H1, #usps DIV H2, #usps DIV H3 {
	background: #FFDFF3; border-top: none; border-bottom: none; color: black; }
#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; }