.marginTop {
    margin-top: 20px;
}

.tQuantity {
    text-align: right !important;
    width: 40px !important;
    height: 20px;
    padding: 2px !important;
}

.availabilityiconQo {
    float: right !important;
    margin-right: 10px !important;
}

.availabilityicon {
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 26px;
    float: left;
    margin-right: 2px;
}

    .availabilityicon.availability_green {
        background-image: url(images/availability_green.gif);
    }

    .availabilityicon.availability_yellow {
        background-image: url(images/availability_yellow.gif);
    }

    .availabilityicon.availability_red {
        background-image: url(images/availability_yellow.gif);
    }

.backOfficeControls {
    /* width: 95px; */
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
    margin-top: 10px;
}

.ModusLabel {
    /*vertical-align:middle;*/
    /*display:inline-block;*/
    width: 40px;
    color: #fff !important;
}

#ModusSelect {
    /*border:solid 1px #292c29;*/
    vertical-align: middle;
    background-color: #ee7203;
    width: 83px;
    color: #fff !important;
}

#searchControl {
    position: absolute;
    top: 45px;
    left: 0px;
    width: 169px;
}

#searchInput {
    border: solid 1px #292c29;
    vertical-align: middle;
    width: 145px;
    background-color: white;
}

input.ghost {
    color: #CCC;
    padding-left: 2px;
}

input.normal {
    color: #000;
}

.username_toprow {
    height: 18px;
}

#erpid {
    display: inline-block;
    position: relative;
}

#header a.username {
    width: expression( document.body.clientWidth > 319 ? "320px" : "auto" ); /* sets max-width for IE */
    max-width: 320px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 18px;
}

.languageSelect,
.languageSelect option {
    background-position: 2px center;
    background-repeat: no-repeat;
    padding-left: 20px;
    background-color: black;
    border: 0px;
}

/********************* Shopping cart  */

.shoppingCart {
}
/* Descendant of Panel. See panel.css for more classes */

#CartForm {
    padding-top: 10px;
}

.variantNamePart {
    font-style: italic;
    color: #ee7203;
    /*color: #a8a8a8;*/
    padding-left: 5px;
}

.orderDate {
    padding-left: 8px !important;
}

.shoppingCart th {
    text-align: right !important;
}

    .shoppingCart th span {
        font-size: 8pt;
        font-weight: normal;
        float: left;
        /*float:right;*/
    }

.shoppingCart .DataGrid th {
    vertical-align: top;
}

.shoppingCart .DataGrid {
    margin-bottom: 10px;
}

    .shoppingCart .DataGrid .product .availabilityicon {
        margin-top: 5px;
    }

    .shoppingCart .DataGrid .product .productAndVariantNames {
        float: left;
    }

    .shoppingCart .DataGrid .product a.labelicon {
    }

/*.DataGrid .caption{float:right !important;}*/

.DataGrid .variant {
    width: 0 !important;
}

    .DataGrid .sku .caption,
    .DataGrid .name .caption,
    .DataGrid .product .caption,
    .DataGrid .model .caption,
    .DataGrid .variant .caption {
        float: left !important;
    }

/* grid column */
.product .caption { /*float:left;*/
}
/* grid column */
.price {
    text-align: right;
}
/* grid column */
.saisonrabatt {
    display: none;
    text-align: right !important;
}
/* grid column */
.onlinerabatt {
    text-align: right !important;
}
/* grid column */
.uvp {
    text-align: right;
}
/* grid column */
.gesamtpreis {
    text-align: right;
}
/* grid column */
.ekpreis {
    text-align: right;
}
/* grid column */
.etikett {
    text-align: right;
}

.quantity {
    /*padding-left:2px;*/
    text-align: right;
}

.packingunit {
    padding-left: 2px;
    text-align: right;
}

.quantity input {
    text-align: right !important;
    width: 50px;
    height: 20px;
}
/* grid column */
.commands {
    padding: 2px;
    max-width: 20px;
}
/* grid column */

.shoppingCart .DataGrid .commands .waitIcon {
}

.shoppingCart .DataGrid .commands .deleteButton {
}

.shoppingCart table.total {
    margin-right: 5px;
}

.shoppingCart .total th {
    font-weight: normal;
}

.shoppingCart .total td {
    text-align: right;
    width: 80px;
}

