@import 'reset.css';

BODY {
	background:#fff;
	font:.75em/1.4 Arial,sans-serif;
	color:#737373;
	}

A {
	color:#0086ff;
	text-decoration:underline;
	}
A:hover {

	}

.l-wrapper {
	min-width:1000px;
	overflow:hidden;
	}
.l-meta {
	width:1000px;
	margin:0 auto;
	}

/* Header */
.l-header {
	height:385px;
	position:relative;
	color:#686868;
	}

	.l-header .logo {
		position:absolute;
		left:40px;
		top:75px;
		color:#004e94;
		font:2.75em "Trebuchet MS",sans-serif;
		}
		.l-header .logo IMG {
			vertical-align:-13px;
			}
		.l-header .logo A {
			text-decoration:none;
			color:#004e94;
			}

	.l-header .contacts {
		position:absolute;
		left:620px;
		top:75px;
		font:1.1em "Trebuchet MS",sans-serif;
		}

	.l-header .sys-ico {
		position:absolute;
		right:60px;
		top:0;
		background:#62bd19 url(../img/bg/sys-icons.gif) no-repeat;
		width:13px;
		height:60px;
		padding:8px 9px 0;
		}
		.l-header .sys-ico A {
			width:13px;
			height:14px;
			display:block;
			}
	.l-header .lang {
		position:absolute;
		right:0px;
		top:6px;
		}

	.l-header .visual {
		background:url(../img/bg/visual.jpg) no-repeat 0 0;
		height:240px;
		margin:0 -5px;
		position:absolute;
		left:0;
		top:145px;
		width:1010px;
		}
	.en .l-header .visual {
		background:url(../img/bg/visual.en.jpg) no-repeat 0 0;
	}

/* content layout */
.l-content {
	overflow:hidden;
	zoom:1;
	padding:18px 0 0;
	}
	.l-section {
		width:620px;
		float:right;
		margin:0 40px 0 0;
		}
	.l-side {
		width:260px;
		float:left;
		padding:0 0 0 40px;
		font:1em "Trebuchet MS",sans-serif;
		display:inline;
		zoom:1;
		}

/* footer */
.l-footer {
	clear:both;
	padding:40px 40px 30px;
	font-size:.9em;
	color:#9f9f9f;
	overflow:hidden;
	zoom:1;
	}

	.l-footer .copy {
		float:left;
		width:260px;
		}
		.l-footer .copy P {
			margin:0 0 20px;
			}
	.l-footer .section {
		float:right;
		width:620px;
		}

.foo-nav {
	overflow:hidden;
	zoom:1;
	margin:0 0 20px -9px;
	}
	.foo-nav LI {
		float:left;
		border-left:1px solid #9f9f9f;
		margin:0 0 0 -1px;
		}
		.foo-nav LI A,
		.foo-nav LI SPAN {
			color:#9f9f9f;
			padding:0 10px;
			}
		.foo-nav LI A:hover {
			color:#0086ff;
			}


/* Content
--------------*/

/* side */
.l-side .b-search {
	width:200px;
	background:url(../img/bg/search-l.png) no-repeat 0 0;
	height:28px;
	margin:0 0 20px -10px;
	position:relative;
	zoom:1;
	}
	.l-side .b-search A {
		float:right;
		}
	.l-side .b-search INPUT.text {
		border:none 0;
		background:transparent;
		float:left;
		font-size:1.17em;
		color:#868686;
		width:159px;
		margin:3px 0 0 7px;
		padding:3px;
		}
* HTML	.l-side .b-search INPUT.text {
		width:156px;
		}

.l-side .b-side-b {
	margin:0 0 20px;
	}

.b-archive-nav P {
	font-size:1em;
	font-weight:bold;
	}

.l-side .b-cow {
	margin-top:100px;
	}

.l-side .b-visual {
	position:relative;
	width:175px;
	}
	.l-side .b-visual .sudd {
		position:absolute;
		background:url(../img/bg/sudd.png) no-repeat;
		width:156px;
		height:60px;
		left:110px;
		top:-80px;
		display:none;
		opacity:.9;
		filter:alpha(opacity=90);
		padding:15px 15px 37px;
		font-size:1.1em;
		color:#fff;
		}
	.l-side .b-visual:hover .sudd,
	.l-side .hover .sudd {
		display:block;
		text-align:center;
		}
		.l-side .b-visual .sudd TD {
			width:156px;
			height:60px;
			vertical-align:middle;
			text-align:center;
			}
		.l-side .b-visual .sudd A {
			color:#fff;
			}
		.l-side .b-visual .sudd A:hover {
			text-decoration:none;
			}


/* sec-nav */
.b-sec-nav {
	margin:0 0 40px;
	}
	.b-sec-nav H3 {
		font-size:1.5em;
		color:#686868;
		margin:0 0 .5em;
		text-transform:uppercase;
		}
		.b-sec-nav H3 EM {
			color:#0086ff;
			}
	.b-sec-nav UL {
		font-size:1.17em;
		}
		.b-sec-nav LI {
			margin:0 0 .75em;
			}
			.b-sec-nav LI A {
				color:#868686;
				border-bottom:2px dotted;
				text-decoration:none;
				}
			.b-sec-nav LI A:hover {
				color:#0086ff;
				}
			.b-sec-nav LI.current A {
				color:#0086ff;
				}

