/*###########################################*/
/*# COLOR SCHEME ############################*/
/*###########################################*/
/*# GREEN: #7BCD2D                          #*/
/*# RED: #D23232                            #*/
/*# GRAY: #ECECEC                           #*/
/*# GRAY (BORDERS): #CCCCCC                 #*/
/*# GRAY (TEXT, BUTTONS): #59616A           #*/
/*# LIGHTGRAY (PRINAV DROPLIST): #fafafa    #*/
/*###########################################*/

html {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: arial, sans-serif;
    font-size: 12px;
    color: #59616a;
    height: 100%;
}

table, div.table {
    font-family: arial, sans-serif;
    font-size: 11px;
}

img {
    border: none;
}

:active,
:focus {
    outline: none;
}

input::-moz-focus-inner {
    border: 0;
}

a {
    text-decoration: none;
}

.addCursor {
    cursor: pointer;
}

.forceWordBreak {
    word-break: break-all;
}

/* --------------------------------------------------------- AMBIENTEFOTOS */

.ambientImage {
    background-repeat: no-repeat;
    background-position: 1000px 0;
    background-attachment: fixed;
}

.ambientImage.default {
    background-image: url("../img/ambiente/default.jpg");
}

#siteContainer {
    position: relative;
    /*top: 0;*/
    /*left: 0;*/
    width: 1000px;
    /*margin: 0;*/
    padding: 0;
}

#siteContainer.leftPos {
    margin: 0;
}

#siteContainer.centerPos {
    margin: 0 auto;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.clearFloats {
    clear: both;
}

.clearfix {
    clear: both;
}

.positionRelative {
    position: relative;
}

.positionAbsolute {
    position: absolute;
}

.spaceBetweenFloatingDivs {
    margin-right: 10px;
}

input, select, textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: arial, sans-serif;
}

input[type=submit] {
    font-family: arial, sans-serif;
}

h1 :not(.mce-content-body),
h2 :not(.mce-content-body){
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
    padding: 0;
}

.grayColor {
    color: #59616a;
}

.textLinkTermine {
   text-decoration:underline;
}

/*.textLinkTermine:hover {*/
   /*text-decoration:underline;*/
   /*color: #FF0000;*/
/*}*/

.textAlignRight {
    text-align: right;
}

.textAlignLeft {
    text-align: left;
}

.textAlignCenter {
    text-align: center;
}

.textLink, .textLinkNoUdl,
.resultList td a.textLink {
    color: #59616a;
}

a.linkDarkGray{
    color: #4c4c4c;
}

a.linkDarkGray:hover{
    color: #5c5959;
    text-decoration: underline;
}

.textLink:hover,
.resultList td a.textLink:hover {
    color: #59616a;
    text-decoration: underline;
}

.textLinkNoUdl:hover {
    text-decoration: none;
}

.textLinkKalender {
    color: #4ca713;
    font-weight: bold;
}

.textLinkKalender:hover {
    color: #4ca713;
    font-weight: bold;
    text-decoration: underline;
}

.infoLink,
.infoLink:hover {
    color: #4ca713;
    text-decoration: underline;
}

.infoClass {
    padding-top:5px;
    padding-bottom:5px;
}

.redColor,
.resultList td a.redColor {
    color: #d23232;
}

.redColor:hover,
.resultList td a.redColor:hover {
    color: #d23232;
}

.darkRedColor {
    color: #c82727;
}

.grayBg {
    background: #ececec;
}

.grayBg.amountLine {
    border-top: 3px solid #7bcd2d;
}

.padding5px {
    padding: 5px;
}

h1.greenHead {
    font-size: 14px;
    font-weight: bold;
    background: #ECECEC;
    padding: 5px;
}

.greenHead { 
    background: #ECECEC;
}

.forNews {
    width: 618px;
    border-bottom: 1px solid #cccccc;
}

.forNews + h1 {
    border-bottom: 1px solid #cccccc;
}

h1.standardFormat {
    font-size: 12px;
    margin: 0 0 5px 0;
}

form {
    margin: 0;
    padding: 0;
    font-family: arial, sans-serif;
    font-size: 11px;
}

.textField,
select {
    border: 1px solid #A5A7A8;
    height: 20px;
    color: #59616a;
    font-family: arial, sans-serif;
    font-size: 11px;
    margin: 1px;
}

.textField:-moz-placeholder,
.textField::-moz-placeholder {
    color: #000000 !important;
}

textarea.textField {
    height: 50px;
}

.textFieldRadio,
select {
    border: 1px solid #A5A7A8;
    height: 14px;
    color: #59616a;
    font-family: arial, sans-serif;
    font-size: 11px;
    margin-right: 4px;
    /*vertical-align:bottom;*/
}

.textFieldDropdown,
select {
    border: 1px solid #A5A7A8;
    height: 18px;
    color: #59616a;
    font-family: arial, sans-serif;
    font-size: 11px;
    margin: 1px;
}

select {
    height: 20px;
}

.smallField {
    width: 40px;
}

.normalField {
    width: 140px;
}

.largerField {
    width: 170px;
}

.largeField {
    width: 200px;
}

.largeFieldCheck {
    width: 15px;
}

.extraLargeField {
    width: 330px;
}

.largestField {
    width: 800px;
}

.extraLargeSelect {
    width: 335px;
}

.forCity {
    width: 275px;
}

.forLogin {
    width: 130px;
    margin: 3px 0 3px 0;
}

.forFastContact {
    height: 50px;
}

.quantity {
    width: 30px;
}

.withSmallLabel {
    width: 120px;
}

/*.submitBut {*/
    /*border: none;*/
    /*width: 17px;*/
    /*height: 17px;*/
    /*margin: 1px 0 0 1px;*/
/*}*/

.noticeContainer {
    font-weight: bold;
    border: 1px solid #a6a6a6;
    background-image: url("../img/icon_info.png"), url("../img/bg_notice.png");
    background-position: 1px 5px, 0 0;
    background-repeat: no-repeat, repeat-y;
    padding: 5px 5px 5px 25px;
    margin: 5px 0 5px 0;
}

.noticeContainerCart {
    font-weight: bold;
    border: 1px solid #a6a6a6;
    background-image: url("../img/icon_info.png"), url("../img/bg_notice.png");
    background-position: 1px 5px, 0 0;
    background-repeat: no-repeat, repeat-y;
    padding: 5px;
    margin: 5px 0 5px 0;
}

.errorContainer {
    font-weight: bold;
    border: 1px solid #a6a6a6;
    background-image: url("../img/icon_exclamation.png"), url("../img/bg_error.png");
    background-position: 1px 5px, 0 0;
    background-repeat: no-repeat, repeat-y;
    padding: 5px 5px 5px 25px;
    margin: 5px 0 5px 0;
}


.successContainer {
    font-weight: bold;
    border: 1px solid #a6a6a6;
    background-image: url("../img/icon_accept.png"), url("../img/bg_success.png");
    background-position: 1px 5px, 0 0;
    background-repeat: no-repeat, repeat-y;
    padding: 5px 5px 5px 25px;
    margin: 5px 0 5px 0;
}

.noticeContainer ul,
.errorContainer ul,
.successContainer ul {
    margin-left: 0; 
}


.noticeContainer ul li,
.errorContainer ul li,
.successContainer ul li {
    list-style-type: square;
}

.favoriteCartBig {
  /*float:left;*/
  /*margin-top:5px;*/
  /*margin-right:5px;*/
  margin-left:3px;
}

.distance,
.uiSliderValueField {
    border: none;
    background: transparent;
    width: 15px;
    font-size: 11px;
    color: #59616a;
}

.uiSliderValueField {
    width: 80px;
}

/* --------------------------------------------------------- HEAD / METANAVIGATION / LOGIN */

#headContainer {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    width: 1000px;
    height: 126px;
    /*background: url("/data/eo/header/header_2.jpg") top left no-repeat;*/
}

#headContainer.fixedOnCartView {
    position: fixed;
    z-index: 10001;
}

#headContainer .myShopWrapper {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
}

.myShopWrapper .butMyShop {
    display: inline-block;
    width: auto;
    height: 26px;
    border-radius: 5px;
    border: 1px solid #ffffff;
    background-color: #7bcd2d;
    background-image: url("../img/icon_sprite.png");
    background-repeat: no-repeat;
    background-position: 8px -57px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    padding: 8px 8px 0 35px;
    cursor: pointer;
}

.myShopWrapper .myShopNavContainer {
    display: none;
    position: absolute;
    top: 36px;
    right: 0;
    z-index: 1000001;
    width: 200px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

/*.myShopWrapper .butMyShop.loggedIn:hover + .myShopNavContainer,*/
/*.myShopWrapper .myShopNavContainer.loggedIn:hover {*/
    /*display: block;*/
/*}*/

.myShopWrapper .myShopNavContainer.active {
    display: block;
}

.myShopNavContainer #loginContainer {
    width: auto;
    height: auto;
}

#loginContainer #innerLoginContainer {
    padding: 10px;
}

#loginContainer .loginForm {}

#loginContainer .loginForm input[type=text],
#loginContainer .loginForm input[type=password],
#loginContainer .loginForm input[type=submit] {
    display: block;
    margin-bottom: 10px;
}

#loginContainer .loginForm input[type=submit] {
    font-family: arial, sans-serif;
    margin-top: 10px;
}

#loginContainer .loginForm input[type=text],
#loginContainer .loginForm input[type=password] {
    display: block;
    border: 1px solid #cccccc;
    width: 100%;
    height: 30px;
    font-size: 14px;
    color: #59616A;
    padding: 0 5px 0 5px;
}

#loginContainer .loginForm label {
    font-size: 13px;
}

.simpleGreenButton {
    width: 100%;
    height: 36px;
    border-radius: 5px;
    border: none;
    background-color: #7bcd2d;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
}

.simpleGreenButton.act {
    background-image: url("../img/buttons/icon_cart_work.gif");
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}

#loginContainer a {    
    text-decoration: none;
    color: inherit;
    font-size: 13px;
    line-height: 1.5rem;
}

#loginContainer a:last-of-type {
    color: #d23232;
}

#loginContainer a:hover {
    text-decoration: underline;
}

#logoutContainer p {
    font-size: 13px;
    line-height: 1.1rem;
    margin-bottom: 5px;
}

#logoutContainer a:last-of-type {
    color: inherit;
}

#logoutContainer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#logoutContainer ul li {}

#logoutContainer ul li.first {
    border-bottom: 1px solid #ECECEC;
}

#logoutContainer ul li.last,
#logoutContainer ul li.editable.firstEditable,
#logoutContainer ul li.custInfAddText.firstCustInfAddText {
    border-top: 1px solid #ECECEC;
}

#logoutContainer ul li a {
    font-size: 13px;
    color: #59616a;
    text-decoration: none;
    line-height: 1.6rem;
}

#logoutContainer ul li.custInfAddText {
    font-size: 13px;
    color: #59616a;
    line-height: 1.6em;
}

#logoutContainer ul li a:hover {
    color: #000000;
    text-decoration: none;
}

#logoutContainer .upperLogoutWrapper {
    background-color: #ECECEC;
    padding: 10px;
}

#logoutContainer .lowerLogoutWrapper {
    margin: 10px;
}

.submitWrapper {
    overflow: hidden;
    height: 17px;
    width: 17px;
    margin-top: 3px;
  }

.submitWrapperETIM {
    overflow: hidden;
    height: 20px;
    width: 110px;
    /*margin-top: 3px;*/
  }

#loginForm {
    width: 155px;
    margin-right: 5px;
}

#emptyDivLeft {
    position: absolute;
    top: 0;
    right: 313px;
    width: 100px;
    height: 80px;
    background: transparent;
    /*border: 1px solid black;*/
}

#emptyDivBottom {
    position: absolute;
    top: 60px;
    right: 30px;
    width: 282px;
    height: 20px;
    background: transparent;
    /*border: 1px solid black;*/
}

#emptyDivRight {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 80px;
    background: transparent;
    /*border: 1px solid black;*/
}

#headContainer .header {
    height: 80px;
    background-color: #ffffff;
}

div#metanavContainer {
    position: absolute;
    top: 13px;
    right: 25px;
    text-align: left;
    width: 200px;
    height: 17px;
    font-size: 11px;
    /*border: 1px solid black;*/
}

div#metanavContainerInLoginContainer {
    position: relative;
    top: 0;
    right: -5px;
    text-align: right;
    width: 120px;
    height: 17px;
    font-size: 11px;
    /*border: 1px solid black;*/
}

#metanavContainer ul,
#metanavContainerInLoginContainer ul {
    padding: 0;
    margin: 0;
    color: #ffffff;
    float: right;
    text-align: center;
}

#metanavContainer ul li,
#metanavContainerInLoginContainer ul li {
    display: inline;
    text-align: center;
    padding: 0;
    margin: 0;
}

#metanavContainer ul li a,
#metanavContainer ul li a.lastMetanav,
#metanavContainerInLoginContainer ul li a,
#metanavContainerInLoginContainer ul li a.lastMetanav {
    padding: 0 5px 0 5px;
    margin: 0 0 0 0;
    color: #706f6f;
    text-decoration: none;
    float: left;
    border-right: 1px solid #706f6f;
    display: block;
}

#metanavContainer ul li a.lastMetanav,
#metanavContainerInLoginContainer ul li a.lastMetanav {
    border-right: none;
    color: #ff0000;
}

#metanavContainer ul li a:hover,
#metanavContainer ul li a.act,
#metanavContainer ul li a.lastMetanavAct,
#metanavContainerInLoginContainer ul li a:hover,
#metanavContainerInLoginContainer ul li a.act,
#metanavContainerInLoginContainer ul li a.lastMetanavAct {
    color: #706f6f;
    text-decoration: underline;
}

#metanavContainer ul li a.lastMetanav:hover,
#metanavContainerInLoginContainer ul li a.lastMetanav:hover {
    color: #ff0000;
    text-decoration: underline;
}

.singleMetaNav {
    color: #706f6f;
    text-decoration: none;
}

.singleMetaNav:hover {
    color: #706f6f;
    text-decoration: underline;
}

#textSearch {
    position: relative;
}

#textSearch.loggedOut {
    padding-right: 10px;
}

#warnEmptySearchDiv {
    position: absolute;
    display: none;
    top: -30px;
    left: 0;
    width: auto;
    margin: 0;
}



/* --------------------------------------------------------- PRIM�RNAVIGATION */

.prinavContainer {
    /*position: absolute;*/
    width: 998px;
    height: 46px;
    background-color: #ececec;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.prinavContainer .prinavWrapper {
    position: relative;
    float: left;
}

.prinavWrapper ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/*.prinavWrapper ul::after {*/
    /*clear: both;*/
/*}*/

.prinavWrapper ul li {
    display: inline;
    float: left;
    border-right: 1px solid #cccccc;
}

/*.prinavWrapper ul li:after {*/
    /*clear: both;*/
/*}*/

.prinavWrapper ul li.has-sub .sub {
    display: none;
    position: absolute;
    top: -9999px;
    /*top: 46px;*/
    left: -9999px;
    /*left: 0;*/
    z-index: 1000000;
    width: 927px;
    min-height: 50px;
    height: auto;
    background-color: #fafafa;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 10px solid #cccccc;
}