.shoppingCart .total .total {
}

.shoppingCart .total .discount {
}

.shoppingCart .total .shipping {
}

.shoppingCart .total .netto {
}

.shoppingCart .total .tax {
}

.shoppingCart .total .brutto th,
.shoppingCart .total .brutto td {
    font-weight: bolder !important;
    color: #f08a00 !important;
}

.shoppingCart .total .totaldiscount th,
.shoppingCart .total .totaldiscount td {
    padding-top: 8px;
}

.shoppingCart .total .totaldiscount td,
.shoppingCart .total .totalcalcfactor td,
.shoppingCart .total .totaldiscount th,
.shoppingCart .total .totalcalcfactor th {
    font-weight: bold;
    color: #f08a00;
}

.discountinfo {
    border: solid 1px #f08a00;
    background-color: #FCECD6;
    margin: 4px;
    padding: 4px;
}

.shoppingCart table.discountinfo td,
.shoppingCart table.discountinfo th {
    padding: 4px;
}

.brutto, .totalcalcfactor, .brutto th, .brutto td, .brutto th, .brutto td {
    font-weight: bolder !important;
    color: #ee7203 !important;
}

    .totaldiscount, .totalcalcfactor, .totaldiscount th, .totaldiscount td,
    .totalcalcfactor th, .totalcalcfactor td {
        font-weight: bold;
        color: #a8a8a8; /*color: #ee7203;*/
    }

.addToCartPanel .button {
    text-align: right;
}

.addToCartPanel .arrow {
    width: 30px;
}

.addToCartPanel img {
    position: relative;
    top: -7px;
}

.addToCartPanel {
    float: right;
    top: -10px;
    margin-right: 130px;
    height: 24px;
    position: relative;
    padding-top: 5px;
    width: 300px;
}

.shoppingCart.ajaxproductlist .addToCartPanel {
    margin-right: 90px;
}

.shoppingCart .UpdateCartButton {
}

.shoppingCart table.footer {
    width: 100%;
}

.shoppingCart .footnotes {
}

    .shoppingCart .footnotes dt {
        float: left;
    }

    .shoppingCart .footnotes dd {
        margin-left: 20px;
    }

.orderData label {
    display: inline-block;
    width: 160px;
}

.orderData input[type='text'] {
    width: 150px;
    height: 26px;
    vertical-align: middle;
    border-radius: 0 !important;
}

.orderData textarea, .orderData .wide {
    /*width: 66.5% !important;*/
    width: 495px !important;
    ;
    margin-left: 14px !important;
}

@media (max-width:1414px) and (min-width:1214px) {
    .orderData textarea, .orderData .wide {
        width: 60% !important;
        margin-left: 14px !important;
    }
}

​

.orderData input[type='checkbox'] {
    margin-right: 135px;
}

/*.orderData .form-group {
    display: inline-block !important;
    margin-bottom: 0 !important;
    vertical-align: middle !important;
}*/

/********************* AjaxProductList *********************/

.shoppingCart.ajaxproductlist {
}

.ajaxproductlist .icchiddenrow td {
    height: 0;
    line-height: 0;
    display: none;
}

.icchiddenrow alt tr {
    display: none;
}

.ajaxproductlist.selectableRows .icchiddenrow td {
    height: 3px;
    line-height: 3px;
    background-image: url(images/gridhead_m2_s.gif);
    border: none !important;
}

    .ajaxproductlist.selectableRows .icchiddenrow td.head_l tdNoFill {
        background-image: url(images/gridhead_l2_s.gif);
    }

    .ajaxproductlist.selectableRows .icchiddenrow td.head_r {
        background-image: url(images/gridhead_r2_s.gif);
    }

.ajaxproductlist.selectableRows .DataGrid th {
    height: 31px !important;
    background-image: url(images/gridhead_m2.gif);
}

    .ajaxproductlist.selectableRows .DataGrid th.head_l tdNoFill {
        background-image: url(images/gridhead_l2.gif);
    }

    .ajaxproductlist.selectableRows .DataGrid th.head_r {
        background-image: url(images/gridhead_r2.gif);
    }

.shoppingCart.ajaxproductlist tr td.pack1,
.shoppingCart.ajaxproductlist tr td.pack2 {
    /*background-color:#F5C583;*/
    text-align: right;
}

