* { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
}
body { 
	background: url(images/bg.png) repeat-x #ededed;
	font-family:Arial, Helvetica, sans-serif; font-size:100%; 
	line-height:1.0625em;
	color:#939393;
}

img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}
object { 
	vertical-align:top; 
	outline:none;
}

ul { list-style:none;}

input, textarea {
border: 1px solid #888787;
}

.submit {
	border:3px solid white;
	background:green;
	color: white;
	font-weight: bold;
	width:100px;
	height:23px;

}

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, .col-2, .col-3 { 
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.container { 
	width:100%;
}





#main {
	width:928px; 
	margin:0 auto;
	font-size:.75em;
	position:relative;
	padding-bottom:20px;
}

#header {
	height:366px;
	background:url(images/header-bg.jpg) no-repeat left top;
	position:relative;
}
#content {
	background:url(images/content-bg.gif) right top repeat-y #fff;
	width:100%;
}
#content img {
	border: 2px solid rgb(230, 230, 230);
}
#content img.small {
	max-width:300px;  width: expression(this.width > 300 ? 300: true); max-height:300px;  height: expression(this.height > 300 ? 300: true); float: right; margin-left: 10px;
}
#content img.small2 {
	max-width:200px;  width: expression(this.width > 200 ? 200: true); max-height:200px;  height: expression(this.height > 200 ? 200: true); 
}
#content img.small3 {
	max-width:70px;  width: expression(this.width > 70 ? 70: true); max-height:70px;  height: expression(this.height > 70 ? 70: true); 
}
#content img.small4 {
	max-width:160px;  width: expression(this.width > 160 ? 160: true); max-height:250px;  height: expression(this.height > 250 ? 250: true); 
}

#footer {
	background:#ededed;
	color:#0e1116;
	padding:15px 0 15px 18px;
}



input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

#search-form {
	position:absolute;
	left:86px;
	top:325px;
	background:url(images/search-bg.gif) no-repeat left top;
}
	#search-form fieldset {
		border:none;
	}
	#search-form input.text {
		background:none;
		border:none;
		width:155px;
		padding:1px 0 0 9px;
		color:#a9aaad;
	}
	#search-form input.submit {
		border:none;
		background:none;
		width:27px;
		height:23px;
	}
	
#login-form {
	position:absolute;
	left:86px;
	top:305px;
}
	#login-form fieldset {
		border:0px solid white;
	}
	#login-form input.text {
		border:1px solid #a9aaad;
		background:white;
		width:155px;
		padding:1px 0 0 9px;
		color:#a9aaad;
	}
	#login-form input.submit1 {
		border:3px solid white;
		background:green;
		color: white;
		font-weight: bold;
		width:100px;
		height:23px;
	}
	#login-form input.submit {
		border:3px solid white;
		background:#a9aaad;
		width:100px;
		height:23px;
	}

	#login-form2 input.text {
		border:1px solid #a9aaad;
		background:white;
		width:155px;
		padding:1px 0 0 9px;
		color:#a9aaad;
	}
	#login-form2 input.submit1 {
		border:3px solid white;
		background:green;
		color: white;
		font-weight: bold;
		width:100px;
		height:23px;
	}
	#login-form2 input.submit {
		border:3px solid white;
		background:#a9aaad;
		width:100px;
		height:23px;
	}
	
#contacts-form fieldset {
	border:none;
	width:100%;
	overflow:hidden;
}
	#contacts-form label { 
		display:block;
		height:26px;
	} 
		#contacts-form label input { 
			width:154px;
			padding:2px 0 2px 3px;
			color:#91867f;
			border:1px solid #dfdfe0;
			background:#fff;
		}
		#contacts-form textarea {
			width:154px;
			height:107px;
			border:1px solid #dfdfe0;
			background:#fff;
			padding:2px 0 2px 3px;
			margin-bottom:20px;
			color:#91867f;
			overflow:auto;
		}
		#contacts-form .link1 {
			margin-left:22px;
		}


#newsletter-form {
	background:url(images/newsletter-bg.jpg) no-repeat left top;
}
	#newsletter-form fieldset {
		border:none;
	}
	#newsletter-form input.text {
		background:none;
		border:none;
		width:160px;
		padding:1px 0 1px 9px;
		color:#02c8f9;
	}
	#newsletter-form input.submit {
		border:none;
		background:none;
		width:39px;
		height:25px;
		cursor:pointer;
	}

/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}


p {
	margin-bottom:17px;
}
.p1 { 
	margin-bottom:8px;
}
.p2 { 
	margin-bottom:17px;
}
.p3 { 
	margin-bottom:25px;
}

a {
	color:#02c8f9; 
	outline:none;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}


h2 {
	color:#202020;
	font-size:20px;
	line-height:1.2em;
	margin-bottom:14px;
}
h2.alt {
	letter-spacing:-1px;
}

