@import url("/++resource++haufe.gui/css/formStylesMaster.css");

#page {
    clear: right;
}

.contentProcess {
    padding: 0 5px 20px 5px;
}

#basketHead {
    width: 845px;
}

#basketHead div {
    float: left;
    height: 50px;
}

#basketHead .left {
    background: url(spritesProcess.gif) 0 0 no-repeat;
    width: 14px;
}

#basketHead .middle {
    background: url(spritesRepeatX.gif) 0 -682px repeat-x;
    width: 817px;
}

#basketHead .middle h1 {
    border: none;
    margin: 10px 0 0 5px;
}

#basketHead .right {
    background: url(spritesProcess.gif) -15px 0 no-repeat;
    width: 14px;
}

.contentProcess .basketBody {
    background: url(processBoxContent.gif) repeat-y;
    clear: left;
    padding: 10px 20px;
    width: 805px;
}

.contentProcess .comSlot {
    clear: both;
    width: 800px;
}

.contentProcess .comSlot .filler {
    float: left;
    margin: 40px 25px 0 0;
    width: 250px;
}

.contentProcess .comSlot .fillerRight {
    float: left;
    margin: 40px 0 0 0;
    width: 250px;
}

/* new layout for summary process buttons*/
.contentProcess .summaryProcessButtons {
    clear: both;
    width: 800px;
    margin: 0;
    padding: 10px 0 0 0;
}

.contentProcess .summaryLinks {
    float: right;
    width: 300px;
    margin: 0;
    padding: 10px 30px 0 0;
}

.contentProcess .summaryProcessButtons .send {
    float: right;
    width: 83px;
}

.contentProcess .summaryProcessButtons .print {
    float: right;
    width: 80px;
}

.basketFooter {
    clear: left;
    width: 865px;
}

.contentProcess .footerLeftCorner {
    background: url(spritesProcess.gif) -30px 0 no-repeat;
    float: left;
    height: 42px;
    width: 14px;
}

.contentProcess .footerCenter {
    background: url(spritesRepeatX.gif) 0 -733px repeat-x;
    float: left;
    height: 42px;
    width: 817px;
}

.contentProcess .footerRightCorner {
    background: url(spritesProcess.gif) -45px 0 no-repeat;
    float: left;
    height: 42px;
    width: 14px;
}

#directOrder {
    float: left;
    margin: 0 0 10px 0;
}

fieldset .label,
fielset .input {
    float: left;
    margin: 0;
    padding: 0;
    width: 175px;
}

fieldset .submit {
    float: left;
    margin: 0;
    padding: 0 ! important;
    text-align: right;
    width: 280px;
}

.shoppingCart0 .infoBoxList li {
    background: url(spritesProcess.gif) 0 -155px no-repeat;
}

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

ul.acknowledge li {
    background: url(spritesProcess.gif) 0 -115px no-repeat;
    display: block;
    height: 14px;
    padding: 0 0 0 15px;
    vertical-align: top;
}

.form .left {
    padding: 10px 0 0 0;
}

.directOrder {
    margin: 0;
    padding: 0;
}

.directOrder div {
    float: left;
    margin: 0;
    padding: 0 10px 0 0;
    width: auto;
}

.directOrder div label {
    margin: 0;
    padding: 0;
    width: auto;
}

.orderNo {
    width: 86px;
}

.productCount {
    width: 36px;
}

.sendSubmitDO {
    background: url(submitDOBG.gif) no-repeat;
    border: 0;
    cursor: pointer;
    height: 21px;
    width: 123px;
}

.sendSubmitDOHover {
    background: url(submitDOBGHover.gif) no-repeat;
    border: 0;
    cursor: pointer;
    height: 21px;
    width: 123px;
}

p img {
    padding: 0 5px 0 0;
}

.errorDirectOrder {
    background: url(iconError.gif) no-repeat 5px 5px;
    background-color: transparent;
    border: 1px solid #cc0000;
    color: #cc0000;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 5px 5px 27px;
}

.tsSummary {
    width: 450px;
}

.contentProcess .trustedShopImage {
    margin: 0 10px 10px 0;
    float: left;
}

.contentProcess .trustedShopText {
    font-size: 12px;
}

.contentProcess .trustedShopSubmit {
    background: url(trustedShop.gif) no-repeat;
    border:none;
    cursor:pointer;
    height: 70px;
    margin: 0;
    padding: 0;
    width: 70px;
}

.contentContainer .trustedShopImage {
    margin:10px 0 10px 0;
    float: left;
}

.contentContainer .trustedShopText {
    font-size:12px;
    float:left;
    clear:both;
}

.trustedShopButton,
.trustedShopButton:hover {
    background: none;
    border: none;
    color: #cc0000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: 300px ! important;
}

.trustedShopButton:hover {
    text-decoration: underline;
}

.trustedShopSubmit {
    background: url(trustedShop.gif) no-repeat;
    border: none;
    cursor: pointer;
    height: 70px;
    padding: 0;
    margin: 0;
    width: 70px;
}

.extendedNavigationContainer .trustedShopImage {
    margin:0 0 0 30px;
}

.extendedNavigationContainer .trustedShopText {
    float: left;
    margin: 10px 0 0 0;
    text-align: center;
    width: 98%;
}

.contentProcess .buyWithoutRisk {
    font-size: 11px;
    width: 236px;
}

.contentProcess .buyWithoutRisk div {
    float: left;
}

.contentProcess .buyWithoutRisk div.text {
    width: 166px;
}

.contentProcess .buyWithoutRisk div.img {
    width: 70px;
}

.contentProcess .orderWithoutRisk {
    color: #000000;
    float: right;
    margin: 0 55px 0 0;
    width: 350px;
}

.contentProcess .buyWithoutRisk li {
    display:inline;
    vertical-align: top;
    padding: 0 20px 0 0;
    float: left;
}

.contentProcess .securityIcons {
    background: url(spritesProcess.gif) -100px -200px no-repeat;
    float:left;
    height:40px;
    width:140px;
}

.productContainer .contentMedium {
    float: left;
    width: 263px;
}

.productContainer .imgMedium {
    float: left;
    width: 70px
}