.prinavWrapper ul li.has-sub:hover .sub {
    display: block;
    top: 46px;
    left: 0;
}

.prinavWrapper ul li > a {
    display: block;
    width: auto;
    height: 31px;
    padding: 15px 10px 0 10px;
    font-size: 14px;
    color: #59616a;
    white-space: nowrap;
}

.prinavWrapper ul li:hover > a,
.prinavWrapper ul li > a.act {
    background-color: #59616a;
    color: #ececec;
}

.prinavWrapper .sub {
    padding: 35px;
}

.sub .navItemText {
    width: 250px;
    margin-right: 53px;
    float: left;
}

.navItemText span {
    display: block;
}

.navItemText .navItemName {
    font-size: 40px;
    margin-bottom: 15px;
    margin-top: -2px;
}

.navItemText .navItemDescription {
    font-size: 14px;
}

.sub ul.multipleColumnList {
    -webkit-columns: 250px 2;
    -moz-columns: 250px 2;
    columns: 250px 2;
    -webkit-column-gap: 35px;
    -moz-column-gap: 35px;
    column-gap: 35px;
    -webkit-column-rule: 1px solid #cccccc;
    -moz-column-rule: 1px solid #cccccc;
    column-rule: 1px solid #cccccc;
    float: left;
}

.sub ul.multipleColumnList.singleColumn {
    -webkit-columns: 250px 1;
    -moz-columns: 250px 1;
    columns: 250px 1;
    padding-right: 17px;
    border-right: 1px solid #cccccc;
}

.sub ul.multipleColumnList.whenNavItemTextIsShown {
    padding-left: 17px;
    border-left: 1px solid #cccccc;
}

.sub ul li {
    display: block;
    float: none;
    border: none;
}

.sub ul li a:link,
.sub ul li a:visited {
    font-size: 14px;
    padding: 0;
    height: auto;
    line-height: 1.5rem;
}

.sub ul li a:hover,
.sub ul li a:focus,
.sub ul li a:active {
    color: #000000;
    background-color: transparent;
}

.sub .specialColumn {
    width: 300px;
    padding-left: 17px;
    float: left;
}

.specialColumn span {
    display: block;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 2px;

}
.specialColumn span.nextItem {
    margin-top: 3px;
}
.specialColumn ul li a:link,
.specialColumn ul li a:visited{
    font-size: 13px;
    padding: 0;
    height: auto;
    line-height: 1.1rem;
}

.specialColumn ul li a.nolink:link,
.specialColumn ul li a.nolink:visited{
    color: #8d8b8b;
}

.specialColumn ul li a.nolink:hover,
.specialColumn ul li a.nolink:focus,
.specialColumn ul li a.nolink:active {
    cursor: no-drop;
}

.prinavContainer .searchContainer {
    position: relative;
    padding-top: 5px;
    float: right;
    /*border: 1px solid black;*/
}

.prinavContainer .searchContainer::after {
    clear: both;
}

.searchContainer .searchWrapper {
    float: left;
}

.multipleSearch.customSelect #searchTypeSelectHeader-button {
    width: 100px !important;
    padding: 5px 0 2px 0;
    float: left;
}

.searchWrapper input[type=text] {
    border: 1px solid #7bcd2d;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #ffffff;
    padding: 9px 8px 8px 8px;
    font-size: 14px;
    color: #59616A;
    width: 270px;
    height: 36px;
    float: left;
}

.searchWrapper input[type=text].wide {
    width: 480px;
}

.searchWrapper input[type=text].multipleSearch {
    width: 198px;
    border-radius: 0;
}

.searchWrapper input[type=submit] {
    border: 1px solid #7bcd2d;
    /*border: 1px solid transparent;*/
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #7bcd2d;
    background-image: url("../img/icon_sprite.png");
    background-repeat: no-repeat;
    background-position: 9px 5px;
    width: 36px;
    height: 36px;
    float: left;
    cursor: pointer;
}

.searchWrapper input[type=submit]:after {
    clear: both;
}

.searchContainer .cartContentWrapper {
    width: 220px;
    float: right;
}

.cartContentWrapper .cartContent {
    /*position: absolute;*/
    /*bottom: 0;*/
    /*top: 80px;*/
    /*right: 13px;*/
    /*width: 210px;*/
    /*height: 26px;*/
    /*border: 1px solid black;*/
    /*z-index: 3;*/
}

.cartContent .articlesInCart {
    text-align: right;
    font-size: 10px;
    width: 122px;
    line-height: 11px;
    margin: 6px 10px 0 0;
    float: left;
    /*border: 1px solid black;*/
}

.articlesInCart span:first-of-type {
    color: #59616a;
}

.cartContent .shopQuickFunctions {
    padding-right: 10px;
    width: 78px;
    float: left;
    /*border: 1px solid black;*/
}

.shopQuickFunctions a {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 5px;
    background-color: #7bcd2d;
    background-image: url("../img/icon_sprite.png");
    background-repeat: no-repeat;
    float: left;
}

.shopQuickFunctions a.butGoToCart {
    background-position: 6px -108px;
    margin-right: 6px;
}

.shopQuickFunctions a.butFastContact {
    background-position: 5px -158px;
}

/* --------------------------------------------------------- BUTTONS */

.butSave,
.butClose,
.butOk,
.butAddress,
.butAddressEdit,
.butAddressAdd,
.butAddressDelete,
.butFavCart,
.butCartEdit,
.butCartMove,
.butCartCopy,
.butCheckout,
.butContinuePurchase,
.butFastEntry,
.butRefresh,
.butBack,
.butSearch,
.butSummary,
.butLogin,
.butPrint,
.butUserAdd,
.butUserDelete,
.butGroupAdd,
.butGroupDelete,
.butLogoEdit,
.butLogoDelete,
.butStart,
.butBudgetAdd,
.butLimitAdd,
.butDelete,
.butCostcenter,
.butNewsArchiv,
.butWorking,
.butInfoList,
.butInfoListAct,
.butFilter,
.butPDF,
.butCsv,
.butObjectAdd,
.butLedFinder,
.butUVP,
.butEdit,
.butNew,
.butDeactSlider,
.butStandard,
.butSubmitAribaOM,
.butFreetextOrder,
.but
{
    min-width: 130px;
    width: auto;
    height: 26px;
    padding: 5px;
    font-size: 12px;
    cursor: pointer;
    background-color: #59616a;
    word-wrap: normal;
    /*display: block;*/
}

.butFreetextOrder {
    float:right;
}

.butSubmitAribaOM {
    width: 120px;
    float: right;
}

.deliveryAddressSlider .functionItem label {
    display: block;
    margin-bottom: 20px;
}

.butColor,
#insideGeneralContent .resultList td a.butColor,
#insideGeneralContent .resultList td a.butColor:hover {
    border: 1px solid #59616A;
    color: #ffffff !important;
}

.hrefAsBut, 
.hrefAsBut:hover,
.resultList td a.hrefAsBut,
.resultList td a.hrefAsBut:hover {
    height: 14px;
    padding: 5px;
    display: block;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
}

.butInfoListAct.butColor,
.hrefAsBut.Active {
    color: #cccccc;
}

button {
    padding: 2px !important;
    font-family: Arial, sans-serif;
}

button.butLedFinder {
    padding: inherit;
}

*+html .butSave {
    padding: 0 5px 0 30px;
}

.butCauseBlock {
    background-color: #D23232 !important;
    border-color: #D23232 !important;
}

.butRefresh {
    background-image: url("../img/refresh.png");
    background-position: -1px -1px;
    background-repeat: no-repeat;
    min-width: 24px;
    height: 24px;
    padding: 0;
}

.butLedFinder.wide {
    /*background: url("/img/buttons/but_led_finder_big.png") center left no-repeat;*/
    font-size: 14px;
    width: 450px;
    height: 46px;
}

.butLedFinderContainer {
    width: 450px;
    margin: 0 auto 30px auto;
}

.butUVP {
    min-width: 64px;
    font-size: 11px;
}

.smallSizeBut {
    width: 60px;
}

.smallSizeBut.event{
    min-width: 100px;
}

.fastContactSubmitBut {
    width: 100px;
}

.fastContactCallbackBut {
    width: 100px;
}

.normalSizeBut {

}

.largeSizeBut {
    /*width: 140px;*/
    width: auto;
}

.extraLargeSizeBut {
    /*width: 160px;*/
    width: auto;
}

.extremLargeSizeBut {
    /*width: 180px;*/
    width: auto;
}

.butOxomiCatalog {
    width: auto;
    height: 26px;
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    cursor: pointer;
    display: block;
    float: left;
    color: #ffffff;
    border: none;
    background-color: #59616A;
}

.butDataSheet,
.butCustomerOffer {
    height: 20px;
    display: block;
    float: left;
    font-size: 12px;
    color: #ffffff;
    padding: 6px 10px 0 10px;
    background-color: #59616A;
}

.butDataSheet {
    width: auto;
}

.butAddToCartLarge,
.butAddToCartLargeWaiting,
.butAddToCartLargeAdded {
    width: 67px;
    height: 67px;
    display: block;
    border: none;
    border-radius: 5px;
    background-color: #7BCD2D;
    background-image: url("../img/buttons/but_add_to_cart.png");
    background-position: 8px -97px;
    background-repeat: no-repeat;
    white-space: normal;
    cursor: pointer;
}

.butAddToCartLargeAdded {
    background-position: 8px 14px;
}

.butAddToCartLargeWaiting {
    background-image: url("../img/buttons/but_add_to_cart_wait.gif");
    background-position: 0 0;
    color: transparent;
}

.butCloseLogin {
    width: 16px;
    height: 16px;
    display: block;
    background: url("../img/icon_close.png") 0 0 no-repeat;
    position: absolute;
    top: 0;
    right: 0;
}

.butInfo {
    display: block;
    width: 17px;
    height: 17px;
    font-family: monospace;
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    background-color: #407DB3;
    border-radius: 17px;
    padding: 1px 6px 9px 4px;
}

.butNew {
    margin: 10px 0 5px 0;
}

.butActivate,
.butDeactivate {
    width: 24px;
    height: 24px;
    display: block;
    border: none;
    border-radius: 5px;
    background-color: #7BCD2D;
    background-image: url("../img/activate_sprite.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    white-space: normal;
    cursor: pointer;
}

.butDeactivate {
    background-color: #D23232;
    background-position: 0 -24px;
}

/* --------------------------------------------------------- CONTENT */

#outsideContentContainer {
    width: 998px;
    padding-top: 15px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    z-index: 0;
}

#outsideContentContainer.topMarginForFixedHeader {
    padding-top: 126px;
}

#insideUpperContentContainer,
#insideUpperContentContainerWithFrontPageStory {
    position: relative;
    width: 950px;
    min-height: 295px;
    height: 340px;
    padding: 7px 10px 10px 10px;
    margin: 0 10px 0 10px;
}

#insideUpperContentContainerWithFrontPageStory {
    margin: 5px 10px 0 10px;
}

#insideUpperContentContainerFoot {
    width: 980px;
    padding: 7px 10px 10px 10px;
    margin: 0 10px 0 10px;
}

.insideLowerContentContainer {
    /*width: 980px;*/
    /*height: 250px;*/
    /*margin: 5px 0 0 0;*/
    padding: 10px;
    margin: 5px 10px 0 10px;
}

.noTopicOfWeek {
    margin: 15px 10px 0 10px;
}

#insideGeneralContentContainer,
#insideGeneralContentContainerWithoutRightColumn {
    /*width: 980px;*/
    /*margin: 15px 15px 8px 10px;*/
    margin: 15px 15px 0 10px;
    padding: 10px;
}

#insideGeneralContentContainerBody,
#insideGeneralContentContainerBodyWithoutRightColumn {
    width: 980px;
    margin: 15px 15px 0 10px;
    padding: 10px;
}

#insideGeneralContentContainerFoot {
    width: 980px;
    margin: 0 15px 8px 10px;
    padding: 2px 10px 2px 10px;
}

.WithoutRightColumn,
#insideGeneralContentContainerWithoutRightColumn,
#insideGeneralContentContainerBodyWithoutRightColumn {}

#insideContentContainer,
#insideSearchFormContainer {
    width: 956px;
    margin: 0 15px 0 10px;
    padding: 10px;
}

#insideContentContainerBody {
    width: 956px;
    margin: 15px 15px 0 10px;
    padding: 10px;
}

#insideContentContainerBody.withLastViwed {
    width: 980px;
    margin: 15px 10px 0 10px;
    padding: 10px 0 10px 10px;
}

#insideContentContainerFoot,
#insideGeneralContentContainerFootWithoutRightColumn {
    /*width: 956px;*/
    /*margin: 0 15px 8px 10px;*/
    /*padding: 2px 10px 2px 10px;*/
}

#insideFrontPageStoryContainer {
    width: 980px;
    padding: 10px;
    margin: 15px 10px 0 10px;
}

#insideFrontPageStoryContainerFoot {
    width: 980px;
    margin: 0 10px 0 10px;
    padding: 2px 10px 2px 10px;
}

#insideShopContentContainer {
    /*padding: 5px 0 5px 0;*/
}

#homeArticle {
    width: 950px;
}

#popupContainer {
    position: absolute;
    top: 0;
    left: 0;
    background: #ffffff;
    width: 620px;
    height: 700px;
    padding: 10px;
}

#popupContentContainer {
    width: 600px;
    height: 670px;
    padding: 10px;
}

#popupContentContainerFoot {
    width: 600px;
}

.minHeightContent {
    min-height: 660px;
}

.confirmFillCart {
    margin: 0 15px 0 10px;
    padding: 10px;
}

.confirmFillCart h1 {
    font-size: 16px;
    color: #078dd6;
}

.simpleList {
    list-style-type: square;
}

/* --------------------------------------------------------- CONTENT - HOME */

.newsOfTheWeek {
    width: 775px;
}

.blueText {
    color: #014489;
}

.greenText {
    color: #5ca713;
}

h1.newsOfTheWeekHead {
    color: #515151;
    font-size: 16px;
    margin: 5px 0 6px 0;
}

.newsOfTheWeekImg {
    margin-right: 15px;
}

.newsOfTheWeekImg img {
    border:  2px solid #DFE5EA;
    padding: 5px 0 5px 0;
}

#newsOfTheWeekImage {
    position: absolute;
    top: 53px;
}

.imageGalleryControls {
    position: absolute;
    bottom: 15px;
    width: 460px;
    text-align: right;
    padding: 0 15px 0 0;
}

.imageGalleryControls img {
    border: none;
}

.newsOfTheWeekContent {
    position: absolute;
    top: 53px;
    left: 512px;
    width: 263px;
    height: 250px;
    margin: 0;
    padding: 5px;
    border: 2px solid #DFE5EA;
}

.earlierTopics {
    position: absolute;
    top: 8px;
    left: 811px;
}

.newsSubHead {
    width: 580px;
}

h2.subHead {
    color: #59616a;
    font-size: 11px;
    margin: 0 0 5px 0;
}

.upperCaseText {
    text-transform: uppercase;
}

.newsOfTheWeekTeaser {
    color: #078dd6;
    font-size: 12px;
    line-height: 16px;
}

