* {margin:0; padding:0}
html, body {height:100%; width:100%}
body {background:#fff; color:#599EAA; font:11px Verdana, Arial, Helvetica, sans-serif}
address, blockquote, dl, fieldset, form, label, ol, p, pre, ul  {font-size:1em; margin:0; padding:0}
h1, h2, h3, h4, h5, h6 {color:#4D757E; font:normal 12px Verdana, Arial, Helvetica, sans-serif; margin:0 0 10px 0}
h1 {font-size:24px}
h2 {font-size:22px}
h3 {color:#42CBE8; font-size:12px}
h4 {font-size:16px}
h5 {font-size:14px}
h6 {font-size:12px}

/* Table */
table {border: 0; border-collapse: collapse}
table td {padding: 0px; vertical-align: top; text-align: left}

/* Links */
img {border: 0}
a img {border: 0}
a {color: #42CBE8; text-decoration: underline}
a:hover, a:focus, a:active {text-decoration: none}
a:focus, a:active {outline:none}
:focus { -moz-outline-style: none}

input,select {vertical-align: middle; height: 21px}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-block}
* html .clearfix {height: 1%}
.clearfix {display: block}

.align-lt {text-align: left}
.align-rt {text-align: right}
.align-ctr {text-align: center}
.img-align-lt {float:left; margin:0 10px 0 0; padding:3px 0 0 0}
.middle {vertical-align: middle}
.float-lt {display: block; float: left}
.float-rt {display: block; float: right}
.clear {clear:both}
.clear-all {clear:both;	width:100%}
.overflow {overflow:hidden; width:100%}

/* Formatting */
.font-12 {font-size:12px}

/* Layout */
.wrapper {float:left; width:100%}
.content{margin: 0 0 0 574px; padding:13px 0 144px 0;}
.navigation {float:left; margin-left:-100%; padding:13px 0 144px 140px; width:428px}

.left-column {float:left; padding:0 0 0 9px; width:244px}
.right-column {float:right; padding:13px 0 10px 0; width:430px;}
.center-column {margin:0 9px 0 266px}
 

/* Content */
.global {
	background:url(/images/header_bg.jpg) 50% 0 no-repeat;
	margin:0 auto; 
	max-width:1600px;
	min-width:1000px;
}
.global-inner {background:url(/images/footer_bg.jpg) 0 100% repeat-x}
/* Header */
.header {background:url(/images/window.png) 550px 44px no-repeat; height:496px; position:relative;}
	.contacts {
		background:url(/images/contacts_bg.png) 0 0 no-repeat; 
		color:#6BA4B3;
		font-size:10px;
		height:133px; 
		padding:10px 0 0 8px; 
		position:absolute; 
		right:60px; 
		text-transform:uppercase;
		top:62px; 
		width:231px
	}
	.contacts a {color:#6BA4B3}
	.contacts dt {float:left; margin:0; padding:8px 0 0 0}
	.contacts dd {line-height:25px; margin:0 0 0 40px; padding:0}
	.c-num {font-size:21px}
	.contacts .c-mail {margin:0 0 0 62px; padding:2px 0 0 0}

.h-logo {height:205px; padding:44px 0 0 206px; text-align:center; width:324px;}
	.h-logo p {padding:0 0 23px 0}
	
.h-menu {list-style-type:none; margin:199px auto 0 auto; padding:0 10px 0 0; width:800px;}
	.h-menu li {float:left; font-size:16px; padding:0 4px; text-align:center;}
	.h-menu a {color:#484846; display:block; padding:4px 2px; text-decoration:none}
	.h-menu a:hover, .h-menu a.active {background:url(/images/menu_bg.gif) 0 100% repeat-x}	

/* content */
.catalog {background:url(/images/catalog_bg.png) 0 0 no-repeat; height:285px; padding:9px 9px 0 7px; width:228px;}
	.catalog-list {list-style-type:none; margin:0; padding:0;}
		.catalog-list li {font-size:12px; line-height:18px; padding:0 0 2px 14px;}
		.catalog-list a {color:#503D21; text-decoration:none;}
		.catalog-list a:hover {color:#42CBE8; text-decoration:underline}		
		.catalog-list .active {background:url(/images/arr01.gif) 0 8px no-repeat}		
		.catalog-list .active a {color:#42CBE8; text-decoration:underline}	
	.catalog h2 {margin:0 0 20px 4px}
	.catalog a {color:#503D21}
	
.about-block {overflow:auto}
	.about-title {background:url(/images/about_ttl_bg.png) 0 0 no-repeat; float:left; height:23px; margin:0 10px 0 0; overflow:hidden; padding:9px 0 0 10px; width:149px}
	.a-list {list-style-type:none; margin:10px 0 0 10px; padding:0}
	.a-list li {padding:0 0 10px 0}
	.a-list li span {background:url(/images/li01.gif) 0 2px no-repeat; padding:0 0 0 29px}
.path {color:#503D21; float:left; font-size:11px; padding:10px 0 8px 0;}
	.path a {color:#503D21; text-decoration:none}
	.path a:hover {text-decoration:underline}	

.dot-line {background:url(/images/dot01.gif) 0 0 repeat-x; height:1px; margin:0 3px 8px 3px; overflow:hidden;}

.contact-form {color:#000101; float:right; font:11px Tahoma, Arial, Helvetica; margin:0 9px 0 0; width:400px}
	.contact-form h2 {margin:0}
	.contact-form .dot-line {margin:0 0 25px 0}
	.contact-form p {overflow:auto; padding:0 0 12px 0}
	.cf-lbl {float:left; padding:3px 5px 0 0; text-align:right; width:153px}
	.cf-txt {background:#fff; border:1px solid #ADACAC; color:#000101; font:11px Tahoma, Arial, Helvetica; height:15px; padding:2px 5px; width:165px}
	.cf-txt2 {background:#fff; border:1px solid #ADACAC; color:#000101; font:11px Tahoma, Arial, Helvetica; height:15px; margin:0 5px; padding:2px 5px; width:35px}
	.cf-txtarea {background:#fff; border:1px solid #ADACAC; color:#000101; font:11px Tahoma, Arial, Helvetica; height:64px; margin:3px 0 0 0; padding:0 0 0 5px; width:391px}
	.cf-btn-send {background:url(/images/btn_send.gif) 0 0 no-repeat; border:0; color:#000101; cursor:pointer; font:11px Tahoma, Arial, Helvetica; height:22px; overflow:auto; width:67px}	
	
.onlineorder-form {color:#000101; float:right; font:11px Tahoma, Arial, Helvetica; max-width:680px;}
	.onlineorder-form p {overflow:auto; padding:0 0 12px 0}
	.of-lbl {float:left; padding:3px 5px 0 0; text-align:right; width:153px}
	.of-txt {background:#fff; border:1px solid #ADACAC; color:#000101; font:11px Tahoma, Arial, Helvetica; height:15px; padding:2px 5px; width:165px}
	.of-slc {background:#fff; border:1px solid #ADACAC; color:#000101; font:11px Tahoma, Arial, Helvetica; height:21px; padding:0 0 0 5px; width:170px}
	.of-txt2 {background:#fff; border:1px solid #ADACAC; color:#000101; font:11px Tahoma, Arial, Helvetica; height:15px; margin:0 5px; padding:2px 5px; width:35px}
	.of-txtarea {background:#fff; border:1px solid #ADACAC; color:#000101; font:11px Tahoma, Arial, Helvetica; height:64px; margin:3px 0 0 0; padding:0 0 0 5px; width:99%}
	.of-btn-send {background:url(/images/btn_send.gif) 0 0 no-repeat; border:0; color:#000101; cursor:pointer; font:11px Tahoma, Arial, Helvetica; height:22px; overflow:auto; width:67px}
	
.news-block {margin:0 414px 0 9px}
	.news-block h2 {margin:0}
	.news-block .dot-line {margin:0 0 3px 0}
	.archiv {float:right; margin:8px 0 0 0}
		.archiv a {background:url(/images/ico_archiv.gif) 100% 3px no-repeat; color:#4D757E; padding-right:13px}
	.news-list {list-style-type:none; margin:0 0 5px 0; max-width:655px; padding:0}
		.news-list li {padding:0 0 4px 0}
		.nl-date {color:#599EAA; font-size:11px}
		.news-list a {font-size:12px;}

	.sitenews-list {list-style-type:none; margin:0 0 2px 0; max-width:655px; padding:0}
		.sitenews-list li {background:url(/images/dot01.gif) 0 100% repeat-x; padding:4px 0}
		.sitenews-list p {padding:0 0 3px 0; text-align:justify}
		.sitenews-list .align-rt {text-align:right}
		.nl-date {color:#599EAA; font-size:11px}
		.sitenews-list a {font-size:12px;}
		.center-column .sitenews-list {max-width:100%}
		.center-column .sitenews-list li {padding:4px 0 4px 5px}
	.archiv-news {text-align:right;}
		.archiv-news a {background:url(/images/ico_archiv.gif) 100% 3px no-repeat; color:#4D757E; padding-right:13px}
	.all-articles {text-align:right}
		.all-articles a {color:#4D757E; font-size:12px}
		
.product-table {border-collapse:separate; width:100%}
	.product-table h3 {font-size:14px}
		.product-table h3 a {color:#030000; text-decoration:none}
		.product-table h3 a:hover {text-decoration:underline}
	.p-img {float:left; margin:0 10px 0 0}
	.product-table td {background:#fff; border:1px solid #597E87; font-size:11px; padding:6px}

.pages {font-size:12px; padding:7px 0; text-align:center;}
	.pages a {color:#599EAA;}
	.pages .active {color:#42CBE8;}
.catalog-inner {font-size:12px; line-height:18px}
	.catalog-inner p {padding-bottom:15px}
	
.contacts-table {color:#4D757E; width:100%}
	.contacts-table  td {border:1px solid #ADACAC; padding:5px}
	.c-value {background:#FFFEF6; color:#42CBE8}

.shipped-form {color:#503D21; font-size:12px}
	.shipped-form select {color:#503D21; font:11px Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 5px; width:177px;}
	
.shipped-table {margin:10px 0; width:100%}
	.shipped-table td {padding:10px 0; text-align:center}
	.shipped-table img {border:1px solid #9E9E9E;}
	.shipped-table a {color:#4D757E; text-decoration:none}
	.shipped-table a:hover span {text-decoration:underline}

.news-tabs {background:url(/images/dot02.gif) 0 100% repeat-x; height:31px; list-style-type:none; line-height:0; margin:0 0 10px 0; padding:0}
	.news-tabs li {float:left;}
	
.dropdown {
	list-style-type:none;
	margin:10px 0;
	padding:0
}
	.dd-link {
		background:url(/images/dd_bg.gif) 0 0 repeat-x;
		color:#597E87; 
		display:block;
		font:bold 12px Tahoma, Arial, Helvetica; 
		height:23px;
		text-decoration:none
	}
	.dd-link span {background:url(/images/dd_rt.gif) 100% 0 no-repeat; display:block}
	.dd-link span span {background:url(/images/dd_lt.gif) 0 0 no-repeat; display:block; height:18px; padding:5px 15px 0 15px}	
	.dd-link:hover {background:url(/images/dd_bg_act.gif) 0 0 repeat-x}
	.dd-link:hover span {background:url(/images/dd_rt_act.gif) 100% 0 no-repeat}
	.dd-link:hover span span {background:url(/images/dd_lt_act.gif) 0 0 no-repeat}	
	.first .dd-link span {background:url(/images/dd_rt_f.gif) 100% 0 no-repeat}
	.first .dd-link span span {background:url(/images/dd_lt_f.gif) 0 0 no-repeat}	
	.first .dd-link:hover span {background:url(/images/dd_rt_f_act.gif) 100% 0 no-repeat}
	.first .dd-link:hover span span {background:url(/images/dd_lt_f_act.gif) 0 0 no-repeat}	
	.dropdown-block {
		background:#FFFEF6;
		border:1px solid #E3E7E8;
		border-top:0;
		border-bottom:0;
		color:#597E87;
		font-size:12px;
		list-style-type:none;
		margin:0;
		padding:5px 15px
	}
	.dropdown-block li {overflow:auto; padding:0 0 5px 0}
	.dropdown-block input {float:left; margin:0 5px 0 0}
	.dropdown-block label {float:left; padding:4px 0 0 0}
	.last .dropdown-block {border-bottom:1px solid #E3E7E8;}

/* Footer */
.footer {background:url(/images/footer_rt.jpg) 100% 100% no-repeat; color:#676C6E; min-height:135px; padding:20px 20px 20px 40px}
	.f-inner {background:url(/images/footer_lt.jpg) 0 100% no-repeat;}
	.footer a {color:#3E74A3}
	.f-logo {float:right;}
	.f-text {margin:0 150px 5px 0}
	.f-developer {clear:both; text-align:right}
		.f-developer a {color:#676C6E; text-decoration:none}
		.f-developer a:hover {text-decoration:underline}