/* Global
-------------------------------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #666666;
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
	margin: 1em 0 1em 0;
	padding: 0;
}
li, dd { margin-left: 2em; }
fieldset { padding: .5em; }


.content-width {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 900px;
}

.clear { clear: both; }

a { color: #df0505; }
img { border: 0; }

.body-wrapper { background: #666666 url("../images/smartblack/body_bg.gif") top center repeat-y; }
.wrapper-a { background: url("../images/smartblack/wrapper-a_bg.jpg") top center repeat-x; }
.wrapper-b { background: url("../images/smartblack/wrapper-b_bg.gif") top center no-repeat; }


.indent {
	list-style-type: square;
	margin: 0px 0px 0px 30px;
}

.jumptopage { margin-left: 50px; }


/* Toplogo
-------------------------------------------------------------------------------------------- */

#toplogo {
	background: url("../images/smartblack/toplogo_bg.jpg") top left no-repeat;
	color: #cfcfcf;
	height: 140px;
}
#toplogo h1 { display: none; }
#toplogo a {
	color: #dcdcdc;
	text-decoration: none;
}
#toplogo a:hover { text-decoration: underline; }
#toplogo .logo {
	float: left;
	width: 300px;
}
#toplogo .languages {
	background: url("../images/smartblack/languages_bg.gif") top left repeat-x;
	float: left;
	padding: 0px 10px 0px 10px;
	position: relative;
	leftt: 30px;
	text-align: left;
	width: 130px;
}
#toplogo .languages .text {
	float: left;
	padding-top: 7px;
}
#toplogo .languages .lang {
	float: right;
	height: 47px;
	position: relative;
	padding: 10px 0px 0px 5px;
	width: 24px;
}
#toplogo .active { background: url("../images/smartblack/languages_active.gif") top center no-repeat; }

#toplogo .quickmenu {
	clear: both;
	padding-right: 30px;
}

#toplogo .quickmenu ul {
	float: right;
	margin: 35px 0px 0px 30px;
	padding: 0;
}
#toplogo .quickmenu li {
	border-left: 1px #777777 solid;
	float: left;
	list-style-type: none;
	padding: 0px 0px 0px 15px;
}
#toplogo .quickmenu li.home { border: none; }
#toplogo .quickmenu li.support a { color: #c70000; }




/* Navigation
-------------------------------------------------------------------------------------------- */

#navigation {
	background: url("../images/smartblack/navigation_bg.jpg") top left no-repeat;
	height: 30px;
}

#navigation a span { display: none; }
#navigation a {
	color: #d2d2d2;
	display: block;
	font-weight: bold;
	height: 30px;
	text-decoration: none;
}

#navigation ul {
	margin: 0;
	padding: 0;
}

#navigation li ul li a {
	border-top: 1px #444444 solid;
	border-bottom: 1px #000000 solid;
	display: block;
	height: auto;
	padding: 8px;
	width: 150px;
}
#navigation li ul li a:hover {
	background: #4c4c4c url("../images/smartblack/navlist_dropdown_bg_hover.gif") top center repeat-x;
	color: #ffffff;
}

#navigation li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 50;
}
#navigation li ul {
	background: #1a1a1a url("../images/smartblack/navlist_dropdown_bg.gif") top center repeat-x;
	border-bottom: 2px #840004 solid;
	display: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
}
#navigation li ul li { clear: both; }

#navigation li > ul {
	left: auto;
	top: auto;
}
#navigation li:hover ul, #navigation li.over ul { display: block; }




/* Banner
-------------------------------------------------------------------------------------------- */

#banner img {
	clear: both;
	display: block;
}

#banner h2 {
	color: #ffffff;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 2.2em;
	font-weight: bold;
	letter-spacing: -0.12em;
	line-height: 2.2em;
	margin: 0;
	padding: 90px 0px 0px 60px;
	word-spacing: 0.6em;
	z-index: 10;
}
#banner h2 span { color: #c60000; }
#banner a { display: block; }
#banner a span { display: none; }




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

#content { background: url("../images/smartblack/body_bg.gif") top center repeat-y; }
#content .content-wrapper { background: url("../images/smartblack/content_text_bg.jpg") top center no-repeat; }