.newsOfTheWeekText {
    margin: 20px 0 0 0;
    font-size: 10px;
    line-height: 16px;
}

.newsLink,
.newsLink:hover {
    color: #004686;
}

.lastNewsOfTheWeek {
    width: 143px;
    height: 250px;
    margin: 30px 0 0 0;
    padding: 5px;
    border: 2px solid #DFE5EA;
}

#prevNews,
#nextNews {
    width: 143px;
    height: 20px;
    display: block;
}

#prevNews {
    background: url("../img/arrow_newsticker_up.gif") top center no-repeat;
}

#nextNews {
    background: url("../img/arrow_newsticker_down.gif") top center no-repeat;
}

/** {*/
    /*margin: 0;*/
    /*padding: 0;*/
/*}*/

#newsTicker {
    width: 143px;
    height: 210px;
}

#newsTicker a {
    color: #078dd6;
    font-size: 10px;
    text-decoration: none;
}

#newsTicker a:hover {
    color: #078dd6;
    font-size: 10px;
    text-decoration: underline;
}



.newsTicker-jcarousellite {
    width: 143px;
}

.newsTicker-jcarousellite ul {
    margin: 0 0 0 20px;
    padding: 0;
    /*list-style-type: none;*/
    /*list-style-image: url("/img/bullet_news.gif");*/
}

.newsTicker-jcarousellite ul li{
    /*list-style: none;*/    
    display: block;
    padding: 1px 0 9px 0;
    margin-bottom: 5px;
    background: url("../img/news_dots.gif") 49px bottom no-repeat;
    /*height: 30px;*/
}

* html .newsTicker-jcarousellite ul li{
    padding: 1px 0 10px 0;
}

.newsTicker-jcarousellite ul li .newsBullet {
    width: 12px;
    height: 10px;
}

.newsTicker-jcarousellite ul li .newsTeaser {
    width: 130px;
    height: 37px;
}

.clear {
    clear: both;
}

.allNewsContainer {
    width: 670px;
}

.newsContainer,
#insideGeneralContent {
    width: 670px;
}

h1.newsHead {
    color: #078dd6;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 5px 0;
}

.newsImg {
    margin: 0 20px 0 0;
}

.newsDate {
    font-size: 12px;
}

.newsSeparator,
.generalSeparator {
    width: 670px;
    height: 30px;
    background: url("../img/news_separator.gif") center left repeat-x;
}

.generalSeparator {
    margin: 5px 0 5px 0;
    width: 100%;
}

.newsSeparatorMonth {
    height: 24px;
    margin-top: 5px;
    margin-bottom: 2px;
    padding-top: 8px;
    text-align: right;
    background-color: #fafafa;
}

.newsSeparatorMonth .month {
    margin-right: 5px;
    color: #59616A;
    font-weight: bold;
    font-size: 14px;
}

/* --------------------------------------------------------- CONTENT - GADGETS */

#gadgetContainer {
    width: 260px;
    padding: 0;
    /*margin: 0 22px 0 0;*/
}

.gadget {
    width: 258px;
    border: 1px solid #cccccc;
    margin: 0 0 10px 0;
}

.gadget h1 {
    margin: 0;
    padding: 5px;
    border-bottom: 1px solid #cccccc;
    color: #008DCE;
    font-size: 11px;
    text-align: left;
    background-color: #ECECEC;
    margin-top: 0px;
}

.gadgetContentOld {
    width: 250px;
    padding: 5px;
}

.gadgetContentOld ul {
    margin: 0;
    padding: 0;
}

.gadgetContentOld ul li {
    margin: 0;
    padding: 0;
}

.gadgetEforum {
    height: 200px;
}

.eforumText {
    width: 115px;
    padding: 5px 0 0 0;
}

.eforumText h2,
.gadgetContentOld h2 {
    font-size: 12px;
    margin: 0 0 10px 0;
}

.eforumText ul {
    padding: 0 0 0 15px;

}

*+html .eforumText ul {
    padding: 0 0 0 0;
}

.eforumImg {
    width: 130px;
}

.gadgetCampaign {
    height: 200px;
}

.gadgetTourVideo {
    height: 150px;
}

.gadgetEvent {}

.bannerContainer {
    width: 260px;
    min-height: 120px;
    height: auto;
    margin: 0 0 10px 0;
}

.bannerContainer img {
    width: 260px;
    height: auto;
}

.gadgetLogin {
    padding: 0 0 10px 0;
}

.gadgetLogin .gadgetContentOld {
    position: relative;
    /*border: 1px solid black;*/
    overflow: hidden;
    width: 244px;
    min-height: 160px;
    background-position: 3px 0;
    background-repeat: no-repeat;
}

.gadgetLogin .gadgetContentOld .headline {
    position: relative;
    overflow: hidden;
    /*border: 1px solid black;*/
}

.gadgetLogin .gadgetContentOld .loginForm {
    position: relative;
    top: 0;
    left: 30px;
    width: 180px;
    height: 80px;
    margin: 10px 0 30px 0;
    /*border: 1px solid black;*/
}

.gadgetLogin .gadgetContentOld .gadgetFoot {
    position: absolute;
    bottom: 0;
    left: 3px;
    width: 245px;
    height: 16px;
    margin-top: 10px;
    padding: 0 5px 0 5px;
    background: #ffffff;
    /*border: 1px solid black;*/
}

.gadget .submitBut {
    border: 1px solid #7bcd2d;
    border-radius: 5px;
    background-color: #7bcd2d;
    background-image: url("../img/icon_sprite.png");
    background-repeat: no-repeat;
    background-position: 6px -213px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.specialOfferContainerWrapper {
    margin: 0 auto;
}

.specialOfferContainer {
    width: 300px;
    /*display: inline-block;*/
    float: left;
}

.specialOfferContainer h1 a {
    font-size: 14px;
    line-height: 2rem;
}

.specialOfferContainer h1 a:hover {
    text-decoration: none;
    color: #000000;
}

.specialOfferContainer .specialOfferContent {
    border-right: 1px solid #cccccc;
    padding-right: 30px;
    margin-right: 30px;
}

.specialOfferContainer .specialOfferContent.last {
    border-right: none;
    padding-right: 30px;
    margin-right: 0;
}

.specialOfferContainer .specialOfferContent a:hover {
    text-decoration: none;
    color: #000000;
}

.specialOfferContent .introText {
    line-height: 1rem;
    margin-bottom: 10px;
}

.specialOfferContent .thumbnail {
    width: 85px;
    height: 85px;
    margin-right: 10px;
    float: left;
}

.specialOfferContent .infoText {
    height: 95px;
    overflow: hidden;
    line-height: 1.2rem;
    margin-bottom: 15px;
}

.specialOfferContent .priceTag {
    font-size: 17px;
    font-weight: bold;
    color: #7BCD2D;
}

.offerList {
    width: 970px;
}

.offerList .specialOfferBox {
    float: left;
    width: 300px;
    height: 200px;
    margin: 8px;
}

.specialOfferBox {
    position: relative;
}

.specialOfferBox .offerLabel {
    position: absolute;
    width: 58px;
    height: 30px;
    top: 10px;
    left: 0;
    background: url('../img/offerlabel.png') no-repeat;
    background-size: cover;
}

.offerLabel span {
    position:absolute;
    top: 6px;
    left: 7px;
    color: white;
    font-size: 0.9rem;
    font-weight: bold;
}

.specialOfferBanner .specialOfferBox .offerLabel {
    display: none;
}

.specialOfferBox table {
    border-collapse: collapse;
    height: 200px;
    border: 1px solid #EAEAEA;
}

.specialOfferBox table td {
    border-collapse: collapse;
    padding: 3px;
}

.specialOfferBox .butAddToCart {
    margin: 2px 0 0 0;
}

.specialOfferBox table .specialOfferPrice {
    margin-right: 10px;
    font-weight: bold;
    font-size: 12px;
    color: #5CA713;
}

.specialOfferBanner {
    /*display: none;*/
}

.specialOfferBanner .offerList {
    width: auto;
    border: 1px solid #a6a6a6;
}

.specialOfferBanner .offerList .offerLabel {
    transform: rotate(-90deg);
    float: left;
    background-color: #ce2a2a;
    color: #ffffff;
    width: 66px;
    padding: 2px 0 2px 0;
    margin: 21px 0 0 -28px;
    letter-spacing: 0.05rem;
}

.specialOfferBanner .offerList .offerLabel a {
    display: block;
    color: #ffffff;
}

.specialOfferBanner .offerList .specialOfferBox {
    height: 60px;
    margin: 0;
}

.specialOfferBanner .offerList .specialOfferBox table {
    border: none;
    height: 30px;
}

.specialOfferBanner .offerList .specialOfferBox table td {
    padding: 0;
}

.specialOfferBanner .offerList .specialOfferBox img {
    max-width: 50px;
    max-height: 50px;
    margin-top: -10px;
}

.specialOfferBanner .offerList .specialOfferBox table .specialOfferDescription,
.specialOfferBanner .offerList .specialOfferBox table .specialOfferPrice {
    display: block;
    width: 210px;
    overflow: hidden;
    margin: 0 30px 3px 10px;
}

.specialOfferBanner .offerList .specialOfferBox table .specialOfferDescription {
    height: 28px;
}

.specialOfferBanner  .offerList .specialOfferBox table .specialOfferPrice {
    font-weight: bold;
    font-size: 12px;
    color: #5CA713;
    margin: 0 0 0 10px;
}

.specialOfferBanner .offerList .specialOfferBox table a:hover {
    text-decoration: none;
}

.specialOfferPrice td{
    font-size: 12px;
}
/* --------------------------------------------------------- CONTENT - GENERAL */

#insideGeneralContent h1,
#insideGeneralContentWithoutRightColumn h1
{
    font-size: 16px;
    color: #078dd6;
    margin: 0 0 10px 0;
}

#insideFrontPageStoryContainer h1 {
    font-size: 16px;
    margin: 0 0 10px 0;
}

#insideGeneralContent .content,
#insideGeneralContentWithoutRightColumn .content,
#insideFrontPageStoryContainer .content {
    padding: 0;
    margin: 0;
}

#insideGeneralContent a,
#insideGeneralContentWithoutRightColumn a,
.textSearchContainer a,
#insideFrontPageStoryContainer a {
    text-decoration: none;
    color: #004686;
}

#insideGeneralContent a:hover,
#insideGeneralContentWithoutRightColumn a:hover
.textSearchContainer a:hover,
#insideFrontPageStoryContainer a:hover {
    text-decoration: underline;
    color: #004686;
}

#insideGeneralContent textarea {
    font-size: 11px;
    color: #59616A;
}

.textSearchContainer {
    padding: 5px;
    margin: 0 0 20px 0;
}

.textSearchContainer h1 {
    font-size: 16px;
    color: #078dd6;
    margin: 0 0 0 3px;
}

/* --------------------------------------------------------- CONTENT - SHOP SEARCH */

.shopSliderContainer {
    width: 850px;
    margin: 0 auto 20px auto;
    overflow: hidden;
}

.shopSliderContainer .shopSlider {
    margin: 0;
    padding: 0;
}

.shopSlider a {
    line-height: 0;
    cursor: pointer;
}

.shopSearchContainer {
    width: 700px;
    margin: 0 auto;
}

.formItem {
    margin-bottom: 30px;
}

.formItem label {
    font-size: 12px;
}

.formItem.customSelect #searchTypeSelect-button {
    padding: 5px 0 2px 0;
    float: left;
}

.formItem.customSelect #shipping-button {
    float: right;
}

.shopSearchContainer input[type=text] {
    width: calc(100% - 206px);
    /*height: 36px;*/
    border: 1px solid #7bcd2d;
    background-color: #ffffff;
    padding: 9px 8px 8px 8px;
    font-size: 14px;
    color: #59616A;
    float: left;
}

/*IE Hack*/
:root .shopSearchContainer input[type=text] {
    height: 36px;
}

.shopSearchContainer input[type=text].singleSearch {
    width: 170px;
    height: 36px;
    background-color: #7bcd2d;
    padding: 10px 8px 9px 8px;
    font-size: 12px;
    color: #ffffff;
    pointer-events: none;
    border-radius: 5px 0 0 5px;
}

.shopSearchContainer input[type=submit] {
    border: 1px solid #7bcd2d;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #7bcd2d;
    background-image: url("../img/icon_sprite.png");
    background-repeat: no-repeat;
    background-position: 9px 5px;
    width: 36px;
    height: 36px;
    float: left;
    cursor: pointer;
}

::-webkit-input-placeholder {
    color: #59616A !important;
}

:-moz-placeholder {
    color: #59616A !important;
}

::-moz-placeholder {
    color: #59616A !important;
}

:-ms-input-placeholder {
    color: #59616A !important;
}

.shopSearchContainer .switchContainer {
    float: left;
    padding-top: 2px;
}

.shopSearchContainer .formButtonContainer {
    float: right;
}

.shopSearchContainer .formButtonContainer input {
    float: left;
    margin-left: 10px;
}

.switchContainer .switchItem {
    margin-right: 20px;
    margin-bottom: 10px;
    float: left;
}

.onoffswitch {
    position: relative;
    width: 40px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select: none;
    float: left;
    border: 1px solid #7BCD2D;
    border-radius: 5px;
}

/*.graySwitches .onoffswitch {*/
    /*border: 1px solid #a5a7a8;*/
/*}*/

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    /*border: 2px solid #FFFFFF;*/
    border-radius: 5px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 20px;
    padding: 0;
    line-height: 20px;
    font-size: 10px;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "";
    padding-left: 5px;
    background-color: #D7F6B9;
}

.onoffswitch-inner:after {
    content: "";
    padding-right: 5px;
    background-color: #D7F6B9;
    text-align: right;
}

.graySwitches .onoffswitch-inner:before,
.insideContentSwitch .onoffswitch-inner:before {
    content: "I";
    /*color: #7BCD2D;*/
}

.graySwitches .onoffswitch-inner:after,
.insideContentSwitch .onoffswitch-inner:after {
    content: "O";
    /*color: #7BCD2D;*/
}

/*.graySwitches .onoffswitch-inner:before,*/
/*.graySwitches .onoffswitch-inner:after {*/
    /*background-color: #cccccc;*/
/*}*/

.onoffswitch-switch {
    display: block;
    width: 18px;
    margin: 0;
    background: #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 21px;
    border-left: 1px solid #7BCD2D;
    border-right: 1px solid #7BCD2D;
    border-radius: 5px;
    transition: all 0.3s ease-in 0s;
}

/*.graySwitches .onoffswitch-switch {*/
    /*border-left: 1px solid #a5a7a8;*/
    /*border-right: 1px solid #a5a7a8;*/
/*}*/

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0;
    background-color: #7BCD2D;
}

/*.graySwitches .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {*/
    /*background-color: #a5a7a8;*/
/*}*/
.pseudoLabelLeft,
.pseudoLabel {
    float: left;
    margin: 4px 0 0 10px;
    font-size: 11px;
}
.pseudoLabelLeft{
    margin-left: 0px;
    padding-right: 10px;
}

.resultList .pseudoLabel {
    font-size: inherit;
}

.graySwitches {
    margin-right: 40px;
    float: left;
}

