@charset
"UTF-8"
;

body, a, table, input, textarea
{
    color:               #000000;
    font-family:         Arial, Helvetica, sans-serif;
    font-size:           11px;
    font-weight: normal;
    border-color: #aaa;
}

input.fixHeight
{
    height:              18px;
}

div#container
{
    /*position:            absolute;
    margin-left:         58px;
    margin-top:          9px;
    padding:             0px;*/
    margin-left:         auto;
    margin-right:        auto;
    width:               1150px;
    margin-top:          9px;
    position:            relative;
}

a img, img
{
    border:              0px;
    padding:             0px;
    margin:              0px;
    text-decoration:     none;
}

.bold
{
	font-weight: bold;
}

a.noDeco
{
    text-decoration:     none;
}

a.noPointer
{
    cursor:              default;
}

.button
{
    background-color:    #ffed7d;
    border-top:          1px solid #969696;
    border-left:         1px solid #969696;
    border-bottom:       1px solid #5f5f5f;
    border-right:        1px solid #5f5f5f;
    height:              16px;
    cursor:              pointer;
}

.button.disabled
{
    background-color:    #ddd;
	color:               #969696;
}

.button[disabled]
{
    background-color:    #ddd;
	color:               #969696;
}

a.linkAsButton
{ 
	text-align:          center; 
	text-decoration:     none;
	width:               188px;
	height:              13px;
	padding-top:         1px;
    padding-left:        5px;
    padding-right:       5px;
    margin: 5px;
}

a.smallButton
{
    width:               80px;
}

form
{
    margin:              0px;
    padding:             0px;
}

pre
{
    font-family:         inherit;	
}

.inputField
{
    border:              1px solid #969696;
    height:              13px;
}

.inputArea
{
    border:              1px solid #969696;
    height:              50px;
}

.checkbox
{
    border:              1px solid #969696;
    height:              13px;
    float:               left;
    margin:              0px;
    margin-right:        2px;
    margin-top:          1px;
    padding:             0px;
}

.dropdown
{
    border:              1px solid #969696;
    font-size:           10px;
}

.dropdown option.optionTitle
{
    background-color:    #ffed7b;
    font-weight:         bold;
    padding-left:        0px;
}

.dropdown option.optionLink
{
    text-decoration:     underline;
}

.floatLeft
{
    float:               left;
}

.floatRight
{
    float:               right;
}

.center
{
	text-align: center;
}

.modalbox
{
    position:            relative;
    width:                           200px;
    left:                50%;
    background-color:    #ffffff;
    padding:             15px;
    top:                             50%;
    border:              2px solid #969696;
}

.mb-container
{
    position:       fixed;
    height: 100%;
    width: 100%;
    z-index:        1004;
    left:   0;
    margin: 0;
    padding:        0;
    top:    0;
}

div.tabgroup div.tabs.single div.tab.active,
div.title
{
    padding-left:        16px;
    padding-top:         3px;
    padding-bottom:      1px;
    font-weight:         bold;
    border-bottom:       2px solid #ffffff;
}

tr.odd,
tbody.odd
{
    background-color:    #dddddd;
}

tr.even,
tbody.even
{
    background-color:    #ffffff;
}

tr.hidden
{
	visibility: hidden;
	display: none;
}

tr.settop td.eno
{
    background-image:    url("/wf/images/producttable_tree_09.gif");
    background-repeat:   no-repeat;
    background-position: left center;
}


tr.setmiddle td.eno
{
 	background-image:    url("/wf/images/producttable_tree_07.gif");
    background-repeat:   no-repeat;
    background-position: left center;
}

tr.setbottom td.eno
{
  	background-image:    url("/wf/images/producttable_tree_06.gif");
    background-repeat:   no-repeat;
    background-position: left center;
}

td.setfiller
{
    background-image:    url("/wf/images/producttable_tree_filler.gif");
    background-repeat:   repeat-y;
    background-position: left center;
}

/** order-list */
thead.head {
	background-color:    #dddddd;
}
table.order-list {
	width: 672px;
}

th.rueckstand {
    background-color: white;
    color: red;
}	

td.rueckstand {
    color: red;
}	

div#barcodePrintLayer
{
	top: 300px;
}

div#barcodePrintLayer table
{
	width: auto;
}

div#printExportLayer,
div#barcodePrintLayer
{
	display:             none;
	position:            absolute;
	z-index:             1002;
    /*depends to jquery.floatThead-1.2.0.min.js, z index 1001*/;
	left:                200px;
	background-color:    #ffffff;
	padding:             15px;
	border:              2px solid #969696;
}

div#addToList div#commissionSelect,
div#addToBasket div#commissionSelect,
div#addToMultiBasket div#commissionSelect
{
	float:               left;
	margin-top:          2px;
}

div#orderListSelect
{
  float:               left;
  margin-top:          2px;
}

div#addToList input#newCommission,
div#addToBasket input#newCommission,
div#addToMultiBasket input#newCommission
{
	float:               left;
	margin-top:          3px;
}

div#addToBasketContent table td
{
    border: 3px solid #fffff0;
}

input#newOrderList
{
  float:               left;
  margin-top:          3px;
}

div#content form#toMultiBasketForm table
{
  width: 250px;
}

.loginContentWithoutDefault div.box,
.loginContentWithoutDefault div#logo
{
    margin: auto;
}

.loginContentWithoutDefault div.messages
{
    display: block;
}

.loginContentWithoutDefault div.messages p.errorText
{
    display: none;
}



.loginContentWithoutDefault table.loginSidebar
{
	border-spacing:      0px;
	margin-top:          2px;
}

.loginContentWithoutDefault table.loginSidebar input.inputField
{
	margin-top:          0px;
	margin-bottom:       0px;
}

.loginContentWithoutDefault table.loginSidebar td.text
{
	padding-left:        2px;
}




table.orderlistTable tr.even td
{
    border-left:         2px solid #ffffff;
    border-right:        2px solid #ffffff;
}

table.orderlistTable tr.odd td
{
    border-left:         2px solid #dddddd;
    border-right:        2px solid #dddddd;
}

/*div#content div#bigContent table.orderlistTable*/
/*{*/
	/*border-spacing:      0px;*/
	/*width:               99%;*/
/*}*/

table.orderlistTable th.fixWidthIcons,
table.orderlistTable td.fixWidthIcons,
thead.myAccountTableHeader th.fixWidthIcons
{
	width:               20px;
    text-align: center;
}

		
/***  product table  ***/

table.productTable  
{
    width:               889px;
    *width:              880px;
    border-collapse:     collapse;
    margin-bottom:       10px;
}

table.productTable > tbody > tr > td
{
    padding-left:        4px;
    padding-right:       4px;
    margin:              0px;
    height:              43px;
    width:               auto;
    text-align:          center;
}

table.productTable > tbody > tr.customAvailabilityInfoText > td
{
    height:              auto;
}

table.productTable > tbody > tr.odd > td
{
    border: solid 1px #dddddd;
}

table.productTable > thead > tr > th,
table.productTable > tbody > tr > th
{
    padding-left:        4px;
    padding-right:       4px;
    height:               36px;
    background-color:    #969696;
    border:              2px solid #ffffff;
    font-weight:         normal;
}

table.productTable td.arttext
{
    text-align:          left;
}

table.productTable td.withTax,
table.productTable td.noTax,
table.productTable td.total
table.productTable td.amount,
table.productTable th.amount,
table.historyTable td.amount
{
    text-align:          right;
}

table.productTable th.withTax,
table.productTable th.noTax,
table.productTable th.total
{
    text-align:          right;
    width: 60px;
}


{
    text-align:          right;
}

table.productTable td.total
{
    position: relative;
    padding-right:       21px;
}

table.productTable > tbody > tr > td.actions
{
    width: 44px;
    white-space: nowrap;
    text-align: right;
}

table.productTable td.eno,
table.productTable th.eno
{
    padding-left: 8px;
    width: 60px;
}

table.productTable td.availability
{
    width:  40px;
}

table.productTable td.quantity
{
    width: 50px;
    position: relative;
}

table.productTable td.availability img.point
{
    margin-bottom:       14px;
    margin-top:          10px;
}

table.productTable td.availability img.info
{
    margin-left:         5px;
    margin-bottom:       10px;
}

table.productTable td.quantity input.inputField, input.quantity
{
    width:               30px;
    text-align:          right;
    padding-right:       2px;
}

table.productTable td.unit div
{
    margin-bottom: 2px;
}

table.productTable td.total img
{
    position:       absolute;
    right: 0px;
    cursor:              pointer;
    top: 14px;
}

table.historyTable > tbody > tr > td
{
    height: auto;
    text-align: left;
}

