body, html { margin:0px; padding:0px; background: #eeeeee; }
body, table, tr, td, select, input, textarea, option { font-size: 11px; font-family: Arial, 'Lucida Grande', Verdana, Sans-Serif; color:#333333; line-height: 1.3em; }

table, table tr, table tr td { border: 0px; }
img { border:0px; }
a { color:#9d0018; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { vertical-align:middle; }
a img:hover { text-decoration: none; }


li p { margin: 0px; }

td { vertical-align:top; }

h1, h2, h3, h4 { color:#9d0018; }
h1 { font-size:18px; }
h2 { font-size:15px; margin:0px; padding:0px; }
h3 { font-size:14px; margin:0px; padding:0px; }
h4 { font-size:11px; margin:0px; padding:0px; }
p { margin: 3px 0px 5px; }
pre { font-family: Arial, 'Lucida Grande', Verdana, Sans-Serif; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { text-decoration: none; color: #b1001b;}
hr { border:0px; border-bottom:1px solid #333; }

div#container { margin:0 auto; width:960px; background:#fff; padding:10px; position: relative; }
div#relative { position: relative; }
	div#tag-line { position:absolute; top:120px; left:14px; font-size:18px; color: #9d0018; background: url(/media/images/white-faded.png) repeat; padding: 5px; /*text-shadow: #fff 1px 1px 1px;*/ }
div#top { position: relative; height:20px; vertical-align:middle;  }
	div#top div#languages { position: absolute; left: 0px; }
	div#top div.date { position: absolute; left: 180px; color:#666666; width: 150px; top: 0px; }
	div#top div.top-nav { position: absolute; right: 0px; }
		div#top div.top-nav ul { margin: 0px; padding: 0px; display:inline; }
		div#top div.top-nav ul li { margin: 0px; padding: 0px; list-style: none; margin-left: 20px; display:inline; }

div#header {  }
	div#header>img { width:758px; height:130px; border:1px solid #ccc; }
	div#header div#logo { width: 60px; height: 60px; position: absolute; top: 50px; left: 25px; }
		div#header div#logo img { width: 60px; height: 60px; }
div.breadcrumbs { margin: -5px 0px 5px; }
	div.breadcrumbs a { margin-right:5px; margin-left:5px; }
	
/* USER */
div#user { position: relative; float:right; width:170px; padding:5px; height:122px; background: #9a9b92 url(/media/images/green-gradient.gif) repeat-x top; }
	div#user h2 { color:#ffffff; margin: 2px 0px 4px; }
	div#user input { padding:2px; margin:3px 0px; border: 0px; background-color: #9a9b92; color: #FFFFFF; }
	div#user input.button { background:#c4001e url(/media/images/main-menu.gif) repeat-x top; }
	div#user ul { list-style:none; position: absolute; top: 85px; right: 5px; margin: 0px; padding:0px; text-align: right; font-size: 10px; line-height: 1.4em; }
	div#user a { color:#FFFFFF; }
	div#user p { color:#ffffff; margin-bottom: 15px; }
	form#user-l { position1: absolute; top1: 25px; }

div#menu { font-size:14px; margin: 10px 0px; }
	div#menu a { text-decoration: none;}
	div#menu ul { margin:0px; padding:0px; line-height:28px; }
		div#menu ul li { list-style:none; display:inline; }
		div#menu ul li a { line-height:28px; padding:4px 9px; }
	div#menu ul#main-menu { background:#c4001e url(/media/images/main-menu.gif) repeat-x top; }
		div#menu ul#main-menu li a { font-weight: bold; color:#eeeeee; }
		div#menu ul#main-menu li a:hover { color:#FFFFFF;}
		div#menu ul#main-menu li a.active { background:#9d0018 url(/media/images/nav-arrow.png) no-repeat bottom center; color:#FFFFFF; }
	div#menu ul#sub-menu { background:#eeeeee url(/media/images/sub-menu.gif) repeat-x bottom; }
		div#menu ul#sub-menu li a { color:#333333; }
		div#menu ul#sub-menu li a:hover { color: #9d0018; }
		div#menu ul#sub-menu li a.active { color:#9d0018; font-weight:normal; background:#d6d6d6; }
	div#menu li.search { float:right; }

div#content { margin-right:180px; }
	div#content ul { list-style-image: url(/media/images/bullet-point.png); margin: 0px; padding: 5px 0px 0px 15px; line-height: 1.3em; }
div#margin { float:right; width:170px; padding:5px; background:#eeeeee url(/media/images/sub-menu.gif) repeat-x bottom; }
	div#margin ul { list-style-image: url(/media/images/bullet-point.png); margin: 0px; padding: 5px 0px 0px 15px; line-height: 1.3em; }
	div#margin div { }
		div#margin h1 { color:#ffffff; font-size: 16px; margin: -5px -5px 5px; background:#c4001e url(/media/images/main-menu.gif) repeat-x top; padding: 5px; line-height: 1em; }
		/*
	div#margin h2 { color:#ffffff; font-size: 16px; margin: -5px -5px 5px; background:#c4001e url(/media/images/main-menu.gif) repeat-x top; padding: 5px; line-height: 1em; }
	*/
		div#margin h2 { color:#ffffff; font-size: 16px; padding: 5px; line-height: 1em;  color:#9d0018;}
	div#margin a { color:#9d0018; }
	div#margin div.margin-bottom { margin-bottom: 10px; }

div#footer { background:#eeeeee url(/media/images/sub-menu.gif) repeat-x bottom; line-height:3em; padding:10px; }

/* FORMS */
textarea.input, input.input, option.input, select.input, input.input-small, input.input-user { font-family: Arial, 'Lucida Grande', Verdana, Sans-Serif;
 color:#333333; font-size:12px; padding:3px; border:1px solid #ccc; width:300px; }
input.input-small { width:50px; }
input.input-user { width:164px; color:#666666; }
input.button, button.button, input.search-button { font-family: Arial, 'Lucida Grande', Verdana, Sans-Serif; color:#333333; font-size:12px; padding:3px; border:1px solid #ccc; margin-right:3px; color:#c4001e; font-weight:bold; }
input.search-button { padding: 2px; }
input.error, textarea.error { border:1px solid red; }
textarea.input { height:200px; }
form.form { background:#f1f1f1; padding:10px; }

/* CLASSES */

/* CATEGORYS */
div.category { width:360px; height:170px; padding:5px; float:left; margin:0px 16px 16px 0px; position: relative; -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); border: 1px solid #ccc; background: url(/media/images/white-gradient.gif) repeat-x bottom; border-top: 1px solid #c4001e;}
	div.category h2 { background:#eeeeee; margin: -5px -5px 5px; padding: 5px; }
div.category-data { width:545px; height:170px; padding:5px; border:1px solid #ccc; float:left; margin-right:5px; margin-bottom:5px; }
	div.category div.cat-intro { width: 170px; float: left; margin-right: 15px; }	
		div.category div.image { width:178px; height:80px; padding: 0px; margin: -5px 5px 5px -5px; background-color:#f5f5f5; overflow: hidden; }
		div.category div.image img { margin-top: 0px; width: 100%; }
	div.category div.cat-links { width: 170px; float: left; }
	div.category div.cat-links ul { list-style: none; margin: 0px; padding:0px; }
	div.category div.cat-links p { margin: 0px; }
	
	
	div.category-box { width:748px; padding:5px; -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); border: 1px solid #ccc; float:left; margin:0px 16px 16px 0px; position: relative; }
	div.category-intro { background:#c4001e url(/media/images/main-menu.gif) repeat-x top; margin: -5px -5px 5px; padding: 5px; }
	div.category-intro h2 { background: none; margin: 0px; padding: 0px; font-size: 16px; color: #FFFFFF; line-height: 1em; }
	div.category-intro p { color: #FFFFFF; font-size: 14px; }
	div.category-intro a { color: #FFFFFF; } 
	
	div.category-box div.cat-table { background: url(/media/images/white-gradient.gif) repeat-x bottom; padding: 5px; margin: -5px;  }
	
	div.products-header { width:750px; padding:5px; float:left; margin:0px 16px 16px 0px; background:#eeeeee; }
	
	div.more-info { position: absolute; bottom: 0px; right: 0px; }

div.content-box { width:738px; padding:10px; -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); border: 1px solid #ccc; float:left; margin:0px 16px 16px 0px; position: relative; }
	div.content-box h1 { background:#c4001e url(/media/images/login-bg.gif) repeat-x bottom; color: #FFFFFF; font-size: 24px; padding: 5px; margin: 0px 0px 10px; }
	div.content-box h2, div.content-box h3 { margin-top: 10px; padding-top: 10px; border-top:1px solid #ccc; } 
	
	div.media-image { padding: 2px; background: url(/media/images/white-gradient.gif) repeat-x bottom; float: right; margin: 0px 0px 10px 10px; clear: right;width: 200px; }
	div.media-image img { width: 200px; }
	div.caption p { text-align: center; font-weight: normal; font-size: 11px; color:#333333; }
	
	div.content-image { padding: 2px; background: #eeeeee; border-left: 10px solid #FFFFFF; border-right: 10px solid #FFFFFF; border-bottom: 5px solid #FFFFFF; }



/* PRODUCTS */
div.product { position: relative; width:166px; height:170px; padding:5px; -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); border: 1px solid #ccc; float:left; margin:0px 16px 16px 0px; background: url(/media/images/white-gradient.gif) repeat-x bottom; }
	div.product div.image { width:176px; height:80px; padding: 0px; margin: -5px 5px 5px -5px; background-color:#f5f5f5; overflow: hidden; }
	div.product div.image img { width: 100%; }
	div.download { float:left; width:50px; margin:10px; }
		div.download img { width:40px; }
div.product-intro { position: relative; width:166px; min-height: 250px; padding:5px; -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); border: 1px solid #ccc; float:left; margin:0px 16px 16px 0px; background: #eeeeee; }
	
	
	div.product-intro div.intro-image { width: 250px; height: 250px; position:absolute; top: 0px; left: 0px; overflow: hidden; }
	div.product-intro div.intro-title { position: absolute; top: 5px; left: 5px; right: 5px; background: url(/media/images/white-faded.png) repeat; }
		div.product-intro div.intro-title h1 { background: url(/media/images/white-faded.png) repeat; margin: 0px; text-transform: uppercase; text-align: right; padding: 5px; }
	div.product-intro div.intro-text { margin-left: 260px; margin-top: 40px; float: left; }
	
		
div.product-content { position: relative; width:166px; padding:5px; -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); border: 1px solid #ccc; border-top: 3px solid #c4001e; float:left; margin:0px 16px 16px 0px; background: url(/media/images/white-gradient.gif) repeat-x bottom; }
div.alt { padding:5px; -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); border: 1px solid #ccc; background: #eeeeee; }
div.product-content h1 { text-align: center; margin-top: 0px;  }

table, tr, td { border: none; margin: 0px; padding: 0px; }
	
	div.product-content div.image { width: 200px; height: 150px; float:left; margin:0px 10px 0px 0px; overflow: hidden; }
	div.product-content div.image img { width: 100%; }

div.full { width:750px; }
div.half { width:362px; }

div.news { margin-bottom:10px; }
	div.news h2 { color:#c4001e;  }
	
/* LITERATURE */
div.literature { float:left; width:150px; margin:10px; padding:10px; }
	div.literature img { width:50px; }
	
/* TABS */

div.tabs { margin-top: 10px; }
div.tabs h1 a { padding: 8px 10px 6px; color:#333;  }
	div.tabs h1 a.active { color:#333; background:#fff; border: #dddddd 1px solid; border-bottom: 1px #ffffff solid;
		-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; }

div.header { background:url(/media/images/tab-bck.gif) repeat-x bottom #eeeeee; padding:5px 10px; border:1px solid #ddd;
		-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; }
	div.header h1 { display:inline; margin:0px; padding:0px; font-size:14px; font-weight: bold; }
	div.header h2 { display:inline; margin:0px; padding:0px; font-size:12px; }
div.content { background:#ffffff; border:1px solid #ddd; padding:10px; margin-bottom:10px; 
			-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; }
	div.content h2 { margin-bottom:5px; }




div.spacer { height:5px; line-height:1em; font-size:10px; }
.hidden { display:none; }
div.default { border: 1px solid #fad42e; background: #fbec88; padding:7px; line-height:1.5em; -moz-border-radius:5px; color:#333; }
		div.default img, div.ok img, div.error img { width:20px; vertical-align:middle; margin-right:3px; color:#333; }
	div.ok { border: 1px solid green; background: #daedcb; padding:7px; line-height:1.5em; -moz-border-radius:5px; color:#333;  }
	div.error { border: 1px solid #de0303; background: #ffe1e1; padding:7px; line-height:1.5em; -moz-border-radius:5px; color:#333; }

img.img-left { float:left; margin-right:10px; margin-bottom:10px; }
img.img-right { float:right; margin-left:10px; margin-bottom:10px; }
div.clear-both { clear:both; float:none; height:1px; line-height:0.1em; font-size:8px; } 
div.clear-left { clear:left; height:1px; line-height:0.1em; font-size:8px; } 
div.clear-right { clear:right; height:1px; line-height:0.1em; font-size:8px; }


/*----------------------------------------SCROLL PANE------------------------------------------------*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	height: 172px;
	margin: 0px -5px 10px;
}

.scroll-pane { padding: 0px 5px; }
.scroll-pane h3 { border-top:1px solid #ccc; padding-top: 5px; margin-top: 5px; }
.scroll-pane h3:first-child { border-top: none; padding-top: 0px; margin-top: 0px; } 

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #ccc;
}
.jScrollPaneDrag {
	position: absolute;
	background: #9d0018;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp, a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/media/images/arrow-up.png) no-repeat center;
	height: 8px;
}

a.jScrollArrowUp {
	top: 0;
	background: url(/media/images/arrow-up.png) no-repeat center;
}
a.jScrollArrowDown {
	bottom: 0;
	background: url(/media/images/arrow-down.png) no-repeat center;
}
a.jScrollArrowUp:hover, a.jScrollArrowDown:hover {
	background-color: #ccc;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color: #bbb;
}