﻿.Message,
.WarningMessage,
.CertificateMessage
{
	display:block; 
	margin: 20px 0 0 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000; 
}

.Message
{
	margin: 5px 0;
}

.CertificateMessage
{
	margin: 0 0 20px 0;
    color: #0091DC;
    font-weight: normal;
}

.WarningMessage
{
	color: Red; 
}

/* Window styles */
div.WindowHead
{
	position:fixed;
	top:0;
	height:27px;
	width:100%; 
	background-color:#E5E5E5;
	border-bottom: 1px solid #CCC;
	margin: 0;
	padding: 0;
	z-index: 10;
}

div.WindowHead .WindowTitle
{
	display: block;
	float:left;
	margin-bottom:1px;
	padding:7px 0 5px 10px;
	font-weight: bold;
}

div.WindowHead .WindowCloser
{
	display: block;
	float:right;
	margin-bottom:1px;
	padding:7px 10px;
}

div.ContentArea,
div.ContentAreaTitled
{
	padding: 10px;
	padding-bottom: 45px;
}

div.ContentAreaTitled
{
	padding-top: 37px;
}


div.ButtonArea
{
	position:fixed;
	bottom:0;
	height:36px;
	width:100%; 
	background-color:#E5E5E5;
	border-top: 1px solid #666;
	margin: 0;
	padding: 0;
}

div.ButtonArea div.InnerButtonArea
{
	padding: 10px;
}

.ResultTable
{
	border: none;
	border-bottom: 3px solid #000;
	font-size: 12px;
	line-height: 1.5;
}

.ResultTable th
{
	border: none;
	border-bottom: 3px solid #000;
	font-size: 12px;	
	padding: 6px 4px 7px 5px;
	text-align: left;
}

.ResultTable td
{
	border-style: none; 
	border-top: solid 1px #000;
	display: table-cell;
	font-size: 12px;	
	padding: 10px 0 6px;
	text-decoration: none;
	color: #000;
	padding:6px 4px 7px 5px;
}

.ResultTable tr.highlight td
{
	background-color: #dcebf6;
}

.ResultTable .imageContainer
{
	display: block; 
	padding: 0; 
	margin: 4px 0 0 0;
}

.ResultTable .imageContainer img
{
	border: solid 1px #999; 
	display: inline-block;
}

.ResultTable .flatContentContainer,
.ResultTable .contentContainer
{
	line-height: 1.5; 
	font-size: 12px; 
}

.ResultTable .contentContainer
{
	float: left;
}

.ResultTable img.productState
{
	display: block;
	margin: 5px 0;
}

.ResultTable .colLeft,
.ResultTable .colRight
{
	display: block;
	margin-top: 10px;
	overflow: hidden;
}

.ResultTable .colLeftOpen,
.ResultTable .colRightOpen
{
	display: block;
	margin-top: 10px;
	overflow: hidden;
}

.ResultTable .contentContainer .headline,
.ResultTable .flatContentContainer .headline
{
	font-weight: bold; 
	display: block;
}

.ResultTable .contentContainer .description,
.ResultTable .flatContentContainer .description,
.ResultTable .contentContainer .colLeft span
{
	line-height: 15px; 
	font-size: 12px; 
	display: block;
	width: auto;
}

.ResultTable .contentContainer ul li,
.ResultTable .flatContentContainer ul li
{
	display:block;
	font-size:12px;
	line-height: 15px;
	margin:3px 0 0;
	padding:0 0 0 15px;
}

.ResultTable .flatContentContainer div.link
{
	margin: 0 0 7px 0;
}


.ResultTable .flatContentContainer div.link a
{
	font-weight: bold !important;
	margin-top: 0 !important;
}

.ResultTable .flatContentContainer div.meta
{
	margin-top: 10px;
}


.ResultTable .flatContentContainer div.meta .type
{
	display: block;
	float: left;
	color: #999;
}


.ResultTable .flatContentContainer div.meta .topLink:hover
{
	text-decoration: none;
}

.ResultTable .linkContainer a
{
	display:block; 
	width: 160px; 
	min-height: 16px; 
	padding-left: 20px !important;
}

.ProductResult
{
	background-color: #dcebf6; 
	padding: 10px;
}

.ProductResult .ResultTable
{
	border: none;
}

.ProductResult .ResultTable th
{
	border: none;
}

.ProductResult .ResultTable td
{
	border-top: solid 1px #000;
}