table.productTable tr.detail td,
div.myAccountDefaultContentStyle table tr.detail td 
{
    border-top:          1px solid #FFED7B;
    background-color:    #FFED7B;
    padding-bottom:      3px;
    padding-top:         2px;
    padding-right:       20px;
    padding-left:        20px;
    line-height:         2.2em;
}

table.productTable tr.detail td select
{
    margin-top:          3px;
    margin-bottom:       3px;
}
	
table.productDetailSpecifications td
{
    height:              34px;
}

table.categoryTable td.notLoggedIn
{
    width:               45%;
}

div.docTotal
{
    float:               right;
}

table.totalTable td.description
{
	width:               120px;
	padding-left:        10px;
}

table.totalTable td.total
{
	padding-right:       30px;
}

div.myAccountDefaultContentStyle table.totalTable,
table.totalTable
{
    width:               290px;
}

table.basketTable
{
	width:               889px;
}

table.basket3table
{
	margin:              20px;
}

table.basket3table td.title
{
	padding-right:       6px;
}

table.basketTable td, table.basketTable th
{
	vertical-align:      middle;
}

div#thumbPreview
{
	position:            absolute;
	background-color:    white; 
	padding-left:        50px; 
	padding-right:       50px;
	border:              2px outset #969696; 
	
    z-index:             1005;
    /*depends to jquery.floatThead-1.2.0.min.js, z index 1001*/
}

div.scrollArea
{
	overflow-y:          auto;
    overflow-x:          hidden;
	height:              500px;
}

div.scrollAreaBasket
{
	overflow-y:          auto;
    overflow-x:          hidden;
	height:              460px;
	margin-bottom:       10px;
}

div#scrollAreaOrder
{
	height:              450px;
  clear:               both;
}

div#scrollAreaOrder.noScroll
{
    height:              auto;
}

/*  for categoryTable only  */
div#bigContent table.categoryTable
{
	border-collapse: collapse;
	width: 889px;
}

div#bigContent table.categoryTable thead th
{
	background-color: #969696;
	border: 2px solid #FFFFFF;
	font-weight: normal;
}
div#bigContent table.categoryTable th.eno
{
	width: 60px;
}

div#bigContent table.categoryTable td.eno
{
	width: 62px;
}

div#bigContent table.categoryTable thead th
{
	background-color: #969696;
	border: 2px solid #FFFFFF;
	font-weight: normal;
}
div#bigContent table.categoryTable th.eno
{
	width: 60px;
}

div#bigContent table.categoryTable td.eno
{
	width: 62px;
}

div#bigContent table.categoryTable th.pic
{
	width: 35px;
	text-align: center;
}

div#bigContent table.categoryTable td.pic
{
	width: 37px;
	text-align: center;
}

div#bigContent table.categoryTable th.arttext
{
	width: 180px;
}

div#bigContent table.categoryTable td.arttext
{
	width:  182px;
    height: 40px;
}

div#bigContent table.categoryTable td.availability
{
	text-align: center;
}

div#bigContent table.categoryTable td.quantity
{
	text-align: center;
}

div#bigContent table.categoryTable td.unit
{
	text-align: center;
}

div#bigContent table.categoryTable td.unit
{
	text-align: center;
}

div#bigContent table.categoryTable td.noTax
{
	text-align: right;
	padding-right: 20px;
}

div#bigContent table.categoryTable td.withTax
{
	text-align: right;
	padding-right: 20px;
}

div#bigContent table.categoryTable div.smallTitle
{
	background-color: #FFED7B;
	border: 1px solid #969696;
}

/**********************************
            Box
**********************************/

.bigInput
{
    width:               190px;
    border:              1px solid #969696;
}

.smallInput
{
    width:               150px;
    border:              1px solid #969696;
}

.plzInput
{
    width:               35px;
    border:              1px solid #969696;
}

div.box
{
    width:               221px;
    margin:              0px;
    background-color:    #dddddd;
    border-bottom:       1px solid #555555;
}

div.box table.spacerLeft
{
    margin-left:         16px;
    width:               208px;
}

.marginOnTop, div.marginOnTop
{
    margin-top:          16px;
}

div.newsBox
{
    margin-bottom:       19px;
}

div.box input
{
    margin-top:          4px;
    margin-bottom:       4px;
    *margin-top:                   2px;
    *margin-bottom:                   3px;

}

div.box table.spacerLeft tr.lineUnder td
{
    border-bottom:       1px solid #fff;
}

div.box div.title
{
    background-color:    #969696;
    padding-top:         3px;
}

div.box div.title.highligt
{
  background-color: #ffed7b;	
}

div.sidebarLink
{
    background-color:    #FFFFFF;
}

div.sidebarLink div.title
{
    border: 0px;
}

div.sidebarLink a.active
{
    background-color:    #ffed7b;
}

div.sidebarLink a
{
    display:             block;
    height:              16px;
    padding-left:        24px;
    padding-top:         2px;
    text-decoration:     none;
    margin-top:          2px;
    background-position: 5px;
    background-repeat:   no-repeat;
    background-color:    #dddddd;
}

div#content div.login div.box
{
	width:				100%;
} 

div#content div.login div.box table.spacerLeft
{
	width:				667px;
}


/**********************************
            sidebarLeft
**********************************/

div#sidebarLeft
{
    position:            absolute;
    top:                 0px;
    left:                0px;
    width:               221px;
}

div#logo
{
    height:              131px;
    width:               221px;
}

table.logo
{
    border-collapse:     collapse;
    width:               100%;
    height:              100%;
    valign:              center;
    border:             0;
}

div#sidebarLeft td.defaultheight
{
    height:              17px;
}

a.shopLogoLink
{
    line-height:         0px;
}

div#sidebarLeft table.loginSidebar
{
	border-spacing:      0px;
	margin-top:          2px;
}

div#sidebarLeft table.loginSidebar input.inputField
{
	margin-top:          0px;
	margin-bottom:       0px;
}

div#sidebarLeft table.loginSidebar td.text
{
	padding-left:        2px;
}
	

/**********************************
            header
**********************************/

div#header
{
    position:            absolute;
    top:                 0px;
    left:                230px;
    width:               917px;
}

div#header a
{
    text-decoration:     none;
}

div#naviAndBanner
{
    width:               683px;
    float:               left;
}

div#topNavi
{
    background-color:    #dddddd;
}

div#topNavi table
{
    width:               100%;
}

img#banner
{
    margin-bottom:       1px;
}

div#miniBasket
{
    margin-left:         10px;
    float:               left;
    padding-bottom:      19px;
    height:              108px;
}

div#miniBasket table
{
    margin-top:          18px;
}

div#miniBasket a
{
    text-decoration:     underline;
}

div#miniBasket a.miniBasketHeaderLink,
div#miniBasket div.title a
{
	cursor:              pointer;
    text-decoration:     none;
}

div#miniBasket div.title
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


div#header .paddingLeft
{
    padding-left:        18px;
}

div#header div#topNavi .paddingLeft
{
    padding-left:        16px;
}

/* sortiement navi */
div#sortimentNavi
{
    width:               100%;
    margin-top:          2px;
    margin-bottom:       2px;
}

div#sortimentNavi table
{
    border-spacing:      0px;
    border-collapse:     collapse;
    padding:             0px;
}

div#sortimentNavi td
{
    margin:              0px;
    padding:             0px;
}

div#sortimentNavi td.spacerCell
{
    width:               6px;
    border-bottom:       1px solid #969696;
}

div#sortimentNavi td.spacerCellBig
{
    width:               220px;
    border-bottom:       1px solid #969696;
}

div#sortimentNavi a
{
    width:               207px;
    float:               left;
    height:              14px;
    padding-top:         3px;
}

div#sortimentNavi a.selectedSortiment
{
    font-weight:         bold;
    background-color:    #ffed00;
}

div#sortimentNavi a.unselectedSortiment
{
    background-color:    #ffed7d;
}

div#sortimentNavi td.underline
{
    border-bottom:       1px solid #969696;
}

div#sortimentNavi td.lineRight
{
    border-right:        1px solid #969696;
}

div#sortimentNavi td.lineLeft
{
    border-left:         1px solid #969696;
}

/**********************************
            content
**********************************/

div#content
{
    position:            absolute;
    top:                 156px;
    *top:                160px;
    left:                227px;
    width:               920px;
    z-index:             1;
}

div#content div#bigContent.contentSubject.edituser div.minHeigtContent
{
    width: 1px;
}


/* overlap minHeightContent with margin-left 1px, fix for editAccount form */
form#editAccount
{
  margin-left: 1px;	
}

/* overlap minHeightContent with margin-left 1px, fix for editAccount form */
form#editAccount
{
  margin-left: 1px;	
}