.insideContentSwitch {
    margin: 30px 0 20px 0;
}


/* --------------------------------------------------------- CONTENT - SHOP */

#simpleSearch,
#expertSearch {
    width: 450px;
    padding: 5px;
}

#searchStep1,
#searchStep2 {
    width: 380px;
    height: 51px;
    margin: 0 0 30px 0;
    padding: 3px 5px 3px 65px;
    border: 1px solid #59616a;
}

#searchStep1 {
    background: url("../img/bg_search_step1.png") left center no-repeat;
}

#searchStep2 {
    background: url("../img/bg_search_step2.png") left center no-repeat;
}

#searchFilterContainer {
    /*position: relative;*/
    /*top: 0;*/
    /*left: 0;*/
    /*height: 500px;*/
    padding: 0 0 5px 0;
    text-align: left;
    width: 168px;
    border: 1px solid black;
}

.loadingContainer {
    width: 940px;
    height: 500px;
    display: table-cell;
    vertical-align: middle;
}

.openedFilter {
    /*width: 220px;*/
    background: url("../img/bg_searchfilter.png") bottom left no-repeat;
}

.closedFilter {
    width: 20px;
    background: none;
}

#filterColumn {}

#searchFilterContent,
#filterBox,
#lastViewedArticlesContent,
#lastViewedArticlesBox {
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 0 0 5px 0;
    text-align: left;
    background-color: #fafafa;
}

#lastViewedArticlesContent,
#lastViewedArticlesBox {
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.filterHead {
    width: 182px;
    padding: 3px 0 3px 5px;
    background: #ECECEC;
    font-size: 14px;
    font-weight: bold;
    /*display: none;*/
}

.filterOptions {
    width: 182px;
    padding: 5px 0 5px 5px;
    /*border: 1px solid black;*/
    /*display: none;*/
}

.filterHead.lastViewed,
.filterOptions.lastViewed {
    width: 202px;
}

.filterOptionsHead {
    display: block;
    margin: 0 0 3px 0;
    /*border: 1px solid black;*/
}

.filterOptions div {
    margin: 5px 0 10px 0;
    /*border: 1px solid black;*/
}

.filterOptions form input[type=text] {
    border: 1px solid #7bcd2d;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #ffffff;
    padding: 4px;
    font-size: 14px;
    color: #aaaaaa;
    width: 140px;
    height: 28px;
    float: left;
}

.filterOptions form input[type=submit] {
    border: 1px solid #7bcd2d;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #7bcd2d;
    background-image: url("../img/icon_sprite.png");
    background-repeat: no-repeat;
    background-position: 8px 5px;
    background-size: 20px;
    width: 28px;
    height: 28px;
    float: left;
    cursor: pointer;
}

.filterOptions ul {
    width: 165px;
    margin: 0;
    padding: 0 0 0 15px;
    list-style-type: none;
    /*border: 1px solid black;*/
}

.filterOptions ul li a {
    text-decoration: none;
    color: #59616a;
    font-size: 11px;
    line-height: 16px;
}

.filterOptions ul li a:hover {
    text-decoration: underline;
    color: #59616a;
    font-size: 11px;
    line-height: 16px;
}

.showMore,
.showMore:hover,
.showLess,
.showLess:hover {
    text-decoration: underline;
    color: #4ca713;
    padding: 0 0 0 17px;
    margin: 3px 0 3px 0;
    display: block;
}

#searchFilterLug,
#lastViewedArticlesLug {
    width: 20px;
    height: 50px;
    visibility: hidden;
    /*border: 1px solid black;*/
}

#lastViewedArticlesLug {
    width: 18px;
    margin-left: 7px;
    visibility: visible;
}

/*.filterClose {*/
    /*margin: 0 0 0 -6px;*/
/*}*/

/*.filterOpen {*/
    /*margin: 0 0 0 0;*/
/*}*/

.filterOpenBlink a,
.filterOpen a,
.filterClose a,
.lastViewedOpen a,
.lastViewedClose a {
    width: 18px;
    height: 46px;
    display: block;
    background-image: url("../img/lug_sprite.png");
    background-repeat: no-repeat;
}

.filterOpenBlink a {
    /*background-image: url("/img/filter_open.gif");*/
    background-position: 0 0;
}

.filterClose a {
    background-position: 0 -56px;
}

.filterOpen a {
    background-position: 0 0;
}

.lastViewedClose a {
    background-position: 0 -112px;
}

.lastViewedOpen a {
    background-position: 0 -167px;
}

.butSearchFilter {
    padding: 0 10px 0 0;
}

#detailSearchContainer {
    width: 940px;
    float: left;
    /*border: 1px solid black;*/
}

#lastViewedArticlesContainer {
    width: 25px;
    float: left;
    /*border: 1px solid black;*/
}

.fullShopWidth {
    width: 940px;
    /*border: 1px solid black;*/
}

.filterShopWidth {
    width: 750px;
    /*border: 1px solid black;*/
}

.filterShopWidth2 {     /* TEST */
    width: 700px;
    /*border: 1px solid black;*/
}

.inCartWidth {
    width: 917px;
}

h1.cartContact {
    font-size: 14px;
    font-weight: bold;
    padding: 3px 3px 3px 5px;
    background: #D6E9C4 url("../img/arrow_assistant.png") no-repeat center right;
}

#searchResultsContainer {
    position: relative;
    top: 0;
    left: 0;
    /*width: 975px;*/
}

#searchResults {
    /*border: 1px solid black;*/
}

#searchInfoContainer {
    /*width: 750px;*/
    padding: 0;
    /*border: 1px solid black;*/
}

#searchInfoBox {
    width: 700px;
    min-height: 15px;
    /*height: 50px;*/
    padding: 5px;
    text-align: left;
    font-size: 14px;
}

.resultPaging {
    /*width: 750px;*/
    height: 25px;
    /*border: 1px solid black;*/
    margin: 10px 0 10px 0;
    padding: 0 0 0 0;
}

.resultPaging ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: right;
}

.resultPaging ul li {
    display: inline;
    float: left;
    text-align: center;
}

.resultPaging ul li a.arrowPagingPrev,
.resultPaging ul li a.arrowPagingPrev:hover,
.resultPaging ul li a.arrowPagingNext,
.resultPaging ul li a.arrowPagingNext:hover {
    width: 22px;
    height: 22px;
    padding: 5px 2px 0 2px;
    display: block;
    background-color: #59616A;
    background-image: url("../img/arrow_paging.png");
    background-repeat: no-repeat;
}

.resultPaging ul li a.arrowPagingPrev,
.resultPaging ul li a.arrowPagingPrev:hover {
    background-position: 1px -37px;
    margin: 0 2px 0 0;
}

.resultPaging ul li a.arrowPagingNext,
.resultPaging ul li a.arrowPagingNext:hover {
    background-position: 2px 3px;
    margin: 0 0 0 2px;
}

.resultPaging ul li a.butPage,
.resultPaging ul li a.butPage:hover,
.resultPaging ul li a.butPageAct,
.resultPaging ul li a.butPageDots {
    width: 30px;
    height: 22px;
    /*background-image: url("/img/bg_paging.png");*/
    /*background-repeat: no-repeat;*/
    /*background-position: 0 0;*/
    background-color: #59616A;
    color: #ffffff;
    font-weight: bold;
    display: block;
    margin: 0 2px 0 2px;
    padding: 5px 0 0 0;
}

.resultPaging ul li a.butPageAct {
    background-color: #ECECEC;
    color: #59616A;
}

.resultPaging ul li a.butPageDots {
    cursor: default;
    background: none;
    width: 15px;
    margin: 0;
    color: #59616A;
}

.resultList {
    border-collapse: collapse;
    margin: 5px 0 5px 0;
}

.resultList .resultList {
    margin: 0;
}

#insideContentContainer.cartView .resultList {
    width: 100%;
}

#insideContentContainer.cartView .resultList.floatable {
    width: 49%;
    margin-right: 2%;
    float: left;
}

#insideContentContainer.cartView .resultList.floatable + table {
    margin-right: 0;
}

#insideContentContainer.cartView .resultList.floatable .cartButtons {
    display: block;
    width: auto;
    float: right;
}

#insideContentContainer.cartView .resultList.orderData tr td:first-of-type {
    width: 200px;
}

.resultList th {
    padding: 5px 5px 4px 5px;
    font-size: 12px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    color: #008DCE;
    /*background-color: #ECECEC;*/
}

.resultList th.firstColumn {
    border-left: 1px solid #cccccc;
}

.resultList th.lastColumn {
    border-right: 1px solid #cccccc;
}

.resultList th.forLogin {
    background: url(/img/bg_login_head.png) top left no-repeat;
    padding: 5px 5px 5px 25px;
}

.resultList th a,
.resultList th a:hover,
#insideGeneralContentWithoutRightColumn .resultList th a,
#insideGeneralContent .resultList th a,
#insideGeneralContentWithoutRightColumn .resultList th a:hover,
#insideGeneralContent .resultList th a:hover {
    text-decoration: none;
    color: #008DCE;
    padding: 0 11px 0 0;
}

.resultList th.sortable a,
.resultList th a.sortOff {
    background: url("../img/arrow_off.png") center right no-repeat;
}

.resultList th.order1 a,
.resultList th a.sortDown {
    background: url("../img/arrow_down.png") center right no-repeat;
}

.resultList th.order2 a,
.resultList th a.sortUp {
    background: url("../img/arrow_up.png") center right no-repeat;
}

.resultList tfoot th {
    color: #59616A;
}

.resultList td {
    padding: 5px;
}

#insideContentContainer.cartView .resultList.floatable td {
    padding: 5px 0 5px 5px;
}

#insideContentContainer.cartView .resultList.orderData td {
    padding: 0 5px 0 5px;
    line-height: 16px;
}

.resultList td.clearSidePaddings {
    padding: 5px 0 5px 0;
}

.resultList td.noPadding {
    padding: 0;
}

.resultList td a,
.resultList td a:hover,
#insideGeneralContentWithoutRightColumn .resultList td a,
#insideGeneralContent .resultList td a,
#insideGeneralContentWithoutRightColumn .resultList td a:hover,
#insideGeneralContent .resultList td a:hover {
    text-decoration: none;
    color: #59616a;
}

.resultList th.widthColPosition {
    width: 60px;
}

.resultList th.widthColImage {
    width: 90px;
}

.resultList th.widthColDescription {
    width: 250px;
}

.resultList th.widthColModel {
    width: 100px;
}

.resultList th.widthColManufacturer {
    width: 80px;
}

.resultList th.widthColAmount {
    width: 100px;
}

.resultList th.widthColPrice {
    width: 70px;
}

.resultList th.widthColLineTotal {
    width: 120px;
}

.resultList td.addText {
    /*padding-right: 20px;*/
    
}

.resultList .articleDescriptionCart {
    width: 110px;
    float: left;
    margin-right: 3px;
}

.resultList .addArticleTextCart {
    width: 16px;
    float: left;
}

.resultList .addArticleTextCart span {
    display: block;
    width: 16px;
    height: 16px;
    background: url(/img/icon_addText.png) 0 0 no-repeat;
    cursor: pointer;
}

.resultList .addArticleTextCart span.textAdded {
    background: url(/img/icon_addText.png) 0 -20px no-repeat;
}

.resultList .additionalArticleText {
    display: none;
    margin: 5px 0 0 0;
    padding: 0;
    width: 130px;
}

.resultList .additionalArticleText textarea {
    width: 125px;
    height: 36px;
    margin: 0;
    color: #59616a;
    font-family: arial, sans-serif;
    font-size: 11px;
}

.odd:not(.selected) {
    background: url("../img/bg_list_white.gif") bottom left repeat-x;
}

.even:not(.selected) {
    background: url("../img/bg_list_gray.gif") bottom left repeat-x;
}

.rowMouseOver {
    background: url("../img/bg_list_green.gif") bottom left repeat-x;
}

.showAsDisabled {
    opacity: 0.45;
}

.resultList td a.successiveItemLink {
    display: block;
    color: #7BCD2D;
    font-weight: bold;
    margin-top: 10px;
}

.resultList td .readOnly {
    display: block;
    line-height: 16px;
}

.quantityWrapper {
    width: 95px;
    margin-bottom: 5px;
}

.quantityWrapper.summary {
    width: 55px;
}

.quantityWrapper input[type=text] {
    width: 40px;
    height: 24px;
    margin: 0 3px 0 0;
    float: left;
}

.quantityWrapper .quantityInfo {
    display: block;
    width: 22px;
    height: 20px;
    background-image: url("../img/quantity_warning.png");
    background-repeat: no-repeat;
    float: right;
    cursor: pointer;
}

.quantityInfo.greenColor {
    background-position: 2px 1px;
}

.quantityInfo.orangeColor {
    background-position: 0 -74px;
}

.quantityInfo.redColor {
    background-position: 0 -36px;
}

#insideGeneralContent .resultList td a.butColor,
#insideGeneralContent .resultList td a.butColor:hover {
    border: 1px solid #59616A;
    color: #ffffff;
}

.www {
    text-decoration: none !important;
    /*color: #004686 !important;*/
}

.www:hover {
    text-decoration: underline !important;
}

.butAddToCart,
.butAddToCartWorking,
.butAddToCartAdded,
.butFavCartAdd,
.butFavCartDelete,
.butFavCartActivate,
.butAddRefundToCart,
.butAddRefundToCartAdded,
.documentSearchTakeButton {
    width: 26px;
    height: 26px;
    display: block;
    margin: 2px auto;
    border-radius: 5px;
    background-color: #7BCD2D;
    background-image: url("../img/buttons/icons_sprite.png");
    background-repeat: no-repeat;

}

.butAddToFavCart,
.butRemoveFromFavCart {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #ffffff;
    background-image: url("../img/buttons/add_to_fav.png");
    background-repeat: no-repeat;
    background-size: 18px;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #cccccc;
}

.butAddToFavCart {
    background-position: 0 -21px;
}

.butRemoveFromFavCart {
    background-position: 0 0;
}

.butAddToCart {
    background-position: 1px 0;
}

.butAddToCartWorking {
    background-image: url("../img/buttons/icon_cart_work.gif");
    background-position: 1px 1px;
}

.butAddToCartAdded {
    background-position: 1px -67px;
}

.butFavCartAdd {
    background-position: 1px 0;
}

.butFavCartDelete {
    background-color: #D23232;
    background-position: 1px -34px;
}

.butFavCartActivate {
    background-position: 1px -102px;
}

.documentSearchTakeButton {
    background-position: 1px -203px;
}

.rl_col1 {
    padding: 5px 0 5px 2px !important;
    position: relative;
}

.butRecommend {
    display: block;
    width: 18px;
    height: 18px;
    background-color: #ffffff;
    background-image: url("../img/buttons/add_to_fav.png");
    background-repeat: no-repeat;
    background-position: 0 -43px;
    background-size: 18px;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #cccccc;
}

.rl_col1 .butRecommend {
    display: none;
    position: absolute;
    left: 2px;
    bottom: 5px;
}

.previewThumbSummary {
    max-width: 40px;
    max-height: 40px;
}

