/************************************************

		global description

************************************************/

* {
	margin:0;
	padding:0;
}
body {
	background-color:#ebe9d5;
	font-size:10pt;
	font-family:Arial, Helvetica;
	font-weight:normal;
	color:#000000;
	margin:0;
}
a:link, a:visited {
	font-weight:bold;
	text-decoration:underline;
	color:#2b2b2b;
}
a:hover {
	text-decoration:none;
}
p {
	line-height:normal;
	text-indent:0;
	padding:5pt 0px;
	line-height:180%;
}
h2 {
	display:block;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background-color:#e6e6e6;
	margin:0 auto 10px auto;
	width:760px;
	clear:both;
	position:relative;
	line-height:35px;
	padding:0;
	text-align:center;
	font-size:12pt;
	font-weight:normal;
	color:#909090;
	text-shadow:0px 1px 0px #ffffff;
}
h3 {
	line-height:16pt;
	text-align:left;
	font-size:12pt;
	font-weight:normal;
	color:#909090;
}
h4 {
	line-height:14pt;
	text-align:center;
	font-size:9pt;
	font-weight:normal;
	color:#909090;
}
h3.as-block,
h4.as-block {
	display:block;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#e6e6e6;
	margin:0 auto 10px auto;
	width:auto;
	clear:both;
	position:relative;
	line-height:30px;
	padding:0;
	text-align:center;
	font-weight:normal;
	color:#909090;
	text-shadow:0px 1px 0px #ffffff;
}
input[type="text"], input[type="password"], input[type="file"], select {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border-width:1px;
	border-style:solid;
	border-color:#adadad;
	height:25px;
	width:200px;
	line-height:23px;
	margin:0;
	padding:0 5px;
	color:#2b2b2b;
	vertical-align:middle;
	display:inline-block;
}
select {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	height:27px;
}
input[type="submit"] {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border-width:1px;
	border-style:solid;
	border-color:#adadad;
	height:25px;
	width:auto;
	line-height:23px;
	margin:0 5px;
	padding:0 10px;
	color:#2b2b2b;
	background-color:#e6e6e6;
}
input[type="submit"]:hover {
	background-color:#b6d3ec;
}
textarea {
	display:block;
	margin:5px auto;
	padding:10px;
	width:740px;
	height:380px;
	font-family:Arial, Helvetica;
	font-size:10pt;
	font-weight:normal;
	line-height:18pt;
	color:#2b2b2b;
	border-width:1px;
	border-style:solid;
	border-color:#adadad;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
table {
	width:760px;
	margin:15px auto;
	text-align:center;
	background-color:transparent;
	border-width:3px;
	border-style:solid;
	border-color:#e6e6e6;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#2b2b2b;
	font-family:Arial Narrow;
}
th {
	font-weight:bold;
	background-color:#e6e6e6;
	padding:5px;
}
table tr.row-highlight {
	background-color:#eff8ff;
}
td {
	background-color:transparent;
	padding:5px;
}
ul {
	margin:5px 0;
}
ul li {
	list-style-type:none;
	margin:2px 0px 2px 20px;
}
iframe {
	background-color:#ffffff;
	border:0px none;
	overflow:auto;
}
hr { border-width:1px; border-style:solid none none none; border-color:#a9a9a9; width:100%; margin:10px auto; }
img { border-width:1px; border-color:#a9a9a9; border-style:none; }


/************************************************

		header styles

************************************************/

div.header, div.contents, div.footer {
	width:870px;
	margin:0 auto;
}
div.header {
	height:286px;
	margin:0 auto;
	background-image:url( 'images/bg_header.jpg' );
	background-position:top left;
	background-repeat:no-repeat;
}
div.header-hot-links {
	height:29px;
	padding:0 30px;
}
.header-hot-links a, .header-hot-links a:visited {
	display:block;
	float:right;
	width:50px;
	height:29px;
	line-height:29px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	text-decoration:none;
}
.header-hot-links a.search { background-image:url('images/header-hot-link-search.gif'); }
.header-hot-links a.email { background-image:url('images/header-hot-link-email.gif'); }
.header-hot-links a:hover {
	background-position:0px -29px
}
div.header-logo {
	height:203px;
}
div.navi {
	clear:both;
	padding:0 55px;
	margin:0 auto;
	line-height:38px;
	vertical-align:middle;
	text-align:right;
}
.navi ul {
	margin:0;
	margin-top:1px;
	height:38px;
	display:block;
	float:left;
	border-width:1px;
	border-style:none solid none solid;
	border-color:transparent #f4f5f4 transparent #7f817f;
	color:#2b2b2b;
}
.navi li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:140px;
	line-height:38px;
	text-align:center;
	/*border-width:1px;
	border-style:none solid;
	border-color:transparent #7f817f transparent #f4f5f4;*/
	background-image:url( 'images/bg-navi.jpg' );
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.navi li.active {
}
.navi a, .navi a:visited {
	font-weight: normal;
	display:block;
	width:100%;
	text-decoration:none;
}
.navi a:hover {
}
.navi input[type="text"] {
	width:160px;
	height:20px;
	line-height:18px;
	border-width:1px;
	border-color:#adadad;
	border-style:solid none none solid;
	font-size:8pt;
	color:#555555;
}


/************************************************

		page content styles

************************************************/
div.contents {
	padding:0 0 10px 0;
	margin:0 auto;
	clear:both;
	background-color:#ffffff;
	min-height:500px;
}

div.sub-navi {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background-color:#e6e6e6;
	margin:0 auto 10px auto;
	width:740px;
	padding:0 0 0 20px;
	clear:both;
	position:relative;
	height:35px;
}
.sub-navi p {
	margin:0;
	text-align:center;
	padding:0;
	line-height:35px;
	text-align:center;
	color:#2b2b2b;
}
.sub-navi a, .sub-navi a:visited {
	line-height:35px;
	font-weight:normal;
	text-decoration:none;
	display:block;
}
.sub-navi ul {
	margin:0;
	display:block;
	float:left;
	border-left:1px solid #ffffff;
	background-color:#e6e6e6;
	font-size:9pt;
	color:#2b2b2b;
}
.sub-navi li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	line-height:35px;
	text-align:center;
	width:110px;
	border-right:1px solid #ffffff;
}
.sub-navi li a, .sub-navi li a:visited {
	display:block;
	float:left;
	width:110px;
	text-align:center;
}
.sub-navi .chosen {
	text-align:center;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.sub-navi .active {
	background-color:#b6d3ec;
}
.sub-navi a:hover {
	background-color:#cadcec;
}


/************************************************
		catalogue
************************************************/
div.page-navi {
	width:760px;
	margin:0 auto;
	clear:both;
}
.page-navi div {
	line-height:25px;
	height:25px;
	padding:0 15px;
	/*background-color:#e6e6e6;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;*/
}
.page-navi div.perpage { float:left; }
.page-navi div.pages { float:right; }
.page-navi p {
	margin:0;
	padding:0 0 0 10px;
	display:block;
	float:left;
	line-height:25px;
	color:#a9a9a9;
}
.page-navi ul {
	margin:0;
	display:block;
	float:left;
	height:25px;
}
.page-navi li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	height:25px;
	line-height:25px;
	text-align:center;
}
.page-navi span, .page-navi a, .page-navi a:visited, .page-navi a:hover {
	color:#909090;
	display:block;
	text-align:center;
	float:left;
	width:25px;
	line-height:25px;
	text-decoration:none;
	font-weight:normal;
	text-decoration:underline;
	border-width:1px;
	margin:0 -1px 0 0;
	border-color:#ffffff;
	font-size:9pt;
}
.page-navi span {
	text-decoration:none;
	color:#b6d3ec;
	color:#2b2b2b;
	font-size:13pt;
	/*color:#b6d3ec;
	background-color:#b6d3ec;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;*/
}
.page-navi a:hover {
	/*background-color:#b6d3ec;*/
	text-decoration:none;
	font-size:13pt;
}


div.catalogue-container {
	width:846px;
	margin:0 auto;
}
div.catalogue-preview {
	float:left;
	width:282px;
	text-align:center;
	border-style:none;
	padding:10px 0 20px;
	border-width:1px;
	/*border-style:solid;*/
	border-color:#e5e5e5;
}
.catalogue-preview img {
}
div.catalogue-infoblock {
	width:191px;
	margin:0 auto;
	text-align:left;
}
.catalogue-infoblock div {
	margin:1px 0 0;
	padding-left:3px;
	display:block;
	border:1px solid #a9a9a9;
	background-color:#a9a9a9;
	color:#ffffff;
	line-height:18px;
	font-family:Arial Narrow;
}
.catalogue-infoblock span {
	display:block;
	padding:0;
	float:right;
	clear:none;
	background-color:#ffffff;
	color:#000000;
	text-align:left;
	width:60%;
	overflow:hidden;
	text-align:center;
	line-height:18px;
}
.full-width-container {
	margin:0 55px;
}
a.zoom-in, a:visited.zoom-in {
	display:block;
	position:absolute;
	width:282px;
	height:222px;
	background-image:url('images/zoom-in.gif');
	background-position:200px -20px;
	background-repeat:no-repeat;
}
a:hover.zoom-in {
	background-position:200px 0px;
}
.catalogue-popup {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	background-color:rgba(0,0,0,.4);
	*background-color:transparent;
	*background-image:url('images/stripe.gif');
	z-index:100;
}
.catalogue-popup div {
	background-color:rgba(0,0,0,.7);
	*background-color:#555555;
	background-image:none;
	width:800px;
	height:auto;
	margin:auto auto;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-420px;
	margin-top:-420px;
	padding:20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.catalogue-popup img {
	margin:0;
	border-width:1px;
	border-style:solid;
	border-color:#909090;
}
.email-form {
	width:760px;
	margin:0 auto;
}
.search-form, .email-form-header {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background-color:#e6e6e6;
	margin:0 auto 10px auto;
	width:720px;
	padding:0 20px;
	clear:both;
	position:relative;
	line-height:35px;
	color:#2b2b2b;
}
.email-form-button {
	display:block;
	float:right;
	width:180px;
	height:30px;
	line-height:30px;
	border:none;
	margin:0px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background-color:#e6e6e6;
}
.email-form-button:hover {
	background-color:#b6d3ec;
}
.photo {
	display:inline-block;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#e6e6e6;
	padding:4px;
	line-height:12pt;
	font-size:8pt;
}
.photo img {
	border-width:1px;
	border-style:solid;
	border-color:#7f817f;
}
.news { width:760px; margin:0 auto; /*border:1px dashed #efefef;*/ }
.news .anchors { width:200px; float:left; clear:left; }
.news .anchors ul {  }
.news .anchors ul li { display:block; margin:0; padding:0; }
.news .anchors a,
.news .anchors a:link { display:block; clear:both; line-height:normal;margin-bottom:10px; padding:0 7px; font-family:Arial Narrow; }
.news .anchors a:hover { /*background-color:#ffeeee;*/ }
.news .news-block { width:560px; float:right; clear:right; margin:0 0 15px 0; }
.news .news-block h3 { /*background-color:#eeeeff;*/ }
.news .news-block p { line-height:160%; padding-left:20px; padding-right:0; color:#2b2b2b; }
.news .news-block img { margin:0 5px 5px 5px; }
.news .news-block img.float-left { margin-left:0; }
.news .news-block img.float-right { margin-right:0; }
.c-panel { clear:left; width:550px; margin:15px 0px 20px 55px; }
.c-panel .page-navi { margin:0; float:right; width:auto; padding:0; clear:none; }
.c-panel p { padding-left:0; }
.c-panel textarea { width:530px; }
.c-panel input {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.side-panel {
	display:block;
	float:right;
	clear:right;
	width:200px;
	margin:0px 55px 10px 0px;
}
.side-panel-images {
	max-height:250px;
	overflow:auto;
}
.side-panel-images li {
	margin-left:5px;
}
.side-panel iframe {
	width:100%;
	height:150px;
	overflow:hidden;
}
.loading {
	width:50px;
	height:25px;
	background-image:url('images/loading.gif');
	background-position:top left;
	background-repeat:no-repeat;
}
.text-edit-panel {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#e6e6e6;
	width:510px;
	padding:0 20px;
	line-height:25px;
	height:25px;
	margin:5px 0;
	text-align:left;
	color:#ffffff;
}
.text-edit-panel button {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background-color:#e6e6e6;
	border:1px solid #ffffff;
	height:23px;
	line-height:21px;
	font-size:12px;
	padding:0px 7px;
	margin:1px 1px 0 0;
}
.text-edit-panel button:hover { background-color:#b6d3ec; }

.login-form {
	display:block;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#e6e6e6;
	float:right;
	width:200px;
	margin:0px 55px 10px 0px;
	padding:10px 0;
	text-align:center;
}
.login-form p { margin:0; padding:0; }
.login-form input {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-align:center;
	width:180px;
	margin:1px 0;
	padding:0px 0px;
	line-height:20px;
	height:20px;
}

.map-infoblock {
	position:relative;
	font-size:8pt;
	line-height:10pt;
	text-align:left;
	padding:5px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
}
.map-infoblock div {
	width:240px;
	margin:0 2px;
}
.map-infoblock h3 {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #e6e6e6;
	margin-bottom:5px;
	margin-top:-5px;
	margin-left:-5px;
	margin-right:-5px;
	text-align:center;
	line-height:30px;
	color:#909090;
}
.map-infoblock h4 {
	margin:0;
	padding:0;
	line-height:14pt;
	font-weight:bold;
	text-align:left;
	color:#000000;
}
.map-infoblock p {
	margin:3px 0 0 0;
	padding:0;
	line-height:10pt;
}
.map-infoblock li {
	margin:0;
}
#checkbox {
	text-decoration:none;
	background-image:url( 'images/bg_checkbox.gif' );
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-color:transparent;
	display:block;
	border:none;
	padding:0;
	margin:5px 0;
	width:48px;
	height:22px;
}
#checkbox.on {
	background-position:0 -22px;
}
#checkbox.off {
	background-position:0px 0px;
}
#checkbox.on:hover {
	background-position:0px -66px;
}
#checkbox.off:hover {
	background-position:0px -44px;
}
.error-container {
	width:720px;
	margin:0px auto 10px auto;
	-moz-border-radius:10px;
	-webkit-border-radius:3px;
	border-radius:10px;
	background-color:#ffeeee;
	padding:0 20px 20px 20px;
	color:#7f817f;
}
.error-container h3 {
	background-color:#ffdddd;
	margin-left:-20px;
	margin-right:-20px;
	position:relative;
}
.error-container h3 a:link,
.error-container h3 a:visited {
	display:block;
	position:absolute;
	right:20px;
	top:0;
	font-size:9pt;
	font-weight:normal;
}
.error-container h4 {
	line-height:25px;
}
.error-container-mini {
	width:100%;
	margin:0 auto 5px;
	-moz-border-radius:10px;
	-webkit-border-radius:3px;
	border-radius:10px;
	background-color:#ffeeee;
	font-size:9pt;
	color:#7f817f;
	padding:0 0 5px 0;
}
.error-container-mini h3 {
	background-color:#ffdddd;
	position:relative;
	font-size:10pt;
	line-height:16pt;
	margin-bottom:5px;
}
.error-container-mini h3 a:link,
.error-container-mini h3 a:visited {
	display:block;
	position:absolute;
	right:5px;
	top:0;
	font-size:8pt;
	font-weight:normal;
}
.error-container-mini li { margin-left:5px; margin-right:5px; }

/* IFRAME */
body.iframe {
	background-color:#ffffff;
}

/************************************************

		footer

************************************************/
div.footer {
	margin:0 auto;
	background-image:url( 'images/bg_footer.jpg' );
	background-position:left top;
	background-repeat:no-repeat;
	padding:40px 0;
}
div.footer h4 {
	margin:0;
	padding:0;
	font-weight:normal;
	text-align:center;
	color:#ffffff;
	font-shadow:0;
}

/************************************************
		common classes
************************************************/
.clear { border:none; width:100%; height:0px; clear:both; }
.no-borders { border:none !important; }
.no-bg { background-image:none !important; }
.no-margin { margin:0 !important; }
.no-padding { padding:0 !important; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.float-left { float:left; }
.float-right { float:right; }
.note, a.note, a:visited.note { color:#a9a9a9; }
a.normal-width, a:visited.normal-width { font-weight:normal; }
.large { font-size:14pt; }
.small { font-size:8pt; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.error { color:#bb0000; }
.no-wrap { white-space:nowrap; }

