@charset "utf-8";

HTML, BODY {}
BODY {font:normal 13px 'Tahoma'; color:#000; text-align:left; background:#E3E2DF url(../img/layout/bg.jpg) repeat 0 146px}

/* Typography */

A, A:link {color:#A10C10; text-decoration:underline}
A:hover {text-decoration:none}

A.external {background: url(../img/nav/external.png) no-repeat 100% 60%; padding-right:13px/*; margin-right:2px;*/}

H1 {font:normal 24px 'Georgia','Times New Roman','Arial'; margin:26px 0 20px 0; color:#e0333d}
H2 {font:normal 22px 'Georgia','Times New Roman','Arial'; margin:28px 0 6px 0; color:#000}
H3 {font:normal 20px 'Georgia','Times New Roman','Arial'; margin:30px 0 6px 0; color:#000}
H4 {font:normal 18px 'Georgia','Times New Roman','Arial'; margin:30px 0 8px 0; color:#000}
H5 {font:normal 16px 'Georgia','Times New Roman','Arial'; margin:30px 0 9px 0; color:#000}
H6 {font:normal 16px 'Georgia','Times New Roman','Arial'; font-style: italic; margin:30px 0 9px 0; color:#6c6c6c}

#content {color:#6c6c6c}
#content A:visited {color:#4C4C4C}
#content A.external:visited {background-image: url(../img/nav/external-visited.png)}

#content H2 {color:#e0333d}

#content P {margin:0 0 20px 0}

#content B, #content STRONG {font-weight:bold}
#content I, #content EM {font-style:italic} 

#content UL {margin:8px 0 20px 15px; list-style:disc}
#content OL {margin:8px 0 20px 19px; list-style:decimal}
#content UL UL, #content OL UL, #content UL OL, #content OL OL  {margin-top:15px; margin-left:18px; list-style:circle}
#content UL OL {list-style:decimal}
#content OL OL {list-style:lower-latin}
#content UL LI, #content OL LI {margin:3px 0}

#content .table {border:1px solid #d9d9d9; padding:12px; margin:10px -12px}
#content TABLE {width:100%}
	#content TABLE TH { height:39px; padding:10px 13px; font:bold 12px 'Tahoma'; color:#000; text-align:center; vertical-align:middle; background:#e4e4e4 url(../img/content/table-header-bg.gif) repeat-x 0 0; border-left:1px solid #d9d9d9; border-right:1px solid #fff}
	#content TABLE TD { padding:10px 13px; color:#6c6c6c; border-left:1px solid #d9d9d9}
	#content TABLE TH:first-child, #content TABLE TH.first-child, #content TABLE TD:first-child, #content TABLE TD.first-child {border-left:none}
	#content TABLE TR.alt TD {background:#f4f4f4}

.inset-right-picture {display:block; float:right; margin:5px 0 20px 30px!important; font:normal 11px 'Tahoma'; color:#6c6c6c}
	.inset-right-picture IMG {display:block}
	.inset-right-picture SPAN {display:block; padding:6px 6px 8px 6px; text-align:right; border-bottom:1px solid #d9d9d9}

.inset-right-text {float:right; width:240px; padding:20px 8px 67px 8px; margin:5px 15px 20px 30px!important; border-top:1px solid #d9d9d9; font:normal 16px/20px 'Georgia','Times New Roman','Arial'; font-style: italic; color:#6c6c6c; background:url(../img/content/inset-footer.png) no-repeat 0 100%}

/* Layout */

#layout {background:url(../img/layout/bg-top.jpg) repeat-x 0 0}
#layout-in {width:975px; margin:0 auto}

.corner {background:url(../img/corner.gif) no-repeat 100% 0}
	.corner DIV {height:23px; margin-right:23px; background:#fff}
.corner-trans {background:url(../img/corner-trans.gif) no-repeat 100% 0}
	.corner-trans DIV {height:19px; overflow:hidden; margin-right:20px; border:1px solid #fff; border-right:none; border-bottom:none}


/* Structure */

#header {position:relative}
	#header #logo {position:absolute; z-index:10; top:15px; left:18px; width:217px; height:72px/*; background:url(../img/logo.png) no-repeat 0 0*/}
#middle {}
	#sidebar {float:left; width:262px; overflow:hidden}
	#contentbar {float:right; width:713px; overflow:hidden; margin-bottom:30px}
		#contentbar-in {border:2px solid #fff; padding:0 40px 50px 40px; background:#fff url(../img/layout/contentbar-bg.gif) repeat-x 0 100%}
#footer {padding:3px 0 25px 0}

/* Defaults */


/* jCarousel CSS */	

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {position: relative}
.jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative}
.jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0}
.jcarousel-list li,
.jcarousel-item {
	float: left; list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px; height: 75px; 
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-prev-disabled,
.jcarousel-next-disabled {-moz-opacity:0.50;opacity:0.50;filter:alpha(opacity=50); cursor:default!important}

/* Header */

#main-nav {position:relative; padding:92px 0 0 0; margin:0 0 18px 0}
	#main-nav TABLE {width:100%}
		#main-nav TD {font:normal 16px/38px 'Georgia','Times New Roman','Arial'; text-align:center; white-space:nowrap}
			#main-nav TD DIV.item {position:relative; z-index:3; border-bottom:1px solid #fff}
			#main-nav TD DIV.sub {position:relative; z-index:15; border:none!important}
			#main-nav TD DIV.item A, #main-nav TD DIV.item A:hover {
				display:block;
				position:relative; z-index:5;
				height:38px;
				padding:0 18px;
				border:1px solid #c1c0bd; border-left:none;
				white-space:nowrap;
				color:#000; 
				text-decoration:none!important
			}
			#main-nav TD DIV.item A:hover, 
			#main-nav TD.hover DIV.item A {background:#fff; border-bottom:1px solid #d9d9d9}
			#main-nav TD.first-child DIV.item A {border-left:1px solid #c1c0bd}
			
		#main-nav TD.selected DIV.item {position:relative; z-index:6; zoom:1; border:none; border-top:1px solid #c1c0bd; border-right:1px solid #c1c0bd; margin:-1px -1px -1px 0}
		#main-nav TD.first-child-selected DIV.item {border-left:1px solid #c1c0bd; }
			#main-nav TD.selected DIV.item A, 
			#main-nav TD.selected DIV.item A:hover {
				color:#a10c10; 
				border:1px solid #fff; border-bottom:none;
				background:transparent!important
			}

		#main-nav TD.with-sub {width:0%}
			#main-nav TD.with-sub > DIV.item A {padding-left:10px}
			#main-nav TD.hover.with-sub > DIV.item A {background:#fff!important}
				#main-nav TD.with-sub DIV.item A SPAN {display:block; background:url(../img/nav/with-submenu.png) no-repeat 0 55%; padding-left:13px}
			
			#main-nav TD UL {display:none; position:absolute; top:-2px; left:-1px; padding:7px 0 12px 0; margin:0; background:#d9d9d9; border:1px solid #c1c0bd; text-align:left}
			#main-nav TD.hover UL {display:block; line-height:18px}
				#main-nav TD UL LI {border:none; padding:5px 22px; zoom:1}
					#main-nav TD UL LI A, #main-nav TD UL LI A:hover {zoom:1; height:auto; white-space:nowrap; padding:0px!important; border:none!important; font:normal 14px/18px 'Georgia','Times New Roman','Arial'!important; color:#000; background:none!important; text-decoration:underline!important}
					#main-nav TD UL LI A:hover {text-decoration:none!important}
					#main-nav TD UL LI.selected A, #main-nav TD UL LI.selected A:hover {color:#a10c10!important; text-decoration:none!important}

#header-nav {position:absolute; z-index:10; top:18px; right:20px; text-align:right; font:normal 16px/38px 'Georgia','Times New Roman','Arial'}
	#header-nav A {color:#000; text-decoration:none}
	#header-nav A:hover {text-decoration:underline}

#header .banner-big {margin:18px 0 29px 0}	
	#header .banner-big IMG {display:block}
	
/* Footer */

#footer-nav {float:right; margin:2px 20px 0 0; font-size:11px; text-align:right; color:#999}
	#footer-nav A {color:#333; text-decoration:underline}
	#footer-nav A:hover {text-decoration:none}
	#footer-nav A.selected {font-weight:bold; text-decoration:none}
	#footer-nav .separator {padding:0 3px}

#footer .rss {float:left; width:31px; height:30px; margin:2px 11px 0 13px; background:url(../img/layout/footer-rss.png) no-repeat 0 0}
#footer .copyright {font:normal 11px/16px 'Tahoma'; color:#666}

/* SideBar -> Sub Navigation */

#sidebar-nav {width:225px; margin:0 0 30px 0; border:3px solid #fff; background:#d9d9d9}
	#sidebar-nav .header { padding:0 20px;  font:normal 24px/44px 'Georgia','Times New Roman','Arial'; color:#fff; background:#1f1f1f url(../img/hrow.gif) repeat-x 0 0}
		#sidebar-nav .header DIV {width:190px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
	#sidebar-nav .body {padding:12px}
		#sidebar-nav UL {}
			#sidebar-nav UL LI {padding:10px; border-top:1px solid #fff; border-bottom:1px solid #b6b6b6; font:bold 12px 'Tahoma'}
			#sidebar-nav UL LI.first-child {border-top:none}
			#sidebar-nav UL LI.last-child {border-bottom:none}
				#sidebar-nav UL LI A, #sidebar-nav UL LI A:hover {color:#000}
			#sidebar-nav UL LI.selected {background:#a4a4a4}
				#sidebar-nav UL LI.selected A, #sidebar-nav UL LI.selected A:hover {color:#fff; text-decoration:none}

/* Customers block */	

#customers-block {width:232px; margin:0 0 30px 0}
	#customers-block .body {position:relative; background:#fff; padding:15px}
		#customers-block .border {border:3px solid #ececec; height:435px; padding:12px; overflow:hidden}
		
		#customers-block .intro {color:#808080; line-height:15px; height:90px; padding-bottom:14px; overflow:hidden; border-bottom:2px solid #ececec}
			#customers-block .intro .picture {float:left; margin:0 22px 0 5px}
		
		#customers-block .customers-list {position:relative}
			#customers-block .customers-list-header {font:normal 18px 'Georgia','Times New Roman','Arial'; margin:0; padding:0 0 10px 4px; border-bottom:1px solid #ececec}
			#customers-block .slides, #customers-block .jcarousel-clip {height:322px; overflow:hidden}
			#customers-block .slide {width:202px; height:150px; padding:5px 0; overflow:hidden;border-bottom:1px solid #ececec}
				#customers-block .slide .logo {float:left; margin:10px -100% 0 0}
				#customers-block .slide .info {float:left; margin:6px 0 0 83px; font:normal 11px/14px 'Tahoma'; color:#454545}
					#customers-block .slide .info A {color:#000; font-weight:bold}
			
			#customers-block .pager {position:absolute; z-index:10; top:-4px; right:0px; zoom:1}
			#customers-block .pager .pager-btn {
				position:absolute; zoom:1; 
				top:0px;
				width:28px; height:28px; 
				background:url(../img/index/sprites.png) no-repeat 0 0; cursor:pointer;
			}
			#customers-block .pager .pager-prev {right:0px;background-position:-31px 0}
			#customers-block .pager .pager-next {right:29px;background-position:-1px 0}
		
		#customers-block .more {padding:10px 0 0 3px}
		#customers-block .more A{font:bold 11px 'Tahoma'; color:#a10c10}

/* Banners */

.banner-block {width:232px; margin:0 0 30px 0}
	.banner-block .header {position:relative; z-index:5; margin:0 0 -15px 0; padding:0px 20px; background:#fff; font:normal 17px 'Georgia','Times New Roman','Arial';}
		.banner-block .header SPAN {display:block; position:relative; top:-8px}
	.banner-block .body {position:relative; z-index:4; background:#fff; padding:15px 15px 20px 15px; color:#808080}
		.banner-block .body IMG.picture {display:block; margin-bottom:13px}	
		.banner-block .body .text {padding:0 5px}
		.banner-block .body .more {font-weight:bold}
		
.banner-block-transparent {border-bottom:1px solid #fff;}
	.banner-block-transparent .corner {background:url(../img/corner-trans.gif) no-repeat 100% 0}
		.banner-block-transparent .corner DIV {height:19px; overflow:hidden; margin-right:20px; background:none; border:1px solid #fff; border-right:none; border-bottom:none}
	.banner-block-transparent .header,
	.banner-block-transparent .body {background:none; border-left:1px solid #fff; border-right:1px solid #fff;}
	
	.banner-block-transparent .header {margin-bottom:-10px}
	.banner-block-transparent .header SPAN {width:197px; padding:0 0 8px 5px; left:-6px; border-bottom:1px solid #fff}

		
/* ContentBar -> Content */

#content {margin:0 0 30px 0}

/* BreadCrumbs */

#breadcrumbs {font:normal 11px 'Tahoma'; padding:0 0 18px 2px; margin:-3px 0 0 0; border-bottom:1px solid #d9d9d9; color:#acacac}
	#breadcrumbs A {color:#454545; white-space:nowrap}
	#breadcrumbs A.selected, #breadcrumbs A.selected:hover {color:#e0333d!important; text-decoration:none}
	#breadcrumbs SPAN {padding:0 2px}

/* Form */

.form  {border:1px solid #d9d9d9; padding:12px; margin:10px -12px}
	.form TH, .form TD {border:none!important; border-top:1px solid #d9d9d9!important}
	.form TR:first-child TH, .form TR.first-child TH, .form TR.first-child TD, .form TR:first-child TD {border-top:none!important}
	.form TH {padding:0px 15px!important; background:#f4f4f4!important; text-align:right!important; vertical-align:top!important; color:#6c6c6c!important; font-weight:normal!important}
		.form TH LABEL {display:block; margin-top:14px}
		.form TH.required LABEL {color:#000; font-weight:bold}
	.form TD {padding:9px 15px!important; vertical-align:middle!important}
	
	.form .field-text, .form TEXTAREA {padding:0px; width:100%; max-width:100%; font:normal 12px 'Tahoma'; color:#333}
	.form .field-text {height:17px; padding:5px 0 3px 3px}
	.form TEXTAREA {height:80px; padding:5px 0 0 3px}
	.form .form-note {color:#6c6c6c}
	.form TH.required SPAN, .form SPAN.required {color:#f00006; font-weight:normal!important}
	.form .button {font:bold 12px 'Tahoma'; padding:9px 13px; cursor:pointer; width:auto; overflow:visible; vertical-align:middle}
	
	.form TFOOT TD {border:none!important}
		.form TFOOT .form-note {float:right; width:265px}

/* Items List */

.items-list {}

/* News */

UL.items-list-news {list-style:none!important; margin:0px!important}
	UL.items-list-news LI {margin-bottom:20px!important}
		.news-date {margin:0 0 0 -10px;	font-size:11px;	color: #444}
			.news-date SPAN {
				padding:2px 5px;
				border:1px solid #D9D9D9;
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				-khtml-border-radius:3px;
				border-radius:3px;
			}
		.news-details-date {margin:-10px 0 20px!important}
		.news-title {font:normal 16px 'Georgia','Times New Roman','Arial'; margin:5px 0 7px 0; color:#000}
	
/* Customers */

UL.items-list-customers {list-style:none!important; margin:0px!important}
	UL.items-list-customers LI {margin-bottom:20px!important; clear:both; zoom:1}
		.customer-link {font-size:11px;	color: #444}
		.customer-details-link {margin:-10px 0 20px!important}
		.customer-title {font:normal 16px 'Georgia','Times New Roman','Arial'; margin:5px 0 7px 0; color:#000; //margin-top:0px;}
		.customer-logo {float:left; height:70px; margin:3px 20px 0 0}
		.customer-details-logo {float:right; margin:30px 0 10px 30px!important}
	
/* Vacancies */

UL.items-list-vacancies {list-style:none!important; margin:0px!important}
	UL.items-list-vacancies LI {margin-bottom:20px!important}
		.vacancy-title {font:normal 16px 'Georgia','Times New Roman','Arial'; margin:5px 0 7px 0; color:#000}
	
/* Pager */

#content .pager {margin:40px 0 0 0}
#content .pager-top {margin:0 0 40px 0}
	#content .pager UL {list-style:none!important; margin:0px!important; float:left}
	#content .pager UL LI {display:block; float:left}
	#content .pager SPAN {display:block; float:left; padding:4px 0}
	#content .pager .items-per-page {float:right}
	
	#content .pager A {display:block; float:left; margin:0 3px; padding:0 5px; text-align:center; text-decoration:none; border:1px solid #D9D9D9}
	#content .pager A:hover {text-decoration:none; border:1px solid #999}
	#content .pager .selected A{border:1px solid #333!important; color:#000!important}
	
	#content .pager .dots {padding:0 2px}
	
	#content .pager .next A, 
	#content .pager .prev A {border:1px solid #fff; text-decoration:underline}
	#content .pager .next A:hover, 
	#content .pager .prev A:hover {text-decoration:none}