.siteTitle {
    width: 898px;
    height: 13px;
    background: url(../img/bg_sitetitle.png) top left repeat-x;
    border-top: 1px solid #cfcfcf;
    border-left: 1px solid #838383;
    border-right: 1px solid #838383;
    margin: 0 auto;
    padding: 6px 20px 10px 20px;
}

.siteTitle h1 {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: bold;
    color: #484848;
    text-transform: uppercase;
}

#contentContainer {
    width: 960px;
    margin: 0 auto;
    padding: 0;
    /*border: 1px solid black;*/
}

#contentContainer.shops {
    clear: both;
    width: 940px;
}

#contentContainer.popUp {
    width: 590px;
}

#contentColumn {
    width: 620px;
    margin-right: 20px;
    padding: 0;
    float: left;
}

#rightColumn {
    width: 300px;
    padding: 0;
    float: left;
}

.contentOfSite {
    width: 898px;
    margin: 0 auto 40px auto;
    padding: 20px;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    background: #ffffff;
}

.contentOfSite.further {
    border-top: 1px solid #cfcfcf;
}

.contentOfSite.wide {
    border-top: 1px solid #cfcfcf;
    margin: 0 auto 20px auto;
}

.insideContentContainer {
    border: 1px solid #cfcfcf;
    padding: 20px;
    margin-top: 40px;
}

.insideContentContainer.orderNewsletter {
    padding: 20px 0 20px 20px;
}

.insideContentContainer .leftArea {
    width: 300px;
    padding: 0;
    float: left;
    /*border: 1px solid black;*/
}

.insideContentContainer .rightArea {
    width: 550px;
    padding: 0;
    float: right;
    /*border: 1px solid black;*/
}

.rightArea .innerRightArea {
    margin-top: 20px;
}

.insideContentContainer h2 {
    font-size: 17px;
    color: #ff7f00;
    margin: 10px 0 0 0;
}

/*.insideContentContainer .outerNewsletterContainer {*/
    /*position: relative;*/
    /*width: 550px;*/
    /*height: 100px;*/
    /*padding: 20px 0 20px 0;*/
    /*border: 1px solid black;*/
/*}*/

/*.insideContentContainer .outerNewsletterContainer .newsletter {*/
    /*position: absolute;*/
    /*top: 0;*/
    /*right: -15px;*/
    /*width: 149px;*/
    /*height: 137px;*/
    /*background: url(../img/newsletter.png) top left no-repeat;*/
/*}*/

/*.insideContentContainer .newsletterContainer {*/
    /*width: 550px;*/
    /*height: 100px;*/
    /*margin: 18px 0 18px 0;*/
    /*background: #eeeeee;*/
    /*border: 1px solid black;*/
/*}*/

.labelTitle,
.labelTitleLeftSideTop,
.labelTitleRightSide,
.labelTitleRightSideTop {
    height: 40px;
    position: relative;
    left: -30px;
    background: url(../img/bg_label.png) top left no-repeat;
}

.labelTitleRightSide,
.labelTitleRightSideTop {
    /*position: absolute;*/
    left: 0;
    margin-right: -30px;
    background: url(../img/bg_label_right.png) top right no-repeat;
}

.labelTitleRightSideTop {
    margin-right: -10px;
}

.labelTitleLeftSideTop {
    top: -40px;
    left: -40px;
}

.labelTitle table,
.labelTitleLeftSideTop table,
.labelTitleRightSide table,
.labelTitleRightSideTop table {
    border-collapse: collapse;
}

.labelTitleRightSide table,
.labelTitleRightSideTop table {
    position: absolute;
    right: 0;
}

.labelTitle td,
.labelTitleLeftSideTop td,
.labelTitleRightSide td,
.labelTitleRightSideTop td {
    height: 30px;
    background: #999999;
    padding: 0 30px 0 31px;
    vertical-align: middle;
}

.labelTitle h2,
.labelTitleLeftSideTop h2,
.labelTitleRightSide h2,
.labelTitleRightSideTop h2 {
    /*font-size: 15px;*/
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    margin: 0;
}

.labelTitleRightSide h2 a,
.labelTitleRightSideTop h2 a,
.labelTitleRightSide h2 input {
    /*display: block;*/
    background: url(../img/arrow_labellink.png) center right no-repeat;
    padding-right: 12px;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

.labelTitleRightSide h2 input {
    border: none;
    cursor: pointer;
}

.labelTitleRightSide h2 a:hover,
.labelTitleRightSideTop h2 a:hover {
    text-decoration: underline;
}

.labelTitle h2 p {
    margin: 0 !important;
    padding: 0 !important;
}

#cartAssistant {
    width: 940px;
    height: 65px;
    margin: 0 auto;
}