.shoppingCart.ajaxproductlist tr.alt td.pack1,
.shoppingCart.ajaxproductlist tr.alt td.pack2 {
    /*background-color:#FCECD6;*/
    text-align: right;
}

.DataGrid.selectableRows .DataGrid tr {
    cursor: pointer;
}

.selectableRows tr.over td {
    background-color: #e1e1e1 !important;
}

.selectableRows tr.selected td {
    background-color: #f79642 !important;
    color: #fff !important;
    font-weight: bolder;
}

    .selectableRows tr.selected td span {
        color: #fff !important;
        font-weight: bolder;
    }

.shoppingCart.ajaxproductlist .DataGrid th.product {
}

.shoppingCart.ajaxproductlist .DataGrid th.model {
}

.shoppingCart.ajaxproductlist .DataGrid th.variant {
}

.shoppingCart.ajaxproductlist .DataGrid td.variant {
}

.shoppingCart.ajaxproductlist .DataGrid th.preisab {
    text-align: center;
}

.shoppingCart.ajaxproductlist .DataGrid td.availability {
    vertical-align: middle;
}

.shoppingCart.ajaxproductlist .DataGrid .preisab {
    /*border-left:solid 1px #f08a00;*/
    text-align: center !important;
}

    .shoppingCart.ajaxproductlist .DataGrid .preisab.pack1,
    .shoppingCart.ajaxproductlist .DataGrid .preisab.pack2 {
        /*border: none !important;*/
    }

.shoppingCart.ajaxproductlist .DataGrid th.preis {
}

.shoppingCart.ajaxproductlist .DataGrid th.ihrpreis .caption {
    width: 50px;
}

.shoppingCart.ajaxproductlist .ihrpreis.pack2 {
    /*border-right:solid 1px #f08a00;*/
    padding-right: 8px !important;
}

.shoppingCart.ajaxproductlist .DataGrid th.quantity {
}

.shoppingCart.ajaxproductlist .DataGrid tr.iccgridsep td {
    vertical-align: middle;
    font-weight: bold;
    /*background-color:#d6d6d6;*/
    background-color: #e1e1e1;
    color: #000000;
}

    .shoppingCart.ajaxproductlist .DataGrid tr.iccgridsep td a {
        text-decoration: none;
    }

        .shoppingCart.ajaxproductlist .DataGrid tr.iccgridsep td a:hover {
            text-decoration: underline;
        }

.shoppingCart.ajaxproductlist .DataGrid tr.iccgridsep .productname {
}

.shoppingCart.ajaxproductlist .DataGrid tr.iccgridsep .categoryname {
    padding-left: 4px;
    font-weight: normal;
}

.shoppingCart.ajaxproductlist .DataGrid tr.iccgridsep .productsku {
    font-weight: normal;
}

/********************* Mini shopping cart *********************/

.miniCart .links {
    height: 18px;
    width: 300px;
}


.miniCart .caption {
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left;
}

.pageHead .miniCart .topRow img {
    margin-right: 4px;
}

.miniCart .DataGrid td,
.miniCart .DataGrid tr,
.miniCart .DataGrid table {
    background-color: Transparent !important;
    width: 185px;
    padding: 0 !important;
}

.miniCart .DataGrid .alt .summary {
    height: 17px !important;
}

.miniCart .DataGrid td,
.miniCart .DataGrid tr {
    height: auto !important;
}


/*.miniCart .DataGrid table	{
height:20px !important;
}*/

.miniCart .DataGrid .summary {
    background-color: Transparent;
}
/* grid column */

.miniCart a {
    /*color: #fff !important;*/
    text-decoration: underline !important;
}

    .miniCart a span { /*color: #fff !important;*/
    }

.minicartPrice {
    padding-left: 8px !important;
    font-weight: bold;
    /*color: #fff;*/
}

/********************* Shopping cart total *********************/

.shoppingcarttotal {
}
    /* Descendant of HorizontalTable. See table.css for more classes */
    .shoppingcarttotal th {
        text-align: right;
    }

    .shoppingcarttotal td {
        text-align: right;
    }

/********************* category list *********************/

.categories {
}
    /* Descendant of panel. See panel.css for more classes */
    .categories .DataGrid {
    }

        .categories .DataGrid .name {
        }
/* grid column */

/********************* product list *********************/

