#ieWrapper { display: none; }

html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, a, cite, code, img, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
}

html {
	margin: 0;
	padding: 0;
	background: transparent url(../i/header_bg.jpg) 0 0 repeat-x;
}

body {
	font-size: 11px;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Sans-serif;
	margin: 0;
	padding: 0;
	color: #111;
	background: transparent url(../i/footer_bg.png) 0 100% repeat-x;
}

:focus { outline: 0; }
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.clear { clear: both; }
a img { border: 0; }
.striked {
	font-style: normal;
	text-decoration: line-through;	
}
.rFloated { float: right !important; }
.lFloated { float: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.left { text-align: left !important; }


#pageCounter, 
#pageCounter span,
.button,
.button span, 
#priNav li, 
#priNav a,
h2#newestTitle,
h2#newsTitle,
.getPdf {
	background-image: url(../i/elements_bgs.png);
	background-repeat: no-repeat;
}

.button { 
	display: inline-block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	text-shadow: none;
	
}
.button span { 
	display: block;
	padding-left: 10px;
	padding-right: 10px;
}
.button em { 
	font-size: 0.9em; 
	*display: none;
}

.button.red {
	background-position: 0 -317px;
	height: 25px;	
}
.button.red span {
	background-position: 100% -342px;
	height: 22px;
	padding-top: 3px;
	margin-right: -3px;	
}



#wrapper {
	width: 1200px;
	margin: 0 auto;
	min-height: 780px;
	position: relative;
}

#header {
	padding: 10px;	
	height: 99px;
}

#homeLink {
	float: left;
	width: 298px;
	height: 32px;
	text-indent: -3000px;
	background: transparent url(../i/logotype2_bg.png) 42px 0 no-repeat;	
	margin-top: 3em;
	margin-left: 2.5em;
}
#homeLink span {
    float: left;
    width: 40px;
    height: 32px;
    background: transparent url(../i/logotype_anim.gif) 50% -1px no-repeat;  
}


#loginBox {
	float: right;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	text-shadow: 0 1px 1px #030;
	margin-top: 7.25em;
	margin-right: 1em;
	position: relative;
	background: transparent url(../i/opacity_bg.png) 0 0 repeat;
	padding: 0.25em 0 0.3em 0.5em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	*padding-right: 0.5em;
	*padding-top: 0.5em;
	*width: 250px;
	*line-height: 1;
}
#loginBox.noBg { background-image: none; }
#formTrigger {
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	background: transparent url(../i/opacity_bg.png) 0 0 repeat;	
	background-image: none;
	padding: 3px 0.75em 4px 0.75em;
	padding-bottom/*\**/: 3px\9;
	*zoom: 1;
	*float: right;
	*margin-top: -14px;
}

#formTrigger, x:-moz-any-link { padding-bottom: 3px; }

#formTrigger:hover {
	background: transparent url(../i/opacity_bg.png) 0 0 repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

#formTrigger em { font-size: 0.8em; }

#formTrigger.active {
	background-image: url(../i/opacity_bg.png);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

#loginForm {
	z-index: 10;
	position: absolute;
	right: -20px;
	top: 17px;
	width: 240px;
	display: block;
	padding: 4px;
	overflow: hidden;
	background: transparent url(../i/opacity_bg.png) 0 0 repeat;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;	
	*top: 20px;	
	display: none;
}


#loginForm div div {
	margin: 0.5em 0;	
}

#loginWrapper {
	background: transparent url(../i/loginWindow_bg.png) 0 0 repeat-x;
	padding: 10px;
	margin: 0;
	padding-bottom: 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;		
	*overflow: auto;
}

#loginForm input[type=text], #loginForm input[type=password] {
	width: 95%;	
	color: #777;
	padding: 3px 2px;
}

#loginForm input[type=text]:focus, #loginForm input[type=password]:focus { color: #000; }

#reminder {
	text-decoration: none;
	text-shadow: none;
	color: #09c;
	font-weight: normal;
	margin-right: 0.5em;
}

#reminder:hover { color: #c00; }

#loginForm .button { margin: 0 1em 0 0; }

#priNav {
	list-style: none;
	width: 900px;
	margin: 0 0 0 297px;
	height: 31px;
}