#cartAssistant.step1 {
    background: url(../img/cart_assistant.png) 0 0 no-repeat;
}

#cartAssistant.step2 {
    background: url(../img/cart_assistant.png) 0 -76px no-repeat;
}

#cartAssistant.step3 {
    background: url(../img/cart_assistant.png) 0 -151px no-repeat;
}

#cartAssistant.step4 {
    background: url(../img/cart_assistant.png) 0 -226px no-repeat;
}

#cartAssistant.step5 {
    background: url(../img/cart_assistant.png) 0 -300px no-repeat;
}

#cartAssistant .step,
#cartAssistant .step.act {
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    float: left;
    width: 113px;
    height: 50px;
    margin: 0 50px 0 0;
    padding: 0 0 0 24px;
}

#cartAssistant .step.first {
    margin: 0 50px 0 50px;
}

#cartAssistant .step.last {
    margin: 0;
}

#cartAssistant .step.act {
    color: #ffffff;
}

#cartAssistant .step table {
    border-collapse: collapse;
}

#cartAssistant .step table td {
    height: 50px;
    vertical-align: middle;
}

.list,
.listGray {
    margin-top: 5px;
    font-size: 11px;
    width: 100%;
}

.list th,
.listGray th {
    background: #ffffff;
    color: #666666;
    padding: 5px 10px 5px 5px;
    font-size: 11px;
    text-align: left;
    font-weight: normal;
}

.listGray th.grayBackground {
    background: #c8c8c8;
    color: #525252;
}

.list .alignRight,
.listGray .alignRight {
    text-align: right;
}

.list .alignCenter,
.listGray .alignCenter {
    text-align: center;
}

.list th a,
.list th a:hover,
.listGray th a,
.listGray th a:hover {
    color: #666666;
    text-decoration: none;
    /*padding: 0 11px 0 0;*/
}

.list th.sortable a,
.listGray th.sortable a {
    background: url("../img/sort_off.png") center right no-repeat;
    padding: 0 11px 0 0;
}

.list th.order1 a,
.listGray th.order1 a {
    background: url("../img/sort_down.png") center right no-repeat;
    padding: 0 11px 0 0;
}

.list th.order2 a,
.listGray th.order2 a {
    background: url("../img/sort_up.png") center right no-repeat;
    padding: 0 11px 0 0;
}

.list tr.aggregate {
    background: #FFF5E5;
}

.list tr.aggregate td {
    font-weight: bold;
    border-top: 1px solid #FF9900;
    border-bottom: 1px solid #FF9900;
}

.list td,
.listGray td {
    padding: 5px 10px 5px 5px;
    vertical-align: top;
    /*border: 1px solid red;*/
}

.list td a,
.listGray td a {
    color: #666666;
    text-decoration: none;
}

.list td a:hover,
.listGray td a:hover {
    color: #666666;
    text-decoration: underline;
}

.list .even {
    background: #ffffff;
}

.list .odd {
    background: #ffffff;
}

.listGray .even {
    background: #ffffff;
}

.listGray .odd {
    background: #f2f2f2;
}

.list .captionCell,
.listGray .captionCell {
    padding: 5px;
}

.list .articleImg,
.listGray .articleImg {
    float: left;
    margin-right: 20px;
}

.list .netto,
.listGray .netto {
    float: right;
    padding-right: 40px;
}

.list .brutto,
.listGray .brutto {
    float: right;
    width: 70px;
    padding-right: 40px;
    /*border: 1px solid black;*/
}

.list .articleSum,
.listGray .articleSum {
    border-top: 1px solid #bbbbbb;
    padding: 13px 10px 13px 5px;
}

.list .groupTotalSum,
.list .totalSum,
.listGray .totalSum,
.listGray .groupTotalSum {
    border-top: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
    color: #444444;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 10px 8px 5px;
}

.list .totalSum,
.listGray .totalSum {
    font-size: 15px;
    padding: 15px 10px 15px 5px;
}

.list .bgGray,
.listGray .bgGray {
    background: #eeeeee;
}

.list .articleName,
.listGray .articleName {
    font-size: 13px;
    font-weight: bold;
    color: #333333;
}

.addressContainer {
    width: 520px;
    margin: 0 auto;
    /*border: 1px solid red;*/
}

.addressContainer.wide {
    width: 720px;
    margin: 0 0 0 188px;
    /*border: 1px solid red;*/
}