#content h2 {
	font-family: 'Arial Narrow', Arial, Tahoma, sans-serif;
	font-size: 2.5em;
	letter-spacing: -0.07em;
	margin: 0;
	padding: 0;
}

#content h3, h4 {
	font-family: 'Arial Narrow', Arial, Tahoma, sans-serif;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: -0.02em;
	line-height: 0;
	margin: 0;
	padding: 0;
}

#content .product-list {
	float: left;
	display: block;
	margin: 50px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	width: 644px;
}

#content .pagination-top {
	color: #ffffff;
	font-size: 1.2em;
	font-weight: bold;
	padding: 7px 10px 0px 0px;
}

#content .pagination-top {
	background: url("../images/smartblack/pagination-top_bg.gif") top left repeat-x;
	height: 23px;
	text-align: right;
}

#content .product-list .product {
	background: url("../images/smartblack/productlist_bg.jpg") top center no-repeat;
	clear: both;
	padding: 40px 0px 10px 0px;
}
#content .product-list .product a {
	color: #df0505;
	text-decoration: none;
}
#content .product-list .product a img { border-width: 0; }

#content .product-list .product .image {
	float: left;
	text-align: center;
	width: 235px;
}
#content .product-list .product .text {
	float: right;
	padding-top: 15px;
	width: 407px;
}
#content .product-list .product .text h3 span {
	color: #777777;
	font-size: 0.8em;
}
#content .product-list .product .text .description {
	padding: 20px 20px 30px 0px;
	text-align: justify;
}

#content .noproduct {
	margin-top: 20px;
	padding-left: 70px;
}

#content .fp-column-right-wrapper { background: url("../images/smartblack/fp-right-column_bg.gif") top right repeat-y; }
#content .fp-column-left {
	background: url("../images/smartblack/fp-left-column_bg.jpg") top right no-repeat;
	float: left;
	width: 578px;
}
#content .fp-column-left .welcome-text {
	padding: 15px 50px 0px 40px;
	text-align: justify;
}
#content .fp-column-left .contact-text {
	padding: 30px 40px 40px 35px;
	text-align: justify;
}
#content .fp-column-left .about-text {
	padding: 30px 40px 40px 35px;
	text-align: justify;
}

#content .fp-column-left .contact-text h4 {
	color: #444444;
	border-bottom: 1px #999999 solid;
	line-height: 1.5em;
	margin-bottom: 15px;
}
#content .fp-column-left .contact-text p { margin-left: 30px; }
#content .fp-column-left .contact-text .phone,
#content .fp-column-left .contact-text .email,
#content .fp-column-left .contact-text .fax,
#content .fp-column-left .contact-text .misc {
	float: left;
	display: block;
	width: 80px;
}
#content .fp-column-left .contact-text .half {
	float: left;
	padding: 20px 20px 20px 0px;
	width: 45%;
}

#content .fp-column-left .headlines-text { padding: 30px 0; }
#content .fp-column-left .headline {
	background: url("../images/smartblack/fp-headline_bg.jpg") bottom center no-repeat;
	font-size: 1.2em;
	padding: 12px 50px 0px 40px;
}
#content .fp-column-left .headline .clear { font-size: 0.01em; }
#content .fp-column-left .headline .date {
	color: #e4e4e4;
	float: left;
	width: 100px;
}
#content .fp-column-left .headline .title {
	color: #585858;
	clear: right;
	float: left;
	width: 360px;
}
#content .fp-column-left .headline .title a { color: #cc2e2e; }

#content .fp-column-right {
	float: right;
	width: 322px;
}
#content .fp-column-right a {
	color: #e50000;
	text-decoration: none;
}
#content .fp-column-right img { padding-bottom: 15px; }
#content .fp-column-right h4 {
	display: block;
	padding: 15px 30px 15px 30px;
}
#content .fp-column-right .spotlight-description {
	padding: 15px 30px 15px 30px;
	text-align: justify;
}

