/* CSS created by Daniel Medo, Microart Design - 2006
	  	http://www.microart-design.sk	   */

body {
	color: black;
	background: white;
	margin: 0;
	padding: 0;
	font-family: "Verdana";
	font-size: 11px;
	line-height: 17px;
}

a {
	color: #003a7e;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

div#Container {
	padding: 0;
	margin: 0 auto;
	width: 657px;
	border: 0;
}

div#header {
	margin: 0 auto;
	width: 535px;
	height: 58px;
}

div#header_logo {
	float: left;
	width: 98px;
	height: 58px;
	margin: 0;
}

img {
	border: 0;
}

img#product {
	margin: 0;
	float: left;
}

div#header_logo h1 {
	width: 98px;
	height: 58px;
	margin: 0;
	padding: 0;
}

div#header_logo a:hover {
	background-position: 0 -58px;
}

div#header_text {
	width: 437px;
	height: 58px;
	margin: 0;
	float: right;
}

div#menu {
	clear: both;
	margin: 0 auto;
	width: 657px;
	height: 43px;
	text-align: center;
	background: url("header_menu.gif") top left no-repeat;
}

ul#navigation {
	width: 437px;
	height: 43px;
	margin: 0;
	padding: 0;
	display: inline;
	border: 0;
	font-family: "Lucida Sans Unicode";
	font-size: 11px;
}

ul#navigation li {
	padding: 0;
	display: inline;
	list-style: none;
}

ul#navigation li a {
	width: auto;
	height: 30px !important;
	line-height: 30px;
	color: white;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 1px 8px 4px 4px;
	border: 0;
	background: url("menu_separator.gif") no-repeat top right;	
}

ul#navigation li a#last {
	width: auto;
	height: 30px !important;
	line-height: 30px;
	color: white;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 1px 0 4px 4px;
	border: 0;
	background: none;	
}

ul#navigation li a:hover,
ul#navigation li a#last:hover {
	/*color: #80a6d3;*/
	text-decoration: underline;
}

ul#navigation li a:visited,
ul#navigation li a#last:visited {
	color: #80a6d3;
}

ul {
	margin: 0;
	list-style: disc;
}

li {
	padding: 2px 0 2px 0;
	margin: 0;
}

div#content_container {
	width: 561px;
	height: auto;
	margin: 0 auto;
}

div#breadcrumb {
	margin-bottom: 5px;
	font-weight: bold;
	float: left;
}

div#breadcrumb a {
	color: #4579A7;
	font-weight: bold;
	text-decoration: none;
}

div#breadcrumb a:hover {
	text-decoration: underline;
}

div#flags {
	float: right;
}

span.trail {
	font-size: 9px;
	font-weight: normal;
}

span.bc_text {
	color: black;
	font-size: 10px;
	font-weight: normal;
}

div#content_top_border {
	width: 561px;
	height: 31px;
	background: url("con_border_top.gif") no-repeat top left;
	text-indent: -9999px;
	clear: both;
}

div#content {
	width: 561px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: justify;
	background: url("con_border_middle.gif") repeat-y top left;
}

div#content_align {
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0 10px 0 10px;
	display: block;
	max-width: 540px;
}

h3, h3.special {
	margin: 0;
	padding: 20px 0 20px 0;
}

h2 {
	margin: 0;
	padding: 0 0 20px 0;
	color: #003a7e;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
}

h2 span {
	color: #003a7e;
	font-size: 14px;
	font-weight: normal;
}

span {
	font-weight: normal;
}

span.clear {
	font-weight: normal;
	clear: left;
}

br.clear {
	clear: both;
}

h3.special {
	color: #003a7e;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0;	
}

div#head {
	width: auto;
	height: 190px;
	margin: 25px 0 0 0;
}

p.bold {
	font-weight: bold;
}

span.bold {
	font-weight: bold;
}

span.mini_heading {
	color: #4579A7;
	font-size: 12px;
	margin: 0 0 0 -12px;
	text-align: center;
	display: block;
}

ul.list {
	margin: 0;
	padding: 5px 0 10px 20px;
}

span.order {
	text-align: center;
	padding: 20px 0 0 0;
	display: block;
	font-size: 9px;
	font-weight: bold;
	color: #003a7e;
	line-height: 10px;
	clear: left;
}

div#form {
	margin: 0 auto;
	width: 370px;
}

label {
	float: left;
	font-weight: bold;
}

input {
	float: right;
	width: 200px;
}

input.required {
	float: right;
	width: 200px;
	background-color: #ffffe9;
}

input.required_red {
	float: right;
	width: 200px;
	background-color: #ffe9e9;
}

select.required {
	float: right;
	width: 206px;
	background-color: #ffffe9;
}

html>body select.required {
	width: 204px;
}

select.required_red {
	float: right;
	width: 206px;
	background-color: #ffe9e9;
}

html>body select.required_red {
	width: 204px;
}

input.radio {
	float: left;
	width: 20px;
}

input.submit {
	float: right;
	width: 100px;
}

div#input input {
	width: 100px;
	float: none;
}

span.radio {
	width: 210px;
	float: right;
	text-align: left;
}

div#select {
	width: 200px;
	height: auto;
	margin: -15px auto;
}

html>body div#select {
	margin: 4px auto;	
}

select {
	width: 100%;
	margin: 0;
	padding: 0;
}

div#input {
	text-align: center;
	margin: 19px 0 0 0;
}

html>body div#input {
	margin: 0;
}

div#content_bottom_border {
	width: 561px;
	height: 31px;
	background: url("con_border_bottom.gif") no-repeat top left;
	text-indent: -9999px;
}

div#copyright {
	float: right;
}

div#copyright a {
	width: 142px;
	height: 13px;
	margin: 0 15px -4px 0;
	display: block;
	background: url("copyright.gif") no-repeat top left;
	text-indent: -9999px;	
}

div#copyright a:hover {
	background-position: 0 -13px;
}

