/**
 * Main structure
 */

body {
	background: #ffffff;
	margin: 0;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 12px;
}

#bg {
	background: url(/docroot/alpa/images/top_gradient.png) repeat-x bottom left #666666;
	height: 180px;
	width: 100%;
	z-index: 1;
	position: absolute;
	left: 0;
}

#wrapper {
	position: relative;
	width: 990px;
	margin: 0 auto;
	z-index: 2;
}

#header {
	height: 180px;
	min-height: 180px;
	color: #ffffff;
	background: url(/docroot/alpa/images/top_gradient.png) repeat-x bottom left #666666;
}

#header-print {
	display: none;
}

/**
 * Header
 */

.logo {
	margin-top: 35px;
}

/**
 * Meta navigation
 */

#metanav {
	position: relative;
	float: right;
	padding: 35px 0 0 0 !important;
}

#metanav li {
	display: block;
	line-height: 1.4em;
}

#metanav li a {
	text-decoration: underline;
}

#metanav a {
	color: #ffffff;
}

/**
 * Language switch
 */

#language-current {
	cursor: pointer;
}

#language-chooser {
	position: absolute;
	top: 35px;
	margin: 0 0 0 10px;
	padding: 0;
}

#language-chooser li {
	padding-right: 5px;
}

/**
 * Search
 */

#search-input {
	background: url(/docroot/alpa/images/search_input_mask_inactive.png) top left transparent;
	border: 0;
	color: #666666;
	outline: none;
	width: 120px;   /* 144px without padding */
	height: 18px;   /*  23px without padding */
	padding: 5px 4px 0 20px;
}

.search-input-active {
	background: url(/docroot/alpa/images/search_input_mask_active.png) top left transparent !important;
}

#search-dialog {
	background: #999999;
	border: 1px solid #999999;
	width: 300px;
	margin: 3px 0 0 -157px;
	position: absolute;
	z-index: 100;
}

#search-closer {
	background: url('/docroot/alpa/images/close_search.png') top left;
	cursor: pointer;
	font-weight: 900;
	width: 9px;
	height: 9px;
	position: absolute;
	top: 8px;
	left: 280px;
}

#search-ajax {
	background: url(/docroot/alpa/images/ajax-loader.gif) top left;
	display: none;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 30px;
	left: 275px;
}

#search-result-list {
	background: #EFEFEF;
	display: none;
	height: 350px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
	margin: 0;
}

#search-selection {
	font-weight: 800;
	font-size: 11px !important;
	line-height: 25px;
	padding: 6px 0;
}

#search-param-all, #search-param-this {
	margin: 0 10px;
}

li.search-result-item {
	color: black;
	display: block;
	margin: 0;
	padding: 0 !important;
}

.search-result-item a {
	color: black !important;
	display: block;
	text-decoration: none !important;
	padding: 12px 30px 12px 25px !important;
	margin: 0 !important;
}

.search-result-item a:hover {
	background-color: #cccccc;
	color: #ffffff !important;
}
.search-result-item-title {
	display: block;
	font-weight: bold !important;
	font-size: 11px;
}

.search-result-item-body {
	font-weight: 100 !important;
	font-size: 9px !important;
}

.search-result-item-body p {
	font-size: 9px !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.4em;
}

.navigation ul,
#metanav {
	list-style: none;
	margin: 0;
	padding: 0;
}

/**
 * Breadcrumb and user
 */

#breadcrumb,
#user{
	color: #666666;
	font-size: 10px;
	margin: 25px 0;
}

#breadcrumb a {
	color: #666666;
	text-decoration: underline;
}

#breadcrumb a:hover {
	color: #cc0000;
}

#user {
	position: absolute;
	right: 0;
}

/**
 * Column layout
 */

#content {
	overflow: hidden;
	width: 990px;
}

#content .column-1 {
	min-height: 100px;
	width: 190px;
	float: left;
}

#content .column-2 {
	min-height: 100px;
	width: 380px;
	float: left;
	margin: 0 20px;
	line-height: 1.4em;
}

#content .column-3 {
	min-height: 100px;
	width: 380px;
	float: left;
	line-height: 1.4em;
}