div#content div.contentSubject
{
    border-left:         1px solid #969696;
    border-right:        1px solid #969696;
    float:               left;
    padding-left:        4px;
    padding-right:       4px;
}

div#content div#smallContent
{
    width:               681px;
    float:               left;
}

div#content div#bigContent
{
    width:               906px;
}

div#content div.contentTitle
{
    background-color:    #ffed00;
    height:              14px;
}

span.contentTitleRight
{
    margin-right:    16px;
    float:              right;
}

div#content div.contentTitleSelect
{
    padding-top:         0px;
    padding-bottom:      4px;
    background-color:    #ffed00;
    height:              14px;
}

div#content div.contentTitleSelect,
div#content div.contentTitle
{
    padding-top:    0px;
    padding-bottom: 0px;
    height: 18px;
    vertical-align: middle;
    line-height: 18px;
}

div#content div.contentTitleSelect.favoriteBar div.contentTitleSelect
{
    margin:     0px;
    padding:    0px;
}

div.basketNames
{
    margin-top:          4px;
}

div#content div.contentTitleSelect select
{
  margin-top:          1px;
  margin-left:         10px;
  float:               right;
}
div#content div.accountContentTitleSelect select
{
    top:                 131px;
}

div#content div#directorder
{
    vertical-align:      top;
    width:               870px;
    padding-left:        20px;
    margin-top:          20px;
    margin-bottom:       20px;
}

div#content div#directorder div.form
{
    height:              50px;
}

div#content div#directorder select.dropdown
{
    margin:              0px;
    height:              17px;
}

div#content div#directorder table
{
    margin-left:         -4px;
    padding:             0px;
}

div#content span.tableTitle
{
    margin-left:         20px;
}

div#content div.smallTitle
{
    background-color:    #969696;
    font-weight:         normal;
    padding-top: 0.3em;
    padding-bottom: 0.2em;
    height:              14px;
}

div#content table.productTable div.smallTitle
{
    background-color:    #ffed7b;
    border:              1px solid #969696;
}

div#content table.productsMainPage
{
   /* width:               100%;*/
    border-collapse:     collapse;
}

div#content table.singleProductMainPage td
{
    padding-left:        10px;
    padding-right:       10px;
}

div.verticalBorder
{
  border-right: 1px solid #969696;
  padding-left: 1px;
  float: left;
}

div#content table.productsMainPage td.verticalBorder
{
    border-left:         1px solid #969696;
    width:               0px;
    margin:              0px;
    border-spacing:      2px;
    padding:             0px;
}

div#content table.productsMainPage div.marginLeft
{
    margin-left:         2px;
}

div#content table.productsMainPage div.marginRight
{
    margin-right:        2px;
}

table#categoryOverview
{
    width:               100%;
    text-align:          center;
}

div#content div.marginOnTop
{
    margin-top:          19px;
}

div#content span.reduced
{
    text-decoration:     line-through;
}

div#content div#catalog
{
	height:200px;
}

div#content div#catalog div.catalogChangerArrow
{
	margin-top:80px;
}

div.catalogCarousel
{
    margin-top:10px;
    height:170px;
    margin-bottom:10px;
    overflow: hidden;
}

div.catalogCarousel div.panel
{
      float:left;
}

img.catalogCarousel
{
    border:              1px solid black;
}

div#content div#catalog div.stepcarousel div.panel
{
    float:left;
    width: 120px;
    margin-left:4px;
    margin-right:4px;
}

div#content div#catalog div#mygallery
{
	margin-top:10px;
	width:624px;
	height:180px;
	left:30px;
	position:absolute;
	overflow:hidden;
}

div#content div#catalog div.stepcarousel
{
    position:            absolute; /*leave this value alone*/
    overflow:            scroll; /*leave this value alone*/
    width:               623px;
    height:              168px; /*Height should enough to fit largest content's height*/
    left:                33px;
    overflow:            hidden;
    margin-top:          12px;
}

div#content div#catalog div.stepcarousel img
{
	border:              1px solid black;
}

div#content div#catalog div.stepcarousel .belt
{
	position:            absolute;
	left:                0px;
}

div.groupIdFilter
{
    margin-bottom:35px;
}

div.groupIdFilter div.filterContainer
{
    margin-bottom: 0;
}

div.groupIdFilter div.filter
{
    background-color: transparent;
    width: auto;
}

div.groupIdFilter div.filter span.text
{
    width: 112px;
}

div.groupIdFilter div.filter select.dropdown
{
    width: 200px;
}

div.groupIdFilter  div.searchCheckBoxesParentElement
{
    width: 563px;
    text-align: right;
    padding-right: 11px;
}

div.groupIdFilter form
{
    float: right;
}

div.accordionContent div.groupIdFilter  div.searchCheckBoxesParentElement
{
    width: 519px;
}

div.sectionContentArticleGroup div.groupIdFilter
{
    float:left;
    margin-bottom: 0;
}

div#content div#bigContent div.sectionContentArticles div#scrollareaAfterSearch
{
    height:              auto;
}

div#content div#bigContent div#scrollareaAfterSearch
{
    height:              410px;
    overflow-y:          auto;
    overflow-x:          hidden;
    width:               905px;
}

div#content div#bigContent div#scrollareaAfterSearch.noScroll
{
    height:auto;
}


div#content div#bigContent div.moveToSection div#scrollareaAfterSearch
{
    overflow-y:          hidden;
}

div#content div#bigContent div#articleDetail div#scrollareaAfterSearch
{
    clear: both;
    height:              auto;
    padding-bottom:      50px;
}

div#content div#scrollareaProductDetailMain table.productDetailInfo td.images div.imageNavigation div.loupe
{
	float:               right;
	width:               68px;
	right:               10px;
	margin-top:          -13px;
}

div#orderBasketButtons
{
	float:				 right;
    margin-right:          20px;
}

div#orderBasketButtons div.orderButtonGroup
{
    float:               left;
    margin-left:         16px; 
}

div#orderBasketButtons div.orderHistoryButtonGroup
{
    float:               none;
    margin-bottom:         20px;
}

div#orderBasketButtons div.orderButtonGroup.wk2
{
    float:right;
}

div#orderBasketButtons input.orderButton
{
    width:               140px;
    display:             block;
    margin-top:          5px;
}

div#orderBasketButtons div.exportButtonGroup.big
{
    height:        104px;
}

div#orderBasketButtons div.exportButtonGroup.small
{
    height:        62px;
}

div#orderBasketButtons div.exportButtonGroup
{
    position:      relative;
}

div#orderBasketButtons div.exportButtonGroup div.priceChecker
{
    position: absolute;
    bottom: 5px;
}

div#content div#bigContent input.bigButton
{
    width:               150px;
}

div#content div#bigContent div.total
{
	float:				 right;
}

div#content div#bigContent div#scrollareaProductDetailSpecifications
{
    height:              200px;
    overflow:            auto;
    margin-bottom:       16px;
}

div#orderlistContent table.createOrderlist
{
	margin-top:          20px;
}

div#content table#orderliststable td
{
	padding-top:           0px;
	padding-bottom:        3px;
	text-align:            left;
	vertical-align:        top;
}

div#content table#orderliststable tr.upper td
{
	padding-top:           3px;
	padding-bottom:        0px;
}

div#content table#orderliststable td input.fixHeight
{
	margin-bottom:       -5px;
}

div#content table#orderliststable thead, table.addToOrderList thead
{
	/*background-color:    #969696;*/
	font-weight:         normal;
}

div#content table#orderliststable td.name
{
    font-weight:bold;
}


div#content table thead.myAccountTableHeader th
{
	border-bottom:       1px solid black;
	border-top:          1px solid black;
	vertical-align:      bottom;
	text-align:          left;
	font-weight:         normal;
}

div#content table#orderliststable thead th input, table.addToOrderList thead
{
	padding-left:        7px;
	padding-top:         3px;
	padding-bottom:      3px;
}
	
div#content div#bigContent div.versionsBar
{
    cursor:              pointer;
    background-color:    #ffed7b;
    height:              18px;
}

li.relatedArticle
{
	margin-right: 7px; <!-- test last item in carousel if changing this -->
    height:75px;
	text-align:center;
    word-wrap: break-word;
}

li.relatedArticle .imageContainer
{
	height:45px;
}


div#content div#bigContent div.articleDetailContent
{
    min-height:              320px;
    border-bottom:       1px solid #969696;
    margin-bottom:       16px;
    width:               905px;
    display:             none;
}

div#content div#bigContent div.tabs
{
  width: auto;
}