#content .hl-sidebar-wrapper {
	background: url("../images/smartblack/hl-sidebar_bg.jpg") top right no-repeat;
}
#content .hl-content {
	float: left;
	width: 570px;
}
#content .hl-content .intro {
	padding: 40px 30px 10px 30px;
	text-align: justify;
}
#content .hl-content .intro h3 { line-height: 1em; }
#content .hl-content .intro h3 span.small {
	color: #555555;
	font-size: .8em;
}
#content .hl-content .intro .text { padding-top: 20px; }
#content .hl-content .letter-top {
	background: url("../images/smartblack/letter-top.gif") bottom center no-repeat;
	height: 30px;
}
#content .hl-content .letter-mid {
	background: url("../images/smartblack/letter-mid.gif") top center repeat-y;
	padding: 20px 40px 20px 40px;
	text-align: justify;
}
#content .hl-content .letter-mid .left {
	float: left;
	width: 50%;
}
#content .hl-content .letter-mid .right {
	float: right;
	width: 50%;
}
#content .hl-content .letter-mid .address { font-size: .8em; }
#content .hl-content .letter-mid .download {
	border-top: 1px #cccccc dashed;
	font-size: .8em;
	margin-top: 20px;
	padding-top: 5px;
}


#content .hl-content .letter-bottom {
	background: url("../images/smartblack/letter-bottom.gif") top center no-repeat;
	height: 30px;
}

#content .hl-sidebar {
	float: right;
	width: 330px
}

#content .hl-sidebar .headline-list { padding: 0px 30px 30px 30px; }
#content .hl-sidebar .headline-list li {
	border-bottom: 1px #8c8c8c solid;
	font-size: 1.2em;
	line-height: 1.4em;
	list-style-type: none;
	margin: 0px;
	padding: 20px 0px 5px 0px;
}
#content .hl-sidebar .headline-list .date { color: #cc2e2e; }
#content .hl-sidebar .headline-list li a {
	color: #000000;
	text-decoration: none;
}
#content .hl-sidebar .headline-list li a:hover { color: #df0505; }

#content .pv-sidebar-wrapper { background: url("../images/smartblack/pv-sidebar_bg.jpg") top right no-repeat; }
#content .pv-content {
	float: left;
	width: 680px;
}
#content .pv-content fieldset {
	border: 1px #999999 solid;
	color: #555555;
	position: relative;
	top: -15px;
}
#content .pv-content legend {
	color: #494949;
	font-weight: bold;
	padding: 2px 6px;
}
#content .pv-content .short-description {
	padding: 40px 40px 40px 35px;
	text-align: justify;
}

#content .pv-sidebar {
	float: right;
	width: 220px;
}
#content .pv-sidebar .manual-list { padding: 30px 30px 40px 30px; }
#content .pv-sidebar .firmware-list {
	color: #555555;
	padding: 10px 30px 0px 30px;
	text-align: justify;
}

#content .pv-content .tab-button-row, #content .pv-content .tab-button-content {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 609px;
}
#content .pv-content .tab-button-row {
	background: url("../images/smartblack/tab-buttons_bg.jpg") bottom center no-repeat;
	height: 45px;
}
#content .pv-content .tab-button-row ul, #content .pv-content .tab-button-row li {
	margin: 0;
	padding: 0;
}
#content .pv-content .tab-button-row li {
	float: left;
	list-style-type: none;
}
#content .pv-content .tab-button-content {
	background: url("../images/smartblack/tab-button-content_bg.jpg") top center no-repeat;
	padding: 30px 0px 30px 0px;
	text-align: justify;
}

#content #pics-content { display: none; }
#content #support-content { display: none; }
#content #productsheets-content { display: none; }
#content #specs-content, #content #pics-content, #content #support-content, #content #productsheets-content { padding: 0px; }

#specs-content ul {
	margin: 0;
	padding: 0px 0px 0px 10px;
}
#specs-content .title {
	color: #000000;
	float: left;
	font-weight: bold;
	list-style-type: none;
	padding: 0px 0px 20px 0px;
	width: 160px;
}
#specs-content .item {
	color: #444444;
	font-weight: normal;
	list-style: square;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
	width: 150px;
}

#pics-content img { border: 1px #555555 solid; }
#pics-content div {
	float: left;
	padding-bottom: 20px;
	text-align: center;
	width: 203px;
}

#support-content {
	padding: 0px 20px 40px 20px;
	text-align: justify;
}
#support-content ol { margin: 0; }
#support-content .question, #support-content .answer, #support-content .note { margin: 0px 20px 0px 20px; }
#support-content .question {	font-weight: bold; }
#support-content .answer { padding-bottom: 20px; }
#support-content .note {
	border: 1px #888888 solid;
	color: #555555;
	margin: -10px 0px 30px 40px;
	padding: 5px;
	width: 450px;
}