.ProductResult .ResultTable tr:first-child > td
{
	border-style: none; 
}

.CheckBoxFuzzy
{
	background-color: #dcebf6;
}

#checkbox
{
	background-color: #dcebf6;
}

div.tab-cards ul.tabs li.inactive a 
{
	color:#BBB;
}


.section table td, .section table th
{
	border-left-style: none;
	border-right-style: none;
	font-size: 12px;
}

.section table td
{
	border-bottom-style: none;
	border-top:1px solid #000000;
}

.section table tr.expander td
{
	border-top-style: none;
}

.section table
{
	/*border-bottom:1px solid #000000; */
	margin-bottom: 0px;
}

.downloadDetail,
.downloadDetailOpen,
.expanderIcon,
.expanderIconOpen
{
	cursor: pointer; 
	background-image: url(../img/icon_plus.gif); 
	background-repeat: no-repeat; 
	background-position: 4px 4px;
	overflow:hidden;
	
}

.downloadDetailOpen,
.expanderIconOpen
{
	background-image: url(../img/icon_minus.gif); 
}

.downloadDetail,
.downloadDetailOpen
{
	width: 16px; 
	height:25px;
}

.expanderIcon,
.expanderIconOpen
{
	padding-left: 20px;
}

.expander .description {
    padding-right: 20px;
}

.showMore
{
	background: url(../img/icon_plus.gif) no-repeat scroll 0 2px transparent !important;
	width: auto; 
	height: auto;
	padding-left: 16px;
}


ul#sec_nav ul {
	padding:0 0 0px 12px;
}

.headertoolbox {
	background-color:#dcebf6;
	border:0 none;
	float:left;
	min-height:30px;
	margin-bottom:20px;
	padding: 8px;
	
	width:350px !important;
}

.inputField
{
	border: 1px solid #CCCCCC;
	font-size: 12px; 
	width: 342px;
	margin-bottom: 8px;
}

#TB_ajaxWindowTitle
	{
		font-size: 12px;
		color: #000;
		line-height: 14px;
		font-weight: bold;
	}
	
h2.title
{
	color: #666;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	padding: 4px 0 6px;
}

li.current a
{
	color: #0091DC;
}

ul#sec_nav ul {
	padding:0 0 0 12px !important;
}

a.infoLink
{
	background-image: url(../img/icon_information.gif); 
	background-repeat: no-repeat;
	background-position: 4px 5px;
	display: block; 
	float: left; 
	width:12px; 
	height: 18px;
}

#context a
{
	display: block !important;
	margin-bottom: 5px;
}

.enabled .search-button
{
	background-image: url(../img/button-bg-search.gif); 
	padding-left: 28px;
}

.typeImage
{
	margin-left: 10px;
	position: absolute;
}

.typeImage img
{
	position:absolute; 
	top:0; 
	left: 0;
}

.typeImage p
{
	position: absolute; 
	z-index: 2; 
	font-size: 9px; 
	height: 12px; 
	padding: 0;
	overflow: hidden;
}

.typeImage p.partNumber
{
	top:82px; 
	left: 10px; 
	width: 70px;
}

.typeImage p.serialNumber
{
	top:82px; 
	left: 80px; 
	width: 30px;
	text-align: right; 
}

.typeImage p.orderCode
{
	top:92px; 
	left: 30px; 
	width: 80px; 
	text-align: right; 
}

.typeImageLarge
{
	margin-left: 10px;
	position: absolute;
	left: 320px;
}

.typeImageLarge img
{
	position:absolute; 
	top:0; 
	left: 0;
}

.typeImageLarge p
{
	position: absolute; 
	z-index: 2; 
	font-size: 9px; 
	height: 12px; 
	padding: 0;
	overflow: hidden;
	line-height: 13px;
}

.checkbox input
{
	background-color: #dcebf6;
	margin:0;
	width: 13px;
	height: 13px;
}

.checkbox label
{
	display: inline-block;
	line-height: normal;
	margin: 0px 0 0 3px;
	vertical-align: top;
}

.highlight
{
	background-color: #dcebf6;
}

div.tab-cards
{
	position: relative;
    padding-bottom: 0;
}

div.tab-cards ul.tabs
{
	display: block !important;
}

div.tab-cards ul.tabs li
{
	display: block;
	height: 100%;
}


.detailsHead
{
	float: left; 
	width: 530px
}