#langsBox {
	float: right;	
	font-family: Verdana, Sans-serif !important;
	margin-top: 80px;
	*overflow: hidden;
}
#langsBox a {
	margin: 0 0.25em 0 0;
	display: inline-block;
	width: 16px;
	height: 11px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -3000px;
	text-decoration: none;
	color: #fff;
	*display: block;
	*float: left;
}

#langsBox a#plLang { background-image: url(../i/plFlag_bg.png); }
#langsBox a#ukLang { background-image: url(../i/ukFlag_bg.png); }
#langsBox a#deLang { background-image: url(../i/deFlag_bg.png); }
#langsBox a#ruLang { background-image: url(../i/ruFlag_bg.png); }
 
#langsBox a:hover { text-decoration: underline; }
#langsBox a.active { padding-top: 4px; }


#priNav li {
	float: left;
	height: 100%;
	border-right: 1px #ddd solid;	
	border-left: 1px #fff solid;	
	background-position: 1000px 1000px;
}

#priNav a {
	display: block;
	padding: 6px 12px 0 30px;
	height: 26px;	
	color: #555;
	font-family: Verdana, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

#priNav a:hover { color: #000; text-decoration: underline; }

#priNav a#main { background-position: 0 0; }
#priNav a#about { background: transparent url(../i/company_icon.png) 3px 2px no-repeat; }
#priNav a#products { background-position: 0 -30px; }
#priNav a#contact { background-position: 0 -60px; }
#priNav a#support { background-position: 0 -90px; }
#priNav a#privacy { background-position: 0 -122px; }

#priNav li.first { border-left: 1px #ccc solid; }
#priNav li.last { 
	border-right: 0; 
	padding-left: 0.5em; 
}
#priNav li.last a {
	font-family: "Lucida Grnade", Arial, Sans-serif;
	padding: 0;
	background-image: none;	
	display: inline-block;
	margin: 4px 1px 0 1px;
	color: #777;
	height: auto;
}

#priNav li.last a:hover { text-decoration: none; }

#priNav li.last a.active {
	color: #000;	
}

#priNav li.active {
	background-position: 0 -367px;
	background-repeat: repeat-x;
	height: 33px; 	
}
#priNav li.active a { color: #000; height: 26px; }

#priNav #normalFont { font-size: 14px; }
#priNav #bigFont { font-size: 17px; }
#priNav #hugeFont { font-size: 20px; }


#sidebar {
	float: left;
	width: 298px;
	margin-bottom: 29px;
	margin-top: 2px;
	background: #fff url(../i/sidebarGradient_bg.jpg) 0 0 repeat-x;	
}

#sidebarWrapper {
	padding: 20px 10px 40px 16px;
	background: transparent url(../i/sidebar_bg.png) 100% 0 no-repeat;	
}

#sidebar h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 0.75em 0;	
}

h2#newestTitle {
	padding-left: 32px;
	background-position: 0 -156px;	
}

h2#newsTitle {
	background-position: 0 -186px;
	background-position: 0 -176px;
	padding: 0 0 5px 28px;	
}

#sidebar a {
	text-decoration: none;
	color: #09c;	
}

#sidebar p {
	font-size: 11px;	
	line-height: 1.35;
}
#sidebar p strong { font-weight: bold !important; }
#sidebar img { margin: 0.25em 0.5em 0 0; }

#sidebar p a { font-weight: bold; }
#sidebar p a:hover { color: #c00; }

#categories {
	list-style: none;
	margin-bottom: 2em;	
}

#categories a {
	color: #09c;
	text-decoration: none;	
	font-size: 11px;
}

#categories a:hover { color: #c00; }

#categories > li { margin: 0.35em 0; }
#categories > li > a { font-weight: bold; }
#categories ul a.open { color: #c00; }

#categories a.open {
	color: #555;	
	cursor: default;
}


#categories a.open em { font-size: 0.8em; }

#categories ul {
	list-style: none;
	margin: 0.45em 0 1.25em 1em;	
}

#categories ul li {
	background: transparent url(../i/tree_bg.png) 0 50% repeat-y;
	padding: 0.2em 0 0.25em 25px;	
}

#categories ul a:hover { text-decoration: underline; }
#categories ul a.open { font-weight: bold; } 