#productsheets-content {
	padding: 0px 20px 40px 20px;
	text-align: justify;
}
#productsheets-content ol { margin: 0; }
#productsheets-content .question, #productsheets-content .answer, #productsheets-content .note { margin: 0px 20px 0px 20px; }
#productsheets-content .question {	font-weight: bold; }
#productsheets-content .answer { padding-bottom: 20px; }
#productsheets-content .note {
	border: 1px #888888 solid;
	color: #555555;
	margin: -10px 0px 30px 40px;
	padding: 5px;
	width: 450px;
}


#content .pv-sidebar .manual-list ul {
	margin: 0;
	padding: 0;
}
#content .pv-sidebar .manual-list li,
#content .pv-sidebar .firmware-list li { margin-bottom: 10px; }

#content .pv-sidebar .manual-list li.nl { list-style-image: url("../images/smartblack/manflag_nl.gif"); }
#content .pv-sidebar .manual-list li.en { list-style-image: url("../images/smartblack/manflag_en.gif"); }
#content .pv-sidebar .manual-list li.fr { list-style-image: url("../images/smartblack/manflag_fr.gif"); }
#content .pv-sidebar .manual-list li.de { list-style-image: url("../images/smartblack/manflag_de.gif"); }
#content .pv-sidebar .manual-list li.ml { list-style-image: url("../images/smartblack/manflag_ml.gif"); }
#content .pv-sidebar .firmware-list li { list-style-image: url("../images/smartblack/icon/firmware.gif"); }

#content .pv-sidebar .manual-list a,
#content .pv-sidebar .firmware-list a {
	color: #000000;
	text-decoration: none;
}

#content .wtb_text { padding: 20px; }

#content .wtb_box {
	float: left;
	padding: 10px 0px 0px 0px;
	width: 400px;
}
#content .wtb_box p { padding: 20px 0px 0px 0px; }
#content .wtb_box img {
	float: left;
	padding: 15px 10px 15px 10px;
	width: 150px;
	height: 100px;
}
#content .wtb_box img.left { background: url("../images/smartblack/wtb_logo_left.jpg") center center no-repeat; }
#content .wtb_box img.right { background: url("../images/smartblack/wtb_logo_right.jpg") center center no-repeat; }





/* Footer
-------------------------------------------------------------------------------------------- */

#footer {
	background: url("../images/smartblack/footer_bg.jpg") top center no-repeat;
	height: 87px;
}

#footer .copyright {
	color: #ffffff;
	font-size: 1em;
	padding: 10px 0px 0px 30px;
}







/* Frontpage specific
-------------------------------------------------------------------------------------------- */

#content .fp-threecolumn-wrapper { background: url("../images/smartblack/fp-threecolumn-wrapper_bg.jpg") top center repeat-y; }
#content .fp-threecolumn {
	background: url("../images/smartblack/fp-threecolumn_bg.jpg") top center no-repeat;
	min-height: 416px;
}

#content .fp-twocolumn {
	background: url("../images/smartblack/fp-twocolumn_bg.jpg") top center no-repeat;
}

#content .fp-twocolumn .hotproduct {
	float: left;
	height: 180px;
	padding-left: 40px;
	width: 220px;
}

#content .fp-twocolumn .hotproduct h4 {
	color: #cc0101;
	font-size: 1.7em;
	font-weight: normal;
	padding-left: 20px;
}

#content .fp-twocolumn div.fp-column-left { background: none; }
#content .fp-twocolumn div.fp-column-right { background: none; }


#content .fp-threecolumn .left-column,
#content .fp-threecolumn .middle-column,
#content .fp-threecolumn .right-column{
	float: left;
	padding: 30px 20px 20px 30px;
	width: 250px;
}

#content .fp-threecolumn .shade,
#content .fp-threecolumn .title {
	color: #000000;
	font-family: 'Arial Narrow', 'Century Gothic', Arial, sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	position: relative;
}

#content .fp-threecolumn .title {
	bottom: 17px;
	color: #ffffff;
	right: 2px;
}

#content .fp-threecolumn .content {
	margin: 10px 0px 0px 0px;
}

#content .fp-threecolumn .button {
	clear: both;
	float: right;
	padding-right: 20px;
}