.detailsHead div,
.detailsHead span
{
	font-size: 12px; 
	line-height: 15px;
	color:#000000;
	font-family:Arial,sans-serif;
}

.detailsHead div
{
	margin-bottom: 12px;
}

.detailsHead2 div,
.detailsHead2 span
{
	font-size: 12px; 
	line-height: 15px;
	color:#000000;
	font-family:Arial,sans-serif;
}

.detailsHead2 div
{
	margin-bottom: 12px;
}

.linkBox span
{
	font-weight: bold;
	display: block;
	margin-bottom: 4px;
}

.linkBox a
{
	display: block;
	background: url("/rep/de_de/fw/css/import/img/icons/icon_go_to.gif") no-repeat scroll 0 0 transparent !important
}

.systemLinkBox
{
}

.systemLinkBox a
{
	display: block;
	background-image: none;
	padding: 0;
	margin: 0;
}

.systemLinkBox img
{
	display: block;
	margin-top: 3px;
}

.systemLinkBox td
{
	padding: 0;
	border-style: none;
	line-height: normal;
	white-space: normal !important;
	vertical-align: top;
}



 /* TYPE AHEAD */
 
div#content .typeAhead .autocomplete_completionListElement { 
   overflow : auto;
   max-height: 200px;
   z-index:10000
}

/*TypeAhead-Styles*/
div#content .typeAhead .autoCompleteBox
{
	border:1px solid;
	border-color:black;
	background:white;
	line-height:20px;
	z-index:1;
	overflow : auto;
	visibility : hidden;
	color : windowtext;
	border-width : 1px;
	border-style : solid;
	overflow : auto;
	max-height : 200px;
	text-align : left;
	list-style-type : none;
	white-space:nowrap;
}

div#content .typeAhead .autoCompleteItem
{
	  background-image: none;
	  font-size:8pt !important;
	  font-style:normal;
	  margin-left: 5px;
	  padding: 0px;
	  position: relative;
	  width: auto;
}

div#content .typeAhead .autoCompleteHighlight
{
	margin-left: 5px;
	width: auto;
	padding: 0px;
	position: relative;
	background-image: none;
	cursor : pointer;
	font-size:8pt !important;
	list-style-type : none;
	background: #dcebf6;
}

div#content div.typeAhead 
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:white none repeat scroll 0 0;
	width:348px;
	border:1px solid #999;
    border-bottom: none;
	position:relative;
	top:-10px;
	left:0px;
	z-index:1000;
	background:white;
	display: none;    
}

div#content div.typeAhead a
{
    display: block;
    height: auto;
    border-bottom: 1px solid #999;
    padding: 2px 2px 2px 4px;
    min-height: 30px;
    background-position: 310px 3px;
    background-repeat: no-repeat;
}

div#content div.typeAhead a:hover,
div#content div.typeAhead a.selected,
div#content div.typeAhead a span.selected
{
    background-color: #dcebf6;
}

div#content div.typeAhead a img
{
    display: block;
    float:right;
    margin: 2px;
}

div#content div.typeAhead a img.brd
{
    border: 1px solid #999;
}


div#content div.typeAhead a span.title
{
    display: block;
    float:left;
    width: 300px;
}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

.hidden {
	display: none;
}

a.photos
{
    background: url(../img/icon_picture.png) no-repeat 0px 2px;
    padding: 0 0 0 14px;
    color: #000;
    display: block;
    margin: 5px 0 1px;
}

a.download-link 
{
    background: url(../img/icon_link.gif) no-repeat scroll 0px 2px transparent;
}

body.centerLayout div#main_wrap.is_popup, 
div#main_wrap.is_popup {
    width: 550px;
    margin: 0 0 0 10px;
}

div#main_wrap.is_popup div#content_wrap{
    margin: 0;
    padding: 0;
}

div#main_wrap.is_popup div#content_col{
    margin: 0;
    padding: 20px;
    width: 510px;
}



div#main_wrap.is_popup div#header,
div#main_wrap.is_popup div#footer,
div#main_wrap.is_popup div#footer_position_placeholder
 {
    display: none;
}

table.wizard {
    width: 100%;
}

div.navigation {
    margin-top: 10px;
}

a.button,
div.navigation > a.buttonBack,
div.navigation > a.buttonContinue {
    display: inline-block;
    padding: 2px 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    min-width: 60px;
    text-align: center;
    font-size: 12px;
    background-color: white;
    border: 1px solid #D8DCE1;
}

