DIV#logo {
	margin-top: 15px;
	margin-left: 5px;
	float: left;
	width: 183px;
}

/* TOPMENU */ 
UL#menu {
	margin: 0;
	clear: right;
	text-align: right;
	padding: 0;
}

	UL#menu LI {
		display: inline;
		text-transform: uppercase;
		float: right;
		/*margin-top: 10px;*/
	}
		
		UL#menu LI A {
			float: left;
			color: #0F507C;
			background: #CAD9E1 url(/art/layout/bg-menu.png) top right no-repeat;
			padding: 5px 10px 4px 10px;
			margin: 0 0 0 8px !important;
			white-space: nowrap;
			font-weight: bold;
			font-size: 90%;
			text-decoration: none;
		}
		
		UL#menu LI A:hover, UL#menu LI A.selected {
			background: #424242 url(/art/layout/bg-menu-over.png);
			color: #eaeaea;
		}
		UL#menu LI A.selected {
			text-decoration: none;
		}
		UL#menu LI A:hover {
			text-decoration: underline;
		}
	
#loginmenu  {
	float: right;
	width: 754px;
	color: #e0e0e0;
	text-align: left;
}	
	#loginmenu A {
		float: left;
		text-transform: uppercase;
		/*padding: 3px 15px 5px 15px;*/
		padding-top: 4px;
		padding-bottom: 4px;
		width: 77px;
		margin: 0 0 0 10px !important;
		color: #e0e0e0;
		font-size: 85%;
		font-weight: bold;
		text-align: center;
		background-image: url(/art/layout/bg-loginmenu.png);
		background-repeat: no-repeat;
		text-decoration: none;
	}
	#loginmenu A:hover {
		color: #ffffff;
		text-decoration: underline;
	}

#loginboks LABEL, LABEL.label {
	width: 80px;
	text-align: right;
	margin-right: 5px;
	display: block;
	float: left;
	clear: both;
}

.focusbox {
	border: 1px solid #7287A3;
	background-color: #EEEEEE;
	width: 33%;
	float: left;
	margin-right: 5px;
	height: 50px;
	cursor: pointer;
	cursor: hand;	
}
	
	.focusbox DIV {
		padding: 10px;
		font-size: 90%;
		/*border-left: 19px solid #C7FF58;*/
	}
	
	.focusbox DIV.arrow {
		padding: 0;
		width: 19px; 
		float: left;
		margin-right: 10px;
		height: 100%;
		background: #7287A3 url(/art/layout/arrow-right-white.png) no-repeat center center;
	
	}
	
	.focusbox H2 {
		text-transform: uppercase;
		color: #6F0507;
		margin-top: 0px;
	}
	
	.focusbox UL {
		margin: 0;
		margin-top: 10px;
		padding: 0;
	
	}
		.focusbox UL LI {
			display: block;
		}
			.focusbox UL LI A {
				display: block;
				margin: 0;
				padding: 3px;
			}


DIV.greenfocus, DIV.grayfocus {
	padding: 15px;
	clear: both;
	margin-top: 6px;
	margin-bottom: 25px;
}
DIV.greenfocus 	{background: #D1FF76 url(/art/layout/bg-greenfocus.png) repeat-x top left;}
DIV.grayfocus	{background: #c0c0c0 url(/art/layout/bg-grayfocus.png) repeat-x top left;}

#preloadimages {display: none; visibility: hidden;}


/* TABLE FOR INPUT FIELDS TO INVITE JOINS */
TABLE#receivers {
	font-size: 90%;
}
	TABLE#receivers TD {
		padding: 5px;
		padding-bottom: 10px;
	}

	TABLE.spectable TH {
		background-color: #EAEAEA;
		border-bottom: 1px solid #a0a0a0;
		font-size: 90%;
		font-weight: bold;
		padding: 3px;
	}
	TABLE.spectable TD {
		font-size: 90%;
		border-bottom: 1px solid #b0b0b0;
		padding-top: 3px;
		padding-bottom: 3px;
	}

TABLE.data {
	font-size: 90%;
}
	TABLE.data TH {
		text-align: left;
		font-weight: bold;
	}
	TABLE.data TD, TABLE.data TH {
		padding: 5px;
		border-bottom: 1px solid #c0c0c0;
	}

	
DIV#rightcol {
	float: right;
	background-color: #f0f0f0;
	border: 1px solid #eaeaea;
	width: 400px;
}
	DIV#rightcol DIV.pad {
		padding: 10px;
	}

/* STATUS BOXES */
.error {
	color: #dd0000;
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom: 15px;
	background-image: url(/art/layout/bg-error.png);
	background-repeat: no-repeat;
}

.okay {
	color: #00aa00;
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom: 15px;
	background-image: url(/art/layout/bg-okay.png);
	background-repeat: no-repeat;
}

/* THE PRODUCT PICTURES FROM MEMBERS */
	DIV#shoppics {
	}
		DIV#shoppics DIV.imgcont {
			width: 214px;
			margin-top: 26px;
			height: 152px;
			display: block;
			float: left;
			border: 1px solid #cecece;
		}
		DIV#shoppics DIV.imgcont:hover {
			border: 1px solid #CE0A1A;
		}
		DIV#shoppics IMG {
			width: 212px;
			height: 150px;
			margin: 1px;
		}
		DIV#shoppics DIV.sep {
			float: left;
			width: 26px;
			height: 150px;
		}
	

/* MOO PROMPT BLOCKS (JS REPLACEMENT OF ALERT) */
		.cbOverlay {
			background-color: #ddd;
			z-index: 100;
		}
		
		.cbContainer {
			background-image: url(/art/layout/bg-alertbox.png);
			background-repeat: no-repeat;
			z-index: 101;
		}
		.cbBox {
			color: #fff;
			font-size:15px;
			z-index: 102;
		}
		.cbBox h3 {
			font-size:15px;
			margin-bottom:15px;
			color:#8AA7CD;
		}
		.cbBox .cbContent {
			font-size:16px;
			margin-left: 30px;
			margin-right: 30px;
			text-align: left;
		}
		
		.cbBox .cbButtons {
			text-align:center;
			margin-top: 16px;
			/*width: 	90px;	
			height:	25px;	*/
		}
		.cbBox .cbButtons INPUT {
			font-size: 100%;
			width: 	90px;
			font-weight: bold;		
		}

/* FOOTER WRAPPER */
#ftwrap {
   	background: #f0f0f0 url(/art/layout/bg-footer.png);
	height: 140px;
}
	
	#ftwrap DIV.container {
		padding-top: 50px;
		color: #ffffff; 
		font-size: 85%;
		text-transform: uppercase;
		
	}
	
	#ftwrap DIV.container A {
		color: #e0e0e0;
	}

/* SPECIAL LINKS */
A.printlink {
	background-image: url(/art/layout/icon-print.png);
	background-repeat: no-repeat;
	padding-left: 23px;
	padding-bottom: 4px;
}
A.order {
	font-size: 120%; 
	color: #A10914;
	font-weight: bold;
	text-decoration: none;
}
A.order:hover {
	text-decoration: underline; 
	color: #CF0B0F;
}