.productList .products {
}
    /* Descendant of panel. See panel.css for more classes */

    .productList .products td {
        vertical-align: top;
    }

    .productList .products .DataGrid {
    }

        .productList .products .DataGrid .image {
        }
            /* grid column */
            .productList .products .DataGrid .image img {
                border: solid 1px #e8e8e8;
            }
        /* grid column */
        .productList .products .DataGrid .sku {
        }
        /* grid column */
        .productList .products .DataGrid td.name {
            font-weight: bold;
        }
        /* grid column */
        .productList .products .DataGrid .description {
            font-size: 80%;
        }

            .productList .products .DataGrid .description .caption {
                float: left !important;
            }
        /* grid column */
        .productList .products .DataGrid .price {
            text-align: right;
        }

        .productList .products .DataGrid .uvp {
            text-align: right;
        }

        .productList .products .DataGrid .etikett {
            padding-right: 4px;
            font-weight: normal;
            text-align: left;
        }

.products .DataGrid a:active,
.products .DataGrid a:link,
.products .DataGrid a:visited {
    text-decoration: none;
}

.products .DataGrid a:hover {
    text-decoration: underline;
}


/********************* alert *********************/

.alert {
    border: solid 1px #f08a00;
    background-color: #FCECD6;
    color: #f08a00 !important;
    font-size: 8pt;
    padding: 4px;
    margin-bottom: 10px;
}

    .alert a, .alert b, .alert strong, .alert p, .alert u {
        color: #f08a00;
    }

.rabattShippingParentDiv {
    float: left;
    width: 34%;
    padding-top: 30px;
}

.rabattShippingGrenze {
    display: none;
    font-size: 14px;
    max-width: 100%;
    /*background-color:rgb(68, 68, 68) !important;
	color:#FFF !important;*/
    margin-top: 10px;
    font-weight: bold;
    padding: 10px;
}

    .rabattShippingGrenze a, .rabattShippingGrenze > b, .rabattShippingGrenze > strong {
        color: #FFF !important;
    }


/*********************/

.serviceInfo {
    position: relative;
}

    .serviceInfo .mail {
        font-family: Verdana;
        font-size: 8.5pt;
        position: absolute;
        top: 176px;
        left: 54px;
    }

/******************************************************/

.textCaption {
    font-weight: bold;
    color: #000000;
}

/*********************** Small Product *******************************/

.smallProduct td {
    vertical-align: top;
    padding-top: 5px;
}

.smallProduct .image {
    width: 120px;
}

    .smallProduct .image img {
        border: solid 1px #e8e8e8;
    }

.smallProduct a {
    text-decoration: none;
}

.smallProduct .name {
    text-transform: uppercase;
    font-weight: bold;
}

.smallProduct .sku {
    margin: 6px 0px 6px 0px;
}

.smallProduct .price th, .smallProduct .uvp th, .smallProduct .etikett th {
    padding-right: 4px;
    font-weight: normal;
    text-align: left;
}

.smallProduct .details,
.smallProduct .details a {
    margin-top: 6px;
    text-decoration: underline;
    color: #f0a800;
}

.smallProduct .name:hover {
    color: #ee7203 !important;
}

.smallProduct .sku:hover {
    color: #ee7203 !important;
}

.horizScroller {
    display: table-cell; /*float: left;*/
    vertical-align: top;
    padding-right: 5px;
    padding-left: 5px;
    min-width: 140px;
}

.horizScrollerInDiv {
    position: relative;
    border: 2px solid #fff;
    border-radius: 3px 3px 3px 3px
}

    .horizScrollerInDiv:hover {
        border-color: #ee7203;
    }

    .horizScrollerInDiv a img {
        width: 80px !important;
        height: 60px !important;
    }

hr {
    color: #d9d9d9;
    background-color: #d9d9d9;
    height: 1px;
}


/*
.javaScriptHint
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	width:100%;
	height:100%;
}

.javaScriptHint td
{
	text-align:center;
	vertical-align:middle;
}
*/
.javaScriptHint {
    position: absolute;
    left: 20%;
    z-index: 100;
    width: 600px;
    background-color: white;
    border: solid 2px red;
    padding: 20px;
    color: Red;
    font-size: 11pt;
    font-weight: bold;
}

.small {
    font-size: 8pt;
}

/*************** ProductLabel / Print preview*****************/
.ProductLabelIcon {
    margin-left: 4px;
    cursor: pointer;
}