#newestList {
	list-style: none;
	font-size: 11px;
	margin: 0 0 2.5em 0.25em;	
}

#newestList li { margin: 0.5em 0; }

#newestList span { 
	font-weight: bold;
	color: #444;
	display: block;
	line-height: 1.8;
}

#newestList a:hover { text-decoration: underline; }

#rBox {
	float: right;
	width: 198px;
	padding: 10px 0 0 0;	
	margin-top: 40px;
	position: relative;
	height: 550px;
}
#slidesContainer {
    height: 550px;
}
#rBox img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;  
    top: 0;
    left: 0;
}

#content {
	margin-left: 300px;	
	padding: 2em 4em 10em 4em;
	margin-right: 180px;
	*width: 496px;
	*padding-left: 2em;
}

#content.noAd { margin-right: 50px; }


#content {
	font-family: Verdana, Sans-serif;	
}

#content a { color: #09c; }
#content a:hover { color: #c00; }
#content a:visited { font-style: italic; }

#content h1,
#content h2 {
    font-size: 2.4em;
	font-weight: normal;	
	margin: 0 0 0.5em 0;
	*font-size: 1.5em;
}

#content h3 {
	margin: 1em 0 0.5em 0;
	font-weight: bold;	
	font-size: 14px;
}

#content h3.underlined {
	margin: 2em 0;
	padding-bottom: 0.25em;
	border-bottom: 1px #bbb solid;	
}

#content p, #content ul, #content ol {
	margin: 0.5em 0 1.5em 0;
	line-height: 1.5;	
	font-size: 1.2em;
}

#content .news {
	border-bottom: 1px #dedede solid;
	margin-bottom: 1.25em; 	
	padding: 0 0.5em;
}
#content .news p { font-size: 1.1em; }

#content ul, #content ol { margin: 1.5em 0 1.5em 2em; }

#content li { margin: 0.45em 0; }

#content #path {
    font-size: 11px;
	margin: 0.5em 0 2em 0;
	color: #555;	
}

#content img {
    margin: 1em;   
}

#path a {
	font-weight: bold;
	text-decoration: none;	
}

#path a:hover { color: #c00; }

.contactBox {
	float: left;
	width: 48%;
	margin: 0 1em 6em 0;	
	overflow: hidden;
}

.contactBox h4 {
	font-size: 1.1em;
	font-weight: bold;	
	margin-top: 0.75em;
	margin-bottom: 0.2em;
}

.contactBox span {
	font-style: italic;
	color: #555;
	display: block;
	margin-bottom: 0.85em;	
}

.contactBox img {
	float: left;
	margin-right: 1.35em;	
	border: 1px #dedede solid;
	padding: 2px;
}


.productsContainer { 
	overflow: hidden; 
	margin-bottom: 1em;
	width: 99%;
}

.productBox {
	float: left;
	width: 164px;
	width: 172px;
	background-color: #e9e9e9;
	padding: 3px;
	margin: 0 12px 20px 0;	
	text-align: center;
	min-height: 206px;
	*margin-right: 10px;
}

.productBox.last { margin-right: 0; }

.productBox a { 
	font-family: Arial, Sans-serif;
	text-shadow: 0 1px 0px #fff; 
}

.productBox .photoLink {
	display: block;
	padding: 25px 0;
	background-color: #f8f8f8;
}

.productBox .photoLink:hover { background-color: #f2f2f2; }

.productBox .photoLink img {
	display: block;
	margin: auto !important;	
	max-width: 168px;
	max-height: 130px;
}

#content .productBox .productName {
	font-size: 13px;
	font-weight: bold;
	font-style: normal !important;
	text-decoration: none;
	color: #555;
	display: block;
	text-align: center;	
	margin: 0.5em 0 0.25em 0;
}

.getPdf {
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	font-style: normal !important;
	text-decoration: none;
	padding: 3px 30px 5px 4px;
	background-position: 100% -245px;
	margin-bottom: 0.85em;
}

#content .getPdf:hover { color: #c00; }