.previewThumbPromotion {
    /*max-width: 80px;*/
    /*width: expression( this.width > "80px" ? "80px": true );*/
    /*max-height: 80px;*/
    /*height: expression( this.height > "80px" ? "80px": true );*/
}

.imgBorder {
    border: 1px solid #E1E2E3;
}

.availabilityRed,
.availabilityOrange,
.availabilityYellow,
.availabilityGreen,
.availabilityRedGreen {
    width: 86px;
    height: 8px;
    display: block;
    margin: 2px 0 3px 0;
    background-image: url("../img/status_sprite.gif");
    background-repeat: no-repeat;
}

.availabilityRed {
    background-position: 0 -54px;
}

.availabilityOrange {
    background-position: 0 -36px;
}

.availabilityYellow {
    background-position: 0 -18px;
}

.availabilityGreen {
    background-position: 0 0;
}

.availabilityRedGreen {
    background-position: 0 -72px;
}

.infoIcon {
    background-image: url("../img/icon_info_sprite.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
}

.infoSilver,
.infoGold {
    clear: both;
    width: 47px;
    height: 24px;
    display: block;
    margin: 0 0 0 0;
}

.infoSilver {
    background-position: 0 -440px;
}

.infoGold {
    background-position: 0 -480px;
}

.infoRohsOk,
.infoRohsNotOk,
.infoRohsNotRelevant,
.infoReachOk {
    width: 34px;
    height: 24px;
    margin: 0 5px 0 0;
}

.infoReachOk {
    width: 42px;
}

.infoRohsOk {
    background-position: 0 6px;
}

span.infoRohsOk {
    background-position: 0 11px;
}

.infoRohsNotOk {
    background-position: 0 -55px;
}

span.infoRohsNotOk {
    background-position: 0 -50px;
}

.infoRohsNotRelevant {
    background-position: 0 -25px;
}

span.infoRohsNotRelevant {
    background-position: 0 -20px;
}

.infoReachOk {
    background-position: 0 -85px;
}

span.infoReachOk {
    background-position: 0 -81px;
}

.infoOffer,
.infoLimitedOffer,
.infoSpecialCondition,
.infoReference,
.infoDiscontinued,
.infoSurcharge,
.infoSpecializedShop,
.infoBlockPricing,
.infoSpecialPrice,
.infoDefaultArticle,
.infoCableRemains{
    margin: 0 3px 5px 0;
    width: 24px;
    height: 24px;
}

.infoSurcharge,
.infoSpecializedShop {
    margin: 0 3px 0 0;
}

.infoOffer {
    background-position: 0 -251px;
}

.infoOfferText {
    width: 52px;
    height: 22px;
    background-position: 0 -1291px;
}

.infoLimitedOffer {
    background-position: 0 -210px;
}

.infoReference {
    background-position: 0 -124px;
}

.infoDiscontinued {
    background-position: 0 -296px;
}

.infoSurcharge {
    background-position: 0 -340px;
}

span.infoSurcharge {
    background-position: 0 -329px;
}

.infoSpecializedShop {
    background-position: 0 -360px;
}

.infoBlockPricing {
    background-position: 0 -400px;
}

.infoSpecialCondition {
    background-position: 0 -167px;
}

.infoSpecialPrice {
    background-position: 0 -1203px;
}

.infoDefaultArticle{
    background-position: 0 -1336px;
}
.infoCableRemains{
    background-image: url("../img/icon_cable_leftover.png");
    cursor: pointer;
}

.infoManual,
.infoScale,
.infoCatalogImage,
.infoEnergyLabel,
.infoAudio,
.infoURL,
.infoSecuritySheet,
.infoSupplierDeclaration,
.infoSpecs,
.infoAmbientImage,
.infoInstallation,
.infoMisc,
.infoLogo,
.infoEnvironmentLabel,
.infoConnectionScheme {
    width: 28px;
    height: 28px;
}

.infoManual {
    background-position: 0 -521px;
}

.infoScale {
    background-position: 0 -566px;
}

.infoCatalogImage {
    background-position: 0 -610px;
}

.infoEnergyLabel {
    background-position: 0 -650px;
}

.infoAudio {
    background-position: 0 -698px;
}

.infoURL {
    background-position: 0 -744px;
}

.infoSecuritySheet {
    background-position: 0 -789px;
}

.infoSupplierDeclaration {
    background-position: 0 -837px;
}

.infoSpecs {
    background-position: 0 -886px;
}

.infoAmbientImage {
    background-position: 0 -933px;
}

.infoInstallation {
    background-position: 0 -977px;
}

.infoMisc {
    background-position: 0 -1023px;
}

.infoLogo {
    background-position: 0 -1070px;
}

.infoEnvironmentLabel {
    background-position: 0 -1114px;
}

.infoConnectionScheme {
    background-position: 0 -1159px;
}

span.infoIcon {
    margin: 0;
}

span.infoIcon.inResultList {
    margin: 0 3px 5px 0;
    cursor: pointer;
}

.eecIcon {
    background-image: url("../img/eec_sprite.png");
    width: 53px;
    height: 22px;
    display: block;
    clear: both;
    margin: 0 0 3px 0;
}

.A,
.A\+,
.A\+\+,
.A\+\+\+,
.A\+\+\+\,,
.A\+\+\,,
.A\+\+-,
.A\+\,,
.A\+\+\+-A\+\+,
.A\+\+-A,
.A\+\+-A\+,
.A\+-A,
.A-A\+\+,
.A\+\+-B,
.A\+-B,
.A\+\+U-UA,
.A\+\+U-UE,
.B,
.B-A,
.B-C,
.C,
.CU-UE,
.D,
.E,
.F,
.G,
.NA {

}

.eecIcon.A\+-A,
.eecIcon.A\+\+-,
.eecIcon.A\+\+-A,
.eecIcon.A\+\+-A\+,
.eecIcon.A-A\+\+,
.eecIcon.A\+\+\+-A\+\+,
.eecIcon.B-A,
.eecIcon.A\+\+-B,
.eecIcon.A\+-B,
.eecIcon.B-C {
    width: 97px;
}

/*Energieeffizienzklasse A*/
.A {
    background-position: 0 -87px;
}

/*Energieeffizienzklasse A+*/
.A\+ {
    background-position: 0 -58px;
}

/*Energieeffizienzklasse A+-A*/
.A\+-A {
    background-position: 0 -347px;
}

/*Energieeffizienzklasse A++*/
.A\+\+ {
    background-position: 0 -29px;
}

/*Energieeffizienzklasse A++-*/
.A\+\+- {
    background-position: 0 -404px;
}

/*Energieeffizienzklasse A++-A*/
.A\+\+-A {
    background-position: 0 -376px;
}

/*Energieeffizienzklasse A++-A+*/
.A\+\+-A\+ {
    background-position: 0 -319px;
}

/*Energieeffizienzklasse A-A++*/
.A-A\+\+ {
    background-position: 0 -432px;
}

/*Energieeffizienzklasse A+++*/
.A\+\+\+ {
    background-position: 0 0;
}

/*Energieeffizienzklasse A+++-A++*/
.A\+\+\+-A\+\+ {
    background-position: 0 -290px;
}

/*Energieeffizienzklasse B*/
.B {
    background-position: 0 -116px;
}

/*Energieeffizienzklasse B-A*/
.B-A {
    background-position: 0 -517px;
}

/*Energieeffizienzklasse A++-B*/
.A\+\+-B {
    background-position: 0 -489px;
}

/*Energieeffizienzklasse A+-B*/
.A\+-B {
    background-position: 0 -460px;
}

/*Energieeffizienzklasse B-C*/
.B-C {
    background-position: 0 -545px;
}

/*Energieeffizienzklasse C*/
.C {
    background-position: 0 -145px;
}

/*Energieeffizienzklasse D*/
.D {
    background-position: 0 -174px;
}

/*Energieeffizienzklasse E*/
.E {
    background-position: 0 -203px;
}

/*Energieeffizienzklasse F*/
.F {
    background-position: 0 -232px;
}

/*Energieeffizienzklasse G*/
.G {
    background-position: 0 -261px;
}

/*Vermutlich nicht angegeben ;-)*/
.NA,
.A\+\+U-UA,
.A\+\+U-UE,
.CU-UE {
    display: none;
}

.resultListInfoBoxContainer {
    position: relative;
}

.resultListInfoBox,
.resultListInfoBoxDetail,
.resultListInfoBoxBlockPricing,
.resultListInfoBoxCart {
    display: none;
    position: absolute;
    top: -110px;
    left: -405px;
    z-index:5;
    width: 400px;
    padding: 0;
    background-color: #fafafa;
}
.resultListInfoBoxSlider{
    background-color: #fafafa;
}
#lagerDetail {
    top: -165px;
}

.resultListInfoBoxDetail {
    left: -100px;
}

.resultListInfoBoxDetail a {
    color: #59616a;
    text-decoration: none;
}

.resultListInfoBoxBlockPricing {
    top: -50px;
    left: -493px;
}

.resultListInfoBoxCart {
    /*top: 0;*/
    left: -325px;
    z-index: 10000;
}

.resultListInfoBoxOnBut {
    display: none;
    position: absolute;
    top: -110px;
    left: -400px;
    z-index:5;
    width: 400px;
    padding: 0;
    background-color: #fafafa;
}

.resultListInfoBoxBorder {
    border: 1px solid #cccccc;
    /*width: 395px;*/
    /*margin-bottom: 3px;*/
}

.ledFinderContainer {
    display: none;
}

/* --------------------------------------------------------- CONTENT - RECOMMENDED ARTICLES */

.includeRecommendedArticles {}

.resultList .recommendedArticlesRow {
    display: none;
    /*visibility: hidden;*/
}

.resultList .recommendedArticlesRow > td {
    padding: 0 !important;
}

.butCloseBox {
    width: 20px;
    height: 20px;
    padding: 0 5px 0 5px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    cursor: pointer;
  /*  border: 1px solid #59616A;
    color: #ea0000 !important;
    background: url("/img/buttons/but_blank.png") 0 0 repeat-x;*/
    border: 1px solid #59616A;
    color: #ffffff !important;
    background-color: #D23232;
}

.recommendedArticlesContainer, .styledTabsContainer {
    position: relative;
    border: 1px solid #cccccc;
    /*width: 100%;*/
}

.recommendedArticlesContainer .closeSlider {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    z-index: 1;
}

.recommendedArticlesContainer .slideLeft,
.recommendedArticlesContainer .slideRight {
    float: left;
    width: 26px;
    height: 82px;
    background-image: url("../img/slider_controls.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}


.recommendedArticlesContainer .slideRight {
    background-position: 0 -88px;
}

.recommendedArticlesContainer .articlesSlider {
    margin-top: 20px;
    padding-bottom: 10px;
}

.articlesSlider.referenceArticles {
    /*display: none;*/
    /*visibility: hidden;*/
}

.articlesSlider ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.articlesSlider ul li {}

.articlesSlider ul li {
    /*margin-right: 6px;*/
    /*margin-left: 5px;*/
    /*border-right: 1px solid black;*/
}

.articlesSlider ul li .sliderItem {
    /*width: 260px;*/
    cursor: pointer;
    padding: 10px 0 10px 0;
    /*border-right: 1px solid black;*/
}

.sliderItem .recommendedArticleImage {
    width: 82px;
    height: 82px;
    margin-right: 10px;
    float: left;
}

.recommendedArticleImage > img {
    border: 1px solid #E1E2E3;
}

.sliderItem .recommendedArticleInfo {
    position: relative;
    width: 168px;
    height: 82px;
    float: left;
    text-decoration: none;
    color: #59616a;
    font-family: arial,sans-serif;
    font-size: 11px;
}

.recommendedArticleInfo .recommendedArticleInfoWrapper {
    height: 44px;
    overflow-y: hidden;
    line-height: 100%;
    overflow-x: hidden;
}

.recommendedArticleInfo .availabilityBar {
    margin: 5px 0 10px 0;
}

.recommendedArticleInfo .valueCartContainer {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 65px;
}

.recommendedArticleInfo .articlePrice {
    width: 85px;
    margin-top: -5px;
}

.valueCartContainer input[type=text] {
    display: block;
    float: left;
    margin: 7px 5px 0 0;
}

.valueCartContainer span {
    display: block;
    float: left;
}

/* --------------------------------------------------------- CONTENT - RECOMMENDED ARTICLES END */

#articleDetailContentContainer {
    padding: 0 15px 0 10px;
}

#articleDetailContainer {
    /*border: 1px solid black;*/
    margin: 5px 0 0 0;
}

.articleDetailHead {
    font-size: 16px;
    color: #337fc6;
    margin-bottom: 5px;
}

.articleDetailHead span {
    font-size: 14px;
    font-weight: normal;
    /*color: #59616A !important;*/
}

.articleImageColumn {
    clear: both;
    width: 280px;
    margin-right: 20px;
    float: left;
}