.addressContainer .addressLeft,
.addressContainer .addressRight {
    width: 250px;
    /*height: 255px;*/
    padding: 0;
    float: left;
    position: relative;
    /*border: 1px solid red;*/
}

.addressContainer .addressLeft {
    margin-right: 20px;
}

.address,
.addressContainer .address,
.addressContainer .paymentMethod {
    font-size: 15px;
    font-weight: bold;
    color: #444444;
}

.address,
.addressContainer .address {
    line-height: 18px;
}

.addressContainer .paymentMethod {
    margin-right: 20px;
}

.paymentMethod table {
    border-collapse: collapse;
    width: 600px;
}

.paymentMethod table tr.isChecked {
    background: #EBEBEB;
}

.paymentMethod table tr td {
    margin: 0;
    padding: 3px 0 3px 0;
    border-bottom: 1px solid #444444;
}

.paymentMethod table tr td.last {
    border-bottom: none;
}

.addressContainer .savedAddresses {
    margin-top: 20px;
    /*position: absolute;*/
    /*bottom: 0;*/
}

.addressContainer .noticeText {
    width: 400px;
    padding: 0;
}

.italicText {
    font-style: italic;
    font-size: 11px;
    margin: 0 0 10px 0;
}

.infoText {
    font-size: 13px;
    font-weight: bold;
    color: #444444;
}

.infoTextRed {
    font-size: 15px;
    font-weight: bold;
    color: #ff0000;
}

.infoTextOrange {
    font-size: 15px;
    font-weight: bold;
    color: #ff7f00;
}

.boxSmall {
    width: 230px;
    height: 185px;
    border: 1px solid #cccccc;
    padding: 20px;
}

.boxSmall h2 {
    font-size: 15px;
    color: #999999;
}

.paymentDescription {
    font-size: 11px;
    font-weight: normal;
}

#orderConfirmationContainer {
    position: relative;
    width: 520px;
    height: 360px;
    margin: 0 auto 20px auto;
    padding: 20px;
    background: url(../img/bg_order_confirmation.jpg) top left no-repeat;
    border: 1px solid #cfcfcf;
}

#orderConfirmationContainer .orderConfirmationMessageTop {
    position: absolute;
    top: 130px;
    left: 20px;
    width: 520px;
}

#orderConfirmationContainer .orderConfirmationMessageMiddle {
    position: absolute;
    top: 190px;
    left: 20px;
    width: 520px;
    padding-bottom: 20px;
    border-bottom: 1px solid #999999;
}

#orderConfirmationContainer .orderConfirmationMessageBottom {
    position: absolute;
    top: 300px;
    left: 20px;
    width: 520px;
}

#orderConfirmationContainer .orderConfirmationMessageMiddle .leftSide,
.inContainerLeftSide {
    width: 350px;
    margin-right: 15px;
    float: left;
}

#orderConfirmationContainer .orderConfirmationMessageMiddle .rightSide,
.inContainerRightSide {
    width: 140px;
    float: left;
}

#orderConfirmationContainer .orderConfirmationMessageBottom .leftSide {
    width: 60px;
    margin-right: 15px;
    float: left;
}

#orderConfirmationContainer .orderConfirmationMessageBottom .middle {
    width: 270px;
    margin-right: 15px;
    float: left;
}

#orderConfirmationContainer .orderConfirmationMessageBottom .rightSide {
    width: 140px;
    float: left;
}

.commonContainerCart {
    width: 520px;
    margin: 0 auto 20px auto;
    padding: 20px;
    border: 1px solid #cfcfcf;
}

.fieldsetContainer {
    width: 560px;
    margin: 20px auto 40px auto;
}

.registrationContainer {
    position: relative;
    width: 500px;
    margin: 20px auto 40px auto;
    padding: 30px;
    border: 1px solid #888888;
    background: #dddddd;
}

.noUnderlineLink {
    text-decoration: none;
    color: #666666;
}

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

.registrationButtonPosition {
    width: 560px;
    margin: 0 auto;
}

.warningContainer {
    width: 435px;
    background: url(../img/warning_sign.png) top left no-repeat;
    padding-left: 65px;
}

.xSellingArticle-jcarousellite {
    float: left;
    width: 320px;
    height: 150px;
    border: 1px solid black;
}

.xSellingArticle-jcarousellite ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    /*float: left;*/
}

.xSellingArticle-jcarousellite ul li {
    list-style: none;
    display: inline;
    padding: 0;
    margin: 0;
    width: 240px;
    height: 150px;
    background: none;
    float: left;
    /*border: 1px solid black;*/
}
.slideBar {
    width: 220px;
    height: 26px;
    margin-top: 10px;
}