#content .column-23 {
	min-height: 100px;
	width: 780px;
	float: left;
	margin: 0 0 0 20px;
}

/**
 * Navigation
 */

.navigation {
	width: 190px !important;
}

.navigation ul li {
	display: block;
	font: bold 13px Helvetica, sans-serif;
	line-height: 1.8em;
	white-space: nowrap;
}

.navigation ul li a {
	border-bottom: 1px solid #000000;
	display: block;
	text-decoration: none;
	color: #000000;
}

.navigation ul li a:hover,
.navigation ul li.open ul li a:hover,
.navigation ul li.open ul li.open a:hover,
.navigation ul li.open ul li.open ul li.open a:hover,
.navigation ul li.active a {
	color: #cc0000 !important;
	border-bottom-color: #cc0000 !important;
}

.navigation ul li.open a,
.navigation ul li.trail a,
.navigation ul li.open ul li.trail a,
.navigation ul li.open ul li.open a,
.navigation ul li.open ul li.active a, 
.navigation ul li.open ul li.open ul li.active a,
.navigation ul li.open ul li.open ul li.trail a, 
.navigation ul li.open ul li.open ul li.open ul li.active a,
.navigation ul li.open ul li.open ul li.open ul li.trail a {
	color: #cc0000 !important;
	border-bottom-color: #cc0000 !important;
}

.navigation ul li.open ul li a,
.navigation ul li.open ul li.open ul li a,
.navigation ul li.open ul li.open ul li.open ul li a {
	color: #000000 !important;
	border-bottom-color: #000000 !important;
}

.navigation ul li ul li a {
	padding-left: 12px;
}

.navigation ul li ul li ul li a {
	font-weight: normal;
	font-size: 90%;
	padding-left: 24px;
}

.navigation ul li ul li ul li ul li a {
	font-weight: normal;
	font-size: 90%;
	padding-left: 36px;
}

/**
 * Content
 */

.paragraph-text h3 {
	border-bottom-color: #000000 !important;
	color: #000000 !important;
}

/**
 * Products
 */


.alpa-product #content.page-product-root .column-2 {
	background: #eee;
	width: 780px;
	margin: 0 0 0 20px;
}

.product-item {
	min-height: 90px;
	clear: both;
	padding-left: 10px;
	margin-bottom: 10px;
}

.product-item-image {
	float: right;
}

.product-item-text {
	padding: 10px 0;
}

.product-info table {
	margin-bottom: 15px;
	width: 100%;
}

.product-info table td {
	margin-bottom: 15px;
	background-color: #cccccc;
	padding: 0.3em 0.5em;
	border-bottom: 1px solid #ffffff;
}

.product-info table td p {
	display: inline;
}

.product-info table td.first-column {
	width: 8em;
}

/**
 * Articles 
 */

.batchingbar .years {
	float: right;
}

.batchingbar .years a {
	text-decoration: none;
	font-weight: bold;
}

.batchingbar .items {
	float: right;
	margin-bottom: 5px;
	clear: both;
}

.batchingbar .active {
	color: #cc0000;
	font-weight: bold;
} 

.article-item {
	width: 380px !important;
	overflow: hidden;
	margin-bottom: 10px;
}

.article-item-text {
	margin: 10px;
}

.article-item img {
	float: right;
	margin: 0 0 0 1em;
}

.article-item.active,
.article-item.active .article-item-text a { 
	color: #cc0000;
}

.title {
	font-weight: bold;
}

.morelink {
	color: #666666;
	text-decoration: underline;
}

.row-even {
	background-color: #dfdfdf;
}

.row-odd {
	background-color: #f2f2f2;
}

.clear {
	clear: both;
}

.inline {
	display: inline !important;
}

/**
 * Footer
 */

#footer {
	clear: both;
	padding: 60px 0 30px 0;
}

#footer #linkbox {
	color: #666666;
	font-size: 11px;
	float: left;
	width: 190px;
}

#footer #linkbox a, 
#footer #tag-cloud a {
	color: #666666;
	text-decoration: underline;
}

#footer #linkbox a:hover, 
#footer #tag-cloud a:hover {
	color: #1a1a1a;
}