h3 {
	font-size:21px;
	color:#fff;
	line-height:1.2em;
	text-transform:uppercase;
	padding-left:10px;
	margin-bottom:8px;
}
h4 {
	font-size:1em;
	color:#02c8f9;
	margin-bottom:2px;
}
h5 {
	font-size:1em;
	color:#02c8f9;
	margin-bottom:22px;
}


.link1 { 
	display:block;
	float:right;
	font-size:.85em;
	background:url(images/link1-bg.gif) left top repeat-x; 
	color:#9a9b9d; 
	text-transform:uppercase;
}
.link1:hover { 
	text-decoration:none;
	color:#000;
}
	.link1 em {
		display:block;
		background:url(images/link1-left.gif) no-repeat left top;
	}
	.link1 b { 
		display:block;
		background:url(images/link1-right.gif) no-repeat right top; 
		padding:1px 13px 2px 8px; 
		font-weight:normal; font-style:normal;
	}

.link2 { 
	display:block;
	float:left;
	font-size:.85em;
	background:url(images/link2-bg.gif) left top repeat-x; 
	color:#fff; 
	text-transform:uppercase;
}
.link2:hover {
	color:#000;
	text-decoration:none;
}
	.link2 em {
		display:block;
		background:url(images/link2-left.gif) no-repeat left top;
	}
	.link2 b { 
		display:block;
		background:url(images/link2-right.gif) no-repeat right top; 
		padding:0 13px 2px 13px; 
		font-weight:normal; font-style:normal;
	}
	
.link2b { 
	display:block;
	float:left;
	font-size:.85em;
	background:url(images/link2b-bg.gif) left top repeat-x; 
	color:#fff; 
	text-transform:uppercase;
}
.link2b:hover {
	color:#000;
	text-decoration:none;
}
	.link2b em {
		display:block;
		background:url(images/link2b-left.gif) no-repeat left top;
	}
	.link2b b { 
		display:block;
		background:url(images/link2b-right.gif) no-repeat right top; 
		padding:0 13px 2px 13px; 
		font-weight:normal; font-style:normal;
	}

.link2r { 
	display:block;
	float:left;
	font-size:.85em;
	background:url(images/link2r-bg.gif) left top repeat-x; 
	color:#fff; 
	text-transform:uppercase;
}
.link2r:hover {
	color:#000;
	text-decoration:none;
}
	.link2r em {
		display:block;
		background:url(images/link2r-left.gif) no-repeat left top;
	}
	.link2r b { 
		display:block;
		background:url(images/link2r-right.gif) no-repeat right top; 
		padding:0 13px 2px 13px; 
		font-weight:normal; font-style:normal;
	}
	
.link2-l { 
	display:block;
	float:left;
	font-size:.85em;
	background:url(images/link22-bg.gif) left top repeat-x; 
	color:#fff; 
	text-transform:uppercase;
}
.link2-l:hover {
	color:#000;
	text-decoration:none;
}
	.link2-l em {
		display:block;
		background:url(images/link22-right.gif) no-repeat left top;
	}
	.link2-l b { 
		display:block;
		background:url(images/link22-left.gif) no-repeat right top; 
		padding:0 13px 2px 13px; 
		font-weight:normal; font-style:normal;
	}
	

.newsletter-box {
	background:url(images/newsletter-box.jpg) no-repeat left top;
	height:95px;
}
	.newsletter-box .inner {
		padding:15px 20px 0 20px;
	}

.address { 
	padding-bottom:20px;
}
	.address dd { 
		clear:both;
	}
		.address dd span { 
			float:left;
			width:65px;
		}
		.address dd a {
			text-decoration:underline;
		}
		.address dd a:hover {
			text-decoration:none;
		}


#header .logo {
	position:absolute;
	left:75px;
	top:0px;
}

#header .slogan {
	position:absolute;
	left:443px;
	top:116px;
}

#header .nav {
	position:absolute;
	left:333px;
	top:0;
	overflow:hidden;
}

	#header .nav li {
		float:left;
		padding-left:14px;
	}
		#header .nav li a {
			display:block;
			float:left;
			font-size:17px;
			font-weight:bold;
			color:#fff;
			text-decoration:none;
			text-transform:uppercase;
			height:61px;
			line-height:61px;
			padding:0 9px 0 9px;
		}
		#header .nav li a:hover, #header .nav li a.current {
			background:url(images/nav-bg.gif) left top repeat-x;
			color:#ade000;
		}


#content .inside {
	padding:0 0 54px 54px;
}

#content .aside {
	float:left;
	background:#f4f4f4;
	color:#5a5d63;
	width:251px;
	margin-right:27px;
	border-bottom:10px solid #00a6d1;
	position:relative;
}
#content .aside.alt {
	border-bottom:none;
}
	#content .aside .indent {
		border-left:1px solid #dfdfe0;
		border-right:1px solid #dfdfe0;
		padding:29px 30px 52px 30px;
	}
		#content .aside .indent .indent {
			padding:0 0 0 20px;
			border:none;
		}
	#content .aside h2 {
		padding-left:20px;
	}
	#content .aside .article {
		padding:0 0 23px 0;
	}

