/*
    ============== (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.relatesolutions.nl

    ============================================================================
    $Id: webshop.css,v 1.13 2007/05/07 15:30:45 cvs Exp $ 
    ============================================================================
*/

#logo {	
	margin-left: -85px; }
#stars {	
	margin-left: -263px; }
#headerMsg {
	font-family: Verdana; font-size: 10px; color: #333333; font-weight: normal; 
	padding-right: 6px; background: #ffffff; height: 20px; }
#headerMsg A {
	text-decoration: none; }
#headerMsg A:hover {
	text-decoration: underline; }
	
#webshopHeader {
	background: #ffffff; height: 62px; padding-right: 73px; text-align: center;
	vertical-align: top; }
		
#mainContainer {
	left: 50%; margin-left: -47%; width: 94%; }

#webshopMenu {
	background: #ffffff url(img/bg_menu.jpg) repeat-y; width: 155px;
	padding-left: 7px; padding-top: 8px; padding-bottom: 8px; color: black; 
	font-weight: normal; font-size: 7pt; }
#webshopMenu A {
	color: #555555; text-decoration: none; }
#webshopMenu A:hover {
	color: #463383; text-decoration: underline; }
	
#webshopMenu H1, #webshopMenu H1 A {
	font-size: 11pt; margin-top: 5px; color: #781011; }
#webshopMenu H2, #webshopMenu H2 A {
	font-size: 8pt; margin-top: 5px; margin-bottom: 15px; color: #781011; }
	
#webshopMenu A.firstLevel {
	color: #555555; font-weight: bold; font-size: 8pt; } 
#webshopMenu A.firstLevelSel {
	color: #463383; font-weight: bold; font-size: 8pt; } 
#webshopMenu A.firstLevelPath {
	color: #463383; font-weight: bold; font-size: 8pt; } 
#webshopMenu A.selPath {
	color: #463383; font-weight: bold; }
#webshopMenu A.selected {
	font-weight: bold; color: #463383; }
BR.sep {
	font-size: 2px; }

#webshopMenuLeft {
	padding-left: 3px; width: 146px; padding-bottom: 4px; z-index: 4; 
	position: relative; }
#webshopMenuRight {
	text-align: right; padding-bottom: 4px; z-index: 4; position: relative; }
	
#content {
	background: #ffffff; padding-left: 8px; padding-right: 8px; 
	padding-bottom: 25px; height: 455px; vertical-align: top; }
#content A {
	text-decoration: none; }
#content A:hover {
	text-decoration: underline; }
#content H1 A:hover {
	text-decoration: underline; }
#content H2 {
	margin-top: 2px; }


TABLE.product, TABLE.group {
	margin-left: 15px; margin-right: 15px; margin-top: 20px; 
	margin-bottom: 20px; width: 140px; }
TD.prodPic { 
	text-align: center; border: 1px solid #e8cfd2; padding: 15px; }
TD.prodTitle {
	height: 60px; font-weight: bold; background-color: #e8cfd2; text-align: left; }
TD.prodPrices {
	height: 60px; background-color: #FAEAEC; font-size: 8pt; text-align: left; }
TD.prodOrder {
	text-align: right; background-color: #EDD8DA; }
TD.prodDPic { 
	text-align: center; border: 1px solid #e8cfd2; height: 340px; }
TD.prodDTitle {
	font-weight: bold; background-color: #e8cfd2; text-align: left; padding: 8px; 
	height: 10px; }
TD.prodDetails {
	background-color: #FAEAEC; text-align: left; padding: 8px; }
TD.prodDetails TD {
	padding-right: 10px; }
TD.prodDOrder {
	height: 35px; text-align: right; background-color: #EDD8DA; }

TABLE.group {
	margin-left: 15px; margin-right: 15px; margin-top: 20px; 
	margin-bottom: 20px; width: 175px; }
TD.groupPic { 
	text-align: center; border: 1px solid #AEC6DD; padding: 15px; }
TD.groupTitle {
	height: 40px; font-weight: bold; background-color: #AEC6DD; text-align: left; }
TD.groupDesc {
	height: 60px; background-color: #D9E2EB; font-size: 8pt; text-align: left; 
	border: 1px solid #AEC6DD; }
	
TD.form P {
	color: #812b2e; font-weight: bold; margin-bottom: 3px; }
	
H1 {
	margin-top: 0px; }
H2 {
	padding-top: 8px; }
	
TABLE.progress {
	border: 1px dotted #dedede; margin-top: 10px; margin-bottom: 10px; width: 100%; }
FORM {
	margin: 0px; padding: 0px; }
INPUT.numericRed { 
	background: #e8cfd2; font-weight: bold; }
TABLE.cart {
	width: 100%; }	
TABLE.cart TH {
	font-size: 13px; padding: 5px; border-bottom: 1px solid #cccccc; 
	background: #333333; color: white; }
TABLE.cart TD {
	padding-left: 4px; padding-right: 4px; }
TABLE.cart TR.product TD {
	border-bottom: 1px dotted #dedede; }	
		

TD.dark {
	background: #eeeeee; }
TD.darker {
	background: #dedede; }
TD.darkest {
	background: #ffffff; border: 2px solid #cccccc; }
TD.big {
	padding: 5px; font-size: 12px; }