div.navigation {
    margin-top: 12px;
}

div.navigation > a.buttonBack {
    float: left;
}

div.navigation > a.buttonContinue {
    float: right;
    background-color: #0091dc;
    color: white;
}

.wizard h2 {
    margin-bottom: 12px;
}

.wizard table th
{
    border-top-style: none;
}

.wizard table td
{
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}

.currentStep {
    font-weight: bold;
}

.wizard .headline {
    display: block;
    font-weight: bold;
}

.wizard .subhead {
    display: block;
}

.wizard .searchterm {
    display: block;
}

.wizard div.addProduct {
    margin-top: 12px;
}

.wizard .addProduct input {
    height: 15px; 
    padding: 2px; 
    margin-right: 6px; 
    vertical-align: bottom
}

.wizard .addProduct a {
    vertical-align: bottom
}

.wizard .InputHint {
    width: 350px;
    margin-top: 10px;
}

input.productInputError {
    border: 1px solid red;
}

.wizard table tr.groupStart td
{
    border-top: 3px solid #000000;
    border-bottom-style: none;
}

.wizard table.languageTable td,
.wizard table tr.groupItem td
{
    border-style: none;
}

.wizard table tr.groupItem:last-child td
{
    border-bottom: 3px solid #000000;
}

.wizard table span.groupStart label
{
    font-weight: bold;
}


.OrderList
{
	border: none;
	border-bottom: 3px solid #000;
    border-top: 3px solid #000;
	font-size: 12px;
	line-height: 1.5;
    width: 98%;
    margin-top: 15px;
    margin-right: 20px;
}

.OrderList th
{
	border: none;
	border-bottom: 3px solid #000;
	font-size: 12px;
    font-weight: normal;
	padding: 1px 20px 1px 10px;
	text-align: left;
}

.OrderList td
{
	border-style: none; 
	border-top: solid 1px #000;
	display: table-cell;
	font-size: 12px;	
	text-decoration: none;
	color: #000;
    padding: 5px 6px 4px 2px;
}

.OrderList tr.highlight td
{
	background-color: #dcebf6;
}

.OrderList .imageContainer
{
	display: block; 
	padding: 0; 
	margin: 4px 0 0 0;
}

.OrderList .imageContainer img
{
	border: solid 1px #999; 
	display: inline-block;
}

.OrderList .flatContentContainer,
.OrderList .contentContainer
{
	line-height: 1.5; 
	font-size: 12px; 
}

.OrderList .contentContainer
{
	float: left;
}

.OrderList img.productState
{
	display: block;
	margin: 5px 0;
}

.OrderList .colLeft,
.OrderList .colRight
{
	display: block;
	margin-top: 10px;
	overflow: hidden;
}

.OrderList .colLeftOpen,
.OrderList .colRightOpen
{
	display: block;
	margin-top: 10px;
	overflow: hidden;
}

.OrderList .contentContainer .headline,
.OrderList .flatContentContainer .headline
{
	font-weight: bold; 
	display: block;
}

.OrderList .contentContainer .description,
.OrderList .flatContentContainer .description,
.OrderList .contentContainer .colLeft span
{
	line-height: 15px; 
	font-size: 12px; 
	display: block;
	width: auto;
}

.OrderList .contentContainer ul li,
.OrderList .flatContentContainer ul li
{
	display:block;
	font-size:12px;
	line-height: 15px;
	margin:3px 0 0;
	padding:0 0 0 15px;
}

.OrderList .flatContentContainer div.link
{
	margin: 0 0 7px 0;
}


.OrderList .flatContentContainer div.link a
{
	font-weight: bold !important;
	margin-top: 0 !important;
}

.OrderList .flatContentContainer div.meta
{
	margin-top: 10px;
}


.OrderList .flatContentContainer div.meta .type
{
	display: block;
	float: left;
	color: #999;
}


.OrderList .flatContentContainer div.meta .topLink:hover
{
	text-decoration: none;
}

.OrderList .linkContainer a
{
	display:block; 
	width: 160px; 
	min-height: 16px; 
	padding-left: 20px !important;
}

.OrderTitle .headline {
     display: block;
     font-weight: bold;
}

.OrderTitle {
}

.OrderResult {
    
    display: block;
    font-family: Arial, sans-serif;
    color: #000;
    text-align: left;
}
.OrderList tr td .headline {
    display: block;
     font-weight: bold;
}

.pressLinks a.download-link
{
    display: block !important;
}