#footer #tag-cloud {
	float: left;
	width: 780px;
	margin-left: 20px;
}

/**
 * Mini-Gallery 
 */

.gallery {
	margin-top: 15px;
}

.gallery:first-child {
	margin-top: 0;
}

.gallery-item {
	cursor: pointer;
	display: block;
	float: left;
	margin: 3px 3px 0 0;
	text-align: center;
}

.gallery-item img {
	vertical-align: middle;
	margin: auto auto;
}

.gallery-item img.big {
	display: none;
}

/**
 * Product-overview 
 */

#product-overview {
	float: left;
	margin-left: 20px;
	width: 780px;
}

#product-overview .sliderbox {
	height: 160px;
	margin-bottom: 12px;
	overflow: hidden;
	position: relative;
}

#product-overview .title {
	border-bottom: 1px solid #cc0000;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.8em;
}

#product-overview .trigger-left {
	background: url(/docroot/alpa/images/arrow_left_out.png) no-repeat center center;
	cursor: pointer;
	width: 30px;
	height: 12px;
	position: absolute;
	top: 145px;
	left: 0;
	font-weight: bold;
	line-height: 12px;
	text-align: center;
}

#product-overview .trigger-right {
	background: url(/docroot/alpa/images/arrow_right_out.png) no-repeat center center;
	cursor: pointer;
	width: 30px;
	height: 12px;
	position: absolute;
	top: 145px;
	left: 748px;
	font-weight: bold;
	line-height: 12px;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#product-overview .hover-left {
	background: url(/docroot/alpa/images/gradient_left.png) repeat-y top left;
	width: 60px;
	height: 110px;
	position: absolute;
	top: 25px;
	left: 0;
}

#product-overview .hover-right {
	background: url(/docroot/alpa/images/gradient_right.png) repeat-y top right;
	width: 60px;
	height: 110px;
	position: absolute;
	top: 25px;
	left: 720px;
}

#product-overview .slider {
	float: left;
	height: 128px !important;
}

#product-overview .product {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	float: left;
	width: 90px;
	height: 105px;
	margin: 2px 4px 0 4px;
}

#product-overview .product img {
	width: 90px;
	height: 90px;
}

#product-overview .product .label {
	font-size: 10px;
	text-align: center;
	overflow: hidden;
	height: 1.4em;
	line-height: 1.4em;
	margin-top: 0;
	text-decoration: underline;
}

#product-overview .scroller {
	background-color: #dedede;
	height: 9px;
	width: 700px;
	position: absolute;
	top: 145px;
	left: 39px;
	margin-top: 2px;
}

#product-overview .scroller-inner {
	background-color: #656565;
	cursor: pointer;
	height: 9px;
	width: 40px;
}

.active .label {
	color: #cc0000;
}

/**
 * Distributors
 */

.paragraph-distributor {
	margin: 0.8em 0 0.8em 0;
}

.distributor-content {
	display: none;
}

/**
 * Sitemap
 */

.sitemap ul.level0 > li.leaf,
.sitemap ul.level0 > li.open {
	margin-bottom: 20px;
}

/**
 * Contact form
 */

#contactform {
	margin-top: 0;
}

#contactform label {
	width: 150px;
}

#contactform input,
#contactform textarea {
	width: 300px;
}

#contactform textarea {
	height: 150px;
}

#contactform img.captcha {
	margin-left: 150px;
}

/**
 * Gallery
 */

.gallery-left .right,
.gallery-right .right {
	float: right;
	font-weight: normal;
}

#galleryform {
	margin-bottom: 15px;
}

#gallery-selection,
.gallery-right img{
	position: relative;
	margin-top: 0.8em;
}

#gallery-selection #column-1 {
	width: 190px;
}

#gallery-selection #column-2 {
	position: absolute;
	top: 0;
	left: 190px;
	width: 190px;
}

#gallery-selection select,
#gallery-selection input {
	width: 170px;
	border: 1px solid #000000;
	margin: 0;
	padding: 2px 3px;
	font-size: 12px;
	background-color: #ffffff;
}

#gallery-selection input.button {
	width: auto;
}

