@charset "utf-8";
/**
 *	Website:	preview.strass.be/deganck
 *	Author:		Vincent Verbruggen <vincent@strass.be>
 *	Media:		screen
*/

/**
 *	General solutions for known CSS-bugs and shortcomings
 */
/* Set the dotted outline when focussing on elements to none */
* {outline: none;}
/* Hoverstuck-bug: http://www.satzansatz.de/cssd/pseudocss.html#hoverstuck */
a, a:hover {color:#E13718;}
a:hover,a:focus {background: 0 0;}
p, ul, ol, h1, h2, h3 {
	margin: 0;
	padding: 0.8em 0;
}
h1 {padding: 1em 0;}

.clear {
	clear: both;
	display: block;
	float: none;
}


.service-page #inner-content,
.product-page #inner-content {
	min-height: 170px;
	_height: 170px;
}
.sales-page #inner-content,
.realization-page #inner-content{
	min-height: 450px;
	_height: 450px;
}
.news-page #inner-content,
.contact-page #inner-content {
	min-height: 230px;
	_height: 230px;
}



/**
 * General layout
 */
html, body {
	background: #FFF url('../images/bg-sprite.gif') repeat-x center -133px;
	margin: 0;
	padding: 0;
}
html, body,
input, textarea {
	font-family: Arial;
	letter-spacing: normal;
	font-size: 0.83em;
}
	#wrapper {
		margin: 0 auto;
		position: relative;
		width: 1000px;
	}
		#wrapper #header {
			background: transparent url('../images/header.gif') no-repeat center center;
			height: 121px;
			left: 0;
			position: absolute;
			top: 0;
			width: 1000px;
		}
		body.french #wrapper #header {
			background-image: url('../images/header-fr.gif');
		}

		#wrapper ul#top-navigation,
		#wrapper ul#top-navigation ul{
			background: transparent url('../images/bg-sprite.gif') repeat-x left 0px;
			letter-spacing: 0.1em;
			margin: 0;
			padding: 0;
			z-index: 9999;
		}
		#wrapper ul#top-navigation {
			list-style: none;
			position: absolute;
			top: 121px;
		}
			#wrapper ul#top-navigation li a {
				color: #363636;
				text-decoration: none;
			}
			#wrapper ul#top-navigation li {
				float: left;
				font-weight: bold;
				height: 29px;
				line-height: 29px;
				list-style-type: none;
				margin: 0 15px;
				position: relative;
				text-transform: uppercase;
			}
			#wrapper ul#top-navigation li a {
				padding: 0 9px;
			}
			#wrapper ul#top-navigation li.active:hover,
			#wrapper ul#top-navigation li:hover,
			#wrapper ul#top-navigation li:focus,
			#wrapper ul#top-navigation li.over {
				background: transparent url('../images/bg-sprite.gif') repeat-x left -29px;
				color: #FFFFFF;
			}
			#wrapper ul#top-navigation li:hover a,
			#wrapper ul#top-navigation li:focus a,
			#wrapper ul#top-navigation li.over a {
				background: transparent;
				color: #FFF;
			}
			#wrapper ul#top-navigation li li,
			#wrapper ul#top-navigation li li a {
				height: 2.05em;
				line-height: 2.3em;
			}
			#wrapper ul#top-navigation li li {
				border-top: 1px dashed #dfdfdf;
				display: block;
				float: none;
				margin: 0 0;
				position:relative;
				text-transform: none;
			}
			#wrapper ul#top-navigation li li.first,
			#wrapper ul#top-navigation li li:first-child {
				border-top: none;
			}
			#wrapper ul#top-navigation li.active:hover li,
			#wrapper ul#top-navigation li.active:hover a,
			#wrapper ul#top-navigation li:hover li,
			#wrapper ul#top-navigation li:focus li,
			#wrapper ul#top-navigation li.over li {
				background: transparent;
				color: #FFF;
			}
				#wrapper ul#top-navigation li li a {
					display: block;
					font-size: 0.95em;
					padding: 0 16px;
					white-space: nowrap;
				}
			#wrapper ul#top-navigation li.active:hover li a,
			#wrapper ul#top-navigation li:hover li a,
			#wrapper ul#top-navigation li:focus li a,
			#wrapper ul#top-navigation li.over li a {
				color: #363636;
				font-weight: normal;
			}

				#wrapper ul#top-navigation li.active a,
				#wrapper ul#top-navigation li.active:hover li a:hover,
				#wrapper ul#top-navigation li.active:hover li.active a,
				#wrapper ul#top-navigation li li.active a,
				#wrapper ul#top-navigation li li:hover a,
				#wrapper ul#top-navigation li li:focus a,
				#wrapper ul#top-navigation li li.over a,
				#wrapper ul#top-navigation li li a:focus,
				#wrapper ul#top-navigation li li a:hover {
					color: #e13718;
				}
				#wrapper ul#top-navigation li ul {
					background: #FFF url('../images/dropdown-repeat.gif') repeat-x center top;
					border: 1px solid #e8e8e8;
					border-top: none;
					display: none;
					left: 0;
					padding: 0;
					position: absolute;
					top: 29px;
				}
				#wrapper ul#top-navigation li:hover ul,
				#wrapper ul#top-navigation li.over ul {
					-o-box-shadow: 0px 0px 5px #CCC;
					-icab-box-shadow: 0px 0px 5px #CCC;
					-khtml-box-shadow: 0px 0px 5px #CCC;
					-moz-box-shadow: 0px 0px 5px #CCC;
					-webkit-box-shadow: 0px 0px 5px #CCC;
					box-shadow: 0px 0px 5px #CCC;
					display: block;
				}
			#wrapper ul#top-navigation li.active {
				background: transparent url('../images/bg-sprite.gif') repeat-x left -58px;
			}
			#wrapper ul#top-navigation li li.active {
				background: none;
			}
		#wrapper #gallery-container {
			background: #FFF url('../images/gallery-container-repeat.gif') repeat-x center bottom;
			border: 1px solid #e0e0e0;
			-o-box-shadow: 0px 0px 5px #CCC;
			-icab-box-shadow: 0px 0px 5px #CCC;
			-khtml-box-shadow: 0px 0px 5px #CCC;
			-moz-box-shadow: 0px 0px 5px #CCC;
			-webkit-box-shadow: 0px 0px 5px #CCC;
			box-shadow: 0px 0px 5px #CCC;
			height: 250px;
			left: 0;
			position: absolute;
			top: 160px;
			width: 100%;
		}
			.no-gallery #wrapper #gallery-container {
				width: 200px;
			}
			#wrapper #gallery-container div#gallery-navigation-wrapper {
				left: 0;
				height: 215px;
				padding: 15px 20px 20px;
				position: absolute;
				top: 0;
				width: 160px;
			}
			#wrapper #gallery-container ul#gallery-navigation {
				list-style: none;
				margin: 0;
				padding: 0;
				position: relative;
				width: 100%;
			}
				#wrapper #gallery-container ul#gallery-navigation li {
					border-top: 1px dashed #e5e5e5;
					height: 2.45em;
				}
				#wrapper #gallery-container ul#gallery-navigation li:first-child {
					border-top: none;
				}
					#wrapper #gallery-container ul#gallery-navigation li a {
						color: #363636;
						display: block;
						font-size: 0.95em;
						font-weight: bold;
						line-height: 2.45em;
						text-decoration: none;
						text-transform: uppercase;
					}
					#wrapper #gallery-container ul#gallery-navigation li.active a,
					#wrapper #gallery-container ul#gallery-navigation li a:hover,
					#wrapper #gallery-container ul#gallery-navigation li a:focus {
						color: #E13718;
					}
				#gallery-container .btn-b2b {
					border: 1px solid #DADADA;
					bottom: 20px;
					-o-box-shadow: 0px 0px 3px #DADADA;
					-icab-box-shadow: 0px 0px 3px #DADADA;
					-khtml-box-shadow: 0px 0px 3px #DADADA;
					-moz-box-shadow: 0px 0px 3px #DADADA;
					-webkit-box-shadow: 0px 0px 3px #DADADA;
					box-shadow: 0px 0px 3px #DADADA;
					color: #363636;
					display: block;
					font-size: 1.6em;
					height: 40px;
					line-height: 40px;
					margin-left: -1px;
					position: absolute;
					text-align: center;
					text-decoration: none;
					width: 160px;
				}
					#gallery-container .logout {
						position: absolute;
						bottom: 15px;
						width: 160px;
					}
					#gallery-container .btn-b2b span {
						background-position: center top;
						background-repeat: no-repeat;
						background-image: url('../images/btn-b2b.gif');
						cursor: pointer;
						display: block;
						height: 100%;
						left: 0;
						position: absolute;
						top: 0;
						width: 100%;
					}
					#gallery-container .btn-b2b:hover span,
					#gallery-container .btn-b2b:focus span,
					#gallery-container .btn-b2b.over span {background-position: center -40px;}
					#gallery-container .btn-b2b.active span {background-position: center bottom;}

				#gallery-container #b2b-login {
					background: #FFFFFF url('../images/b2b-login-repeat.gif') repeat-x center top;
					border: 1px solid #DADADA;
					-o-box-shadow: 0px 0px 2px #DADADA;
					-icab-box-shadow: 0px 0px 2px #DADADA;
					-khtml-box-shadow: 0px 0px 2px #DADADA;
					-moz-box-shadow: 0px 0px 2px #DADADA;
					-webkit-box-shadow: 0px 0px 2px #DADADA;
					box-shadow: 0px 0px 2px #DADADA;
					color: #363636;
					display: none;
					height: 142px;
					margin-left: -1px;
					padding: 15px;
					position: absolute;
					top: 230px;
					width: 130px;
				}
				.is_b2b #gallery-container #b2b-login {
					height: 42px;
				}
					#gallery-container #b2b-login label {
						display: block;
						font-size: 0.9em;
						letter-spacing: 0.05em;
						padding: 3px 0;
					}
					#gallery-container #b2b-login input {
						display: block;
						width: 128px;
					}
					#gallery-container #b2b-login input.invisible {display: none;}
			#wrapper #gallery-container #gallery {
				right: 0;
				height: 250px;
				overflow: hidden;
				position: absolute;
				top: 0;
				width: 800px;
			}
				#wrapper #gallery-container #gallery img {
					left: 0;
					position: absolute;
					top: 0;
				}
		#left-column {
			float: left;
			margin-top: 270px;
		}
			.left-box {
				background: #FFFFFF url('../images/box-light-repeat.gif') repeat-x center bottom;
				border: 1px solid #e0e0e0;
				-o-box-shadow: 0px 0px 5px #CCC;
				-icab-box-shadow: 0px 0px 5px #CCC;
				-khtml-box-shadow: 0px 0px 5px #CCC;
				-moz-box-shadow: 0px 0px 5px #CCC;
				-webkit-box-shadow: 0px 0px 5px #CCC;
				box-shadow: 0px 0px 5px #CCC;
				margin-bottom: 10px;
				padding: 20px;
				width: 148px;
			}
			#news {
				background: #d9d9d9 url('../images/news-background-repeat.gif') repeat-x center top;
			}
				.left-box h1 {
					border-bottom: 1px dashed #cbcbcb;
					font-size: 1.9em;
					font-weight: normal;
					margin: 0 0 0.5em 0;
					padding: 0 0 0.5em 0;
				}
				#news p {
					font-size: 0.9em;
					line-height: 1.8em;
					margin: 0 0 2.5em;
					padding: 0;
				}
					#news p strong {
						display: block;
						font-size: 1.1em;
					}
					#news a.read-more {
						background: transparent url('../images/link-bullet.gif') no-repeat left 0.45em;
						color: #e13718;
						display: block;
						font-size: 1.1em;
						font-weight: bold;
						letter-spacing: normal;
						padding-left: 1.2em;
						text-decoration: none;
					}
					#news a.read-more:hover,
					#news a.read-more:focus {background-image: url('../images/link-bullet-red-active.gif');}
		.front-box {
			background-position: center bottom;
			background-color: #FFFFFF;
			background-repeat: no-repeat;
			border: 1px solid #e0e0e0;
			-o-box-shadow: 0px 0px 5px #CCC;
			-icab-box-shadow: 0px 0px 5px #CCC;
			-khtml-box-shadow: 0px 0px 5px #CCC;
			-moz-box-shadow: 0px 0px 5px #CCC;
			-webkit-box-shadow: 0px 0px 5px #CCC;
			box-shadow: 0px 0px 5px #CCC;
			float: left;
			height: 250px;
			margin-left: 10px;
			margin-top: 270px;
			padding: 20px;
			width: 218px;
		}
		.front-box h1 {
			border-bottom: 1px dashed #cbcbcb;
			font-size: 1.9em;
			font-weight: normal;
			margin: 0 0 0.5em 0;
			padding: 0 0 0.5em 0;
		}
		.front-box a, .front-box a:hover, .front-box a:focus,
		ul.link-list a, ul.link-list a:hover, ul.link-list a:focus {
			background: transparent url('../images/link-bullet.gif') no-repeat left 0.45em;
			font-size: 1.05em;
			font-weight: normal;
			letter-spacing: normal;
			padding-left: 1.2em;
			text-decoration: none;
			display: block;
		}
		.front-box ul,
		ul.link-list {
			list-style: none;
			margin: 0;
			padding: 0;
		}
			.front-box ul li,
			ul.link-list li {
				line-height: 1.6em;
				padding: 0;
				margin: 0;
			}
			ul.link-list li a:hover,
			ul.link-list li a:focus,
			ul.link-list li a.active {background-image:url('../images/link-bullet-red-active.gif');}


		#sales.front-box {background-image:url('../images/frontbox-sprite.jpg');background-position: left bottom;}
		.is_b2b #sales.front-box {background-image:url('../images/frontbox-sprite-b2b.jpg');background-position: left bottom;}
		#sales.front-box h1, #sales.front-box a {color: #e13718;}
		#sales.front-box a {background-image:url('../images/link-bullet-red.gif');}
		#sales.front-box a:hover,
		#sales.front-box a:focus,
		#sales.front-box a.active {background-image:url('../images/link-bullet-red-active.gif');}

		#products.front-box {background-image:url('../images/frontbox-sprite.jpg');background-position: -290px bottom;}
		.is_b2b #products.front-box {background-image:url('../images/frontbox-sprite-b2b.jpg');background-position: -290px bottom;}
		#products.front-box h1, #products.front-box a {color: #ff6600;}
		#products.front-box a {background-image:url('../images/link-bullet-orange.gif');}
		#products.front-box a:hover,
		#products.front-box a:focus,
		#products.front-box a.active {background-image:url('../images/link-bullet-orange-active.gif');}

		#service.front-box {background-image:url('../images/frontbox-sprite.jpg');background-position: -580px bottom;}
		.is_b2b #service.front-box {background-image:url('../images/frontbox-sprite-b2b.jpg');background-position: -580px bottom;}
		#service.front-box h1, #service.front-box a {color: #ff9900;}
		#service.front-box a {background-image:url('../images/link-bullet-yellow.gif');}
		#service.front-box a:hover,
		#service.front-box a:focus,
		#service.front-box a.active {background-image:url('../images/link-bullet-yellow-active.gif');}



	#wrapper #container {
		padding-top: 150px;
		position: relative;
	}

	#inner-content {
		color: #5B5B5B;
		margin:590px 5px 25px 210px;
		position:relative;
	}
	#inner-content.no-top-content {margin:288px 5px 25px 210px;}
	.no-gallery #inner-content.no-top-content {margin:20px 5px 25px 230px;}
		#inner-content h1 {
			border-bottom: 1px dashed #cbcbcb;
			color: #e13718;
			font-size:2.2em;
			font-weight:normal;
			margin: 0 0 0.5em 0;
			padding: 0 0 0.5em 0;
		}
		#inner-content h1.small-margin {margin: 0 0 0.2em;}
		#inner-content h1.big-margin {margin: 0 0 1em;}
		#inner-content h2 {
			border-bottom: 1px dashed #cbcbcb;
			color: #e13718;
			font-size:1.60em;
			font-weight:normal;
			margin: 1.5em 0 0.5em 0;
			padding: 0 0 0.5em 0;
		}
		#inner-content p {
			font-size: 1em;
			letter-spacing: normal;
			line-height: 1.6em;
		}

	#top-content {
		height:300px;
		position: absolute;
		top: 150px;
	}

	form#search {
		right: 0;
		position: absolute;
		top: 127px;
	}
		form#search #languages {
			float: left;
			margin-top: 2px;
			margin-right: 25px;
		}
			form#search #languages a {
				color: #363636;
				text-decoration: none;
			}
				form#search #languages a:hover {
					color:#e13718
				}
			form#search #languages span {
				position: relative;
				top: -1px;
			}
		form#search input.text {
			float: left;
			width: 200px;
		}
		form#search .btn-search {
			background: transparent url('../images/btn-search.gif') no-repeat center center;
			border: none;
			display: block;
			float: left;
			height: 18px;
			margin-left: 5px;
			width: 50px;
		}

	#footer {
		color: #AAA;
		font-size: 0.8em;
		height: 32px;
		padding-top: 30px;
	}
		#footer-content {
			border-top: 3px solid #e13718;
		}
		#footer a {
			color: #AAA;
			line-height: 32px;
			text-decoration: none;
		}