div#content div#bigContent div.versionsBar div.text
{
    margin-top:          12px;
    *margin-top:         0px;
    padding-left:        30px;
    padding-top:         3px;
}

div#content div#bigContent div.versionBarContainer
{	
	z-index:             3;
}

div#content div#bigContent div#productDetailVersionsInner
{	
	position:  !important;
	top: auto !important;
	left: auto !important;
}

div#content div#bigContent div#productDetailVersions
{
    overflow:            hidden;
    margin-bottom:       20px;
}

div#content div#bigContent div#productDetailVersions table.versions
{
    border-collapse:     collapse;
    width:               890px;
}

div#content div#bigContent div#productDetailVersions table.versions th
{
    text-align:          left;
    padding-left:        20px;
    border:              2px solid #fff;
    font-weight:         normal;
    background-color:    #969696;
}

div#content div#bigContent div#productDetailVersions table.versions td
{
    padding-left:        20px;
}

div#content div#bigContent div#productDetailVersions table.versions th.eno
{
    width:               100px;
}

div#content div#scrollareaProductDetailMain table.productDetailInfo
{
	height:              250px;
}

div#content div#scrollareaProductDetailMain table.productDetailInfo td.text
{
    width:               299px;
    vertical-align:      top;
}

div#content div#scrollareaProductDetailMain table.productDetailInfo td.table
{
    width:               296px;
    padding-top:         0px;
    vertical-align:      top;
}

div#content div#scrollareaProductDetailMain table.productDetailInfo td.table table
{
    margin-top:          0px;
    width:               100%;
    border-spacing:      0px;
}

div#content div#scrollareaProductDetailMain table.productDetailInfo td.table td
{
    padding-left:        16px;
}

div#content div#scrollareaProductDetailMain table.productDetailInfo td.images
{
    padding-left:        10px;
    width:               270px;
    text-align:          center;
    vertical-align:      top;
}

div#content div#scrollareaProductDetailMain table.productDetailInfo td.images div.thumb
{
    height:				 220px;
}

div#content div#scrollareaProductDetailMain table.productDetailInfo td.images div.imageLegend
{
    display:             block;
    background-color:    #dddddd;
    text-align:          left;
    padding-left:        10px;
}

div#content div#scrollareaProductDetailMain table.productDetailInfo td.images div.imageNavigation
{
    height:              14px;
    padding-top:         2px;
    border-bottom:       1px solid #969696;
}

div#content div#scrollareaProductDetailMain table.productDetailInfo td.images div.imageNavigation div
{
    text-align:          center;
    width:               254px;
    float:               left;
}

div#content div#scrollareaProductDetailMain table.productDetailInfo td.images div.imageNavigation img
{
    cursor:              pointer;
}

/*********
registerform
*********/

div#content div.register
{
	background-color:	#dddddd;
	width:				680px;
}

div#content div.register table.registerTable
{
	background-color:	#dddddd;
	border:				0px;
	border-spacing:		2px;
	padding-left:		20px;
	margin-top:			16px;
	margin-bottom:		16px;
}


div#content div.register table.registerTable td.firstColumn
{
	width:				148px; 
}

div#content div.register table.registerTable div.registerRadioText
{
	vertical-align:		top; 
	margin-top:			4px; 
	float:				left;
}

div#content div.register input.button
{
	margin:				16px;
	width:				80px;
}

/*********
searchResult
*********/
div.searchResultInfoMsgs
{
    margin-top:  10px;
    margin-left:  3px;
}

div#searchInputAndFilter
{
	margin-top:10px;
	width:100%;
}

div#searchInputAndFilter table.input
{
	width:100%;
    margin-bottom: 10px;
}

div#searchInputAndFilter td input.bigInput
{
	width:300px;
	margin-top:1px;
	margin-right:2px;
	float:left;
}

div.filterParamsContainer
{
    display: inline-block;
    margin-left: 10px;
}

div.filter
{
	width:407px;
	display: inline-block;
    margin: 5px;
}

div.filterLabel,
div.filterValue
{
    display: inline-block;
}

div.filterLabel
{
	width: 140px;
}

div.filterAccordion
{
    margin-top: 10px;
    margin-right: 20px;
}

div.filterContainer.main div.filter,
div.filterContainer.selected div.filter
{
    width:290px;
}

div.filterContainer.main div.filterLabel,
div.filterContainer.main div.filterValue select,
div.filterContainer.selected div.filterLabel,
div.filterContainer.selected div.filterValue select
{
    width: 100px;
}

div.filterContainer.main div.filterValue select,
div.filterContainer.selected div.filterValue select
{
    width: 180px;
}

div.filterContainer.selected
{
    border-top: 1px solid lightgray;
    margin-top: 5px;
    padding-top: 5px;
}

div.filter select.dropdown
{
    width:250px;
}
.ui-accordion .ui-accordion-header {
    border-radius: 0;
    padding-top: 0.3em;
    padding-bottom: 0.2em;
    /* margin: -1px 0 0 0; */
}

div#content div#exactMatchInfo
{
    margin-bottom:20px;
    margin-top:20px;
    float:left;
    padding-left:4px;
    color: red;
    font-size: 12px;
    font-weight: bold;
}

div#content div.tableSettings form
{
    display: table;
    table-layout: fixed;
    margin-top:20px;
    height:20px;
    width:100%;
}

div#content div.tableSettings div.element
{
    padding-left:11px;
    padding-right:11px;
    text-align: center;
    display: table-cell;
    margin-top: 2px;
}

div#content div.tableSettings div.element.hitsperpage
{
    text-align: left;
}

div#content div.tableSettings div.element.hitsperpage div.text
{
    width: 110px;
}

div#content div.tableSettings div.element.pageselect
{
    text-align: right;
}

div#content div.tableSettings div.element div.text
{
    float:left;
    width: 100%;
}

/*********
Subnavibox
*********/

div#content div.subnaviBox
{
    width:               402px;
    margin-right:        14px;
    margin-left:         14px;
    float:               left;
}

div#content div.subnaviBox div.img
{
    background-color: 	 #ffffff;
    border:				 1px solid #969696;
    text-align: 		 center;
}

div#content div.subnaviBox a
{
    background-image:    url("/wf/images/pfeilListeClosed_transparent.gif");
    width:               383px;
}

div#content div.subnaviBox a.active
{
    background-color:    #ffed7b;
}

div#content div.pulsArrowSubnavi
{
    float:               left;
    padding-top:         30px;
}

/*********
Tabs
*********/

/* basket tabs */
div.basketTabs
{
    height:              17px;
  width:               894px;
    margin-top:          -4px;
    background-color:    #ffed7d;
    border-bottom:       1px solid #969696;
}

div.basketTabs span
{
    margin-top:          2px;
}

div.basketNoTab
{
    padding-right:       4px;
    float:               left;
}

div.basketTabs div.basketTab
{
    padding-right:       4px;
    height:              17px;
    width:               52px;
    background-color:    #ffffff;
    float:               left;
}

div.basketTabs div.basketTab a
{
    padding-left:        4px;
    padding-top:         1px;
    padding-bottom:      1px;
    display:             block;
    height:              15px;
    background-color:    #dddddd;
    width:               51px;
    text-decoration:     none;
}

div.basketTabs div.basketTab a > div
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


div.basketTabs img
{
    margin-right:        3px;
    float:               left;
}

div.basketTabs div.mobile
{
    padding-right:       4px;
    height:              17px;
    width:               57px;
    background-color:    #ffffff;
    float:               left;
}

div.basketTabs div.basketTab a.mobile
{
    padding-left:        4px;
    padding-top:         2px;
    display:             block;
    height:              15px;
    background-color:    #dddddd;
    width:               56px;
    text-decoration:     none;
}

div.basketTabs div.basketTab div.basketTitle input
{
  width:                 85px;
  padding-left:          1px;
}
div.basketTabs div.basketTab div.basketTitle
{
    height:              16px;
    float:               left;
}

div.basketTabs div.basketTab div.alignRight
{
    height:              18px;
    background-color:    #dddddd;
    display:             none;
    float:               right;
}

div.basketTabs div.basketTab div.alignRight input
{
    border:              0px;
    padding:             0px;
    margin:              0px;
    margin-left:         -1px;
}

div.basketTabs div.active
{
    width:               112px;
}
div.basketTabs div.active a
{
  background-color:    #969696;
  width:               86px;
  font-weight:         bold;
}

div.basketTabs div.active a.mobilemultibasket
{
    width: 13px;
    float: left;
    padding-top: 2px;
}
div.basketTabs div.active a.mobilemultibasketname
{
    width:               83px;
}
div.basketTabs div.active div.alignRight a
{
    width:            18px;
}