#gallery-selection label {
	display: block;
	font-weight: bold;
}

#gallery-selection .grey-box {
	margin-top: 1em;
}

.gallery-left .batchingbar {
	float: none;
	margin: 0 0 10px 0;
}

.gallery-right h2 .small-batchingbar a {
	text-decoration: underline;
}

.gallery-right.gallery {
	margin-top: 0;
}

#gallery-thumbnails .thumb {
	float: left;
	margin: 0 3px 3px 0;
}

/**
 * Intro
 */

#intro-container {
	position: relative;
	overflow: hidden;
}

#intro {
	position: relative;
	margin: 30px 0 0 0;
	width: 10000px;
}

#intro .intro-banner {
	display: block;
	position: relative;
	width: 990px;
	height: 375px;
	background-color: #000000;
	margin: 0 0 15px 0;
	padding: 0 0 42px 0;
	cursor: pointer;
}

#intro .intro-banner-fader {
	position: relative;
	z-index: 99;
	display: block;
	width: 990px;
	height: 375px;
	background-color: #000000;
	margin: 0 0 100px 0;
	opacity: 0;
	filter: alpha(opacity=0);
}

#intro .paragraph-intro {
	position: relative;
	float: left;
}

#intro .intro-banner .title-image,
#intro .intro-banner .content-image {
	position: absolute;
}

#intro .paragraph-intro .text p {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 102;
	background: #fff;
	width: 990px;
	padding: 15px 0 0 0;
}

#intro .intro-navigation {
	position: absolute;
	z-index: 99;
	cursor: pointer;
}

#intro .intro-previous {
	left: 0;
	padding: 155px 80px 154px 0;
}

#intro .intro-next {
	right: 0;
	padding: 155px 0 154px 80px;
}

#intro-container .continue-link {
	position: relative;
	float: right;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: #3f3f3f;
	background-color: #ffffff;
	padding: 12px 0 13px 5px;
	margin-top: -44px;
	z-index: 103;
}

/**
 * Download
 */

.download img {
	position: absolute;
	margin-top: 2px;
}

.download .download-text {
	display: block;
	padding-left: 35px;
}

/**
 * Login and registration form
 */

form.standard#changeprofileform {
	margin-top: 0;
}

/**
 * Calculator
 */

table.calculator {
	margin: 5px 0 30px 0;
	width: 100%;
}

table.calculator td {
	padding: 2px 5px;
	vertical-align: top;
	text-align: left;
}

table.calculator td.additional-info-column {
	padding: 3px 0 0 0;
}

table.calculator a {
	text-decoration: none;
	display: block;
	height: 48px;
}

table.calculator a img {
	float: right;
}

table.calculator tr:hover a {
	color: #cc0000;
}

table.calculator input,
table.calculator textarea {
	border: 1px solid #000000;
	margin-bottom: 5px;
	font-family: Helvetica,Arial,Geneva,sans-serif;
	font-size: 12px;
	padding: 2px;
	color: #333333;
	background-color: #ffffff;
}

table.calculator input {
	width: 20px;
}

table.calculator textarea {
	width: 80px;
	height: 37px;
}

#calculationform {
	position: relative;
}

#calculationform .row {
	clear: both;
	width: 378px;
}

#calculationform .row.second-column {
	width: 278px;
}

#calculationform input.radio {
	position: absolute;
	left: 0;
	padding-left: 0;
	margin: 2px 0 0 -1px;
}

#calculationform label.radio {
	padding-left: 16px;
	margin-bottom: 10px;
	width: auto;
}

#calculationform label.radio.firstcol {
	width: 84px;
}

#calculationform label.inline {
	position: relative;
	clear: none;
	top: 2px;
	margin-right: 10px;
}

#calculationform input.small {
	width: 180px;
	float: right;
}

/**
 * Home
 */

.bottom-links .left-side {
	float: left;
}

.bottom-links .right-side {
	float: right;
}

/**
 * Tags
 */

.tag-title {
	position: relative;
}

.tag-title h2 {
	padding-right: 80px;
}

.tag-title .date {
	float: none;
	position: absolute;
	right: 0;
	margin-top: 0;
}