div.ProductPanel {
    width: 700px;
    height: 380px;
}

.ui-widget-header {
    border: 0 solid transparant;
    background: #777 url(images/ui_bg_1x100.png) 50% 50% repeat-x;
    color: #fff;
    font-weight: bold;
}

table.ProductLabel {
    float: left;
}

.ProductLabel.verticalTable th {
    width: 20%;
    padding: 0;
}

.ProductLabel.verticalTable .col3 {
    padding-left: 4px;
}

.ProductLabel.verticalTable td {
    width: 30%;
    padding: 2px;
}

.ProductLabel textarea {
    height: 97%;
}

.ProductLabel .preview {
    text-align: center;
    border: solid 1px #e8e8e8;
    padding-bottom: 4px;
}

.ProductLabel td.info {
    padding: 0 0 0 2px;
}

#eanHint {
    font-weight: normal;
    font-size: 8pt;
}

.etikettLogo {
    width: 55px !important;
    padding-top: 5px !important;
}
/*Print*/
.barcodeDiv {
    border: 1px solid #d1d1d1;
    margin-left: 20px;
    margin-top: 20px;
    width: 270px !important;
    height: 170px !important;
    float: left;
}

.barcodeTbl {
    width: 99% !important;
    font-size: 8pt !important;
    margin-top: 8px !important;
}

.bCodeSpanBold {
    /*padding-right: 10px;*/
    font-size: 10pt;
    font-weight: bolder;
}

.bCodeSpanPreis {
    font-size: 12pt;
    font-weight: bolder;
}

.bCodeTdSKU {
    padding-top: 5px !important;
    width: 51px !important;
    height: 67px !important;
    padding-left: 5px;
}

.bCodeTdPreisImg {
    width: 85px !important;
    padding-left: 8px;
}
/********* End Barcode style ************/
.new-page {
    page-break-before: always !important;
}

.tblHeader {
    background-color: #f2dede !important;
    width: 100%;
}

.trHeader1 {
    background-color: #000 !important;
    height: 22px;
}

.trHeader2 {
    background-color: #ee7203 !important;
    height: 67px !important;
}

.tdHeader {
    padding-left: 5px;
}

.barcodeImg {
    width: 165px !important;
    padding-top: 10px;
    padding-left: 10px;
}

.imgTd {
    text-align: right;
    width: 3%;
    padding-bottom: 1px;
}

.scHeaderLogo {
    max-width: 140px;
}

table.ProductLabelPrint {
    width: 720px !important;
}

.ProductLabelPrint {
}

    .ProductLabelPrint .preview {
        width: 300px;
        text-align: center;
        border: solid 1px #e8e8e8;
        padding-bottom: 2px;
    }

    .ProductLabelPrint td.info {
        padding: 0 0 0 2px;
    }

/********************* AJAX FEEDBACK *********************/
.loadingAjax {
    position: absolute;
    z-index: 100;
    background-image: url(images/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 50px;
    height: 50px;
    top: 130px;
    left: 910px;
}

.checkoutReview #txtShippingDate {
    width: 100px;
}

.CheckoutNowButton {
    margin-bottom: 10px;
}

.loginInpt {
    max-width: 80%;
}

.loginLabel {
    margin-top: 10px;
    margin-right: 15px;
    float: left;
    font-weight: bold;
}

.popover {
    top: 80px !important;
}

/********************* ShoppingCart Print Style **********************/
.shoppingCartMainTbl {
    width: 825px !important;
    padding-left: 3px !important
}

#scpTitle {
    position: absolute;
    top: 20px;
    left: 10px;
    text-align: left;
    font-size: 20px;
}

#scpNameLeft {
    position: absolute;
    top: 55px;
    left: 10px;
    color: #fff !important;
    text-align: left;
    font-size: 18px;
    font-weight: bolder;
}

.scpNameRight {
    position: absolute;
    top: 55px;
    left: 420px;
    /*color: #FFF !important;*/
    text-align: left;
    font-size: 18px;
    font-weight: bolder;
}

#scpPrintIcon {
    position: absolute !important;
    top: 52px !important;
    left: 300px !important;
}

#imgHead1 {
    width: 825px !important;
    height: 110px;
    float: left;
}

/********************* END ShoppingCart Print Style **********************/