.productBox .getPdf { color: #555 !important; }
.productBox .getPdf:hover { 
	background-color: #888; 
	text-shadow: none;
	color: #fff !important;
}

.getPdfButton {
	color: #777 !important;
	font-size: 11px !important;
	font-weight: normal;
	text-shadow: 0 1px 0px #fff;
	text-decoration: none;
	display: inline-block;
	width: 190px;
	height: 26px;
	padding: 7px 0 0 25px;
	text-align: left;
	background: transparent url(../i/getPdfButton_bg.png) 0 0 no-repeat;	
}

.getPdfButton:hover { color: #111 !important; }

#bigPhotoContainer {
	width: 670px;
	min-height: 320px;
	margin: 0 0 1.5em 0;	
}

#bigPhotoContainer img {
	display: block;
	margin: 10px auto;	
}

#content ul img {
	margin: 0 0.15em;
	vertical-align: middle;	
}

#content .navLinks {
    margin-top: 1.5em; 
    text-align: right !important;  
    font-size: 11px;
}
.navLinks em {
    font-style: normal;
    margin: 0 0.5em;  
    color: #bbb; 
}
.navLinks a { text-decoration: none; }
.navLinks a:hover { color: #9c0; }

#splashContainer {
    border: 1px #dedede solid;
    width: 568px;
    height: 240px;
    position: relative;
    margin: 1em 0;   
}

table {
    width: 99.8%;
    font-size: 11px; 
    margin: 0.75em 0 1.85em 0;  
}
th {
    font-weight: bold;   
    text-align: center;
    padding: 0.5em;
    background-color: #006600;
    color: #fff;
    text-shadow: 0 1px 1px #040;
}
.units th { 
    font-weight: normal; 
    font-size: 10px;
    color: #333;
    text-shadow: 0 1px 0px #fff;
    padding: 0.35em 0;
    background-color: rgb(239,239,239);
}
td {
    padding: 0.75em 0; 
    text-align: center;  
    border-right: 1px #fff solid;
}
td:first-child { font-weight: bold; }
td:first-child p { font-weight: normal; }

.even td { background-color: rgb(244,244,244); }

#footer {
	min-height: 70px;	
	width: 1080px;
	margin: 0 auto;
	color: #999;
	text-shadow: 0 1px 0px #fff;
	padding: 0 1.5em;
	font-size: 12px;
}

#footer p { 
    margin: 0.5em 0;
    color: #555;
    font-family: Arial, Sans-serif;
    font-size: 11px;
    line-height: 1.4; 
}

#footer a {
	font-family: Verdana, Sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #333;
	margin: 0;	
}
#footer em { margin: 0 0.25em; }

#footer a:hover { text-decoration: underline; }

#footer a.active { font-weight: bold; }

#pageCounter {
	display: inline-block;
	background-position: 0 -275px;
	height: 20px;
	font-size: 10px;
	color: #777;
	*float: left;
	*margin-right: 1em;
}

#pageCounter span {
	display: block;
	height: 17px;
	background-position: 100% -296px;
	padding: 3px 8px 0 22px;
}

#pageCounter strong { 
	color: #555; 
	font-size: 11px;
}

#newsSplash {
	width: 564px;
	height: 300px;	
}
#newsSplash .itemsWrapper {
	position: relative;
	height: 564px;	
	overflow: hidden;
}
#newsSplash .items {
	width: 20000em;
	height: 300px;
	position: absolute;
	clear: both; 	
}
#newsSplash .items a {
	width: 564px;
	height: 300px;
	float: left;
	position: relative;	
}
#newsSplash .items img {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	z-index: 0;
}
#newsSplash .items .description {
	background: transparent url(../i/opacityBlack60_bg.png) 0 0 repeat;	
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100px;
	z-index: 1;
}

#newsSplash .items h4,
#newsSplash .items p {
	color: #fff;
}
#newsSplash .items h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 1em 1em 0.25em 1em;	
}
#newsSplash .items p {
	margin: 0.25em 1em 0.5em 1em;
	font-size: 12px;
	line-height: 1.3;	
}
#newsSplash .items strong.readMore:hover { text-decoration: underline; }

#newsSplash .navi {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 2;	
}
#newsSplash .navi a {
	float: left;
	text-indent: -3000px;
	width: 15px;
	height: 15px;	
	background-color: #444;
	opacity: 0.5;
	margin: 0 0 0 0.5em;
}
#newsSplash .navi a:hover { opacity: 1; }
#newsSplash .navi a.active { 
	background-color: #fff;
	opacity: 0.85;
}
