/***************************************************************************/
/* SHADOW OVERLAY
/***************************************************************************/
#overlay
{
	background: #000;
	height:100%;
	left:0;
	opacity:0.75;
	filter:alpha(opacity=75);
	position:fixed;
	top:0;
	width:100%;
	z-index:100;
}

/***************************************************************************/
/* FOCUS_WINDOW
/***************************************************************************/
.focus
{
	background: #fff;
	font: normal 1.1em verdana;
	left:50%;
	margin: 0 0 0 -400px;
	padding-bottom:35px;
	position:absolute;
	top:210px;
	width:800px;
	z-index:101;
}

	.focus .error
	{
		background: #eee;
		border:2px solid #ddd;
		font: bold 1.2em Verdana;
		margin:30px;
		padding:10px;
		text-align:center;
	}

	/***************************************************************************/
	/* HEADLINE
	/***************************************************************************/
	.focus h1
	{
		background: #ce0a0c;
		color: #fff;
		font: italic 1.8em Georgia;
		margin: 2px 2px 15px 2px;
		padding: 10px;
	}
	
	.focus table h2
	{
		color:#d22d32;
		font: italic 2em Georgia !important;
		margin:0;
	}
		
			.focus table h2 strong
			{
				color:#d22d32;
				font: italic bold 1em Georgia;
			}
	
	.focus strong
	{
		color:#817f7f;
		font:bold 0.8em Verdana;
	}
	
	/***************************************************************************/
	/* MYPAGE
	/***************************************************************************/
	.focus table.mypage
	{
		background:none;
		display:inline;
		position:relative;
		margin:20px 30px 0 30px;
		padding:0;
		float:left;
		width:340px;
	}

		.focus table.mypage th,
		.focus table.mypage td
		{
			color:#817f7f;
			font: normal 1.2em Georgia;
			text-align:left;
		}

		.focus table.mypage th
		{
			color:#817f7f;
		}

		.focus table.mypage td.border
		{
			background: url("/images/line_dashed.jpg") repeat-x 0 100%;
			height:10px;
		}
		
		.focus table.mypage td.space
		{
			height:20px;
		}

	/***************************************************************************/
	/* MENU
	/***************************************************************************/
	.focus table.menu
	{
		background:none;
		
		position:relative;
		margin:20px 30px 30px;
		padding:0;
		width:340px;
	}

		.focus table.menu th,
		.focus table.menu td
		{
			color:#3a3a3a;
			font: normal 1.2em Georgia;
			text-align:left;
		}
		
		.focus table.menu th
		{
			color:#ce0a0c;
		}
		
		.focus table.menu td.border
		{
			background: url("/images/line_dashed.jpg") repeat-x 0 100%;
			height:20px;
		}
		
		.focus table.menu td strong
		{
			color:#e44043;
			font-size:0.75em;
		}
		
		.focus table.menu td.space
		{
			height:20px;
		}
		
			.focus table.menu td input
			{
				background: #e2e2e2;
				border:1px solid #a9a9a9;
				color:#656565;
				font: normal 1.3em; Verdana;
				margin-left:5px;
				padding:3px 5px;
				text-align:center;
				width:20px;
			}
			
				/***************************************************************************/
				/* MENU - EXTENDED
				/***************************************************************************/
				.focus table.menu .extended table
				{
					margin:20px 0 0 0;
				}
			
				.focus table.menu .extended table th
				{
					color:#d22d32;
					font: bold 0.8em verdana;
					padding:15px 0;
				}
			
				.focus table.menu .extended table td
				{
					font: bold 0.8em verdana;
				}
				
					.focus table.menu .extended table td strong
					{
						color:#d22d32;
						font-size:1em;
					}
					
					.focus table.menu .extended table td i
					{
						font-weight:normal;
					}
					
					.focus table.menu .extended table td input
					{
						margin: 0 5px 0 0;
					}
	
	/***************************************************************************/
	/* TABLE
	/***************************************************************************/
	.focus table.order
	{
		margin: 20px 0 30px 30px;
		width:700px;
	}

		.focus table.order th,
		.focus table.order td
		{
			background: url("/images/line_dashed.jpg") repeat-x 0 100%;
			color:#817f7f;
			font: bold 1em verdana;
		}

		.focus table.order th
		{
			vertical-align:top;
			width: 40px;
		}
		
		.focus table.order th
		{
			color:#db0c19;
			padding: 10px 0;
			text-align:left;
		}
		
		.focus table.order td
		{
			font-weight:normal;
			padding: 10px 10px 10px 0;
		}

		.focus table.order ul
		{
			font-size:1em;
			line-height:1.4em;
			margin: 10px 0 5px 15px;
			padding:0;
		}
		
			.focus table.order ul li
			{
				font-size:1em;
			}
		
	/***************************************************************************/
	/* INFO_TEXT
	/***************************************************************************/
	.focus .info
	{
		color:#817f7f;
		font: normal 1em verdana;
		margin:40px 0 0 30px; 
	}

		.focus .info strong
		{
			color:#e6131c;
			font-size:1em;
		}
	
	/***************************************************************************/
	/* NAVIGATION
	/***************************************************************************/
	.focus .navigation
	{
		position:absolute;
		right:15px;
		bottom:15px;
	}
		.button
		{
			background: url("/images/webshop_button.gif") no-repeat 100% 0;
			color: #fff !important;
			display:block;
			float:left;
			font: bold 0.9em Verdana;
			height:15px !important;
			margin-top:1px;
			padding:7px 10px 5px 5px !important;
			position:relative;
			text-decoration:none !important;
			width:auto;
		}
			
			.button span
			{
				background: url("/images/webshop_button_corner.gif") no-repeat 0 0;
				display:block;
				left:-5px;
				position:absolute;
				height:100%;
				top:0;
				width:5px;
				z-index:1;
			}
	
		.focus .button
		{
			margin-left:15px;
		}
	
	/***************************************************************************/
	/* FREETEXT
	/***************************************************************************/	
	.focus .freetext
	{
		color:#000;
		padding-top:20px;
	}
	
		.focus table tr td.freetext h1,
		.focus table tr td.freetext h2,
		.focus table tr td.freetext h3,
		.focus table tr td.freetext h4,
		.focus table tr td.freetext h5
		{
			background:none;
			color:#474646;
			font:normal 1em Arial;
			margin:0 0 10px 0;
			padding:0;
		}
		
		.focus table tr td.freetext h1	{font-size:2em;}
		.focus table tr td.freetext h2	{font-size:1.8em;}
		.focus table tr td.freetext h3	{font-size:1.6em;}
		.focus table tr td.freetext h4	{font-size:1.4em;}
		.focus table tr td.freetext h5	{font-size:1.2em;}
	
		.focus .freetext p,
		.focus .freetext p i,
		.focus .freetext p strong
		{
			color: #817f7f;
			font-size: 1em;
			font-family: Georgia;
		}
		
		.focus .freetext p
		{
			margin: 0 0 10px 0;
			padding:0;
		}
		
		.focus .freetext a
		{
			background: none;
			color:#ce0a0c;
			display:inline;
			float:none;
			font: normal 1em Georgia;
			padding:0;
			text-transform:none;
			text-decoration:underline;
		}
		
		.focus .freetext a:hover
		{
			text-decoration:none;
		}
		
		.focus .freetext ul,
		.focus .freetext ul li
		{
			font: normal 1em Georgia;
		}
		
			.focus .freetext ul li
			{
				padding:2px;
			}