.articleImageColumn .articleRequest {
    display: block;
    margin-top: 15px;
    padding: 5px 0 5px 33px;
    background-image: url("../img/icon_mail_send.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    color: inherit;
    cursor: pointer;
}

.articleImageColumn .articleRequest:hover {
    color: #000000;
}

.articleImageColumn .articleRequestDialog {
    display: none;
    position: relative;
    width: 260px;
    height: auto;
    margin-top: 10px;
    padding: 20px 10px 10px 10px;
    border: 1px solid #cccccc;
}

.articleRequestDialog label {
    display: block;
}

.articleRequestDialog input,
.articleRequestDialog textarea {
    width: 100%;
    margin-bottom: 10px;
}

.articleRequestDialog textarea {
    height: 80px;
}

.articleRequestDialog .butCloseLogin {
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.articleDataColumn {
    width: 670px;
    float: left;
}

.articleDataColumn .articleInfoIconsWrapper {
    margin-bottom: 5px;
}

.articleInfoIconsWrapper .articleInfoIcons,
.articleInfoIconsWrapper .articleFunctions {
    width: 50%;
    float: left;
}

.articleInfoIconsWrapper .articleInfoIcons .infoIcon {
    margin-right: 10px;
}

.articleInfoIconsWrapper .articleInfoIcons .eecIcon {
    clear: inherit;
    float: left;
}

.articleInfoIconsWrapper .articleFunctions div {
    float: right;
}

.articleInfoIconsWrapper .articleFunctions input[type=submit],
.articleInfoIconsWrapper .articleFunctions a {
    margin-left: 10px;
}

.articleDataColumn .articleData {
    width: 380px;
    padding-right: 19px;
    margin-right: 20px;
    border-right: 1px solid #E1E2E3;
    float: left;
}

.articleDataColumn .articlePrices {
    width: 250px;
    float: left;
}

.articlePrices .manufacturerLogo {
    margin: 0 0 20px 0;
    text-align: left;
}

.articlePrices .manufacturerLogo img {
    width: auto;
    height: auto;
    max-width: 100px;
    max-height: 50px;
}

.articlePrices .copperList {
    margin-bottom: 20px;
}

.articlePrices .resultList {
    width: 100%;
    margin: 0;
}

.articleData .articlePriceTag {
    font-size: 24px;
    font-weight: bold;
    color: #7BCD2D;
    width: 310px;
    margin-top: 15px;
    float: left;
}

.articleData .articlePriceTag span {
    font-size: 20px;
}

.articleData .articleButAddToCart {
    width: 67px;
    margin-top: 10px;
    float: right;
}

.infoFunctionBar {
    padding: 0 0 3px 0;
}

.articleDetailImg {
    width: 280px;
    height: 230px;
    min-height: 230px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.articleDetailImg img {
    max-width: 280px;
    max-height: 230px;
    cursor: pointer;
}

.articleDetailImg .toggleRgbSimilarImg,
.zoomImage .toggleRgbSimilarImg {
    display: none;
}

.articleDetailImg .rgbSimilar,
.zoomImage .rgbSimilar {
    display: block;
    position: absolute;
    font-size: 14px;
    text-align: center;
    width: 280px;
    left: 0;
    bottom: 15px;
    z-index: 1;
    cursor: default;
    pointer-events: none;
}

.zoomImage .rgbSimilar {
    width: auto;
    left: 10px;
    bottom: 10px;
}

.articleImage {
    position: relative;
}

.articleImage a {
    display: block;
    width: 80px;
    height: 80px;
    border: 1px solid #e1e2e3;
    background-color: #ffffff;
}

.articleImage .specialPrice,
.articleDetailImg .specialPrice {
    position: absolute;
    top: 0;
    left: -1px;
}

.articleImage .specialPrice {
    left: 0;
}

.articleImage .specialPrice i,
.articleDetailImg .specialPrice i {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    border-right: 70px solid transparent;
    border-top: 70px solid #d23232;
    top: -1px;
    z-index: 1;
}

.articleImage .specialPrice i {
    border-right: 36px solid transparent;
    border-top: 36px solid #d23232;
    top: 0;
}

.articleImage .discount,
.articleDetailImg .discount {
    display: block;
    position: absolute;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    width: 50px;
    top: 11px;
    left: -4px;
    right: auto;
    bottom: auto;
    z-index: 1;
}

.articleImage .discount {
    top: 3px;
    left: 2px;
    font-size: 12px;
    width: 16px;
}

.zoomImageGalleryDialog {
    display: none;
}

/*.zoomImageGalleryDialog .imageGallery {*/
    /*width: 320px;*/
    /*margin-top: 10px;*/
    /*float: left;*/
/*}*/

/*.imageGallery div {*/
    /*width: 50px;*/
    /*height: 50px;*/
    /*background-color: #ffffff;*/
    /*margin-right: 10px;*/
    /*margin-bottom: 10px;*/
    /*border: 1px solid transparent;*/
    /*cursor: pointer;*/
    /*float: left;*/
/*}*/

/*.imageGallery div.act {*/
    /*border: 1px solid #7BCD2D;*/
/*}*/

.zoomImageGalleryDialog .zoomImage {
    position: relative;
    width: 600px;
    height: 600px;
    margin: 7px 0 7px 0;
    background-color: #ffffff;
    float: left;
    text-align: center;
}

.zoomImageGalleryDialog .zoomImage img {
    margin: auto;
}

.dataList {
    border-collapse: collapse;
    width: 100%;
}

.dataList td,
.dataList th {
    padding: 3px 5px 3px 5px;
}

.dataList.multipleCols td,
.dataList.multipleCols th {
    padding: 3px 10px 3px 10px;
}

.dataList .quantity {
    height: 24px;
    margin: 0 3px 0 0;
    float: left;
}

.dataList .butRefresh {
    float: left;
}

.grayBorder {
    border: 1px solid #E2E3E4;
}

.priceFormat,
.blockPriceFormat {
    font-size: 36px;
    font-weight: bold;
    color: #7BCD2D;
}

.blockPriceFormat {
    font-size: 14px;
}

.iconList {
    background: url("../img/bg_infolist.png") center center no-repeat;
    width: 225px;
    height: 135px;
}

.iconList div {
    width: 45px;
    height: 45px;
    float: left;
}

.iconManual,
.iconCatalogPhoto,
.iconUrl,
.iconMisc,
.iconScaleDrawing,
.iconVideo,
.iconAudio,
.iconSecuritySheet,
.iconSupplierDeclaration,
.iconSpecifications,
.iconAmbientPhoto,
.iconInstallationGuide,
.iconLogo,
.iconLabelEnvironment,
.iconLabelEnergy,
.iconConnectionScheme,
.iconManualDisabled,
.iconCatalogPhotoDisabled,
.iconUrlDisabled,
.iconMiscDisabled,
.iconScaleDrawingDisabled,
.iconVideoDisabled,
.iconAudioDisabled,
.iconSecuritySheetDisabled,
.iconSupplierDeclarationDisabled,
.iconSpecificationsDisabled,
.iconAmbientPhotoDisabled,
.iconInstallationGuideDisabled,
.iconLogoDisabled,
.iconLabelEnvironmentDisabled,
.iconLabelEnergyDisabled,
.iconReachDetail,
.iconConnectionSchemeDisabled {
    width: 28px;
    height: 28px;
    display: block;
    margin: 8px;
    background-image: url("../img/icon_info_sprite.png");
    background-repeat: no-repeat;
}

.iconManualDisabled,
.iconCatalogPhotoDisabled,
.iconUrlDisabled,
.iconMiscDisabled,
.iconScaleDrawingDisabled,
.iconVideoDisabled,
.iconAudioDisabled,
.iconSecuritySheetDisabled,
.iconSupplierDeclarationDisabled,
.iconSpecificationsDisabled,
.iconAmbientPhotoDisabled,
.iconInstallationGuideDisabled,
.iconLogoDisabled,
.iconLabelEnvironmentDisabled,
.iconLabelEnergyDisabled,
.iconConnectionSchemeDisabled {
    cursor: default;
}

.iconManual {
    background-position: 4px -520px;
}

.iconCatalogPhoto {
    background-position: 4px -609px;
}

.iconUrl {
    background-position: 4px -743px;
}

.iconMisc {
    background-position: 4px -1023px;
}

.iconScaleDrawing {
    background-position: 4px -565px;
}

.iconVideo {
    background-position: 4px -697px;
}

.iconAudio {
    background-position: 4px -697px;
}

.iconSecuritySheet {
    background-position: 4px -789px;
}

.iconSupplierDeclaration {
    background-position: 4px -837px;
}

.iconSpecifications {
    background-position: 4px -885px;
}

.iconAmbientPhoto {
    background-position: 4px -933px;
}

.iconInstallationGuide {
    background-position: 4px -976px;
}

.iconLogo {
    background-position: 4px -1070px;
}

.iconLabelEnvironment {
    background-position: 4px -1114px;
}

.iconLabelEnergy {
    background-position: 4px -650px;
}

.iconConnectionScheme {
    background-position: 4px -1159px;
}

.iconReachDetail {
    background-position: 4px -1247px;
}

#articleInfoContainer {
    width: 960px;
    margin: 20px 13px 0 7px;
}

#articleInfoContainer.infoList {
    width: 950px;
    margin: 10px 0 0 0;
}

.articleInfoBar {
    /*width: 100%;*/
    height: 24px;
    border: 1px solid #cccccc;
    margin: 0 0 0 0;
}

.articleInfoBar a {
    display: block;
    width: 100%;
    height: 24px;
}

.articleInfoHead,
.infoSearchHead {
    font-size: 12px;
    color: #2576c2;    
    padding: 5px 5px 5px 28px;
    margin:0px;
}

.infoSearchHead {
    padding: 5px;
}

.articleInfoHead a {
    color: #2576c2;
}

.articleInfoHead a:hover {
    text-decoration: underline;
}

.articleInfoContent {
    /*padding: 5px;*/
    /*margin: 5px 0 0 0;*/
    line-height: 14px;
}

.lagerTableContainer{
    position: absolute;
    z-index: 99999;
    /*bottom: 220px;*/
}

.infoSearchFormContainer {
    width: 100%;
}

.infoSearchFormContainer .expandIcon {
    width: 20px;
    padding: 0 0 0 0;
    margin-right: 10px;
    float: left;
}

.infoSearchFormContainer .expandIcon a {
    display: block;
    width: 18px;
    height: 18px;
}

.infoSearchFormContainer .infoSearchForm {
    float: left;
}

.infoSearchForm .infoSearchFormExtended {
    margin: 0;
    display: none;
}

.infoSearchForm .filterButton {
    padding: 5px 0 5px 0;
}

.spaceBetweenArticleInfos {
    padding: 3px;
}

.iconPlus,
.iconMinus {
    background-image: url("../img/plus_minus.png");
    background-repeat: no-repeat;
    background-position: 4px 3px;
}

.iconMinus {
    background-position: 4px -29px;
}

.articleVideo,
.articleAudio,
.articleRSS {
    display: block;
    padding: 3px 0 3px 20px;
}

.articleVideo {
    background: url("../img/icon_video_mini.png") center left no-repeat;
}

.articleAudio {
    background: url("./img/icon_audio_mini.png") center left no-repeat;
}

.articleRSS {
    background: url("../img/icon_rss.png") center left no-repeat;
}

.catalogTree {
    /*width: 948px;*/
    /*width: 100%;*/
    margin: 10px 0 10px 0;
}

#cartAssistant {
    text-align: center;
    margin: 20px auto;
    padding-bottom: 10px;
    width: 560px;
}

#cartAssistant .stepItem {
    width: 140px;
    border-top: 4px solid #cccccc;
    padding: 5px 0 0 0;
    float: left;
    text-align: center;
    word-wrap: break-word;
}

#cartAssistant .stepItem.active {
    border-top: 4px solid #7bcd2d;
}

.stepItem a {
    color: #5ca713;
}

.fixedUpperArea {
    position: fixed;
    z-index: 10000;
    width: 956px;
    height: 190px;
    margin: 0 15px 0 10px;
    padding: 0 10px 0 10px;
    background-color: #ffffff;
}

.fixedUpperArea.showObjectForm {
    height: 225px;
}

.fixedUpperArea.step-2 {
    height: 100px;
}

.fixedUpperArea.step-2-extended {
    height: 140px;
}

.fixedUpperArea.step-3 {
    height: 140px;
    position: absolute;
}

.fixedUpperArea.step-3-extended {
    height: 160px;
    position: absolute;
}

.fixedUpperArea + #insideContentContainer.cartView {
    padding-top: 185px;
}

.fixedUpperArea.showObjectForm + #insideContentContainer.cartView {
    padding-top: 220px;
}

.fixedUpperArea.showObjectFormBig + #insideContentContainer.cartView {
    padding-top: 250px;
}

.fixedUpperArea.step-2 + #insideContentContainer.cartView {
    padding-top: 95px;
}

.fixedUpperArea.step-2-extended + #insideContentContainer.cartView {
    padding-top: 141px;
}

.fixedUpperArea.step-3 + #insideContentContainer.cartView {
    padding-top: 155px;
}

.fixedUpperArea.step-3-extended + #insideContentContainer.cartView {
    padding-top: 182px;
}

.fixedUpperArea .resultList {
    width: 100%;
}

.specialOfferBannerWrapper {
    float: left;
}

.messagesContainer {
    width: calc(100% - 320px);
    float: left;
}

.messagesContainer > div {
    margin-top: 0;
}

.cartButtons {
    width: 300px;
    float: right;
}

.cartButtons.items-3 {
    width: 600px;
}

.cartButtons .buttonRow {
    clear: both;
    width: 100%;
}

.cartButtons p {
    margin: 0 0 20px 0;
    text-align: right;
}

.cartButtons input[type=button],
.cartButtons input[type=submit],
.cartButtons button {
    display: block;
    min-width: 130px;
    width: auto;
    float: right;
    margin-left: 10px;
    margin-bottom: 15px;
}

.cartButtons .buttonPlaceholder {
    height: 1px;
    width: 130px;
    float: right;
    margin-left: 10px;
    margin-bottom: 15px;
}

.articleCommentText {
    clear: both;
    padding: 5px 0 5px 20px;
    font-style: italic;
    background-image: url("../img/article_functions_sprite.png");
    background-repeat: no-repeat;
    background-position: 0 -100px;
}

.articleFunctionsContainer {
    width: 200px;
    display: none;
}

.articleFunctionsContainer.active {
    display: block;
}

.articleFunctionsContainer span {
    display: block;
    min-width: 70px;
    width: auto;
    height: 14px;
    padding: 2px 0 0 20px;
    margin-top: 7px;
    background-image: url("../img/article_functions_sprite.png");
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
}

.articleFunctionsContainer span.entryDelete {
    background-position: 0 0;
}

.articleFunctionsContainer span.entryAddToFavorite {
    background-position: 0 -26px;
}

.articleFunctionsContainer span.entryAddToFavorite.active {
    background-position: 0 -51px;
}

.articleFunctionsContainer span.entryAddComment {
    background-position: 0 -76px;
}

.cartDialog.ui-widget textarea {
    font-size: 11px;
    color: #59616A;
    width: 100%;
    height: 80px;
    margin-bottom: 10px;
}

.cartDialog.ui-widget input {
    font-size: 12px;
    font-family: arial, sans-serif;
}

.cartDialog.ui-widget p {
    margin-bottom: 10px;
}

.articleComment,
.articleDelete {
    display: none;
}

.cartSlider {
    /*width: 100%;*/
    margin: 20px auto 0 auto;
    overflow: hidden;
}

.cartSlider ul {
    margin: 0;
    padding: 0;
}

.cartSlider ul li {
    min-height: 120px;
    border-right: 1px solid #cccccc;
    margin-left: 1px;
}

.cartSlider ul li div {
    padding: 5px;
    margin-right: 40px;
    cursor: default;
}

.cartSlider ul li div div {
    padding: 0;
    margin-right: 0;
}

.cartSlider ul li div.delAddressFakeClass:hover,
.cartSlider ul li div.costCenterFakeClass:hover {
    background-color: #cccccc;
}

.cartSlider ul li div.active {
    background-color: #D7F6B9;
}

.cartSlider .contentItem {
    line-height: 16px;
    margin-bottom: 10px;
    min-height: 80px;
    height: auto;
}

.cartSlider .costCenterSlider .contentItem {
    min-height: 10px;
}

.cartSlider ul li div.active.delAddressFakeClass:hover,
.cartSlider ul li div.active.costCenterFakeClass:hover {
    background-color: #D7F6B9;
}

.cartSlider .functionItem {}

.cartSlider .functionItem .hrefAsBut {
    display: block;
    margin-top: 10px;
    width: 110px;
    /*width: auto;*/
}

.cartSlider .deliveryAddressSlider .functionItem .hrefAsBut {
    display: inline;
}

.formDiv {
    display: none;
}

.isHidden {
    visibility: hidden;
}

.totalAmount {
    font-size: 14px;
    font-weight: bold;
}

.failed {
    background-color: #FFDDDD;
}

.quickOrderNotice {
    text-align: right;
    margin-top: 10px;
}

#fastContact {
    position: absolute;
    top: 46px;
    right: 9px;
    z-index: 1000000;
}

#fastContactContainer {
    width: 200px;
    height: auto;
    margin: 0;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    /*background: url("/img/bg_fastcontact.png") top left no-repeat;*/
    /*text-decoration: none;*/
}

#fastContactContainer .fastContactWrapper {
    position: relative;
    width: auto;
    height: auto;
    margin: 10px;
}