/* nav */
.l-section .nav {
	overflow:hidden;
	zoom:1;
	height:23px;
	padding:5px 0 0;
	margin:0 0 20px;
	font-size:1.17em;
	}
	.l-section .nav LI {
		float:left;
		background:url(../img/bg/nav.gif) no-repeat 0 0;
		height:18px;
		line-height:18px;
		margin:0 15px 0 0;
		}
		.l-section .nav LI:hover {
			background-position:0 100%;
			}
		.l-section .nav LI A,
		.l-section .nav LI SPAN {
			padding:0 0 0 23px;
			text-decoration:none;
			color:#868686;
			}
		.l-section .nav LI.current {
			background-position:0 100%;
			}
		.l-section .nav LI.current SPAN {
			color:#0086ff;
			}
		.l-section .nav LI A:hover {
			color:#0086ff;
			}

/* content section */
.l-content H2 {
	font:1.5em "Trebuchet MS",sans-serif;
	color:#686868;
	margin:0 0 .5em;
	text-transform:uppercase;
	}
	.l-content H2 EM,
	.l-content H2 SPAN {
		color:#0086ff;
		}

.h-section P,
.h-section TABLE,
.h-section UL,
.h-section OL {
	margin:0 0 1em;
	}

.h-section UL {
		list-style:disc;
		list-style-position:outside;
		margin-left:1em;
		padding-left:1em;
	}
.b-news UL,
UL.b-sitemap,
.b-sitemap UL {
		list-style:none;
		margin-left:0;
	}

.h-section P.more {
	margin:0 0 3em;
	}
	.h-section P.more A {
		color:#fff;
		background:#0086ff;
		padding:2px 5px;
		text-decoration:none;
		}

.h-section .crumbs {
	font-size:.9em;
	}

.h-section .pic IMG {
	border:4px solid #ececec;
	vertical-align:middle;
	}
	.h-section .pic-left {
		float:left;
		margin:0 1.5em 1em 0;
		clear:left;
		}

.h-section TABLE {
	border-collapse:collapse;
	}
	.h-section TABLE TH,
	.h-section TABLE TD {
		padding:.5em 1.5em;
		border:none 0;
		border-bottom:1px solid #ccc;
		}
	.h-section TABLE TH {
		font-weight:bold;
		}
	.h-section TABLE TD {
		border-bottom:1px solid #eee;
		}

		
		
/* news */
.b-news UL {
	overflow:hidden;
	zoom:1;
	padding:5px 0 0;
	}
	.b-news UL.twocol LI {
		width:45%;
		float:left;
		margin:0 0 15px;
		}
		.b-news UL.twocol LI.second {
			float:right;
			}
		.b-news .date {
			margin:0 0 .25em;
			font-size:1em;
			display:block;
			}
		.b-news H4 {
			font-size:1em;
			}
		.b-news P {
			color:#9f9f9f;
			}

/* b-page-nav */
.b-page-nav {
	color:#9f9f9f;
	clear:both;
	}
	.b-page-nav SPAN {
		margin:0 30px 0 0;
		}
	.b-page-nav A {
		color:#9f9f9f;
		font-size:.9em;
		}
	.b-page-nav A:hover {
		color:#0086ff;
		}

/* price */
.b-price {
	margin:20px 0;
	color:#666;
	}
	.b-price P {
		color:#666;
		}
.b-price TABLE {
	margin:0 0 10px;
	width:99.99%;
	border-collapse:collapse;
	border:none 0;
	}
	.b-price TH,
	.b-price TD {
		padding:15px 20px;
		vertical-align:top;
		border:1px solid #fff;
	}
	.b-price TH {
		text-align:left;
		background:#d7ecff;
		cursor:pointer;
		}
	.b-price TD {
		color:#666;
		}
		.b-price .even TD {
			background:#d7ecff;
			}

.b-price .sort-down,
.b-price .sort-up {
	font-size:1.2em;
	color:#0db200;
	}
	.b-price .sort-up {
		color:#ff9809;
		}

.b-price .controls {
	overflow:hidden;
	zoom:1;
	}
	.b-price .controls .pager {
		float:right;
		}
	.b-price .controls .type SELECT {
		color:#666;
		margin:0 5px;
		}

.pager A {
	text-decoration:none;
	color:#666;
	margin:0 3px;
	}
	.pager A:hover {
		color:#3fa4ff;
		text-decoration:underline;
		}
	.pager SPAN {
		font-weight:bold;
		text-decoration:none;
		padding:0 2px;
		}

.catalog-item {
	zoom:1;
	overflow:hidden;
	height:1%;
	}

/* form basic */
.f-basic {
	margin:0 0 20px;
	}
	.f-basic LABEL {
		display:block;
		margin:10px 0 3px;
		}
	.f-basic INPUT.text,
	.f-basic TEXTAREA {
		display:block;
		width:250px;
		border:1px solid #c6c6c6;
		padding:2px 3px;
		margin:0 0 10px;
		}
	.f-basic .bt {
		background:#c6e0f7 url(../img/bg/bt.gif) repeat-x 0 50%;
		border:1px solid #157dd7;
		padding:2px 5px;
		color:#fff;
		cursor:pointer;
		}

/* sitemap */
.b-sitemap {
	margin:0 0 20px;
	}
	.b-sitemap LI {
		margin:0 0 15px;
		}
	.b-sitemap LI A {
		font-weight:bold;
		}
		.b-sitemap LI LI {
			margin:0 0 0 10px;
			}
		.b-sitemap LI LI A {
			font-weight:normal;
			}