div.basketTabs div.active div.alignRight
{
    background-color:    #969696;
    display:             block;
    position:            relative;
    right:               3px;
}

.deleteBasketImage
{
    margin:              0px;
    margin-right:        2px;
    margin-top:         -1px;
}

div.basketTabs div.addBasket
{
  width:               150px;
  float:               right;
}

div.basketTabs div.addBasket div.addWkTitle
{
    float:               left;
    padding-top:         2px;
    margin-right:        3px;
}

div.basketTabs div.max div.addWkTitle
{
    text-decoration:     line-through;
    color:               #969696;
}

/* tabs */
div.tabs
{
    width:               100%;
    margin-top:          20px;
    margin-bottom:       20px;
}

div.tabs table
{
    border-spacing:      0px;
    padding:             0px;
}

div.tabs td
{
    margin:              0px;
    padding:             0px;
}

div.tabs td.spacerCell
{
    width:               6px;
}

div.tabs td.spacerCellBig
{
    width:               220px;
}

div.tabs a, div.tabs span
{
    text-decoration:     none;
    height:              18px;
    width:               207px;
    float:               left;
    height:              14px;
    padding-top:         3px;
}

div.tabs a.selectedSortiment, div.tabs span.selectedSortiment
{
    font-weight:         bold;
    background-color:    #969696;
}

div.tabs a.unselectedSortiment, div.tabs span.unselectedSortiment
{
    background-color:    #dddddd;
}

div.tabs td.underline
{
    border-bottom:       1px solid #969696;
}

div.tabs td.lineRight
{
    border-right:        1px solid #969696;
}

div.tabs td.lineLeft
{
    border-left:         1px solid #969696;
}

div.tabs .paddingLeft
{
    padding-left:        18px;
}

div.tabs .combiTab
{
    padding-right:       13px;
    padding-left:        13px;
    width:               auto;
    background-color:    #dddddd;
    cursor:              pointer;
}

div.tabs .selectedTab
{
	background-color:    #969696;
}

/**********************************
			sidebarRight
**********************************/

div.sidebarRight
{
    margin-left:         5px;
    float:               left;
}

div.sidebarRight a,
div.newsLeft a
{
    text-decoration:     none;
}

div.sidebarRight img
{
    float:               left;
    margin-right:        16px;
    margin-bottom:       5px;
}

/*div#sidebarRight td
{
    vertical-align:      middle;
    padding-top:         10px;
    padding-bottom:      10px;
}*/


.mpanel
{
    float:left;
	width: 120px;
	margin-left:4px;
	margin-right:4px;
}

div.newsLeft div.box table.spacerLeft
{
    border-collapse: collapse;
    margin: 0;
    margin-left: -1px;
}

div.newsLeft div.box table.spacerLeft tr.description
{
    display: none;
}


/*********
Account
*********/

table.editorderlisthead td.separator
{
    border-bottom: 1px solid;
    border-collapse: #FFFFFF;
}


div#content div.accountMenu
{
	width:               860px;
	margin-bottom: 15px;
}

div#content div.accountMenu div.clear
{
	clear: both;
}



div#accountTitle
{
	height:              16px;
	width:               203px;
	left:                90px;
	position:            absolute;
	border-left:         1px solid #ddd;
	border-right:        1px solid #ddd;
}

div#accountMenuSlider
{
	margin-top:          18px;
	padding-top:         2px;
	left:                90px;
}

div#content div.accountMenu div.box
{
	float:               left;
	margin-right:        20px;
	width:               205px;
}

div#content div.accountMenu div.box div.content div
{
    display:             block;
    height:              16px;
    padding-left:        19px;
    padding-top:         2px;
    margin-top:          2px;
    background-position: left;
    background-color:    #dddddd;
    background-image:    url("/wf/images/pfeilListeClosed_transparent.gif");
    background-repeat:   no-repeat;
}

div#content div.accountMenu div.box div.content div.selected
{
    background-color:    #ffed7b;
}


div#content div.accountMenu div.box div.content div img
{
    overflow-y: visible;
}

div#content div.accountMenu div.box div.content
{
    background-color:    #ffffff;
    margin-right:        0px;
}

div#content div.accountMenu a
{
    text-decoration:     none;
    vertical-align: top;
}

div#content div.accountMenu a img
{
    vertical-align: top;
}

div#content div.accountContent
{
	width:               665px;
	float:               left;
}

div#content div.accountContent input.plzInput
{
	width:               50px;
}

div#content div.accountContent input.smallInput, div#content div.accountContent select.smallInput
{
	width:               145px;
}

div#content div.accountContent input.bigInput
{
	width:               200px;
}

table.accountListContentTable
{
	border-spacing:      0px;
	margin-top:          20px;
}
table.accountAddressTable
{
	border-spacing:      0px;
	margin-top:          20px;
}

table.accountCatalogTable
{
    border-spacing:      0px;
    margin-top:          20px;
    margin-bottom:          20px;
}

ul.accountCatalogCoverPictureList
{
    list-style-type: none;
}

table.accountNetPriceListTable
{
    border-spacing:      0px;
    margin-top:          20px;
    margin-left: 20px;
}

table.accountInstanceNetPriceListTable {
    margin-bottom: 20px;
}

table.accountLivebookActiveTable
{
    margin-top: 20px;
}

table.accountHeadNodeTable
{
    border-spacing:      0px;
    margin-top:       20px;
}

table.accountHeadNodeCatalogTable
{
    border-spacing:      0px;
    margin-bottom:       20px;
    margin-right:  50px;
}

div.messages
{
    color:               red;
}

div.messages .infoText
{
    color:               green;
}

div.messages .noticeText
{
    color:               red;
}

div.messages .error
{
    color:               red;
}

table.orderHistoryTable td
{
	height:              25px;
}

table.orderHistoryTable img.datePickerImg
{
	margin-bottom:       -5px;
}

div.myAccountDefaultContentStyle
{
	margin-top:          20px;
	/*margin-left:         20px;*/
}

div.myAccountDefaultContentStyle table
{
	text-align:          left;
	width:               885px;
	border-spacing:      0px;
}

div.myAccountDefaultContentStyle div#directorder table
{
	width:               auto;
}

div.myAccountDefaultContentStyle table td.minHeight,
div.myAccountDefaultContentStyle table th.minHeight
{
	height:              20px;
}

div.myAccountDefaultContentStyle table.editorderlisthead table,
div.myAccountDefaultContentStyle table.editorderlisthead,
div.myAccountDefaultContentStyle div.directorder table
{
	width:               auto;
}

a.createLink
{
  padding-right:         10px;
  font-weight:         bold;
  
}

a.createNewLink
{
  font-weight:         bold;
}


/*********
myAccountSettings
*********/

div#content table.myAccountSettings td
{
  vertical-align:      top;
}

div#content table.myAccountSettings th
{
	border-bottom:       1px solid black;
	font-weight:         bold;
	font-size:           14px;
	color:               #969696;
	text-align:          left;
	padding-top:         10px;
  width: 							 904px;
}

div#content table.myAccountSettings td.spacer
{
	width:               50px;
}

table.accountRightSubtable
{
  width:               200px;
  vertical-align:      top;
}

table.accountRightSubtable td.text
{
  width:               160px;
}




/*********
Orderlist
*********/
div.orderlistBox
{
	padding-top: 20px;
}

table.addToOrderList
{
	border: 1px solid black;
	width: 150px;
}
img.orderlist, img.add2basket, img.addToComparison
{
	cursor: pointer;
}



div.orderlistTotal
{
  margin-top: 20px;
}


/*************
Basket 2	
*************/

form#basket2 table
{
    width:               100%;
}


form#basket2 table.orderFields
{
    margin-top:          20px;
}

form#basket2 table.orderFields td
{
    vertical-align: top;
}

form#basket2 table.orderFields td.orderFieldsLeft
{
    width:          480px;
}

form#basket2 table.orderFields td.orderFieldsRightLabel
{
    width:          130px;
}

form#basket2 table.orderFields textarea
{
    width:          220px;
}

form#editAddressForm input
{
    /*float: right;*/
}

td.orderFieldLabel
{
    width: 173px;
}

span.orderFieldLabel
{
    width: 180px;
    float: left;
}

td.addressValue
{
    width:190px;
}

/** Calendar **/
div.calendar button
{
	background-color:    #FFED7D;
	border-color:        #969696 #5F5F5F #5F5F5F #969696;
	border-style:        solid;
	border-width:        1px;
	cursor:              pointer;
	height:              16px;
	font-size:           11px;
}

div.calendar select
{
	border:              1px solid #969696;
	font-size:           10px;
	height:              16px;
}

/**********************************/
/*          family site           */
/**********************************/

td.modellSelect
{
	width: 120px;
}