.fastContactWrapper p:first-of-type {
    font-size: 12px;
    margin-bottom: 20px;
    padding-top: 5px;
}

.fastContactWrapper label {
    display: block;
}

.fastContactWrapper select,
.fastContactWrapper input,
.fastContactWrapper textarea {
    width: 100%;
    min-height: 20px;
    margin-bottom: 10px;
}

/*#fastContactContainerLonger {*/
    /*height: 415px;*/
    /*background: url("/img/bg_fastcontact_longer.png") top left no-repeat;*/
/*}*/

/*#fastContactWithClerkDataContainer, #fastContactWithClerkDataContainerLonger {*/
    /*width: 200px;*/
    /*height: 345px;*/
    /*margin: 0 0 0 0;*/
    /*background: url("/img/bg_fastcontact_with_clerkdata.png") top left no-repeat;*/
    /*text-decoration: none;*/
/*}*/

/*#fastContactWithClerkDataContainerLonger {*/
    /*height: 430px;*/
    /*background: url("/img/bg_fastcontact_longer_with_clerkdata.png") top left no-repeat;*/
/*}*/

#infoListNavigation {
    width: 900px;
    padding: 0;
    margin: 20px 0 20px 0;
}

#kundenInfoInSearch {}

#kundenInfoInSearch #customerInfoBox {}

#customerInfoBox .infoWrapper {
    margin: 10px 0 30px 0;
}

.infoWrapper .headBar {
    /*width: 100%;*/
    /*background: url("/img/bg_tablehead.gif") top left repeat-x;*/
    border: 1px solid #cccccc;
    color: #008DCE;
}

.headBar span {
    display: block;
    font-weight: bold;
    padding: 5px;
    float: left;
}

.headBar span.closeBut {
    padding: 5px 10px 5px 10px;
    float: right;
    cursor: pointer;
    border-left: 1px solid #59616A;
    color: #ffffff;
    background-color: #D23232;
}

.infoWrapper p {
    padding: 5px;
}

.infoWrapper p a:hover {
    text-decoration: underline;
}

.simpleDivList {
    display: table;
    width: 100%;
    height: 100%;
    margin-top: 10px;
}

.simpleDivList > div {
    display: table-row;
}

/*.simpleDivList > div div:last-child {*/
    /*width: 80px;*/
/*}*/

.simpleDivList .listHeader {
    background: none;
}

.simpleDivList .listHeader > div,
.simpleDivList .listContent > div {
    display: table-cell;
    padding: 5px;
    text-align: left;
}

.simpleDivList .listHeader > div {
    font-weight: bold;
    color: #008DCE;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.simpleDivList .listHeader > div:first-of-type {
   border-left: 1px solid #ccc;
}

.simpleDivList .listHeader > div:last-of-type {
    border-right: 1px solid #ccc;
}

.simpleDivList .listContent > div {
    vertical-align: middle;
}

.simpleDivList .listContent.clickable > div a {
    display: block;
    color: #59616a;
}

.simpleDivList .listContent.act {
    background: #CADBB8;
}

.simpleDivList .alignRight {
    text-align: right !important;
}

.simpleDivList .alignCenter {
    text-align: center !important;
}

.ledFinderContainer {
    margin-top: 10px
}

.ledFinderContainer .finderWrapper {
    width: 70%;
    float: left;
}

.finderWrapper table.resultList {
    width: 100% !important;
}

.finderWrapper table.resultList > td {
    width: 33% !important;
}

.ledFinderContainer .bulbWrapper {
    width: 30%;
    float: left;
}

.bulbWrapper .bulb {
    margin-left: 30px;
}

.bulb #bulbImage {
    width: 118px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 118px 100px;
}

.bulb #socketImage {
    width: 118px;
    height: 103px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 55px;
}


.infoWrapper .headBar,
.headBar {
    /*background: url("/img/bg_tablehead.gif") top left repeat-x;*/
    border: 1px solid #cccccc;
    color: #008DCE;
}

.headBar span {
    display: block;
    font-weight: bold;
    padding: 5px;
    float: left;
}

.headBar span.closeBut {
    padding: 5px 10px 5px 10px;
    float: right;
    cursor: pointer;
    border-left: 1px solid #cccccc;
}

/* --------------------------------------------------------- Data Tables */

.dataTablesWrapper {

}

.dataTablesWrapper .resultList {
    /*width: 100% !important;*/
    /*border-left: 1px solid #cccccc;*/
    /*border-right: 1px solid #cccccc;*/
}

.dataTablesWrapper .resultList .odd,
.dataTablesWrapper .resultList .even {
    /*background: inherit;*/
}

.dataTablesWrapper .resultList .odd:hover,
.dataTablesWrapper .resultList .even:hover {
    /*background: inherit;*/
    background: none;
    background-color: #cccccc;
}

.dataTablesWrapper .resultList .selectedRow {
    background-color: #cadbb8;
}

.dataTablesWrapper .resultList .buttonCell {
    cursor: default;
}

.searchAngeboteInput {
    max-width: 80px;
    border: 1px solid #cccccc;
    margin-bottom: 2px;
}

.searchFreeTextOrderInput {
    max-width: 150px;
    border: 1px solid #cccccc;
    margin-bottom: 2px;
}

.searchObjectInput {
    max-width: 150px;
    border: 1px solid #cccccc;
    margin-bottom: 2px;
}

.searchShcInput {
    border: 1px solid #cccccc;
    margin-bottom: 2px;
}

.searchBudgetInput {
    max-width: 100px;
    border: 1px solid #cccccc;
    margin-bottom: 2px;
}

.searchLimitInput {
    max-width: 100px;
    border: 1px solid #cccccc;
    margin-bottom: 2px;
    font-size: 11px;
}

.dataTablesWrapper .butPDF {
    margin-top: 10px;
}

/* --------------------------------------------------------- Date Picker */

.datePicker {
    border: none;
    margin: 0 5px -4px 0;
}

.datePickerDiv {
    margin-top: -190px;
    margin-left: 170px;
    position: absolute;
    visibility: hidden;
    background-color: white;
}

/* --------------------------------------------------------- CONTENT - PDF */

#pdfContainer {
    position: absolute;
    top: 0;
    left: 0;
    /*background: #008DCE;*/
    width: 640px;
    /*height: 600px;*/
    padding: 1px;
    border: 1px solid black;
}

/* --------------------------------------------------------- FOOT */

#footContainer {
    width: 976px;
    height: 15px;
    padding: 10px 15px 15px 10px;
    font-size: 9px;
}

/* ----------------------------------------------------------- Videos */

.videoImg {
	border: 1px solid #32407F;
}

/* ----------------------------------------------------------- MDA */

/*.tableLogin {*/
  /*background: #ffffff;   */
/*}*/

/*.textFieldMDA,*/
/*select {*/
    /*border: 1px solid #A5A7A8;*/
    /*color: #59616a;*/
    /*font-family: arial, sans-serif;*/
    /*font-size: 11px;*/
    /*margin: 1px;*/
/*}*/

/*.mdaHeader {*/
   /*margin-bottom:25px */

/*}*/

/*.resultListMda {*/
    /*margin: 1px 0 1px 0;*/
    /*background: #ffffff;*/
/*}*/

/*.mdaPadding {*/
    /*padding-left:25px;*/
/*}*/

/*.mdaPaddingLogin {*/
    /*padding:0 0 53px 25px;*/
/*}*/

.borderbottomdetails {
    border-bottom: 1px solid #e1e2e3;
}

#imgCarousel {
    height: 55px;
    /*background: #ECECEC;*/
    width: 280px;
    text-align: center;
    vertical-align: middle;
    margin-left:0px;
    margin-top:5px;
    /*left:0;*/
    /*position:absolute;*/
}

.feedImg {
    float:left;
    margin-right:5px;
    /*margin-top:2px;*/
    border: 1px solid #cccccc;
}

.feedTextInfo {
    color:#cccccc;
    font-size:24px;
    margin-top: 5px;
}

.feedHeadline{
    color:#666666;
    font-size:14px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 13px;
}

/*------------------- Details kleines Carousel ----------------------*/

.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 1px solid black;*/
overflow: scroll; /*leave this value alone*/
width:230px; /*Width of Carousel Viewer itself*/
height: 51px; /*Height should enough to fit largest content's height*/
left:23px;
top:4px;       
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right: 5px; /*margin around each panel*/
width: 57px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 45px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}



/*------------------- Details gro�es Carousel ----------------------*/

.stepcarousel2 {
position: relative; /*leave this value alone*/
/*border: 10px solid black;*/
overflow: scroll; /*leave this value alone*/
width:810px; /*Width of Carousel Viewer itself*/
height: 170px; /*Height should enough to fit largest content's height*/
}