#content .mainContent {
	float:left;
	color: #5a5d63;
	width:520px;
	padding:33px 76px 0 0;
	background:url(images/content-bg-top.gif) no-repeat right top;
}
	#content .mainContent .article {
		padding-bottom:30px;
		margin-bottom:30px;
		border-bottom:1px solid #ddd;
	}
	#content .mainContent .list1 li {
		background:url(images/marker1.gif) no-repeat left 4px !important;
	}
	
	#content .mainContent .address dt {
		margin-bottom:16px;
	}
	#content .mainContent .address dd span {
		width:83px;
	}

.list1 li {
	background:url(images/marker.gif) no-repeat left 4px;
	font-size:1.1em;
	padding:0 0 4px 21px;
	margin-bottom:3px;
	border-bottom:1px solid #e1dede;
}
.list1 li.last {
	border-bottom:none;
}
	.list1 li a {
		color:#5a5d63;
		
	}
	.list1 li a:hover {
		color:#85c700;
		text-decoration:none;
	}
	
.list2 dt {
	background:url(images/marker.gif) no-repeat left 3px;
	padding:0 0 0 21px;
	color:#5a5d63;
}
.list2 dd {
	padding:0 0 9px 21px;
	margin-bottom:7px;
	border-bottom:1px solid #e1dede;
	font-size:1.1em;
}
.list2 dd.last {
	border-bottom:none;
}
	.list2 dd a {
		color:#02c8f9;
	}
	
.list3 li {
	text-align:right;
	color:#02c8f9;
	font-weight:bold;
	border-bottom:1px solid #e1dede;
	margin-bottom:5px;
	padding:0 14px 8px 21px;
	line-height:18px;
}
.list3 li.last {
	border-bottom:none;
}
	.list3 li blockquote {
		text-align:left;
		color:#939393;
		font-weight:normal;
	}
	
.list4 li {
	background:url(images/marker.gif) no-repeat left 3px;
	padding:0 0 8px 21px;
	border-bottom:1px solid #e1dede;
	margin-bottom:7px;
	font-size:1.1em;
}
.list4 li.last {
	border-bottom:none;
}
	.list4 li a {
		text-decoration:underline;
	}
	.list4 li a:hover {
		text-decoration:none;
	}
	
.img-list {
	margin-bottom:-39px;
}
	.img-list li {
		padding-bottom:39px;
	}
	
.solutions {
	width:100%;
	overflow:hidden;
	margin-bottom:-39px;
}
	.solutions li {
		float:left;
		width:249px;
		margin-right:22px;
		padding-bottom:39px;
	}
	.solutions li.last {
		margin-right:0;
	}


#footer {

}
	#footer a {
		color:#02c8f9;
		text-decoration:none;
		font-weight:bold;
	}
	#footer a:hover {
		text-decoration:underline;
	}
		#footer .lang {
		float: right;
		margin-right:22px;
	}
	
	#product { margin: 10px; padding: 10px; padding-right: 0px; background: #eee; border: 1px solid #c3c3c3; width: 98%; height: auto; float: left; }
	#product.kart { margin: 10px; padding: 10px; background: #eee; border: 1px solid #c3c3c3; width: 95%; height: auto; float: left; }
	#product ul { list-style: none; margin: 0; padding: 0; }
	#product li img { float: left; padding: 2px 10px 5px 0; }
	#product li h4 { margin: 0; }
	#product li a.buy { margin-top: 5px; float: right; }
	#product p a { color: gray; }
	#product p a:hover{ text-decoration: none; }
	
	#product2 { margin: 5px; margin-right: 0px; margin-left: 5px; padding: 5px; background: #eee; border: 1px solid #c3c3c3; border-right: 0px solid white; width: 170px; height: auto; float: right; }
	#product2.kart { margin: 5px; padding: 5px; background: #eee; border: 1px solid #c3c3c3; width: 170px; height: auto; float: right; }
	#product2 ul { list-style: none; margin: 0; padding: 0; }
	#product2 li img { padding: 2px 2px 2px 2px; }
	#product2 li h4 { margin: 0; }
	#product2 li a.buy { margin-top: 5px; float: right; }
	#product2 p a { color: gray; }
	#product2 p a:hover{ text-decoration: none; }
	
	.beskr table {width: 100%;}
	.beskr table tr.odd {	background: #f8f8f8;}
	.beskr table tr.even {	background: #fefefe;}
	.beskr table th,
	.beskr table td {padding: 3px 0;	vertical-align: top;	border-bottom: 1px solid #cbcbcb;}
	.beskr table th {text-align: left;	padding-right: 10px;	padding-left: 5px;	width: 1px;	white-space: nowrap;}
	.beskr table td {width: 50%;}