td.auspraegung
{
	width: 100px;
}

td.startStatic
{
	vertical-align: top;
	width: 33%
}

td.historyresulttotal
{
    padding-top:   20px;
}


table.listPaging a
{
	text-decoration: none;
}

div#content table#orderliststable td.perPage
{
	text-align: left;
	vertical-align: middle;
}

div#content table#orderliststable  td.hits
{
	text-align: center;
	vertical-align: middle;
}

div#content table#orderliststable  td.navigation
{
	text-align: right;
	vertical-align: middle;
}


td.perPage
{
	text-align: left;
	vertical-align: middle;
}

td.hits
{
	text-align: center;
	vertical-align: middle;
}

td.navigation
{
	text-align: right;
	vertical-align: middle;
}


/**********************************/
/*          spotlight site        */
/**********************************/

div.spotlightItemListOuter div.scrollArea
{
    padding-top: 20px;
}

div#content div.spotlight
{
	margin:              20px;
}

div#content div.spotlight img.bigImg
{
	height:              327px;
	margin-bottom:       20px;
}

div#content div.spotlightBoxes
{
  height: 213px;
  margin-top: 19px;
}

div.spotlightbox
{
	float: left;
	width: 202px;
	height: 186px;
}

.spotlightboxborder
{
    border-right: 1px solid #969696;
    margin-right: 3px;
    padding-right: 3px;
}

.noCarouselNode
{
    float: left;
    width: 222px;
}

div#content div.spotlight div.text
{
	float:               right;
	width:               346px;
	padding-left:        28px;
	margin-right:        17px;
	border-left:         1px solid #969696;
	height:              330px;
}

div.spotlightbox div.title
{
	margin-top: 1px;
}

div#content div.spotlight div.text div.title
{
	width:               100%;
}

div#content div.spotlight div.table
{
	clear:               both;
}

div#content div.spotlight div.table table.productTable
{
	width:               auto;
}

div#content div.spotlightBoxes div.noStepCarousel
{
  margin-left: 28px;
}

div#content div.spotlightBoxes div.stepcarousel
{
    position:            absolute; /*leave this value alone*/
    overflow:            scroll; /*leave this value alone*/
    width:               623px;
    height:              199px; /*Height should enough to fit largest content's height*/
    left:                33px;
    overflow:            hidden;
}

div#content div.spotlightBoxes div.stepcarousel .belt
{
  position:            absolute;
  left:                0px;
}

div#content div.spotlightBoxes div.catalogChangerArrow
{
  margin-top:80px;
}

/**********************************/
/*          others                */
/**********************************/

div#commissionInput,div#commissionMultiInput
{
	display: none;
}

div#orderListInput
{
  display: none;
}

input.hidden , div.hidden, span.hidden, a.hidden, img.hidden
{
	display: none;
}


div#directorder div#commissionInput
{
	display: none;
}

div.barcode {
  border: 1px solid #969696;
  padding: 5px;
  width: 263px;
  margin-top: 15px;
}

div.barcode input {
  margin-top: 5px;
  margin-bottom: 5px;
}

div.barcode object {
  margin: -5px;
  margin-top: 5px;
}

#djhistory {
	display: none;
}

table.customercatalogtable th.customerArticleNo,
table.customercatalogtable td.customerArticleNo
{
  padding-left: 10px;
  width: 110px;
}

/* asking basket delete prompt */
div#askBasketDelete
{
	display:             none;
	cursor:              pointer;
	position:            absolute;
    z-index:             1002;
    /*depends to jquery.floatThead-1.2.0.min.js, z index 1001*/
	left:                200px;
	background-color:    #ffffff;
	padding:             15px;
	border:              2px solid #969696;
}

div#bigContent div.familyHeader
{
	min-height: 190px;
    height: auto;
	padding-top: 6px;
	width: 889px;
    overflow:   hidden;
}
		

div#bigContent div.familyHeader div.familyHeaderText
{
	float: left;
	width: 430px;
}

div#bigContent div.familyHeader div.familyHeaderPicture
{
		float: right;
}

/* flap style for livebook links*/
div#container div#content div#catalog div#mygallery1.stepcarousel div.belt div.panel a.flap
{
    position: relative;
    top:      -42px;
    left:     62px;
}
div#container div#content div#catalog div#mygallery1.stepcarousel div.belt div.panel a.flap img.flap
{
    border:  none;
}

a.flap
{
    border: 0px;
    position: relative;
    top:      -42px;
    left:     62px;
}

div#familyScrollArea
{
    margin-top: 10px;
}

/* jquery tooltip for availability */
.tooltip,
.noFavoritesTooltip,
.orderHistoryTooltip
{
   display:none;
    background-color: white;
    border:  2px solid #FFED7D;
    text-align: left;
    font-size:12px;
    min-width:160px;
    padding:25px;
    color: #000;
    z-index: 5;
}

div.availabilityTooltip img
{
    margin-right: 10px;
}

div.availabilityTooltip
{
    width: 160px;
}

/*used in no favorites tooltip */
.noFavoritesTooltip img
{
    height: 12px;
    width: 12px;
}

.noFavoritesTooltip
{
    width:          400px;
}

.modellvariantsChooser
{
    max-width: 210px;
}

.orderHistoryTooltip
{
    width:          600px;
}

table.orderhistoryPopupTable
{
    width:          100%;
}


  /*************************************
		default style used for
		the tabgroups
*************************************/

div.tabgroup div.tabs.single
{
    border-bottom: 0px;
    height:        auto;
    margin:        0px;
}

div.tabgroup div.tabs
{
    border-bottom: 1px solid black;
    height:        18px;
    margin-top:    0;
    margin-left:   0;
    margin-right:  0;
    margin-bottom: 0;
}

div.tabgroup div.tabs.single div.tab
{
    border: none;
    float:  none;
    margin: 0px;
}

div.tabgroup div.tabs div.tab
{
    background-color:    #ffed7b;
    font-weight: normal;
	float:				left;
	height:				15px;
	margin-right:		10px;
	padding-left:		10px;
	padding-right:		10px;
	padding-top:		3px;
    cursor: pointer;
}

div.tabgroup div.tabs div.tab.active
{
	border:        1px solid black;
    border-bottom: 0px;
    font-weight:   bold;
    background-color:	#FFED00;
}

div.tabgroup div.tabs.single div.tab.active
{
    border:        0px;
}

div.tabgroup div.contents div.content
{
	display:			none;
}

div.tabgroup div.contents div.content.active
{
	display:			block;
}


div.content table.productTable td.positionueberschrift
{
    font-weight: bold;
}

div.content table.productTable td.containerTitle
{
    font-weight: bold;
}

div.content table.productTable td.containerTitle,
div.content table.productTable tbody td.orderHead
{
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

div.myAccountDefaultContentStyle table tr td a.facturaLink
{
    text-decoration: none;
}

div.dark

{
    background-color: #000000;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0.6; /* Firefox, Safari and Opera */
    filter: alpha(opacity = 60); /* IE */
}

div.migration
{
    width: 60%;
    border: 10px solid #FFED00;
    z-index: 5;
    margin: auto;
    position: absolute;
    display: block;
    background: white;
    opacity: 1.0;
    filter: alpha(opacity = 100);
    padding: 15px;
}

div.migration div.title
{
    border: 0px;
    padding: 0px;
    height: auto;
}


div.migration a.cancel
{
    display: block;
    float: right;
    text-decoration: none;
    font-size: 200%;
}

table.sysinfo
{
	color:               grey;
	font-style:          italic;
}

div.basketindicator
{
    float:right;
    display:none;
}

span.add2basketasyncOverlay
{
    position: absolute;
    width:  200px;
    height: 38px;
    padding-left: 10px;
    padding-top: 10px;
    display: none;
    border: 2px solid yellow;
    background-color: white;
}

span.add2basketasyncOverlay img
{
    float:right;
    margin-right: 5px;
}

table#clTable {
    width:		100%;
}

table#clTable td.desc
{
    width: 91%;
}


table#clTable td.del {
    width: 	9%;
    text-align: right;
}

div.top50 {
    display: inline;
    vertical-align: top;
}

tr.top50
{
    background-color:    #FFED7D;
}

a.articleRelationshipLabel
{
    word-wrap:          break-word;
    text-decoration:    none;
}

.bountySaveInput
{
    float: left;
    margin-right: 10px;
}

.WK2addressSelection
{
    width:              300px;
    font-size:          10px;
}

.addressSelectWK2
{
    height:             1.8em;
}

.newAddressSelectWK2
{
    clear: both;
}

span#addressSelector
{
    width:              303px;
    display:            inline-block;
}