.slideBar .prev a,
.slideBar .next a,
.slideBar .prev a:hover,
.slideBar .next a:hover {
    width: 25px;
    height: 26px;
    display: block;
    /*border: 1px solid black;*/
}

.cartCrossSellingArticleContainer {
    width: 938px;
    margin: 0 auto 40px auto;
    padding: 0;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    background: #ffffff;
}

.cartCrossSellingArticleContainer h1 {
    background: #999999;
    color: #ffffff;
    font-size: 15px;
    padding: 6px 20px 6px 20px;
}

.cartCrossSellingArticleContainer .cartCrossSellingArticleInnerContainer {
    width: 898px;
    padding: 20px;
}

.cartCrossSellingArticleContainer .cartCrossSellingArticleInnerContainer .cartCrossSellingArticle {
    width: 760px;
    margin: 0 auto;
}

.butGraySimple,
.butGraySimpleBig {
    border: none;
    width: 110px;
    height: 20px;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff !important;
    text-align: center;
    /*padding: 6px 60px 4px 5px;*/
    cursor: pointer;
}

.butGraySimple {
    background: url(../img/but_gray_simple.png) center center no-repeat;
}

.butGraySimpleBig,
.butGraySimpleBig:hover {
    background: url(../img/but_gray_simple_big.png) center center no-repeat;
    width: 140px;
    height: 30px;
    display: block;
    font-size: 11px;
    text-decoration: none;

}

.butLogin {
    width: 80px;
    height: 20px;
    border: none;
    background: url(../img/but_login.png) center center no-repeat;
    color: #ffffff;
    font-size: 11px;
    /*font-family: Georgia, sans-serif;*/
    text-align: right;
    padding-right: 20px;
    cursor: pointer;
}

.butRefresh,
.butEdit,
.butDelete {
    border: none;
    color: #999999;
    font-size: 10px;
    width: 98px;
    height: 20px;
    margin: 2px 0 2px 0;
    padding: 0 0 0 22px;
    text-align: left;
    cursor: pointer;
    /*display: block;*/
}

.butRefresh {
    background: url(../img/icon_refresh.png) center left no-repeat;
}

.butEdit {
    background: url(../img/icon_edit.png) center left no-repeat;
    width: 90px;
}

.butDelete {
    background: url(../img/icon_delete.png) center left no-repeat;
}

.iconRefresh,
.iconDelete,
.iconEdit {
    width: 16px;
    height: 16px;
    display: block;
    margin: 0 auto;
}

.iconDelete {
    background: url(../img/icon_delete.png) center center no-repeat;
}

.iconEdit {
    background: url(../img/icon_edit.png) center center no-repeat;
}

.iconRefresh {
    background: url(../img/icon_refresh.png) center center no-repeat;
}

.butRed,
.butRedShort,
.butGreen,
.butGreenShort,
.butGreenLong,    
.butGray,
.butGrayDown,
.butGreenRight {
    border: none;
    height: 30px;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    text-align: right;
    padding: 6px 60px 4px 5px;
    cursor: pointer;
}

.butRed {
    text-align: left;
    padding: 6px 5px 4px 60px;
    background: url(../img/but_red.png) center center no-repeat;
    width: 230px;
}

.butRedShort {
    text-align: left;
    padding: 6px 5px 4px 60px;
    background: url(../img/but_red_short.png) center center no-repeat;
    width: 140px;
}

.butGreen {
    background: url(../img/but_green.png) center center no-repeat;
    width: 230px;
}

.butGreenShort {
    background: url(../img/but_green_short.png) center center no-repeat;
    width: 140px;
}

.butGreenLong {
    background: url(../img/but_green_long.png) center center no-repeat;
    width: 261px;
}

.butGray {
    background: url(../img/but_gray.png) center center no-repeat;
    width: 240px;
    /*height: 30px;*/
    font-size: 11px;
}

.butGrayDown {
    background: url(../img/but_gray_down.png) center center no-repeat;
    width: 240px;
    /*height: 30px;*/
    font-size: 11px;
}

.butGreenRight {
    background: url(../img/but_green_right.png) center center no-repeat;
    width: 240px;
    /*height: 30px;*/
    font-size: 11px;
}

.butGray3DSmaller {
    width: 140px;
    height: 20px;
    background: url(../img/but_gray_3d_smaller.png) center center no-repeat;
    color: #ffffff !important;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    border: none;
    cursor: pointer;
}

.hrefBut,
.hrefBut:hover {
    display: block;
    text-decoration: none;
}

.buttons {
    margin-top: 30px;
}

.buttons.belowContent {
    margin: 30px 10px;
}