.contact-page #real-content p, #contact-form {
	width: 500px;
}
#contact-form.small-layout {
	width: 350px;
}
	#contact-form div.spacer {
		display: block;
		height: 1em;
	}
	#contact-form div.spacer,
	#contact-form label {
		display: block;
		float: left;
		width: 25%;
		font-weight:bold;
	}
	#contact-form.small-layout div.spacer,
	#contact-form.small-layout label {
		width: 35%;
	}
	#contact-form .spacer-sibling {
		float: left;
		margin: 0;
		padding: 0;
	}
	#contact-form textarea,
	#contact-form input.text,
	#contact-form select,
	#contact-form .spacer-sibling,
	#contact-form div.verification {
		width: 73.5%;
	}
	#contact-form input.verification {
		width: 31.5%;
	}
	#contact-form div.verification img {
		border: 1px solid #888;
		margin-right: 10px;
	}
	#contact-form.small-layout textarea,
	#contact-form.small-layout input.text,
	#contact-form.small-layout .spacer-sibling {
		width: 63.5%;
	}
	#contact-form strong {
		font-family: Verdana;
	}

.contact-page #contact-form .btn {
	float: right;
	margin: 0 5px 0 0;
	width: 150px;
}
.contact-page #contact-form.small-layout .btn {
	width: 80px;
}