span.shippingAddressSearch
{
    margin-left: 15px;
}

/****************************
Product Feedback Overlay
****************************/

.modalOverlay
{
    width: 60%;
    z-index: 5;
    margin: auto;
    position: absolute;
    display: block;
    background: white;
    opacity: 1.0;
    filter: alpha(opacity = 100);
    padding: 15px;
}

.modalOverlay a.cancel
{
    display: block;
    float: right;
    text-decoration: none;
    font-size: 200%;
}

.modalOverlay #overlayContent
{
    width:  80%;
}

.orderlistCalculating .modalOverlayWaitImg
{
    width:  100%;
    text-align:center;
}

.orderlistCalculating .modalOverlayWaitContent
{
    width:  100%;
    text-align:center;
    margin-top: 10px;
}

.overlayTitle
{
   font-size:   1.6em;
   font-weight: bold;
   display: block;
}

.overlaySubTitle
{
   font-size:   1.3em;
   font-weight: bold;
   display: block;
   margin-bottom:   .2em;
   margin-top:  1em;
}

.overlay_element
{
    margin-top: .8em;
    display:    block;
}

.overlay_element.textarea
{
    width:  80%;
    height: 4em;
}

.ovleryay_customer_info
{
    font-weight:    bold;
}

#overlay_ProductInformation
{
    padding-top: .5em;
    padding-bottom:  .5em;
}

#overlay_ProductInformation img
{
    vertical-align: middle;
    margin-left:    0.2em;
    margin-right:   0.2em;
}

div.addressSelectWK2 .error
{
    font-size:      11px;
    font-weight:    bold;
    color:          red;
    height:         20px;
    display:        none;
}

.articleText
{
    float:          left;
    width:          90%;
}

.editCombi
{
    float:          right;
    width:          10%;
}

.favorite_delete
{
    float:  right;
}

.favorite_link
{
    float:          left;
    height:         20px;
    vertical-align: middle;
    line-height:    20px;
    overflow:       hidden;
    max-width:      85%;
}

.favorite_box
{
    display:    block;
    height: 20px;
    padding-left:   24px;
}

.favorite_adder_img
{
    margin-right:   10px;
    float: left;
    height: 14px;
    margin-top: 2px;
}

.favorite_adder_img:hover
{
    cursor:         pointer;
}

.favorite_adder_button
{
    vertical-align:         middle;
    font-size:              0.9em;
}

.favoriteSubmit
{
    float:                  left;
    margin-right:           10px;
    font-size:              0.8em;
    position:               relative;
    top:                    1px;
}

.favorite_input
{
    float:                  left;
    margin-right:           10px;
    font-size:              0.8em;
    position:               relative;
}

.favoriteBar .selectedCategory
{
    float:          right;
}

#ProductFeedbackSubmit input
{
    float:  left;
    display:    block;
}

div.surchargeTooltipItem
{
    overflow:   hidden;
    white-space:    nowrap;
    margin: 0px;
}

.surchargeTooltipLabel,
.VRGTooltipLabel
{
    float:  left;
}
.surchargeTooltipValue,
.VRGTooltipValue
{
    float:   right;
    margin-left: 10px;
    text-align: right;
    min-width:   40px;
}

.surchargeTooltipInfo
{
    float:   right;
}

.pointer {
    cursor: pointer;
}

.qtip-wf
{
    border: 1px solid #aaa;
    background-color: white;
    padding: .2em;
    border-radius: 4px;
    max-width: none;
    margin-bottom: 10px;
}

.qtip-wf .qtip-titlebar
{
    background-color: #FFED7D;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    height: 15px;
    padding: .4em 1em;
    border-radius: 4px;
    border: 1px solid #aaa;
}

.qtip-wf .qtip-title
{
    text-align: left;
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700;
}

.qtip-wf .ui-state-hover .ui-icon-close
{
    background-image:url(images/ui-icons_454545_256x240.png);
}

.qtip-wf .ui-icon-close
{
    background-image: url(images/ui-icons_888888_256x240.png);
    left: 50%;
    margin-left: -9px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    background-position: -96px -128px;
    width: 16px;
    height: 16px;
    font-size:0;
}

.qtip-wf .qtip-close
{
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    position: absolute;
    right: .3em;
    top: 50%;
    width: 17px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 16px;
}

.qtip-wf.qtipRelationArticles .qtip-content
{
    padding: 0;
    overflow: visible;
}

div#content div#bigContent .qtip-wf div#scrollareaAfterSearch
{
    height: auto;
    width: auto;
}

.qtip-wf table.productTable
{
    margin-bottom: 0;
}

div.myAccountDefaultContentStyle table.customerFieldTable
{
    width: auto;
}

table.customerFieldTable td
{
    padding-bottom: 5px;
}

td.customerFieldLabel
{
    padding-right: 10px;
}

td.customerFieldInput input.inputField
{
    width: 100%;
}

div.emailHintMessage
{
    margin: 5px;
}

div.historyOrderSearchTitle
{
    height: 20px;
    padding-left: 0;
    padding-top: 20px;
}

.commissionSelectInput
{
    width:  120px;
    padding: 0;
}

td.commissionSelectInputBox
{
    width:  125px;
}

span.commissionSelectorFields
{
    display:        inline-block;
}

.ui-dialog-titlebar
{
    background:    #FFED7D;
}

.modalOverlay
{
    border: 10px solid #FFED00;
}

table.articleFeatureList tbody
{
    border-bottom:  1.8em solid white;
}

table.articleFeatureList .leftColumn
{
    white-space: nowrap;
    width:  45%;
}

table.articleFeatureList td.featureLink
{
    text-align: right;
}

table.articleFeatureList
{
    border-collapse: collapse;
}

div.comissionSelectDiv
{
    display:        inline-block;
}

div.comissionSelectDiv input,
div.comissionSelectDiv span
{
    /*margin-top: 4px;*/
    vertical-align: middle;
}

table.historyTable.historyTable > thead > tr > th
{
    height: auto;
}

div#content div#bigContent div.relationArticle div#scrollareaAfterSearch
{
    height: auto;
    padding-bottom: 20px;
}

img.relationArticleTitle
{
    padding-right: 4px;
}

div.sectionContentPictures
{
    float: right;
    margin-left: 15px;
}

div.sectionContentHeader
{
    overflow: hidden;
    margin: 15px;
}

div.sectionTilesHeadingTooltip
{
    max-width: 300px;
}

div.sectionContentTitles pre,
div.sectionTileHeading pre,
div.tooltip pre,
table.productDetailInfo pre
{
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;
}

/* Breadcrumb DropDown */

.breadcrumb ul, li {
    margin: 0;
    border: 0;
    padding: 0;
}

.breadcrumb {
    float: left;
    border-bottom: 1px solid #969696;
    width: 914px;
    background-color: #dddddd;
    
}

div.catalogInfoTabContent
.breadcrumb
{
    width: 100%;
}

.breadcrumb a{
    text-decoration: none;
}
.breadcrumb li{
    display: inline;
    position: relative;
    border-right: solid 1px #dddddd;
}

.breadcrumb li span {
    display: inline;
    border-left: solid 1px #999999;
    padding: 0px 4px 0px 4px;
    border-bottom: none;
    height: 18px;
}

.breadcrumb li span a {
    margin-left: 4px;
}

.breadcrumb img.arrow {
    cursor: pointer;
}

.breadcrumb div.breadcrumbsubmenu {
    display: none;
    position: absolute;
    top: 18px;
    border-top: solid 1px #E5E5E5;
    border-left: solid 1px #E5E5E5;
    border-right: solid 1px #999999;
    border-bottom: solid 1px #999999;
    padding: 4px;
    background: #FFFFFF;
    z-index:             1002;
    /*depends to jquery.floatThead-1.2.0.min.js, z index 1001*/;
    overflow: visible;
    width: auto;
    left: 0px;
}

.breadcrumb div.breadcrumbsubmenu a {
    padding: 2px;
    margin: 2px;
    display: block;
    white-space: nowrap;
    text-decoration: none;
}

.breadcrumb div.breadcrumbsubmenu a:hover {
    background: #E5E5E5;
}

.breadcrumb div.breadcrumbsubmenu a.active {
    background: #ffed7b;
}

div.catalogInfoTabContent .breadcrumb
{
    margin-bottom: 20px;
    background: #FFFFFF;
}

td.sectionTileCellImage
{
    padding-top: 20px;
}

div.sectionTileImage
{
    width: 234px;
}

td.sectionTileCellImage img{
    max-width: 234px;
}

td.sectionTileCellLabel {
    font-weight: bold ;
    font-size:12px;
    font-style: italic;
    color: #6c6c6c;
}