.stepcarousel2 .belt2{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel2 .panel2{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right: 10px; /*margin around each panel*/
width: 400px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
color: #999999;
}

.panel2 a {
   color: #999999;
   text-decoration: underline;
}

div.panel2 > div.feedArtikeldetailDescription{
    overflow: hidden;
    height: 55px;
    white-space: pre-line;
    padding-bottom: 3px;
}

/* --------------------------------------------------------- CUSTOM SMARTCLIENT STYLES */


.textItem,
.textItemFocused,
.textItemDisabled,
.textItemDisabledHint,
.textItemError,
.textItemHint,
.selectItemText,
.selectItemTextError,
.selectItemTextDisabled,
.selectItemTextFocused {
    box-sizing: inherit;
}

.selectItemText,
.selectItemTextError,
.selectItemTextDisabled,
.selectItemTextFocused {
    border-right: 1px solid #ABABAB !important;
}

.defaultBorder {
    border:1px solid #ff0000;
}

.recordEditorCell {
    font-family:arial,sans-serif;
    font-size:11px;
    color:black;
    background-color:#000000;
}

.headerButton_EO_,
.headerButton_EO_Selected,
.headerButton_EO_Disabled,
.headerButton_EO_SelectedDisabled,
.headerButton_EO_Over,
.headerButton_EO_Down,
.headerButton_EO_SelectedOver,
.headerButton_EO_SelectedDown {
    background-color:#FFFFFF;
    border-left: none;
    border-right: none;
    border-top: 1px solid #ABABAB;
    border-bottom: 1px solid #ABABAB;
    font-weight: bold;
}

.headerButton_EO_Over,
.headerButton_EO_Down,
.headerButton_EO_SelectedOver,
.headerButton_EO_SelectedDown {
    border-left: none;
    border-right: none;
    border-top: 1px solid #ABABAB;
    border-bottom: 1px solid #ABABAB;
    font-weight: bold;
}

.headerTitle_EO_,
.headerTitle_EO_Over,
.headerTitle_EO_Down,
.headerTitle_EO_Selected,
.headerTitle_EO_SelectedOver,
.headerTitle_EO_SelectedDown,
.headerTitle_EO_Disabled,
.headerTitle_EO_SelectedDisabled {
    font-family:arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 5px;
    color: #59616a;
}

.headerTitle_EO_Down,
.headerTitle_EO_Selected,
.headerTitle_EO_SelectedOver,
.headerTitle_EO_SelectedDown,
.headerTitle_EO_SelectedDisabled {
    color: #59616a;
}

.headerTitle_EO_Disabled,
.headerTitle_EO_SelectedDisabled {
    color: #AAAAAA;
}

.sorterButton,
.sorterButtonSelected,
.sorterButtonDisabled,
.sorterButtonSelectedDisabled,
.sorterButtonOver,
.sorterButtonDown,
.sorterButtonSelectedOver,
.sorterButtonSelectedDown {
    background-color:#FFFFFF;
    border-left:none;
}

.sorterButtonOver,
.sorterButtonDown,
.sorterButtonSelectedOver,
.sorterButtonSelectedDown {
    border-left:none;
}

.cell_EO_,
.cell_EO_Dark,
.cell_EO_Over,
.cell_EO_OverDark,
.cell_EO_Selected,
.cell_EO_SelectedDark,
.cell_EO_SelectedOver,
.cell_EO_SelectedOverDark,
.cell_EO_Disabled,
.cell_EO_DisabledDark {
    border-bottom: 1px solid #E1E2E3;
    background-color: #ECECEC;
    height: 27px;
    vertical-align: top;
}

.cell_EO_Dark {
    background: none;
    background-color: #ffffff;
}

.tallCell_EO_ {
	background-color: #ECECEC;
}

.tallCell_EO_Dark {
	background-color: #ffffff;
}

.tallCell_EO_,
.tallCell_EO_Dark,
.tallCell_EO_Over,
.tallCell_EO_OverDark,
.tallCell_EO_Selected,
.tallCell_EO_SelectedDark,
.tallCell_EO_SelectedOver,
.tallCell_EO_SelectedOverDark,
.tallCell_EO_Disabled,
.tallCell_EO_DisabledDark {
    border-bottom: 1px solid #E1E2E3;
 }

.cell_EO_,
.cell_EO_Dark,
.cell_EO_Over,
.cell_EO_OverDark,
.cell_EO_Selected,
.cell_EO_SelectedDark,
.cell_EO_SelectedOver,
.cell_EO_SelectedOverDark,
.cell_EO_Disabled,
.cell_EO_DisabledDark,
.tallCell_EO_,
.tallCell_EO_Dark,
.tallCell_EO_Over,
.tallCell_EO_OverDark,
.tallCell_EO_Selected,
.tallCell_EO_SelectedDark,
.tallCell_EO_SelectedOver,
.tallCell_EO_SelectedOverDark,
.tallCell_EO_Disabled,
.tallCell_EO_DisabledDark,
.groupNode {
    font-family: arial, sans-serif;
    border-right: none;
    color: #59616a;
}

.cell_EO_Over,
.cell_EO_OverDark,
.tallCell_EO_Over,
.tallCell_EO_OverDark,
.cell_EO_Selected,
.cell_EO_SelectedDark,
.tallCell_EO_Selected,
.tallCell_EO_SelectedDark,
.cell_EO_SelectedOver,
.cell_EO_SelectedOverDark,
.tallCell_EO_SelectedOver,
.tallCell_EO_SelectedOverDark {
    background: none;
    border-bottom: 1px solid #E1E2E3;
    background-color: #CADBB8;
}

.cell_EO_Over,
.cell_EO_OverDark,
.cell_EO_SelectedOver,
.cell_EO_SelectedOverDark,
.tallCell_EO_Over,
.tallCell_EO_OverDark,
.tallCell_EO_SelectedOver,
.tallCell_EO_SelectedOverDark {
    cursor: pointer;
}

/* Defaults for all days and controls */
.dateChooser_EO_Button,
.dateChooser_EO_ButtonOver,
.dateChooser_EO_ButtonDown,
.dateChooser_EO_ButtonDisabled,
.dateChooser_EO_ButtonSelected,
.dateChooser_EO_ButtonSelectedDown,
.dateChooser_EO_ButtonSelectedOver,
.dateChooser_EO_ButtonSelectedDisabled,
.dateChooser_EO_WeekendButton,
.dateChooser_EO_WeekendButtonOver,
.dateChooser_EO_WeekendButtonDown,
.dateChooser_EO_WeekendButtonDisabled,
.dateChooser_EO_WeekendButtonSelected,
.dateChooser_EO_WeekendButtonSelectedDown,
.dateChooser_EO_WeekendButtonSelectedOver,
.dateChooser_EO_WeekendButtonSelectedDisabled,
.dateChooser_EO_BottomButton,
.dateChooser_EO_BottomButtonOver,
.dateChooser_EO_BottomButtonDown,
.dateChooser_EO_BottomButtonSelected,
.dateChooser_EO_BottomButtonSelectedOver,
.dateChooser_EO_BottomButtonSelectedDown,
.dateChooser_EO_NavButton,
.dateChooser_EO_NavButtonOver,
.dateChooser_EO_NavButtonDown,
.dateChooser_EO_NavButtonSelected,
.dateChooser_EO_NavButtonSelectedOver,
.dateChooser_EO_NavButtonSelectedDown,
.dateChooser_EO_Weekday,
.dateChooser_EO_WeekdayOver,
.dateChooser_EO_WeekdayDown,
.dateChooser_EO_WeekdaySelected,
.dateChooser_EO_WeekdaySelectedOver,
.dateChooser_EO_WeekdaySelectedDown,
.dateChooser_EO_WeekdayDisabled,
.dateChooser_EO_Weekend,
.dateChooser_EO_WeekendOver,
.dateChooser_EO_WeekendDown,
.dateChooser_EO_WeekendSelected,
.dateChooser_EO_WeekendSelectedOver,
.dateChooser_EO_WeekendSelectedDown,
.dateChooser_EO_WeekendDisabled {
    font-family:arial,sans-serif; font-size:11px;
    background-color:#ffffff;
    color:#333333;
}

/* year/month buttons */
.dateChooser_EO_NavButton,
.dateChooser_EO_NavButtonOver,
.dateChooser_EO_NavButtonDown,
.dateChooser_EO_NavButtonSelected,
.dateChooser_EO_NavButtonSelectedOver,
.dateChooser_EO_NavButtonSelectedDown {
    padding:0px;
    border-top:0px none;
    border-bottom:0px none;
}

/* for all buttons, plus weekday headers (dateChooserButton) */
.dateChooser_EO_Button,
.dateChooser_EO_ButtonOver,
.dateChooser_EO_ButtonDown,
.dateChooser_EO_ButtonSelected,
.dateChooser_EO_ButtonSelectedOver,
.dateChooser_EO_ButtonSelectedDown,
.dateChooser_EO_WeekendButton,
.dateChooser_EO_WeekendButtonOver,
.dateChooser_EO_WeekendButtonDown,
.dateChooser_EO_WeekendButtonSelected,
.dateChooser_EO_WeekendButtonSelectedOver,
.dateChooser_EO_WeekendButtonSelectedDown,
.dateChooser_EO_NavButton,
.dateChooser_EO_NavButtonOver,
.dateChooser_EO_NavButtonDown,
.dateChooser_EO_NavButtonSelected,
.dateChooser_EO_NavButtonSelectedOver,
.dateChooser_EO_NavButtonSelectedDown {
    font-weight:bold;
	color:#4C4C4C;
}

.dateChooser_EO_ButtonOver,
.dateChooser_EO_ButtonDown {
	cursor:pointer;
	color:#4C4C4C;
}

.dateChooser_EO_WeekendButton {
    cursor:pointer;
    color:#333333;
}

.dateChooser_EO_WeekendButton,
.dateChooser_EO_WeekendButtonOver,
.dateChooser_EO_WeekendButtonDown,
.dateChooser_EO_WeekendButtonSelected,
.dateChooser_EO_WeekendButtonSelectedOver,
.dateChooser_EO_WeekendButtonSelectedDown {
    background-color:#ffffff;
}

.dateChooser_EO_WeekendButtonOver,
.dateChooser_EO_WeekendButtonDown,
.dateChooser_EO_WeekendButtonSelected,
.dateChooser_EO_WeekendButtonSelectedOver,
.dateChooser_EO_WeekendButtonSelectedDown {
    border:2px solid #D6E9C4;
}


.dateChooser_EO_NavButton,
.dateChooser_EO_NavButtonOver,
.dateChooser_EO_NavButtonDown,
.dateChooser_EO_NavButtonSelected,
.dateChooser_EO_NavButtonSelectedOver,
.dateChooser_EO_NavButtonSelectedDown {
    cursor:pointer;
    padding:2px;
}

.dateChooser_EO_NavButtonOver,
.dateChooser_EO_NavButtonDown {
    color:#333333;
}

.dateChooser_EO_Weekday,
.dateChooser_EO_WeekdayOver,
.dateChooser_EO_WeekdayDown,
.dateChooser_EO_WeekdaySelected,
.dateChooser_EO_WeekdaySelectedOver,
.dateChooser_EO_WeekdaySelectedDown,
.dateChooser_EO_WeekdayDisabled,
.dateChooser_EO_WeekendOver,
.dateChooser_EO_WeekendDown,
.dateChooser_EO_WeekendSelected,
.dateChooser_EO_WeekendSelectedOver,
.dateChooser_EO_WeekendSelectedDown,
.dateChooser_EO_WeekendDisabled {
    cursor:pointer;
    color:#333333;
    border:2px solid #D6E9C4;
    background-color:#ffffff;
}

.dateChooser_EO_WeekdayDisabled,
.dateChooser_EO_WeekendDisabled {
	color:#C0C3CA;
}

.dateChooser_EO_Weekend,
.dateChooser_EO_WeekendOver,
.dateChooser_EO_WeekendSelected,
.dateChooser_EO_WeekendDisabled {
    border:2px solid #D6E9C4;
    background-color:#ffffff;
}

.dateChooser_EO_Weekend,
.dateChooser_EO_WeekendDisabled {
    border:2px solid #ffffff;
}

.dateChooser_EO_WeekdayOver,
.dateChooser_EO_WeekendOver {
	border:2px solid #D6E9C4;
}

.dateChooser_EO_WeekdaySelected,
.dateChooser_EO_WeekdaySelectedOver,
.dateChooser_EO_WeekdayDown,
.dateChooser_EO_WeekdaySelectedDown,
.dateChooser_EO_WeekendSelected,
.dateChooser_EO_WeekendSelectedOver,
.dateChooser_EO_WeekendDown,
.dateChooser_EO_WeekendSelectedDown {
	font-weight:bold;
	color:#4C4C4C;
    border:2px solid #D6E9C4;
    background-color:#ECECEC !important;
}

.dateChooser_EO_WeekdayDown,
.dateChooser_EO_WeekendDown {
	font-weight:normal;
}

/* year and month pop-up menus */
.dateChooser_EO_YearMenu,
.dateChooser_EO_MonthMenu {
    border: 2px solid #4C4C4C;
    background-color:#FFFFFF;
}

.toolTip {
    border: 1px solid #808080;
    font-family: arial, sans-serif;
    font-size: 11px;
    padding: 3px;
    color: #000000;
    background:#FFFFD0;
}

.scListGridLoading {
    margin-top: 140px;
}

.listTable {
    /*border: 1px solid #A7ABB4;*/
}

.didYouMeanGreen:hover {
    color: #4ca713;
}


/* Calendar popup */

.cpYearNavigation, .cpMonthNavigation {
    background-color: #cccccc;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #59616A;
    font-weight: bold;
}

.cpDayColumnHeader, .cpYearNavigation, .cpMonthNavigation, .cpCurrentMonthDate, .cpCurrentMonthDateDisabled, .cpOtherMonthDate, .cpOtherMonthDateDisabled, .cpCurrentDate, .cpCurrentDateDisabled, .cpTodayText, .cpTodayTextDisabled, .cpText {
    font-family: arial;
    font-size: 8pt;
}

TD.cpDayColumnHeader {
    text-align: right;
    border: solid thin #cccccc;
    border-width: 0px 0px 1px 0px;
}

.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate {
    text-align: right;
    text-decoration: none;
}

.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled {
    color: #D0D0D0;
    text-align: right;
    text-decoration: line-through;
}

.cpCurrentMonthDate, .cpCurrentDate {
    color: #59616A;
}

.cpOtherMonthDate {
    color: #808080;
}

TD.cpCurrentDate {
    color: white;
    background-color: #D7F6B9;
    border-width: 1px;
    border: solid thin #7BCD2D;
}

TD.cpCurrentDateDisabled {
    border-width: 1px;
    border: solid thin #D7F6B9;
}

TD.cpTodayText, TD.cpTodayTextDisabled {
    border: solid thin #C0C0C0;
    border-width: 1px 0px 0px 0px;
}

A.cpTodayText, SPAN.cpTodayTextDisabled {
    height: 20px;
}

A.cpTodayText {
    color: #59616A;
}

.cpTodayTextDisabled {
    color: #D0D0D0;
}

.cpBorder {
    border: 1px solid #cccccc;
    border-collapse: collapse;
}

.redWarningText {
    color: #d23232;
}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #7BCD2D;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #FFFFFF;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: #7bcd2d;
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
.icon-chevron-up:before {
    content: "\25B2";
    width: 50px;
    height: 50px;
}

.noDialogTitle .ui-dialog-titlebar {
    display: none;
}

.noDialogTitle.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    text-align:center;
    float: none;
}

table.dataTable tbody tr.activeInDataTable {
    background-color: #D7F6B9 !important;
    background-image: none;
}

input[type="file"]#addressPageDocUpload,
input[type="file"]#freetextOrderPageDocUpload {
    display: none;
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    height: auto;
    width: auto;
    /*padding: 6px 12px;*/
    text-align: center;
    cursor: pointer;
}

.zeroBorderAndPaddingLeftRight {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 6px !important;
    border: 0 !important;
}

.sliderItem p.redirectToDetailContainer.zubehoer {
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    padding-bottom: 2px;
}

td.listedUserIsLogged{
    background-color: #EEC60E;
}

table tr td.accountHeader.accountFirstCol {
    font-size: 16px;
    font-weight: bold;
    color: #2f8f28;
    padding-left: 0px;
}

table tr td.accountData {
    font-size: 12px;
}

table tr td.accountSum {
    font-size: 14px;
    font-weight: bold;
    background-color: #ececec;
    border-bottom: 1px #59616a solid;
}

table tr td.accountData.accountValue,
table tr td.accountSum.accountValue {
    text-align: right;
    padding: 5px 5px 5px 0px;
}

table tr td.ansicht ul.ansichtLink {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

table tr td.ansicht ul.ansichtLink li.ansichtLink {
    margin-top: 3px;
    display: inline;
    float: left;
    border-right: 1px solid #cccccc;
    margin-left: 5px;
    padding-right: 5px;
    font-size: 12px;
}

table tr td.ansicht ul.ansichtLink li.ansichtLink.ansichtLinkHead {
    margin-left: 0px;
    border-right: none;
    padding-right: 0px;
}

table tr td.ansicht ul.ansichtLink li.ansichtLink.ansichtLinkLast {
    border-right: none;
}

table tr td.accountFirstCol {
    padding: 5px 0px 5px 5px;
}

.butAddRefundToCart {
    background-position: 1px -134px;
}

.butAddRefundToCartAdded {
    background-position: 1px -170px;
}

div.toggleAddressList.invisibleList {
    visibility:hidden;
}

#resultListTable > tbody > tr > td > div.waitForLoad{
    height: 92px;
}

.oxomiItemsContainer {
    height: 300px;
}

div#articleTextSearchDiv > div#searchResultsContainer > div.loadingContainer{
    display: inline-block;
}

div#articleTextSearchDiv #searchResultsContainer {
    padding-right: 25px;
}

.freetextorder.textField {
    height:200px;
    maxlength:2000;
    resize:none;
}

.freetextorderGoButton {
    background-color: #7bcd2d;
    background-image: url("../img/icon_sprite.png");
    background-repeat: no-repeat;
    background-position: 5px 2px;
    background-size:cover;
    width:20px;
    height:20px;
    max-width:20px;
    max-height:20px;
}

a.textColorDarkGray{

}

#ftoDTDiv input {
    font-size: 1em;
}

#ftoDT tbody tr {
    height: 26px;
}

.faveCartOverlayShow {
    margin-top: 1px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #fff;
    background-image: url("../img/arrow_dropdown_grey.png");
    background-repeat: no-repeat;
    background-size: 12px;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #cccccc;
    background-position: 3px 5px;
}

.addArtToCustomCart {
    height: 25px;
    display: inline-block;
    cursor: pointer;
    margin-top: 3px;
}

.addArtToCustomCartTitle {
    color: #5ca713;
    font-weight: bold;
    font-size: 14px;
    height: 30px;
    display: inline-block;
}

.iconPlusForFaveCart {
    height: 18px;
    width: 18px;
    display: block;
    border-radius: 5px;
    margin: 2px auto;
    cursor: pointer;
    float:right;
    background-image: url("../img/plus_minus_green.png");
    background-color: #7BCD2D;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.displayFavOverlayMessage {
    display: none;
    height: 70px;
    padding: 0 0 0 80px;
    background-image: url("../img/buttons/but_add_to_cart_wait.gif");
    background-repeat: no-repeat;
    background-position: 0 0;
}

div.artListFaveIcons {
    float: left;
    width: 50px;
}

.favcartmanage.arrowarea{
    display: table;
    float: left;
    height: 365px;
    width: 50px;
    padding-left: 12px;
    padding-right: 12px
}
.favcartmanage.arrowLeft
{
    float: left;
    background-image: url("../img/arrow_left.gif");
    width: 15px;
    height: 14px;
}

.favcartmanage.arrowRight{
    float: right;
    background-image: url("../img/arrow_right.gif");
    width: 15px;
    height: 14px;
}

#registrationForm #dataFillForm td a.www,
#registrationForm #searchForm td a.ulwww {
    text-decoration: underline !important;
}
div.table{
    display: table;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}

div#myorderstabs .dataTables_length,
div#myorderstabs .dataTables_paginate,
div#myorderstabs .dataTables_filter{
    display: none;
}
div#myorderstabs{
    margin-top: 10px;
}
div.tableRow{
    display: table-row;
}

div.tableCell{
    display: table-cell;
    padding-left: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
}
div.cableRemainsListClass{
    display: none;
    background-color: white;
}

div.cableRemainsListClass div.articleDetailHead{
    font-size: 12px;
}
div.cableRemainsListClass .dataTables_length,
div.cableRemainsListClass .dataTables_paginate,
div.cableRemainsListClass .dataTables_filter{
    display: none;
}
table.cableRemainsDT{
    cursor: default
}
table.cableRemainsDT tbody tr.odd.selectedCustom,
table.cableRemainsDT tbody tr.even.selectedCustom

{
    background-color: rgba(123, 205, 45, 0.45);
    background-image: none ;
}
.cableRemains-dialog-title {
    color: #7BCD2D;
    font-weight: bold;
    font-size: 14px;
    height: 20px;
    display: inline-block;
}

input.searchmyorderinput{
    width: 60px
}

div#myorderstabs .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td{
    vertical-align: top;
}

div#myorderstabs table.dataTable tbody tr.odd.selectedCustom,
div#myorderstabs table.dataTable tbody tr.even.selectedCustom

{
    background-color: rgba(123, 205, 45, 0.45);
    background-image: none ;
}
ul.iconForMenu{
    display: none;
    position: absolute;
    z-index: 9999999999999999999999999;
}