.news-page h3 {
	padding-bottom: 1.6em;
	text-transform:none;
}
.news-page h3 span {
	color: #363636;
	font-size: 1.1em;
	padding-right: 10px;
}
.news-page .news-picture {
	margin-bottom: 20px;
	margin-right: 30px;
}
.news-page .line {padding-top:0;}
.news-page p {
	padding: 0 0 1.6em;
}

/**
 * Other stuff for the design
 */
h3 {
	color: #e13718;
	font-size: 1.1em;
	text-transform: uppercase;
}

div.line {
	border-bottom: 1px dashed #d9d9d9;
	margin-bottom: 10px;
	padding: 10px 0 0;
}
div.line.more-space {
	margin-bottom: 25px;
	padding: 25px 0 0;
}
div.line.less-space {
	margin-bottom: 6px;
	padding: 6px 0 0;
}

a.styled {
	background: transparent url('../images/link-bullet-red.gif') no-repeat left 0.45em;
	font-weight: bold;
	letter-spacing: normal;
	padding-left: 1.2em;
	text-decoration: none;
}
a.styled:hover, a.styled:focus {background-image:url('../images/link-bullet-red-active.gif');}


.red {color:#e13718;}
.orange {color:#ff6600;}
.yellow {color:#ff9900;}

#inner-content .column,
#inner-content .double-column,
#inner-content .sixth-column{
	float: left;
	margin-right:3%;
	width: 31%;
}
#inner-content .double-column {
	width: 65%;
}
#inner-content .last {margin-right:0;}

textarea, input.text {
	border:1px solid #dddddd;
	-o-box-shadow: 0px 0px 2px #DADADA;
	-icab-box-shadow: 0px 0px 2px #DADADA;
	-khtml-box-shadow: 0px 0px 2px #DADADA;
	-moz-box-shadow: 0px 0px 2px #DADADA;
	-webkit-box-shadow: 0px 0px 2px #DADADA;
	box-shadow: 0px 0px 2px #DADADA;
	color: #363636;
	font-size: 0.8em;
	margin: 0 0 4px;
}
textarea {overflow: auto;}
.btn {
	border: 1px solid #d5d5d5;
	-o-box-shadow: 0px 0px 3px #AAA;
	-icab-box-shadow: 0px 0px 3px #AAA;
	-khtml-box-shadow: 0px 0px 3px #AAA;
	-moz-box-shadow: 0px 0px 3px #AAA;
	-webkit-box-shadow: 0px 0px 3px #AAA;
	box-shadow: 0px 0px 3px #AAA;
	display: block;
	height: 23px;
	overflow: hidden;
	margin: 8px 0;
	position: relative;
}
	.btn span, .btn span span {
		background-color: transparent;
		background-image: url('../images/bg-sprite.gif');
		background-repeat: repeat-x;
		background-position: left -87px;
		cursor: pointer;
		display: block;
		height: 100%;
		position: absolute;
		width: 100%;
	}

	.btn:hover span,
	.btn:focus span {background-position:left -110px;}
	.btn:hover span span,
	.btn:focus span span {background-position:center bottom;}
	.btn span span {
		background-image: url('../images/btn-sprite.gif');
		background-position: center top;
		background-repeat: no-repeat;
	}
	body.french .btn span span {
		background-image: url('../images/btn-sprite-fr.gif');
	}

	.btn.login span span {background-position:center top;}
	.btn.login:hover span span, .btn.login:focus span span {background-position:center -23px;}
	.btn.request span span {background-position:center -46px;}
	.btn.request:hover span span, .btn.request:focus span span {background-position:center -69px;}
	.btn.map span span {background-position:center -92px;}
	.btn.map:hover span span, .btn.map:focus span span {background-position:center -115px;}
	.btn.reset span span {background-position:center -138px;}
	.btn.reset:hover span span, .btn.reset:focus span span {background-position:center -161px;}
	.btn.send span span {background-position:center -184px;}
	.btn.send:hover span span, .btn.send:focus span span {background-position:center -207px;}
	.btn.logout span span {background-position:center -230px;}
	.btn.logout:hover span span, .btn.logout:focus span span {background-position:center -253px;}

.invisible {display:none;}

td {
	text-align:left;
	vertical-align:top;
}

.contact strong {
	color: #e13718;
	display: block;
	font-size: 1.2em;
}
.contact p {
	margin: 0;
	padding: 0.4em 0 1.5em;
}

#pictures a,
.news-pictures a {
	float: left;
	height: 100px;
	width: 130px;
	margin: 15px;
}
#pictures a img,
.news-pictures a img {border: 1px solid #e5e5e5;}
#pictures a.first.lightbox,
.news-pictures a.first.lightbox {margin-left:0;}
#pictures a.lightbox:hover img,
.news-pictures a.lightbox:hover img,
#pictures a.lightbox:focus img,
.news-pictures a.lightbox:focus img { border: 1px solid #e13718;}

#brands {
	background: #FFF;
	padding: 10px 0 10px 10px;
	width: 700px;
}
#brands img {
	float: left;
	margin-bottom: 15px;
	margin-left: 15px;
}
#brands img.first {margin-left: 0;}


.result .title {
	color: #e13718;
	font-weight:bold;
	margin: 0 0 10px;
	font-size: 1.2em;
}
.result .url {
	margin: 10px 0;
}



.fl-right {float:right;}

.go-up, .go-up:hover, .go-up:focus, .go-up:active {
	background: transparent url('../images/go-up.gif') no-repeat center center;
	display: block;
	float: right;
	height: 12px;
	margin-top: 10px;
	width: 63px;
}
body.french .go-up, body.french .go-up:hover, body.french .go-up:focus, body.french .go-up:active {
	background-image: url('../images/go-up-fr.gif');
	width: 68px;
}

#gallery-prev, #gallery-next {
	background: transparent url('../images/rotate-left.png') no-repeat 5% 95%;
	cursor: pointer;
	left: 0;
	position: absolute;
	height: 100%;
	top: 0;
	width: 49%;
	z-index: 9998;
}
#gallery-next {
	background: transparent url('../images/rotate-right.png') no-repeat 95% 95%;
	left: auto;
	right:0px;
}
.hidden {display:none;}
#inner-content .realization.lastrealization.column {margin-right:0;}

body.realization-page .left-box {width:160px;}


.movie_container {
	margin:15px auto;
	width: 705px;
}
	.movies { margin-top: 15px; }
	#inner-content .movies .movie {
		margin: 0 13px 5px 0;
		width: 130px;
	}
	#inner-content .movies .lastmovie {
		margin-right: 0;
	}

.float-right {
	float: right;
}
.float-left {
	float: left;
}
#strass { position:relative; top: 4px; }