table.sectionTileTable
{
    text-align:center;
    vertical-align: middle;
    width: 100%;
    border-collapse: collapse;
}

/*td.sectionTileCellHeading*/
/*{*/
    /*padding-bottom: 30px;*/
/*}*/

table.sectionTileTable td.sectionTileCellImage
{
    border-top: solid 1px #D0D0D0;
}

table.sectionTileTable td.sectionTileCellHeading
{
    border-bottom: solid 2px #969696;
}

table.sectionTileTable td.sectionTileCellImage,
table.sectionTileTable td.sectionTileCellLabel,
table.sectionTileTable td.sectionTileCellHeading
{
    border-left: solid 1px #D0D0D0;
    border-right: solid 2px #969696;
}

table.sectionTileTable td
{
    width: 30%;
}

table.sectionTileTable td div
{
    margin: 10px;
}

table.sectionTileTable td.spacer
{
    width: 5%;
}

table.sectionTileTable tr.spacer
{
    height: 43px;
}


div.sectionTileTableOuter
{
    padding: 23px;
}

div#breadcrumbPanel
{
    position: relative;
    width: 100%;
    float: left;
}

div.breadcrumbSectionStyleToggle
{
    position: absolute;
    top: -26px;
    right: 0;
}

div.breadcrumbSectionStyleToggle .ui-button-text
{
    
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 1px;
    padding-bottom: 1px;
}
div.breadcrumbSectionStyleToggle .ui-widget
{
    margin-right: -4px;
    border-radius: 0;
    border-bottom: 0;
    border-right: 1px solid #969696;
    border-left: 1px solid #969696;
    border-top: 0;
}

img.sectionErrorIndicator,
img.sectionLoadIndicator
{
    margin-left: 1em;
    margin-top: 1em;
}

div.title img.sectionErrorIndicator,
div.title img.sectionLoadIndicator
{
    margin-top: 0;
}

div#content div.sectionContentArticleGroupHeader
{
    background-color: #ffed7b;
    border: 1px solid #969696;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

div#content div#bigContent div.accordionContent div.sectionContentArticleGroupHeader
{
    margin-left: -1.8%;
}

div.tilesContentArticles .productTable,
div.accordionContent .productTable
{
    /*margin-left: -2%;*/
    width: 100%;
}

div#content div#bigContent div.accordionContentArticles div#scrollareaAfterSearch
{
    margin-left: -1.8%;
    width: 102%;
}

span.sectionArticleGroupsLabel
{
    font-weight: bold;
    margin-right: 10px;
}

/*div.accordionContentFavoriteAdder*/
/*{*/
    /*float: right;*/
/*}*/
span.accordionContentFavoriteAdder
{
    width: 100%;
    height: 20px;
}
span.accordionContentFavoriteAdder .contentTitleSeclect
{
    float: right;
    margin-top: -2px;
}

div.accordionContentSubsections
{
    clear: both;
}

.ui-accordion.sectionAccordion .ui-accordion-content
{
    padding-top: 0;
    padding-right: 0;
    padding-left: 1em;
    overflow-x: hidden;
    border-right: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active
{
    background-image: none;
    background-color: #ffed7b;
}

.ui-accordion.sectionAccordion .ui-accordion-header
{
    border-radius: 0;
    padding-top: 0.3em;
    padding-bottom: 0.2em;
    /*margin: -1px 0 0 0;*/
}


div.accordion
{
    margin-right: -1px;
}

[sectionLinkTo]
{
    cursor:              pointer;
}

table.productTable td.availabilityInfoText
{
    padding-left: 6px;
    height: auto;
    text-align:          left;
}

table.productTable td.availabilityInfoText div
{
    color: grey;
}


table.compare tr.text td.value,
table.compare tr.pic td.value,
table.compare tr.availability td.value
{
    text-align: center;
}

table.compare tr.noTax td.value,
table.compare tr.withTax td.value
{
    text-align: right;
}

table.compare td.value
{
    width: 200px;
}

table.compare td
{
    padding-left: 6px;
    padding-right: 6px;
}

table.compare tr.hovercolor:hover td
{
    background-color: #ffed7b;
}

.modalOverlayWaitImg
{
    width:  100%;
    text-align:center;
}

.modalOverlayWaitContent
{
    width:  100%;
    text-align:center;
    margin-top: 10px;
}

span.newAddressLabel
{
    margin-bottom: 1.8em;
}

span.newAddressContent
{
    display: inline-block;
}

div.editAddressFormSaveButtons input,
div.editAddressFormErpButtons input
{
    float: right;
}
div.editAddressFormSaveButtons,
div.editAddressFormErpButtons
{
    clear: both;
    width: 610px;
}

.orderAdressChooser.notActive
{
    display: none;
}

div#hiddenCpContent
{
    margin-top: 5px;
    margin-bottom: 10px;
}

img.quantityInputRefreshButton
{
    position: absolute;
    cursor: pointer;
    top: -10px;
    left: -10px;
}

img.quantityInputInfo,
img.articleTypeChnagedInfo
{
    position: absolute;
    bottom: -7px;
    right: -7px;
}

.quantityInputInfoWrapper,
.articleTypeChnagedInfoWrapper
{
    position: relative;
    display: inline-block;
}

div.nopositionsmsg
{
   margin-top: 20px;
}

img.customerreferencemail
{
    float:        right;
    margin-right: 7px;
}

div.basketContent #basket1
{
    clear: both;
}

.myAccountDefaultContentStyle span.dynamicBasketMessage
{
    display: none;
}

div.basketContent span.dynamicBasketMessage
{
    float: left;
    color: green;
}

div.basketContent #directOrderForm > div
{
    float: left;
}

div.basketContent #directOrderForm div.directOrderInputs > input,
div.basketContent #directOrderForm div.directOrderInputs > div
{
    vertical-align: middle;
    margin-right: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
}

div.basketContent .messages
{
    clear: both;
}

a.feedbackLink
{
    line-height: 20px;
}

img.feedbackLinkImg
{
    margin-right: 5px;
    margin-top: -3px;
}

div.orderButtonGroupSpacer
{
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dashed;
}

iframe.toolExtFrame,
iframe#kicktippiframe
{
    width: 100%;
    border: 0;
}

div.sciptPageOuter
{
    padding: 10px;
}

div.imageRemark
{
    color: gray;
    text-align: right;
}

div.articleDetailContent div.imageRemark
{
    float: right;
    margin-right: 20px;
}

div.qtipProductThumbnailContent div.imageRemark
{
    margin-top: 5px;
}

td.addressLabel
{
    white-space: nowrap;
    width:               130px;
}

iframe.toolExtFrame.lampFinderService
{
    height: 810px;
}

iframe.toolExtFrame.feller, iframe.toolExtFrame.digitus
{
    height: 1000px;
    /*width: 966px;*/
}

#sidebarPromo img
{
    width: 100%
}

.hideSearchInput .searchInResultsTitle,
.hideSearchInput .searchFormBigButton,
.hideSearchInput .searchInputFieldBig,
.sectionContentArticles .showSearchInput .searchCheckBoxesParentElement
{
    display: none;
}

div.trackingOverlay div.dataContainer
{
    float:left;
    box-sizing: border-box;
    width:50%;
    min-height:120px;
    padding-left:14px;
}

div.trackingOverlay div.dataContainer img
{
    width:100%;
}

div.trackingOverlay div.googleContainer
{
    width:100%;
    float:left;
}


div.trackingOverlay div.googleContainer iframe
{
    width:100%;
    float:left;
    height:300px;
}



div.trackingOverlay div.deliverInfoContainer
{
    float:left;
    width:100%;
}

.qtipTracking .qtip-content
{
    width:600px;
    padding: 10px;
    min-height: 200px;
}

.qtipTracking .qtip-content img.loader {
    margin-left: 50%;
    margin-top: 10%;
}

div.tracklink
{
    text-decoration: none;
}

span.trackingInfos
{
    float: right;
    font-weight: normal;
}
span.trackingInfos > div
{
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 2px;
}

span.trackingInfos > div > div
{
    display: inline-block;
}

span.trackingInfos img
{
    vertical-align: middle;
    /*margin: 2px;*/
}

table.packageTable th
{
    text-align:left;
}


div.medialink img
{
    margin-right: 5px;
    padding-left: 16px;
    vertical-align:middle
}

div.medialink div
{
    display: inline-block;
    vertical-align: middle;
}

div.medialink
{
    margin-bottom: 6px;
}


.socialMediaCell {
    float: right;
    padding: 2px 0;
}

.socialMediaContainer {
    margin-left: 2px;
    margin-right: 6px;
}

.socialMediaIcon {
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

.collapseBorder {
    border-collapse: collapse;
}