html, body {
    font-family: Arial, Ubuntu, sans-serif;
    color: #000;
    overflow: auto;
    background: #f5f5f5;
}

body.layout-1 {
    background-image: url("../gfx/layout/bg/default.jpg");
}

#social_share {
    position: absolute;
    top: 183px;
    left: 50px;
}

#social_share a {
    display: block;
    margin-bottom: 10px;
}

.sampleEditor {
    width: 600px !important;
    height: 385px !important;
    margin: 150px auto !important;
    padding: 5px !important;
    text-align: left !important;
}

body, div, dl, dt, dd, ul, ol, li, h2, h3, h4, h5, h6, pre, form, fieldset, input[type=text], textarea, p, blockquote, th, td, p, button, select {
    font-family: Arial, Ubuntu, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, strong, th, var, button {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

.block {
    display: table;
    width: 100%;
}

/* layout */
body {
    height: 110%;
    font-size: 12px;
    /* padding-bottom: 50px; */
}

.page, .pageFull {
    width: 890px;
    margin: 0 auto;
    overflow: hidden;
}

.main {
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    background-color: #FFF;
    border-radius: 0 0 5px 5px;
}

.inline {
    display: inline-block;
}

.pageHeader {
    position: relative;
}

.pageHeader .logo {
    float: right;
    width: 136px;
    text-align: center;
}

.pageHeader .logo a {
    display: block;
}

.pageTitle {
    padding: 25px 0 5px 0;
}

.sidebarLeft {
    float: left;
    width: 168px;
    position: relative;
    left: -20px;

}

.sidebarLeft section.grid2dBottomRound {
    border-radius: 0 0 5px 0;
}

@media all and (max-width: 1325px) {
    #social_share {
        display: none;
    }
}

.page .content {
    width: 680px;
    float: right;
    border-radius: 0 0 5px 5px;
}

.pageFull .content {
    width: 850px;
    border-radius: 0 0 5px 5px;
}

.footer {
    clear: both;
    overflow: hidden;
    padding: 20px;
    background-color: #eeeeee;
    /* border-radius: 10px; */
}

.newFooter {
    clear: both;
    overflow: hidden;
    background-color: #6e6d6c;
    padding: 20px 0 20px 10px;
    color: #d6d6d6;
    margin-top: 15px;
}

.newFooter a {
    text-decoration: none;
    color: #d6d6d6;
}

.newFooter .cols4Equal h4 {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    font-size: 16px;
}

.newFooter .cols4Equal .col {
    border: 0;
    padding-left: 5%;
}

.footerWidth {
    width: 1000px;
    margin: auto;
}

.footer .tl {
    background: none;
}

.copyright {
    margin: 5px 0;
    font-weight: bold;
    color: #747474;
    font-size: 12px;
}

.errors li {
    color: red;
}

.tbl dl {
    overflow: hidden;
}

.tbl dt {
    float: left;
    display: inline-block;
    width: 150px;
    font-weight: bold;
}

.tbl dd {
    float: left;
}

/* basic formats */
a {
    color: #000;
}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: none;
}

a.aClean {
    text-decoration: none;
}

h2 {
    margin-bottom: 10px;
    line-height: 25px;
    font-size: 20px;
    -webkit-margin-after: 10px;
    -webkit-margin-before: 0;
}

h2 a, h2 span, .h2 {
    line-height: 25px;
    text-decoration: none;
    font-size: 20px;
}

h3 {
    font-size: 16px;
    padding: 10px 0 5px 0;
    margin: 0;
    -webkit-margin-after: 0;
    -webkit-margin-before: 0;
}

h3 a, h3 span, .h3 {
    font-size: 16px;
    text-decoration: none;
}

h3.hits {
    padding: 0;
}

h4 {
    font-size: 14px;
    margin: 3px 0 8px 0;
}

h4 a, h4 span, .h4 {
    font-size: 16px;
}

strong {
    font-weight: bold;
}

p, .p {
    margin-bottom: 3px;
    line-height: 135%;
}

hr {
    border: 0;
    padding: 0;
    height: 1px;
    background: url(../gfx/layout/bgDottedH.png) center center repeat-x;
    margin: 2px;
}

.hand {
    cursor: pointer;
}

.important-0 {
    font-weight: bold;
}

.important-1 {
    color: red;
}

.hi {
    background: #f7f7f7;
}

.lo {
    background: #e8e8e8;
}

.over {
    background: #bab8b7;
}

.small {
    font-size: 11px !important;
}

.normal {
    font-weight: normal !important;
    font-size: 12px;
}

.bold {
    font-weight: bold;
}

.grey {
    color: #ccc;
}

.greyText {
    color: #666;
}

.big {
    font-size: 16px;
}

.circle {
    list-style: circle;
    margin-left: 30px;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.block {
    display: block;
}

.txtRight {
    text-align: right;
}

.txtCenter {
    text-align: center;
}

.txtLeft {
    text-align: left;
}

.justified {
    text-align: justify;
    line-height: 150%;
}

.arrow li {
    background: url(../gfx/layout/listArrowRight.png) 0 5px no-repeat;
    padding-left: 15px;
    margin-left: 10px;
}

.arrow li span {
    display: block;
    line-height: 18px;
}

.ofh {
    overflow: hidden;
}

.ofa {
    overflow: auto;
}

.txtShaddowLight {
    text-shadow: 1px 1px 1px #dfdfdf;
}

.txtShaddowDark {
    text-shadow: 1px 1px 1px #a4a4a4;
}

.orange {
    color: #E87700 !important;
}

.uc {
    text-transform: uppercase;
}

.underline, .underline:HOVER {
    text-decoration: underline;
}

.bgWhite {
    background-color: #fff;
}

.bgOrange {
    background: url('../gfx/layout/boxes/orange.png') bottom left repeat-x;
}

.hidden {
    display: none;
}

.smallInput {
    width: 50px;
}

.tinyInput {
    width: 25px;
}

.largeInput {
    width: 80%;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.green {
    color: green;
}

.center {
    text-align: center;
}

.shadow {
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5);
}

/* tables */
table.zebra thead {
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    background: url('../gfx/layout/boxes/orange.png') top left repeat-x;
}

table.zebra thead th {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    overflow: hidden;
}

table.zebra {
    background: url('../gfx/layout/boxes/orange/boxHeaderLeft.png') 0 -5px repeat-x;
    border-bottom: 1px solid #ccc;
    border-spacing: 0;
}

table.zebra thead th {
    padding: 0 5px;
    font-weight: bold;
    height: 32px;
    font-size: 13px;
    color: #000;
    white-space: nowrap;
}

table.zebra td {
    padding: 7px 5px;
}

table.zebra thead th.actions {
    width: 20px;
}

table.zebra td.action {
    width: 20px;
    padding: 3px 5px;
    white-space: nowrap;
    vertical-align: middle;
}

/* borders */
.gbt {
    border-top: 1px solid #ccc;
}

.gbr {
    border-right: 1px solid #ccc;
}

.gbb {
    border-bottom: 1px solid #ccc;
}

.gbl {
    border-left: 1px solid #ccc;
}

.gball {
    border: 1px solid #ccc;
}

.gbIn {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 0;
    border-left: 1px solid #ccc;
}

.gbOut {
    border-top: 0;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.bbb {
    border-bottom: 2px solid #000;
}

/* margins */
.tSpace {
    margin-top: 5px;
}

.rSpace {
    margin-right: 5px;
}

.bSpace {
    margin-bottom: 5px;
}

.lSpace {
    margin-left: 5px;
}

.allSpace {
    margin: 5px;
}

.tSpaceSmall {
    margin-top: 2px;
}

.rSpaceSmall {
    margin-right: 2px;
}

.rSpaceBig {
    margin-right: 10px;
}

.bSpaceSmall {
    margin-bottom: 2px;
}

.lSpaceSmall {
    margin-left: 2px;
}

.boxSpaceAll {
    margin: 2px;
}

.boxSpaceIn {
    margin: 2px 2px 0 0;
}

.boxSpaceOut {
    margin: 0 2px 2px 0;
}

.bSpaceBig {
    margin-bottom: 15px;
}

.tSpaceBig {
    margin-top: 15px;
}

/* paddings */
.overSpace {
    padding-top: 24px;
}

.tPad {
    padding-top: 10px;
}

.rPad {
    padding-right: 10px;
}

.bPad {
    padding-bottom: 10px;
}

.lPad {
    padding-left: 10px;
}

.allPad {
    padding: 10px;
}

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

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

.tPadS {
    padding-top: 5px;
}

.rPadS {
    padding-right: 5px;
}

.bPadS {
    padding-bottom: 5px;
}

.lPadS {
    padding-left: 5px;
}

.allPadS {
    padding: 5px;
}

.sep {
    padding: 0 5px;
}

.bPadBig {
    padding-bottom: 140px;
}

/* text colors */
.red {
    color: red;
}

.grey {
    color: #ccc;
}

.darkGrey {
    color: #555;
}

.black {
    color: #000;
}

.white {
    color: #fff;
}

.bgWhite {
    background-color: #fff;
}

/* Boxes */
h3.boxHeader {
    margin: 0;
    line-height: 32px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    padding: 0 0 0 10px !important;
}

/* text-shadow: 0 -1px 1px #555; */
h3.boxHeader a {
    text-shadow: none;
    color: #333;
}

h3.boxHeader span.boxHeaderText {
    background: transparent;
    max-width: 830px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

h3.boxHeader span.boxHeaderText a {
    line-height: 32px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

#rfqDetails h3.boxHeader span.boxHeaderText {
    max-width: 525px;
}

#rfqDetails .addServices {
    padding-left: 20px;
}

h3 a {
    line-height: 32px;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}

h3 a:hover {
    text-decoration: none;
}

.box .hr {
    margin: 0;
    padding: 0 10px 0 0;
    border-top: 2px solid #fff;
}

.boxGrey .hr {
    background-color: orange;
    margin: 0;
    padding: 0 10px 0 0;
}

.box .hl {
    background: url("../gfx/layout/boxes/orange_small.png") repeat-x scroll left top #F18D1D;
    margin: 0;
    padding: 0;
}

.boxGrey .hl {
    margin: 0;
    padding: 0;
}

.box .fl, .box .fr, .box .tl, .box .tr,
.boxFlat .fl, .boxFlat .fr,
.boxBlank .fl, .boxBlank .fr,
.boxOrange .fl, .boxOrange .fr {
    height: 5px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.boxGreen {
    background-color: #AAFFAA;
}

.boxGreyFlat .hr {
    background: url("../gfx/layout/boxes/bgGrey.png") repeat-x scroll left bottom #fff;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-top: 2px;
}

.boxGreyFlat .hl {
    background: url("../gfx/layout/boxes/bgGrey.png") repeat-x scroll left bottom #fff;
}

.boxGreyFlat h3.boxHeader {
    padding: 2px;
    text-shadow: none !important;
    color: #444;
    line-height: 30px;
}

.boxGreyFlat h3 span {
    font-size: 13px;
    color: #000;
}

.boxGreyFlat h3.boxHeader a {
    line-height: 30px;
}

.boxGrey h3.boxHeader {
    color: #fff;
    text-shadow: 0 1px 1px #000;
}

.boxGreyFlat h3.boxHeader {
    color: #000;
}

.fadeBorderRightUp {
    background: url('../gfx/layout/fadeBorderUp.png') top right no-repeat;
}

.fadeBorderRightDown {
    background: url('../gfx/layout/fadeBorderDown.png') bottom right no-repeat;
}

.fadeBorderLeftUp {
    background: url('../gfx/layout/fadeBorderUp.png') top left no-repeat;
}

.fadeBorderLeftDown {
    background: url('../gfx/layout/fadeBorderDown.png') bottom left no-repeat;
}

.c {
    padding: 10px;
}

.tl {
    background-color: #f8ae27
}

.boxOrange .c {
    background: #fbb466 url(../gfx/layout/boxes/orange/boxContent.png) bottom left repeat-x;
    padding: 10px 10px 5px 10px;
    overflow: hidden;
    border-right: 1px solid #ccc;
    border-left: 1px solid #cb9559;
}

.boxOrange .fl {
    background: url(../gfx/layout/boxes/orange/boxFooterLeft.png) top left no-repeat;
}

.boxOrange .fr {
    background: url(../gfx/layout/boxes/orange/boxFooterRight.png) top right no-repeat;
}

.boxBlank .c {
    padding: 0;
}

.outline {
    background: url(../gfx/layout/boxes/outline/ccc1x1.png) top left repeat-y transparent;
}

.outline .olcr {
    background: url(../gfx/layout/boxes/outline/ccc1x1.png) top right repeat-y transparent;
}

.outline .oltl {
    height: 5px;
    overflow: hidden;
    background: url(../gfx/layout/boxes/outline/boxTopLeft.png) bottom left no-repeat transparent;
}

.outline .oltr {
    height: 5px;
    overflow: hidden;
    background: url(../gfx/layout/boxes/outline/boxTopRight.png) bottom right no-repeat transparent;
}

.outline .olbl {
    height: 5px;
    overflow: hidden;
    background: url(../gfx/layout/boxes/outline/boxFooterLeft.png) top left no-repeat transparent;
}

.outline .olbr {
    height: 5px;
    overflow: hidden;
    background: url(../gfx/layout/boxes/outline/boxFooterRight.png) top right no-repeat transparent;
}

.bgBoxGrey {
    background: url(../gfx/layout/boxes/grey/boxContent.png) bottom left repeat-x;
}

.headlineGrey {
    background: url("../gfx/layout/boxes/bgGreyR.png") repeat-x left top white;
}

/* help */
#help {
    background-color: white;
}

#help .c {
    padding: 0 !important;
}

#help .anchor {
    display: block;
    height: 0 !important;
    overflow: hidden;
}

#help .anchor img {
    display: none;
}

#help .helpHeadline {
    overflow: hidden;
    margin: 1px;
    padding: 15px 15px 5px 15px;
}

#help h2 {
    float: left;
    border-bottom: 5px solid rgba(249, 148, 29, 0.8);
    width: 100%;
}

.helpSwitch {
    float: right;
}

.globalHelp {
    padding-top: 2px;
}

.helpSwitch img {
    float: right;
    height: 20px;
    width: 18px;
    margin: 10px 5px;
    background-position: -56px -67px;
}

.helpSwitch span, .helpSwitch a {
    line-height: 25px;
    color: #000;
    text-decoration: none;
    font-size: 15px;
}

.helpToc {
    overflow: hidden;
    margin: 1px;
    padding: 0 15px 15px 15px;
}

.helpToc ul {
    overflow: hidden;
    float: left;
    width: 45%;
}

.helpToc h3, .helpToc h3 a {
    margin-top: 10px;
    padding: 0;
    font-size: 15px;
    font-weight: bold;
}

.helpToc h4, .helpToc h4 a {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 13px;
    font-weight: normal;
}

.helpToc h3 a, .helpToc h4 a {
    padding: 0;
}

.helpContent {
    border-bottom: 1px solid #ccc;
    margin-bottom: 2px;
    overflow: hidden;
}

.helpContent h3, .helpContent h3 a {
    margin: 1px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
}

.helpContent h3 {
    background-color: rgba(249, 148, 29, 0.8);
}

.helpContent h4 {
    border-bottom: 2px solid rgba(249, 148, 29, 0.8);
}

.helpContent h4, .helpContent h4 a {
    padding: 10px;
    font-size: 13px;
    text-decoration: none;
}

.helpContent .l3 {
    overflow: hidden;
    margin: 1px;
}

.helpContent .helpText {
    margin: 0;
    padding: 0 10px;
}

.helpContent h3 a, .helpContent h4 a {
    padding: 0;
}

.helpContent .toTop {
    display: block;
    text-align: right;
    padding: 10px;
}

.helpHighlight {
    background-color: rgba(247, 241, 215, 0.8);
}

#fzOld {
    margin-left: 35px;
}

#fzOld td {
    padding: 2px;
}

#nfahrzeugbrief {
    position: relative;
}

#fzNewLoader {
    margin-top: 20px;
    padding: 0;
    height: 250px;
}

#fzAltLoader {
    height: 250px;
}

.fzNewMarkerTrigger {
    cursor: pointer;
    text-decoration: underline;
}

.helpfzMarker {
    position: absolute;
    border: 3px solid red;
    width: 40px;
}

div#nbkey2 {
    top: 8px;
    left: 90px;
}

div#nbkey3 {
    top: 8px;
    left: 130px;
}

div#nbherst {
    top: 48px;
    left: 10px;
}

div#nberst {
    top: 8px;
    left: 20px;
}

div#nbmodell {
    top: 108px;
    left: 10px;
}

div#nbmotor {
    top: 182px;
    left: 10px;
}

div#nbkat {
    top: 170px;
    left: 10px;
}

div#nbkw {
    top: 8px;
    left: 300px;
    width: 80px;
}

div#nbccm {
    top: 194px;
    left: 140px;
}

div#nfgnr {
    top: 35px;
    left: 10px;
    width: 110px;
}

table#hFzNew td {
    padding: 2px;
}

.helpContent p p, .helpContent div div {
    padding: 0;
}

/* flashMessages */
/* .page .flashMessages {margin:0 2px;} */
.flashMessages {
    width: 890px;
}

.flashMessage table {
    width: 100%;
    padding: 0;
    border-spacing: 0;
}

.flashMessages .c, .permMessages .c {
    padding: 10px 10px 7px 10px;
}

.flashMessages li, .permMessages li {
    padding: 10px;
    overflow: hidden;
}

.textFlashMessage {
    float: none;
}

.addFlashMessage {
    float: right;
}

.textFlashMessage, .addFlashMessage {
    line-height: 18px;
    padding-left: 30px;
    font-size: 15px;
}

li.msgError, li.msgUnsentRfq {
    background: url(../gfx/layout/boxes/bgBoxError.png) bottom left repeat-x;
    color: #fff;
    font-size: 15px;
}

li.msgSuccess {
    background: url(../gfx/layout/boxes/bgBoxSuccess.png) bottom left repeat-x #86bb1b;
}

li.msgInfo {
    background: url(../gfx/layout/boxes/bgBoxInfo.png) bottom left repeat-x #fff8d1;
}

li.msgUnsentRfq .textFlashMessage a {
    color: #fff;
}

li.msgUnsentRfq .textFlashMessage strong {
    padding-right: 15px;
}

.iconMsg {
    float: left;
    line-height: 20px;
    width: 20px;
    background: url(../gfx/layout/iconsGui.png) no-repeat;
}

.iconError, .iconUnsentRfq {
    background-position: -140px -38px;
}

.iconSuccess {
    background-position: -121px -38px;
}

.iconInfo {
    background-position: -102px 0;
}

/* top login form */
#topLogin {
    border-radius: 0 0 5px 5px;
    z-index: 2000;
    display: none;
    width: 340px;
    position: absolute;
    left: 540px;
    top: 267px;
    overflow: hidden;
    background: #fff url(../gfx/layout/boxes/grey/boxContent.png) bottom left repeat-x;
    border: 1px solid #ccc;
}

#topLogin .c {
    overflow: hidden;
    padding: 5px 10px;
}

#topLogin .elUsr input, #topLogin .elPwd input {
    width: 130px;
}

#topLogin .elUsr {
    margin-top: 5px;
    margin-bottom: 10px;
    overflow: hidden;
}

#topLogin .elPwd {
    float: left;
    margin-right: 10px;
    overflow: hidden;
}

#topLogin .elUsr label, #topLogin .elPwd label {
    float: left;
    font-size: 12px;
    line-height: 20px;
    width: 90px;
}

#topLogin .elUsr input, #topLogin .elPwd input {
    float: left;
}

#topLogin .required span {
    background: none;
}

#topLogin .elBtn {
    display: inline-block;
    height: 20px !important;
}

#topLogin .elKeeplogin {
    float: left;
    margin-left: 90px;
    margin-top: 5px;
}

#topLogin .desc {
    float: left;
    margin-left: 95px;
    margin-top: 5px;
}

#contentLogin {
    overflow: hidden;
    margin-top: 1px;
    border-top: 1px solid #ccc;
    padding: 15px;
}

#contentLogin .formLogin {
    width: 400px;
}

#contentLogin .required span {
    background: none;
}

#contentLogin .el {
    display: block;
}

#contentLogin .elUsr, #contentLogin .elPwd {
    padding-top: 10px;
    float: left;
}

#contentLogin .elUsr input,
#contentLogin .elPwd input {
    width: 205px;
}

#contentLogin .elUsr label,
#contentLogin .elPwd label {
    float: left;
    width: 100px;
    margin-right: 5px;
    font-weight: bold;
    line-height: 22px;
}

#contentLogin #keeplogin {
    display: inline;
    margin-right: 10px;
}

#contentLogin .elKeeplogin {
    margin-left: 105px;
    padding-top: 10px;
    clear: left;
}

#contentLogin .elKeeplogin input {
    float: left;
    margin: 0 5px 0 0;
}

#contentLogin .elBtn {
    float: right;
    margin-top: 5px;
}

#contentLogin .desc {
    margin-left: 100px;
    clear: left;
    float: none;
    padding: 3px 0 0 5px;
}

/* navigation top */
.navTop {
    width: 890px;
}

.navTop .sign {
    color: #FFF;
    white-space: nowrap;
    text-align: right;
}

.navTop .sign2 {
    margin-top: 20px;
}

.navTop .loginname {
    display: inline-block;
    width: 418px;
    overflow: hidden;
}

.navTop .logintime {
    display: inline-block;
    position: relative;
    top: -3px;
}

.navTop .servicehotline {
    text-align: right;
    color: #F9BE20;
}

.navTop .servicehotline span {
    font-size: 14px;
    font-weight: bold;
    line-height: 13px;
}

.navTop .servicehotline span.symbol {
    padding: 0 3px;
}

.navTop li {
    float: left;
}

#navTopMain {
    overflow: hidden;
}

#navTopMain a, .navTopMain .end, .navTopMain .endActive {
    height: 39px;
}

#navTopMain a {
    text-shadow: 1px 1px 1px #000;
    display: block;
    width: 146px;
    line-height: 39px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

#navTopMain a:hover {
    color: #e3e5e5;
}

#navTopMain .clientActive a,
#navTopMain .supplierActive a {
    color: #fff;
}

#navTopMain .client a, #navTopMain .clientActive a {
    border-radius: 5px 0 0 0;
}

#navTopMain .supplier a, #navTopMain .supplierActive a {
    border-radius: 0 5px 0 0;
}

#navTopMain .client {
    background-color: #6E6D6C;
    border-radius: 7px 0 0 0;
}

#navTopMain .client a {
    background-color: #FFA500;
    -webkit-box-shadow: -1px -1px 5px 0 rgba(0, 0, 0, 0.33) inset;
    box-shadow: -1px -1px 5px 0 rgba(0, 0, 0, 0.33) inset;
    border-radius: 5px 0 10px 0;

}

#navTopMain .clientActive a {
    background-color: #6E6D6C;
}

#navTopMain .supplier {
    background-color: #6E6D6C;
    border-radius: 0 8px 0 0;
}

#navTopMain .supplier a {
    background-color: #FFA500;
    border-radius: 0 5px 0 10px;
    -webkit-box-shadow: 3px -1px 5px 0 rgba(0, 0, 0, 0.33) inset;
    box-shadow: 3px -1px 5px 0 rgba(0, 0, 0, 0.33) inset;
}

#navTopMain .supplierActive a {
    background-color: #6E6D6C;
}

#navTopMain .end, .navTopMain .endActive {
    width: 30px;
}

#navTopMain .end {
    background-position: -32px 11px;
}

#navTopMain .endActive {
    background-position: 0 12px;
}

.navTopSub {
    clear: left;
    background-color: #6E6D6C;
    border-radius: 0 5px 0 0;
}

/*.navTopSub div {overflow:hidden;}*/
.navTopSub .subGlobal {
    position: absolute;
    right: 0;
}

.navTopSub .subScoped {
    float: left;
}

.navTopSub a {
    text-shadow: 1px 1px 1px #000;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    line-height: 45px;
    padding: 0 25px;
    display: block;
    white-space: nowrap;
    text-decoration: none;
}

.navTopSub a:hover, .navTopSub .active .user:hover {
    color: #F9BE20;
}

.navTopSub .active a {
    color: #F9BE20;
}

.navTopSub .user, .navTopSub .logout {
    border-left: 1px solid #fff;
}

.sidebarLeft .navAccount {
    border-right: 1px solid #ccc;
    background: #fff;
}

.sidebarLeft .navAccount a {
    display: block;
    background: url(../gfx/layout/navigation/iconsAccount.png) 0 0 no-repeat;
    line-height: 35px;
    text-decoration: none;
}

.sidebarLeft li {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 3px 0 2px 4px;
}

.sidebarLeft li.active {
    border-left: 5px solid #CE3A04;
    padding-left: 0;
}

.sidebarLeft li.active li {
    border-left: none;
    border-bottom: none;
    padding-left: 5px;
}

.sidebarLeft a:hover {
    text-decoration: underline;
    color: #000;
}

.sidebarLeft ul.navAccount span {
    display: block;
    margin-left: 35px;
    padding-left: 5px;
    background: #fff;
}

.sidebarLeft li.active a {
    font-weight: bold;
}

.sidebarLeft li.active a:hover {
    text-decoration: none;
}

.sidebarLeft li.active ul li {
    border-top: 1px solid #ccc;
}

.sidebarLeft li.active ul a {
    font-weight: normal;
    line-height: 20px;
    background-position: -700px 0;
}

.sidebarLeft li.active ul a:hover,
.sidebarLeft li.active ul .active a {
    background-position: -735px 0;
    color: #000;
    text-decoration: underline;
}

.sidebarLeft li.active ul span {
    padding: 7px 0;
}

.sidebarLeft .supplierOverview a {
    background-position: -35px 0;
}

.sidebarLeft .supplierRatingsOpen a {
    background-position: -105px 0;
}

.sidebarLeft .supplierStatistics a {
    background-position: -175px 0;
}

.sidebarLeft .Infopage a {
    background-position: -245px 0;
}

.sidebarLeft .supplierSetupIndex a {
    background-position: -315px 0;
}

.sidebarLeft .supplierInformations a {
    background-position: -385px 0;
}

.sidebarLeft .supplierSetupInfopage a {
    background-position: -245px 0;
}

.sidebarLeft .supplierSetupDat a {
    background-position: -455px 0;
}

.sidebarLeft .supplierSetupInvoices a {
    background-position: -770px 0;
}

.sidebarLeft .client a {
    background-position: -35px 0;
}

.sidebarLeft .clientRfq-clientRfqList a {
    background-position: -595px 0;
}

.sidebarLeft .clientCars a {
    background-position: -455px 0;
}

.sidebarLeft .clientSetup a {
    background-position: -525px 0;
}

.sidebarLeft .clientRatingsOpen a {
    background-position: -105px 0;
}

.sidebarLeft .clientInformations a {
    background-position: -385px 0;
}

/* messages */
.messages {
    padding: 2px;
}

.messages li {
    padding: 10px;
}

.messages .success {
    background: #ccef95;
}

.messages .error {
    background: #ffcd7f;
}

/* footer facebook */
.footer .fbIframe {
    height: 30px;
    overflow: hidden;
}

/* footer boxes (col3) */
.footer .cols3 {
    clear: both;
    overflow: hidden;
}

.footer .cols3 .col {
    width: 280px;
    float: left;
    margin-right: 5px;
}

.footer .cols3 .col .boxheader {
    color: #fff;
    font-size: 16px;
    text-shadow: 1px 1px 1px #000;
}

.footer .cols3 .last {
    float: right;
    margin-right: 0;
}

.footer .cols3 .c {
    height: 230px;
    padding: 0;
}

.footer .cols3 .hotline .wrapped span {
    display: block;
}

.footer .cols3 .col3CenterImg {
    height: 94px;
    background: url(../gfx/layout/col3-center.png) center center no-repeat;
    border: 1px solid #ccc;
}

.footer .cols3 .col3RightImg {
    height: 94px;
    background: url(../gfx/layout/col3-right.png) center center no-repeat;
    border: 1px solid #ccc;
}

.footer .cols3 .hotline .hotlineImg {
    height: 94px;
    background: url(../gfx/layout/col3-left.png) center center no-repeat;
    border: 1px solid #ccc;
}

.footer .cols3 .hotline .hotlineTxt {
    padding: 10px;
}

.footer .cols3 .hotline .hotlineImg h3 {
    padding: 73px 0 0 10px;
    font-size: 16px;
    color: #000;
    margin: 0;
}

.footer .cols3 .hotline p {
    margin-bottom: 10px;
    font-size: 12px;
}

.footer .cols3 .hotline p.time {
    font-weight: bold;
}

.footer .cols3 .hotline p.cost {
    font-size: 11px;
    padding-left: 20px;
}

.footer .cols3 .hotline p.cost span {
    margin-left: -20px;
}

.footer .cols3 .news .info a {
    font-size: 12px;
    line-height: 150%;
    text-decoration: none;
}

.footer .cols3 .news li {
    font-size: 12px;
    line-height: 130%;
    list-style: none;
    height: 43px;
    border-top: 1px solid #ccc;
    overflow: hidden;
}

.footer .cols3 .news li div {
    padding: 5px 8px;
}

.rssBox .hr {
    padding: 0;
}

.rssBox h3 {
    padding: 0;
    margin-bottom: 15px;
}

.rssBox h3 a {
    font-size: 15px;
    font-weight: bold;
    line-height: 0;
    text-decoration: none;
}

.rssList {
    margin: auto;
    width: 720px;
}

.rssFeed {
    width: 200px;
    float: left;
    margin: 0 20px;

}

.rss-content {
    padding: 5px;
    text-align: justify;
    height: 360px;
    position: relative;
    line-height: 20px;
}

.rss-content > a {
    display: block;
    padding: 10px 20px;
    border-radius: 5px;
    background-color: #4079ab;
    text-decoration: none;
    text-align: left;
    position: absolute;
    bottom: 0;
    color: #fff;
    text-transform: lowercase;
}

.rss-content > a:hover {
    background-color: #498fca;
}

.rss-content > a > span.meta-nav {
    display: none;
}

.rss-image {
    overflow: hidden;
}

.rss-image img {
    height: 200px;
}


/* social */
.social {
    margin-top: 5px;
}

.social table td {
    padding: 0;
    margin: 0;
    border-spacing: 0;
}

.social .olContent {
    padding: 5px 5px 0 10px;
}

.social .icons {
    width: 170px;
    padding-bottom: 4px;
}

.social .facebook {
    margin-left: 15px;
}

.social .fbIframe iframe {
    height: 24px;
    width: 660px;
}

/* footer links */
.cols3Equal,
.cols4Equal {
    clear: both;
    overflow: hidden;
}

.cols3Equal,
.cols4Equal h4 {
    margin-bottom: 5px;
    color: #F18D1D;
}

.cols3Equal .col {
    float: left;
    width: 28%;
    border-right: 2px solid #ccc;
    border-left: 2px solid #ccc;
    margin-left: -2px;
    padding-left: 45px;
}

.cols3Equal .col li {
    line-height: 16px;
}

.cols4Equal .col {
    float: left;
    width: 20%;
    border-right: 2px solid #ccc;
    border-left: 2px solid #ccc;
    margin-left: -2px;
    padding-left: 4%;
}

.cols3Equal .col:last-child,
.cols4Equal .col:last-child {
    border-right: none;
}

.cols3Equal .col:first-child,
.cols4Equal .col:first-child {
    border-left: none;
}

.footer .cols4Equal a {
    text-decoration: none;
    line-height: 150%;
}

.footer .cols4Equal a:hover {
    text-decoration: underline;
}

.footer .services-list h4 {
    color: #F18D1D;
}

.seoText h2{
    color: #e87700 !important;
    margin-bottom: 0 !important;
}

.seoText section {
    padding: 20px;
}

.seoText section p {
    padding-top: 25px;
}

.seoTextRight {
    width: 79%;
    display: block;
    float: left;
}

.seoStepRow {
    margin-top: 15px;
}

.seoStepRow .seoStepImage {
    float: left;
    width: 220px;
}

.seoStepRow .seoStepText {
    float: left;
    width: 70%;
}

.seoStepRow .seoStepText h3 {
    color: #e87700 !important;
}

/* form elements definitions */
input[type=text], input[type=password], textarea, .txtInput {
    background-color: #fff;
    line-height: 22px;
    height: 22px;
    padding: 0 2px;
    border: 1px solid #999;
}

div.txtInput {
    overflow: hidden;
}

textarea {
    line-height: 18px;
    height: 100px;
}

input.txtSmall {
    line-height: 18px;
    height: 18px;
}

select {
    padding: 2px !important;
    background-color: #fff;
    height: 23px !important;
    line-height: 23px;
    border: 1px solid #999;
    font-size: 13px !important;
}

select option {
    padding: 2px 10px;
    font-size: 12px;
    background-color: #fff;
    line-height: 24px;
}

input#zip {
    width: 40px;
    margin-right: 9px;
}

input.short, div.short {
    width: 40px;
}

button:focus {
    outline: none;
}

.required span:last-child {
    background: url('../gfx/layout/iconsGui.png') right -482px no-repeat;
    padding-right: 10px;
    padding-top: 2px;
}

.formError, select.formError option {
    background-color: #fceaea !important;
    border-color: #ff0000 !important;
}

.disabled, input:disabled, select:disabled {
    background-color: #d4d4d5 !important;
}

input[type=text].readonly {
    background-color: #d4d4d5;
}

/* buttons */
.btnBarBottom, .btnBarTop {
    overflow: hidden;
    padding: 10px;
}

.btnBarBottom .btnRight, .btnBarTop .btnRight {
    float: right;
}

.btnBarBottom .btnLeft, .btnBarTop .btnLeft {
    float: left;
}

button, input[type=submit], select {
    font-family: Arial, Ubuntu, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: #222;
}

.btn, .btnRight, .btnLeft, .btnSmall, .btnSmallRight, .btnSmallLeft {
    cursor: pointer;
    border: 1px solid #777;
    border-radius: 3px;
    padding: 0 8px;
}

.btn, .btnRight, .btnLeft {
    background: transparent url(../gfx/layout/btnOrange.png) repeat-x 0 -2px;
    font-size: 13px;
    font-weight: bold;
    line-height: 24px;
}

.btnGreen {
    background: url(../gfx/layout/boxes/bgBoxSuccess.png) bottom left repeat-x #86bb1b;
}

.btnSmall, .btnSmallRight, .btnSmallLeft {
    background: transparent url(../gfx/layout/btnOrangeSmall.png) repeat-x top left;
    font-size: 12px;
    line-height: 19px;
}

a.btn, a.btnRight, a.btnLeft, a.btnSmall, a.btnSmallRight, a.btnSmallLeft {
    display: inline-block;
    text-decoration: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    button div {
        margin-top: -1px;
    }
}

button::-moz-focus-inner {
    border: none;
}

.btnSmallLeft span {
    line-height: 19px;
    display: block;
    background: transparent url(../gfx/layout/btnOrangeSymbols.png) no-repeat 0 0;
    padding: 0 5px 0 18px;
}

.btnSmallRight span {
    line-height: 19px;
    display: block;
    background: transparent url(../gfx/layout/btnOrangeSymbols.png) no-repeat 100% -21px;
    padding: 0 18px 0 5px;
}

.btnLeft span {
    line-height: 24px;
    display: block;
    background: transparent url(../gfx/layout/btnOrangeSymbols.png) no-repeat 0 -207px;
    padding: 0 5px 0 18px;
}

.btnRight span {
    line-height: 24px;
    display: block;
    background: transparent url(../gfx/layout/btnOrangeSymbols.png) no-repeat 100% -235px;
    padding: 0 18px 0 5px
}

/* steps rfq */
.rfqStepImage {
    width: 90px;
    height: 90px;
    margin: 20px;
    background: url('../gfx/layout/rfqSteps.png') no-repeat;
}

.rfqStepTextContainer {
    width: 715px;
    margin-top: 20px;
}

.rfqStep1 {
    background-position: 0;
}

.rfqStep2 {
    background-position: -90px 0;
}

.rfqStep3 {
    background-position: -180px 0;
}

.rfqStep4 {
    background-position: -270px 0;
}

/* old steps rfq */
#RfqStepBar {
    background-color: #dbdbdb;
    padding-left: 25px;
}

#RfqStepBar ul li {
    width: 160px;
    padding: 0;
    height: 120px;
    display: inline-block;
}

#RfqStepBar ul li.open.step1 {
    background-position: -30px -284px;
}

#RfqStepBar ul li.active.step1 {
    background-position: -30px -24px;
}

#RfqStepBar ul li.done.step1 {
    background-position: -30px -154px;
}

#RfqStepBar ul li.open.step2 {
    background-position: -190px -284px;
}

#RfqStepBar ul li.active.step2 {
    background-position: -190px -24px;
}

#RfqStepBar ul li.done.step2 {
    background-position: -190px -154px;
}

#RfqStepBar ul li.open.step3 {
    background-position: -350px -284px;
}

#RfqStepBar ul li.active.step3 {
    background-position: -350px -24px;
}

#RfqStepBar ul li.done.step3 {
    background-position: -350px -154px;
}

#RfqStepBar ul li.open.step4 {
    background-position: -510px -284px;
}

#RfqStepBar ul li.active.step4 {
    background-position: -510px -24px;
}

#RfqStepBar ul li.done.step4 {
    background-position: -510px -154px;
}

#RfqStepBar ul li.open.step5 {
    background-position: -670px -284px;
}

#RfqStepBar ul li.active.step5 {
    background-position: -670px -24px;
}

#RfqStepBar ul li.done.step5 {
    background-position: -670px -154px;
}

/* indexRfqStart */
div.indexRfq {
    padding-bottom: 10px;
    clear: both;
    padding-top: 20px;

}

div.indexRfq h1 {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 15px;
}

div.indexRfq h2 {
    font-size: 15px;
}

.rfqSearchContainer {
    padding-bottom: 20px;
    position: relative;
}

.indexRfqIntro {
    padding: 15px 15px 10px 15px;
    line-height: 150%;
}

.rfqIntroText {
    width: 640px;
}

.tecdocSearchForm {
    margin-bottom: 3px;
    margin-right: 20px;
    padding-bottom: 20px;
    background: url('../gfx/layout/rappy.png') bottom right no-repeat;
}

.tecdocSearchForm ul.selector {
    background-color: white;
    display: block;
    margin-left: 10px;
    margin-bottom: 0;
    overflow: hidden;
    width: 640px;
    border: 1px solid #ccc;
    border-radius: 5px;

}

.tecdocSearchForm header {
    background-color: #F9BE20;
    padding-left: 10px;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.tecdocSearchForm section {
    padding: 10px;
}

#rfqSearchDisabled {
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    width: 641px;
    height: 330px;
    z-index: 1000;
    margin-left: 10px;
}

#rfqSearchDisabled span {
    position: relative;
    top: 100px;
    font-size: 16px;
    font-weight: bold;
}

.carSelectUserHome {
    margin-right: 1px;
}

.tecdocSearchForm .rfqSearchContainer, .carSelectUserHome .rfqSearchContainer {
    width: 320px;
    float: left;
}

.tecdocSearchForm .rfqSearchContainer .popupHelp {
    position: absolute;
    right: 1px;
    top: 1px;
}

.tecdocSearchForm .rfqSearchContainer .todo, .carSelectUserHome .rfqSearchContainer .todo {
    height: 45px;
}

.tecdocSearchForm h2, .rfqSearchContainer h2 {
    margin-bottom: 10px;
}

#indexRfqLoader {
    position: relative;
    top: -80px;
    left: 400px;
}

.tecdocSearchForm .iconHelp {
    margin-top: 0;
}

/* Car search */
/* select stored client car */
.clientCarsSelectContainer {
    background-color: white;
    display: block;
    margin-left: 10px;
    margin-bottom: 40px;
    overflow: hidden;
    width: 639px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.clientCarsSelectContainer h3 {
    background-color: #F9BE20;
    padding-left: 10px;
}

.clientCarsSelectContainer form {
    margin: 20px;
}

.elUserDatECode label span {
    font-weight: bold;
    font-size: 1.4em;
    display: block;
    margin-bottom: 10px;
}

.formClientCarsSelect label {
    display: block;
    font-weight: bold;
    padding: 3px 0;
}

.formClientCarsSelect .clientCarSelect {
    float: left;
}

.formClientCarsSelect select {
    width: 465px;
}

/* search car by kba */
.indexRfq .kbaSearch {
    padding: 0 15px 0 10px;
}

.kba4Input, .kba3Input {
    border: 3px solid;
}

.kba4Input {
    border-color: #B22727 #ff0000 #ff0000 #B22727;
}

.kba3Input {
    border-color: #152299 #0000ff #0000ff #152299;
}

.indexRfq .kbaSearch .formKbaSearch {
    padding-top: 122px;
    background: url('../gfx/layout/bgRfqStartExactWhite.jpg') top left no-repeat;
}

.indexRfq .kbaSearch .formKbaSearch button {
    margin: 18px 15px 0 0;
    float: right;
}

.indexRfq .kbaSearch input[type=text] {
    width: 53px;
    text-align: center;
    font-weight: bold;
}

.indexRfq .kbaSearch .formKbaSearch label {
    display: block;
    font-weight: bold;
    padding-bottom: 3px;
}

.indexRfq .kbaSearch .kba4Container {
    float: left;
    width: 80px;
}

.indexRfq .kbaSearch .kba4Container label {
    color: #d43227;
}

.indexRfq .kbaSearch .kba3Container {
    float: left;
}

.indexRfq .kbaSearch .kba3Container label {
    color: #364a96;
}

/* search car by carmaker */
.indexRfq .formCarmakerSearch {
    overflow: hidden;
}

.indexRfq .carmakerSearch label {
    display: block;
    margin-bottom: 3px;
    font-weight: bold;
    font-size: 14px;
}

.indexRfq .carmakerSearch select {
    width: 295px;
    margin-bottom: 10px;
    font-family: monospace;
    white-space: pre;
}

.indexRfq .carmakerSearch button {
    margin: 37px 18px 10px 0;
    float: right;
}

/* search car results */
.carSearchResultList .permMessages {
    width: 100%;
    border-bottom: 1px solid #fff;
}

.carSearchResultList table {
    width: 100%;
}

#tecdocSearchResult .olContent {
    background: url(../gfx/layout/boxes/outline/ccc1x1.png) right bottom repeat-y #fff;
}

#tecdocSearchResult .olcr {
    background: url(../gfx/layout/boxes/outline/boxFooterRight.png) right bottom no-repeat #fff;
}

.tecdocSearchResult1 .olbr {
    background: url(../gfx/layout/fadeBorderLeft.png) left bottom no-repeat;
}

.tecdocSearchResult1 .olbl {
    background: url(../gfx/layout/boxes/outline/ccc1x1.png) right bottom repeat-x transparent;
}

.tecdocSearchResult2 .olbr {
    background: url(../gfx/layout/boxes/outline/ccc1x1.png) right bottom repeat-x #fff;
    margin-right: 3px;
}

/* rfq car details */
#fzScheinContainer {
    position: absolute;
    right: 10px;
}

#fzScheinMarker {
    background-color: rgba(255, 0, 0, 0.5);
}

.rfqCreateCarDetails {
    position: relative;
}

.rfqCreateCarDetails {
    margin: 2px 3px 0 3px;
    border-top: 1px solid #ccc;
}

.rfqCreateCarDetails h2 {
    padding: 10px 15px;
    margin: 0;
    border: 1px solid #ccc;
    border-bottom: 0;
    border-top: 0;
}

.rfqCreateCarDetails .carDetailsInfo {
    overflow: hidden;
    padding: 0 15px;
    border: 1px solid #ccc;
    border-bottom: 0;
    border-top: 0;
}

.rfqCreateCarDetails .groupTop {
    overflow: hidden;
    padding: 0 15px;
    border: 1px solid #ccc;
    border-top: 0;
    border-bottom: 0;
}

.rfqCreateCarDetails .groupDetails {
    overflow: hidden;
    padding: 0 15px;
    border: 1px solid #ccc;
    border-top: 0;
}

.rfqCreateCarDetails hr {
    margin: 15px 0;
}

.groupDetails label, .groupTop label, h5.label {
    display: block;
    margin-bottom: 4px;
    font-weight: bold;
    font-size: 13px;
}

.groupTop .el, .groupDetails .el {
    float: left;
    margin: 0 8px 12px 0;
}

.groupDetails .elRegistration_date_month {
    margin-right: 0;
}

.groupDetails .elRegistration_date_year {
    margin-left: 10px;
}

.groupDetails .elRegistration_date_year label .iconHelp {
    margin-left: -10px;
}

.rfqCreateCarDetails .groupLeft, .groupCenter, .groupRight {
    float: left;
    overflow: hidden;
    width: 215px;
    padding-bottom: 10px;
}

.groupRight {
    width: 140px;
}

.rfqCreateCarDetails .groupTop {
    float: none;
    overflow: hidden;
}

.rfqCreateCarDetails .elKw, .formCarDetails .elFuel {
    clear: left;
}

.rfqCreateCarDetails .equals {
    width: 190px;
}

.rfqCreateCarDetails .btnBarBottom .btnRight {
    float: right;
}

.rfqCreateCarDetails .btnBarBottom {
    overflow: hidden;
}

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

.elKba3, .elKba4 {
    border: 3px solid;
}

.elKba4 {
    border-color: #B22727 #ff0000 #ff0000 #B22727;
}

.elKba3 {
    border-color: #152299 #0000ff #0000ff #152299;
}

input.kba4, input.kba3, .txtKba4, .txtKba3 {
    width: 63px;
    text-align: center;
    font-weight: bold;
}

.rfqCreateCarDetails .groupEquipment {
    padding: 15px;
    border: 1px solid #ccc;
    margin: 2px 0;
    overflow: hidden;
}

.rfqCreateCarDetails .groupEquipment .col {
    float: left;
    overflow: hidden;
    padding-bottom: 0;
    width: 24%;
}

.rfqCreateCarDetails .groupEquipment .el {
    clear: left;
    overflow: hidden;
    margin-bottom: 0;
}

.rfqCreateCarDetails .groupEquipment label {
    display: inline;
    line-height: 22px;
}

.rfqCreateCarDetails .groupEquipment input {
    float: left;
    margin-right: 5px;
}

.rfqCreateCarDetails .btnBarBottom .btnRight {
    float: right;
}

.rfqCreateCarDetails .btnBarBottom .btnLeft {
    float: left;
}

.rfqCreateCarDetails .btnBarBottom {
    clear: left;
    overflow: hidden;
}

input[type=text].p190, div.p190 {
    width: 190px;
}

input[type=text].p120, div.p120 {
    width: 120px;
}

input[type=text].p30, div.p30 {
    width: 30px;
}

select.p190 {
    width: 200px;
}

select.p120 {
    width: 125px;
}

select.p30 {
    width: 33px;
}

#marker {
    position: absolute;
    z-index: 1000;
    border: 4px solid #ff0000;
    border-radius: 7px;
    display: none;
    height: 17px;
}

.serial {
    left: 610px;
    top: 260px;
    width: 115px;
}

.kba4 {
    left: 697px;
    top: 236px;
    width: 35px;
}

.kba3 {
    left: 735px;
    top: 236px;
    width: 35px;
}

.carmaker {
    left: 610px;
    top: 275px;
    width: 55px;
}

.contruction {
    left: 610px;
    top: 372px;
    width: 75px;
}

.reg {
    left: 610px;
    top: 236px;
    width: 60px;
}

.model {
    left: 635px;
    top: 336px;
    width: 20px;
}

.catalyst {
    left: 610px;
    top: 397px;
    width: 60px;
}

.fuel {
    left: 610px;
    top: 410px;
    width: 60px;
}

.ccm {
    left: 743px;
    top: 422px;
    width: 51px;
}

.kw {
    left: 684px;
    top: 235px;
    width: 70px;
}

/* rfq details */
.rfqCreateDetails .groupInfo {
    padding: 20px
}

.rfqCreateDetails .groupTopLeft {
    width: 400px;
    border-right: 5px solid #ccc;
    float: left;
}

.rfqCreateDetails .groupTopRight {
    padding-left: 10px;
    float: left;
    width: 400px;
}

.rfqCreateDetails input[type=text], .rfqCreateDetails textarea {
    width: 100%;
}

.rfqCreateDetails select {
    width: 101%;
}

.rfqCreateDetails label {
    display: block;
    font-weight: bold;
}

.rfqCreateDetails div.el {
    margin-bottom: 10px;
    padding-right: 20px;
}

.rfqCreateDetails div.elTimespan {
    width: 112px;
    float: left;
}

.rfqCreateDetails div.elKm {
    width: 113px;
    float: left;
}

.rfqCreateDetails div.elPricelimit {
    width: 125px;
    float: left;
    padding-right: 7px;
}

.rfqCreateDetails div.elPricelimit input {
    width: 75%;
}

.rfqCreateDetails div.elPartstype {
    width: 245px;
    float: left;
}

.rfqCreateDetails div.elService_id {
    width: 245px;
    float: left;
}

.rfqCreateDetails div.elVin {
    width: 240px;
    float: left;
}

.rfqCreateDetails section.imgUploader {
    border-top: 1px solid #ccc;
    padding-top: 20px;
}

.rfqCreateDetails .serviceBtnGroup {
    position: relative;
    margin-top: 40px;
}

.rfqCreateDetails .additionalServices {
    display: block;
    margin-top: 5px;
    margin-left: 26px;
    font-weight: bold;
}

.rfqCreateDetails #descriptionWrapper {
    margin-top: 20px;
}

.rfqCreateDetails .descriptionServices {
    display: inline-block;
    float: right;
    padding: 6px 0;
}

.rfqCreateDetails .datServiceCatalogueHeader {
    margin-bottom: 15px;
    font-size: 1.2em;
}

.serviceButtons {
    height: 328px;
    overflow-y: scroll;
    text-align: center;
    padding: 0 10px;
}

.serviceButtons .serviceButton {
    background: url('../gfx/layout/buttonService.png');
    display: inline-block;
    height: 100px;
    width: 92px;
    float: left;
    margin: 4px 8px;
    padding: 0 4px;
    text-decoration: none;
}

.serviceButtons .serviceButton .iconService {
    margin: 10px auto 0 auto;
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.serviceButtons .active .iconService,
.serviceButtons .serviceButton:hover .iconService {
    -moz-filter: none;
    -o-filter: none;
    -webkit-filter: none;
    filter: none;
}

.serviceButtons .serviceButton .serviceText {
    font-size: 10px;
}

#datServiceCatalogueWrapper .datServiceCatalogue input {
    margin-bottom: 7px;
    margin-right: 7px;
    position: relative;
    top: 3px;
}

#datServiceCatalogueWrapper {
    padding-bottom: 7px;
}

.serviceDescriptionWrapper ul {
    list-style: disc;
    margin-left: 20px;
}

.rfqCreateDetails .datServiceCatalogueHolder {
    background: url('../gfx/layout/rappy.png') top center no-repeat;
    height: 150px;
    width: 100%;
    background-size: contain;
}

.datServiceCatalogue label {
    cursor: pointer;
}

#rfqOpenUpload {
    margin-right: 30px;
}

.groupUpload label span {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 8px;
}

.datDialog .ui-button {
    cursor: pointer;
}

.ui-dialog-titlebar {
    cursor: move;
}

.cuteMultiCheckGroup {
    border: 1px solid #ccc;
    border-top: none;
    overflow: hidden;
}

.groupImgPreview {
    float: right;
    margin-top: 0;
}

.groupImgPreview .imgPreview {
    float: left;
}

.groupAttachments {
    margin: 2px 0;
    border: 1px solid #ccc;
    overflow: hidden;
    padding: 10px 10px 10px 15px;
    clear: both;
}

.groupAttachments label {
    font-weight: bold;
    font-size: 16px;
}

.imgPreviewContainer {
    overflow: hidden;
    float: right;
}

.imgPreview {
    overflow: hidden;
    vertical-align: middle;
}

.img {
    cursor: pointer;
    margin: auto 2px;;
}

.imgEmpty {
    height: 49px;
    background: url(../gfx/layout/iconsGui.png) -92px -293px no-repeat;
}

.imgEmptyBig {
    height: 83px;
    background: url(../gfx/layout/iconsGui.png) 0 -293px no-repeat;
}

.rmt {
    text-decoration: none;
    display: block;
}

.fileUpload {
    margin: 0 2px;
    border: 1px solid #ccc;
    border-top: 0;
    padding: 0 15px;
    overflow: hidden;
}

.groupPreview {
    float: right;
}

.errors {
    clear: left;
}

/* supplier datSettings */
.formDatSettingsForm dt {
    width: 100px !important;
    display: inline-block;
}

.formDatSettingsForm dd {
    width: 100px;
    display: inline-block;
    margin: 0 !important;
}

.datsettings_samplesedit {
    display: block;
    padding-top: 8px;
}

.toggleAutoquoteSettings .errors {
    display: none;
}

#autoquote_active-element label,
#crossoffer_active-element label {
    padding-right: 15px;
}

.quotesettings dd {
    padding: 3px;
    float: left;
    margin: 0 !important;
}

.quotesettings .netto {
    padding-top: 8px;
}

.quotesettings dt {
    margin: 0 !important;
    padding: 8px 0;
}

.quotesettings select {
    padding: 3px;
    height: 24px;
}

.quotesettings #oem_material-label,
.quotesettings #original_material-label {
    display: none;
}

.quotesettings #oem_discount-element,
.quotesettings #original_discount-element {
    float: left;
}

.flatInput dt {
    width: 75% !important;
}

.serviceInfoTrigger {
    background: url("../gfx/symbols/iconInfo.png") no-repeat right top;
    padding: 3px 15px 3px 0;
}

.formServices .col {
    float: left;
    margin: 0 2px;
    width: 320px;
    background-color: #fff;
    border: 1px solid #CCCCCC;
}

.formServices .sel {
    background: url("../gfx/layout/boxes/grey/boxContent.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    padding: 5px 0 5px 10px;
    height: 50px;
}

.formServices .entry {
    border-bottom: 1px solid #CCCCCC;
    cursor: pointer;
    padding: 5px 0 5px 10px;
}

.formServices .entry:last-child {
    border-bottom: 0 none;
}

.formServices .ui-sortable-helper {
    border: 1px solid #CCCCCC;
}

.formServices .entry input[type=checkbox] {
    display: none;
}

.formServices .entry:hover {
    background-color: #EFEFEF;
}

.formServices .servDropList {
    height: 400px;
    overflow: auto;
}

/* rfq supplier */
.rfqSupplier .container {
    padding-top: 20px;
    border-bottom: 6px solid #FFA500;
    background: rgba(247, 241, 215, 0.8) url(../gfx/layout/zipInput.png) no-repeat 15px 10px;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;

}

.rfqSupplier .groupInfo {
    padding: 0 15px 15px 15px;
    margin-bottom: 2px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.rfqSupplier .groupArea {
    float: left;
    overflow: hidden;
    width: 330px;
    padding-left: 200px;
    border-right: 5px solid #ccc;
    height: 240px;
}

.rfqSupplier .groupArea .el {
    float: left;
    margin-top: 15px;
}

.rfqSupplier .groupArea .elCity {
    clear: left;
}

.rfqSupplier .groupArea .elCity input[type=text] {
    color: #000;
}

.rfqSupplier #zip {
    width: 80px;
    margin-right: 15px;
}

.rfqSupplier #radius {
    width: 120px;
    margin-right: 15px;
}

.rfqSupplier #city {
    width: 230px;
    margin-right: 10px;
}

.rfqSupplier .placeholder {
    width: 300px;
    float: right;
    text-align: center;
}

.rfqSupplier .elAuthorizised_supplier_only {
    clear: left;
    overflow: hidden;
    float: left;
    margin-top: 15px;
    margin-bottom: 20px;
}

.rfqSupplier .elAuthorizised_supplier_only input {
    float: left;
    margin-left: 0;
    margin-right: 5px;
}

.rfqSupplier .elAuthorizised_supplier_only label,
.rfqSupplier .groupAddServices label {
    line-height: 21px;
    white-space: nowrap;
}

.rfqSupplier #cntResult {
    color: #000;
}

.rfqSupplier .cntResult {
    float: right;
    width: 444px;
    margin-top: 5px;
    text-align: right;
    font-size: 15px;
    font-weight: bold;
    height: 31px;
    line-height: 31px;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 165, 0, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 165, 0, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 165, 0, 1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 165, 0, 1) 100%); /* W3C */
}

.rfqSupplier .cntResult span {
    padding-right: 15px;
}

.rfqSupplier .container {
    min-height: 255px;
}

.rfqSupplier .rfqSearchLoader {
    float: right;
    clear: both;
}

/* addServices */
.addServices ul {
    overflow: hidden;
}

.addServices li {
    float: left;
    width: 50%;
}

.addServices .servicesCol3 li {
    width: 33%;
}

.addServices .servicesCol4 li {
    width: 25%;
}

.addServices {
    overflow: hidden;
}

.addServices .suppliers .label {
    font-weight: bold;
    padding-left: 5px;
}

/* rfq preview */
.rfqPreview .rfqSteps {
    margin: 2px 3px 0 3px;
}

.rfqPreview .c {
    padding: 0;
}

.rfqPreview .info {
    padding: 0 15px 0 15px;
    border: 1px solid #ccc;
    border-top: 0;
    margin: 0 2px;
}

.rfqDetails {
    padding: 5px 10px;
    overflow: hidden;
    color: #444;
}

.rfqMoreDetails {
    overflow: hidden;
    margin: 0 3px 0 10px;
    padding: 5px 0;
}

.rfqMoreDetails .imgPreview {
    float: right;
    overflow: hidden;
}

.rfqMoreDetails .imgPreview img {
}

.rfqMoreDetails .imgPreview img {
    margin: 0 2px;
    float: left;
    width: 49px;
}

.rfqMoreDetails .description {
    padding: 5px;
    margin-left: 60px;
    margin-right: 120px;
    min-height: 37px;
    border: 1px solid #ccc;
    background-color: white;
}

.rfqMoreDetails .icon {
    float: left;
    margin: 0 5px 0 0;
}

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

.rfqSplDetails, .rfqPreview .rfqSplDetails dl {
    overflow: hidden;
}

.rfqPreview .rfqSplDetails .col {
    float: left;
    width: 50%;
}

.rfqSplDetails dt {
    float: left;
    width: 50%;
    font-weight: bold;
}

.rfqSplDetails dd {
    float: left;
}

.rfqSplDetails .addServices li {
    width: 33%;
}

.rfqAccount .c {
    padding: 0 2px;
}

.formRfqRegister .txt, .formRfqLogin .txt {
    width: 225px;
}

.formRfqRegister .groupClient {
    float: left;
    width: 50%;
    margin-bottom: 15px;
}

.formRfqRegister .groupClient .el {
    margin-left: 15px
}

.formRfqRegister .groupClient label,
.formRfqRegister .groupUser label,
.groupLoginTxt label {
    float: left;
    width: 155px;
}

.formRfqRegister .el, .formRfqLogin .elUsr {
    margin-bottom: 15px;
}

.formRfqLogin .elKeeplogin {
    margin-bottom: 5px;
}

.formRfqLogin .groupLogin {
    padding-bottom: 15px;
    padding-left: 15px;
    overflow: hidden;
}

.formRfqLogin .groupLogin .groupLoginTxt {
    float: left;
    width: 50%;
}

.rfqPreviewForms .group {
    border: 0;
    margin: 0;
    overflow: hidden;
}

.rfqPreviewForms label {
    font-weight: bold;
    line-height: 24px;
}

.rfqPreviewForms .groupTerms {
    clear: both;
    padding: 15px;
    border: none;
}

.rfqPreviewForms input[type=checkbox] {
    margin: 5px 5px 0 0;
    float: left;
}

.formRfqRegister input[type=text], .formRfqRegister input[type=password],
.groupLoginTxt input[type=text], .groupLoginTxt input[type=password] {
    width: 200px;
}

.rfqPreviewLogin {
    width: 50%;
    float: left;
}

.rfqImagesPreview img {
    border: 5px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.ui-tabs {
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.ui-widget-header {
    border: 0;
}

.loginTab {
    float: right;
}

.registerTab {
    float: left;
}

.tabContainer li div {
    overflow: hidden;
}

.formRfqRegister .btnBarBottom, .formRfqLogin .btnBarBottom {
    padding: 15px;
}

.formRfqRegister div.formError, .formRfqLogin div.formError {
    border-bottom: 1px solid #FF0000;
    border-top: 1px solid #FF0000;
}

.ui-tabs-panel .description {
    padding: 15px;
    line-height: 150%;
    font-weight: bold;
}

.ui-widget-content {
    background: none;
}

.loginTab .popupHelp, .registerTab .popupHelp {
    float: right;
    margin: -25px 5px 0 0;
}

.ui-tabs .ui-corner-all {
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.ui-tabs .ui-tabs-nav {
    overflow: hidden;
    padding: 0;
}

.ui-tabs .ui-tabs-panel {
    margin: 0;
    padding: 0;
}

.ui-tabs .ui-state-default {
    width: 415px;
    background: url('../gfx/layout/boxes/grey/boxHeaderLeft.png') top left no-repeat #fff;
}

.ui-tabs .ui-state-default div {
    display: block;
    background: url('../gfx/layout/boxes/grey/boxHeaderRight.png') top right no-repeat;
}

.ui-tabs .ui-state-default div a {
    display: block;
    text-shadow: 1px 1px 1px #000;
    color: #fff;
    font-weight: bold;
    line-height: 36px;
    text-decoration: none;
    font-size: 15px;
    padding-left: 10px;
}

.ui-tabs .ui-state-active {
    background: url('../gfx/layout/boxes/outlineTopGreyLeft.png') top left no-repeat #fff;
}

.ui-tabs .ui-state-active div {
    background: url('../gfx/layout/boxes/outlineTopGreyRight.png') top right no-repeat;
}

.ui-tabs .ui-state-active div a {
    color: #000;
    text-shadow: 1px 1px 1px #ccc;
}

.ui-tabs .ui-tabs-hide {
    display: none;
}

.ui-dialog {
    position: absolute;
    padding: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #ccc;
}

.ui-dialog .ui-dialog-titlebar-close {
    background: url('../gfx/layout/iconsGui.png') 0 -249px no-repeat;
    position: absolute;
    right: 2px;
    top: 11px;
    width: 22px;
    margin: -10px 0 0 0;
    height: 22px;
    cursor: pointer;
    border: none;
}

.ui-dialog-titlebar-close span {
    display: none;
}

.ui-corner-all {
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.ui-dialog .ui-dialog-content {
    padding: 15px;
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: #000000;
    opacity: .80;
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #ffffff;
    opacity: .50;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

button.ui-button {
    background: url(../gfx/layout/boxes/bgBoxSuccess.png) bottom left repeat-x #86bb1b;
    font-size: 13px;
    font-weight: bold;
    line-height: 24px;
    float: right;
    margin-right: 18px;
    margin-bottom: 20px;
    padding: 0 8px;
    border: 1px solid gray;
}

/* indexSupplier */
.supplierIndex .teaser {
    position: relative;
    background: url('../gfx/layout/bgSupplierStart.png') top left no-repeat;
    height: 421px;
}

.supplierIndex h2 {
    padding: 10px 0 0 25px;
}

.supplierIndex h2 .indent {
    padding: 5px 0 0 100px;
    font-size: 18px;
}

.supplierIndex .slogan {
    position: absolute;
    top: 123px;
    left: 235px;
}

.supplierIndex .slogan h4 {
    color: #fff;
    font-size: 18px;
    float: left;
    margin: 0 23px 0 0;
    padding: 0;
}

.supplierIndex .slogan .iconGui {
    float: left;
    margin: 4px 23px 0 0;
}

.supplierIndex .infoText {
    position: absolute;
    top: 185px;
    left: 255px;
}

.supplierIndex .btnBar {
    float: right;
    margin-top: 5px;
    padding-right: 15px;
}

/* howTo client and supplier */
.howtoTeaser h2 {
    padding: 10px 0 5px 300px;
}

.howtoTeaser h2 .indent {
    display: block;
    margin: 7px 0 0 240px;
}

.howtoTeaser .slogan {
    position: absolute;
    top: 80px;
    left: 275px;
    padding: 15px 5px;
}

.howtoTeaser .slogan p {
    font-weight: bold;
    color: #fff;
    line-height: 150%;
}

.howtoTeaser .infoText {
    position: absolute;
    top: 220px;
    left: 200px;
}

.howtoTeaser .imgList .img {
    width: 115px;
    padding-bottom: 10px;
}

.howtoTeaser .imgList .txt {
    width: 35%;
    margin: 0;
    color: #000;
    font-weight: normal;
    line-height: 122%;
}

.howtoInfo dl {
    overflow: hidden;
}

.howtoInfo .dotted {
    border-bottom: 1px dotted #ccc;
}

.howtoInfo dt {
    float: left;
    padding: 10px 15px 5px 15px;
}

.howtoInfo dd {
    padding: 10px 15px;
    line-height: 150%;
}

.clientHowto .howtoTeaser {
    position: relative;
    height: 425px;
    background: url(../gfx/layout/bgClientHowTo.png) 0 0 no-repeat;
}

.supplierHowto .howtoWrapper {
    height: 735px;
    background: url(../gfx/layout/bgSupplierHowtoBuzz.png) 20px 470px no-repeat;
}

.supplierHowto .howtoTeaser {
    position: relative;
    height: 735px;
    background: url(../gfx/layout/bgSupplierHowto.jpg) 0 0 no-repeat;
}

.supplierHowto .slogan {
    position: absolute;
    top: 70px;
    left: 275px;
    padding: 15px;
}

.supplierHowto .howtoInfo {
    position: absolute;
    top: 225px;
    left: 180px;
    padding: 0 10px;
}

.supplierHowto .btnBar, .clientHowto .btnBar {
    float: right;
    margin-right: 10px;
}

/* ratings client + supplier */
.ratingForm .c {
    padding: 0 2px;
}

.ratingsInfo, .ratingsResults, .ratingsList {
    padding: 10px;
    /*border: 1px solid #ccc;*/
    margin: 0 2px 2px 0;
}

.ratingsInfo {
    margin-top: 2px;
}

.ratingsResults, .ratingsList {
    overflow: hidden;
}

.ratingCriteria label {
    cursor: pointer;
    display: block;
    float: left;
    width: 22px;
    height: 22px;
    background: url("../gfx/layout/ratyStar.png") no-repeat 0 1px transparent;
}

.ratingCriteria span.criteria {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    background: url("../gfx/layout/ratyStar.png") no-repeat 0 1px transparent;
}

.ratingCriteria label.active,
.ratingCriteria span.criteriaActive {
    background-position: 0 -22px;
}

.ratingCriteria label.reset {
    background: url("../gfx/layout/iconsGui.png") no-repeat -140px 4px transparent;
}

.ratingCriteria span {
    display: block;
    float: left;
    padding: 4px 5px;
}

.ratingCriteria label input {
    position: absolute;
    left: -1000px;
}

.ratingsDetails .ratingScoreDescription {
    float: left;
    margin-left: 25px;
    line-height: 22px;
}

.ratingsEntry {
    margin: 10px 0 10px 0;
    overflow: hidden;
}

.ratingsEntry .entryTitle span.title {
    padding-top: 7px;
}

.ratingsEntry .entryTitle span.raty {
    float: left;
}

.ratingsEntry .ratingDetailCell {
    width: 105px;
    float: left;
}

.ratingsEntry .ratingDetailCell .detailArrow {
    color: #ffa500;
    display: none;
}

.ratingsEntry .ratingDetailCell .ratingsDetails {
    position: absolute;
    margin-left: -310px;
    margin-top: -94px;
    border: 5px solid #ffa500;
    border-radius: 10px;
    background-color: #ffffff;
    display: none;
    width: 300px;
}

.ratingsEntry .ratingDetailCell .ratingsDetails .header {
    background-color: #e0d0b8;
    padding: 7px 10px;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
}

.ratingsEntry .ratingCommentCell {
    width: 82%;
    float: left;
}

.ratingsEntry .ratingsEntryForm {
    margin-top: 20px;
    margin-left: 35px;
}

.ratingsEntry .ratingsEntryForm textarea {
    width: 98%;
    height: 40px;
    margin-bottom: 10px;
}

.ratingsEntryOpen {
    display: inline-block;
    margin-top: 15px;
}

.ratingsSummary li {
    display: block;
    float: none;
    margin-top: 12px;
    padding-left: 30px;
    width: 150px;
}

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

.ratingTotal li {
    float: left;
    width: 80px;
    font-weight: bold;
}

.ratingTotal li input[type=radio] {
    -ms-transform: scale(1.2); /* IE */
    -moz-transform: scale(1.2); /* FF */
    -webkit-transform: scale(1.2); /* Safari and Chrome */
    -o-transform: scale(1.2); /* Opera */
    transform: scale(1.2);
    padding: 10px;
    margin: 0 5px 0 0;
}

.ratingLeft {
    display: block;
    width: 160px;
    float: left;
    text-align: right;
    font-weight: bold;
    margin-top: 10px;
}

.ratingLeft .iconHelp {
    margin: -2px 0 0 5px;
}

.ratingRight {
    display: block;
    width: 465px;
    float: left;
    padding-left: 10px;
    margin-top: 10px;
}

.ratingRight textarea {
    width: 100%;
}

.ratingLegend .ratingCriteria {
    width: 20%;
}

.supplierShort {
    overflow: hidden;
    margin: 2px 2px 0 2px;
    border: 1px solid #ccc;
    padding: 15px;
}

.supplierShort .short {
    display: block;
}

/* Informations client + supplier */
#informations .c {
    padding: 0;
}

#informations h3 {
    margin: 2px 2px 2px 0;
}

#informations .description, #informations .entry {
    overflow: hidden;
    margin: 0 2px 2px 0;
    border-style: solid;
    padding: 15px;
}

#informations .validFrom {
    color: #555;
    float: right;
}

#informations .read {
    border: 1px #ccc;
}

#informations .description, #informations .unread {
    border: 1px #FE7070;
    padding: 12px;
}

#informations .infoState span {
    color: #555;
}

#informations .infoState a {
    margin-top: 20px;
}

/* setup client */
.formClientSetup .el {
    margin-bottom: 10px;
}

.formClientSetup .subFormUser {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
}

.formClientSetup label {
    float: left;
    width: 35%;
    font-weight: normal;
}

.formClientSetup input[type=text], .formClientSetup input[type=password] {
    width: 240px;
}

.formClientSetup input[type=checkbox] {
    margin-left: 0;
    float: left;
}

.formClientSetup .clientusr-disabled {
    background-color: #fff !important;
}

/* Account Client */
.rfqsTables {
    padding-bottom: 25px;
}

.rfqsTables .clientAccountWelcome {
    background: url('../gfx/layout/clientAccountWelcome.png') left bottom no-repeat;
}

.rfqsTables .supplierAccountWelcome {
    background: url('../gfx/layout/clientAccountWelcome.png') left bottom no-repeat;
}

.welcome {
    margin-right: 1px;
    overflow: hidden;
    padding: 10px 10px 0 220px;
}

.rfqsTables .hideWelcome {
    overflow: hidden;
    margin: 10px 0 0 0;
    border-bottom: 15px solid #a09d9c;
}

.rfqsTables .hideWelcome input {
    float: left;
}

.rfqsTables .hideWelcome label {
    display: block;
    margin-left: 25px;
    margin-bottom: 5px;
}

.rfqsTables .tablesContainer {
    clear: both;
}

.rfqsTables .tablesHeader {
    padding: 11px 0 5px 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.rfqsTables .tablesFooter {
    padding: 10px 0 5px 0;
    overflow: hidden;
}

.rfqOldTabs {
    padding-top: 5px;
    margin-bottom: 2px;
    border-top: 1px solid #fff;
    background: #A09D9C;
}

.rfqOldTabs ul {
    padding-left: 5px;
    height: 33px;
    border-bottom: 1px solid #444;
}

.rfqOldTabs li {
    float: left;
    margin-left: 3px;
}

.rfqOldTabs a {
    margin-top: 4px;
    border: 1px solid #444444;
}

.rfqOldTabs a span.label {
    color: #000;
}

.rfqOldTabs li.active a {
    border: 1px solid #444444;
    border-bottom: 2px #FFFFFF;
}

.rfqOldTabs li .notab {
    display: none;
}

.rfqOldTabs li {
    border-radius: 5px 5px 0 0;
}

.rfqOldTabs a {
    border-radius: 5px 5px 0 0;
    padding: 0 10px;
    display: block;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    background: url("../gfx/layout/boxes/orange_small.png") repeat-x scroll left top #F18D1D;
}

.rfqOldTabs a:hover {
    background: url('../gfx/layout/boxes/orange.png') right bottom repeat-x transparent;
    border-bottom: 1px solid #000;
}

.rfqOldTabs .active a {
    color: #000;
    background: #fff;
}

.rfqOldTabs .first {
    margin-left: 0;
}

.rfqOldTabs span, .clientRfqTabs a {
    line-height: 27px;
    font-size: 13px;
}

.rfqOldTabs .cnt {
    padding-left: 5px;
}

.rfqOldTabs #showWelcome {
    float: right;
    margin-right: 10px;
}

.rfqOldTabs .showWelcome {
    border: 1px solid #fff;
    border-top: 0;
    border-radius: 0 0 3px 3px;
    margin-top: -5px;
    padding: 0 5px;
    font-weight: normal;
    line-height: 20px;
}

.rfqOldTabs .showWelcome:hover {
    border-bottom: 1px solid #fff;
}

.rfqsTables .zebra {
    width: 100%;
}

.rfqsTables #rfqActionForm input[type=text] {
    width: 120px;
}

.rfqOldTabsHelp {
    float: right;
    margin: 5px 3px 0 0;
}

.rfqsTables .tocContainer {
    float: right;
    overflow: hidden;
    padding: 15px 0 0;
}

/* grid 3D extends on zebra table */
table.grid3d {
    border-collapse: collapse;
    width: 100%;
}

table.grid3d thead tr {
    background: url("../gfx/layout/boxes/orange_small.png") repeat-x scroll left top #f18d1d;
}

table.grid3d thead th {
    color: black;
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #bbb;
}

table.grid3d tbody tr td {
    border: 1px solid #bbb;
    border-collapse: collapse;
}

table.grid3d tbody tr {
    background: url("../gfx/layout/boxes/bgGrey.png") repeat-x left bottom white;
}

table.grid3d tbody tr.over {
    background: url("../gfx/layout/boxes/bgGreyR.png") repeat-x left top white;
}

table.grid3d thead tr th.thState {
    padding: 0;
}

table.grid3d tbody tr.green {
    background: url("../gfx/layout/boxes/greenReverse.png") repeat-x scroll left top #DBF0AF;
}

/* cars client */
.clientCarsData {
    padding-bottom: 25px;
    margin: 2px;
}

.clientCarsInfo {
    padding: 10px;
    border: 1px solid #ccc;
}

.clientCarsList table {
    width: 672px;
}

/* steps supplier register */
div#supplierRegister {
    overflow: hidden;
    padding-top: 2px;
    margin: 2px 0 0;
}

div#supplierRegister li {
    float: left;
    width: 168px;
    padding: 0;
    margin: 0;
}

div#supplierRegister a, div#supplierRegister span {
    text-decoration: none;
    display: block;
    background-repeat: no-repeat;
}

div#supplierRegister .supplierRegister {
    overflow: hidden;
}

div#supplierRegister .supplierRegister a, div#supplierRegister .supplierRegister span {
    width: 168px;
    padding: 0;
    height: 90px;
    background-image: url('../gfx/layout/stepsSupplierRegister.png');
}

div#supplierRegister .step1 .open {
    background-position: 0 -92px;
}

div#supplierRegister .step1 .active {
    background-position: 0 -187px;
}

div#supplierRegister .step1 .done {
    background-position: 0 -2px;
}

div#supplierRegister .step2 .open {
    background-position: -167px -96px;
}

div#supplierRegister .step2 .active {
    background-position: -167px -187px;
}

div#supplierRegister .step2 .done {
    background-position: -167px -2px;
}

div#supplierRegister .step3 .open {
    background-position: -336px -96px;
}

div#supplierRegister .step3 .active {
    background-position: -336px -187px;
}

div#supplierRegister .step3 .done {
    background-position: -336px -2px;
}

div#supplierRegister .step4 .open {
    background-position: -504px -96px;
}

div#supplierRegister .step4 .active {
    background-position: -504px -187px;
}

div#supplierRegister .step4 .done {
    background-position: -504px -2px;
}

div#supplierRegister .step5 .open {
    background-position: -672px -96px;
}

div#supplierRegister .step5 .active {
    background-position: -672px -187px;
}

div#supplierRegister .step5 .done {
    background-position: -672px -2px;
}

/* supplier register general */
label.subject, form .group h3 {
    font-weight: bold;
    display: block;
    line-height: 20px;
    font-size: 16px;
    margin: 0 0 10px 0;
}

.btnBar, .btnBarBottom, .btnBarTop {
    border: none;
}

.supplierRegister .btnBarBottom .btnRight,
.supplierSetup .btnBarBottom .btnRight, .supplierSetup .btnBarTop .btnRight {
    float: right;
}

.supplierRegister .btnBarBottom .btnLeft,
.supplierSetup .btnBarBottom .btnLeft {
    float: left;
}

/* supplier register step 1 */
.supplierRegister, .supplierAccount {
    background: #fff;
}

.supplierRegister .c {
    padding: 0 2px;
}

.supplierSetup {
    margin-right: 2px;
    background-color: white;
    padding: 10px;
}

.supplierSetup .c, .supplierAccount .c {
    padding: 0;
}

.supplierAccount {
    padding-top: 2px;
}

.supplierRegister label, .supplierSetup label {
    font-weight: bold;
    display: block;
}

.supplierRegister .description, .supplierSetup .description {
    margin: 5px 0 10px 0;
}

.supplierSetup .groupCredentials .description {
    margin: 0;
}

.supplierRegister .groupCredentials .elPwd2 {
    margin-top: 8px;
}

.supplierRegister .groupAgb .elAgb label {
    display: inline-block;
}

.supplierRegisterFinished p {
    margin: 10px 0;
}

.supplierSetup .groupText {
    border-top: 1px solid #ccc;
}

.supplierRegister .info, .supplierSetup .info {
    margin: 0 2px 2px 0;
    padding: 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.groupCompany .el, .groupContact .el, .groupTradeRegister .el {
    float: left;
    width: 50%;
    padding-bottom: 10px;
}

.supplierRegister .groupCompany label, .supplierRegister .groupContact label, .supplierRegister .groupTradeRegister label {
    float: left;
    width: 135px;
    line-height: 22px;
}

.groupPayment label {
    float: left;
    width: 25%;
    font-weight: normal;
    margin-bottom: 3px;
}

.colWrapper {
    float: left;
    border: 0;
    padding: 0 !important;
    width: 50%;
}

.groupMasterIso, .groupOrgGuild {
    overflow: hidden;
}

.groupPayment .el, .groupTax .el {
    width: 100%;
}

.groupPayment .el {
    padding-bottom: 0;
}

.groupCompany input, .groupContact input, .groupOrgGuild input, .groupTax input, .groupTradeRegister input {
    width: 240px;
}

.groupPayment input {
    float: left;
    margin: 0 10px 0 0;
}

.groupPayment h3, .groupContact h3, .groupTradeRegister h3 {
    padding: 0 !important;
}

.groupCompany .elZip input {
    width: 50px;
}

.groupTax label {
    float: left;
    width: 55%;
    border-right: 13px solid transparent;
    padding-top: 5px;
}

.groupMasterIso label,
.groupOrgGuild label {
    display: block;
    line-height: 22px;
    font-size: 16px;
}

.supplierSetup .groupCompany label,
.supplierSetup .groupContact label {
    float: none;
    display: block;
    width: 50%;
}

.supplierSetup .groupCompany input,
.supplierSetup .groupContact input,
.supplierSetup .groupOrgGuild input,
.supplierSetup .groupTradeRegister input {
    width: 280px;
}

.supplierSetup .groupUpload .iconPdfBig {
    margin-left: 15px;
    padding-left: 45px;
    float: left;
}

/* regsiter supplier step 2 */
.groupHoliday dd {

}

.supplierRegister .groupTimes {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.formTimes .day {
    overflow: hidden;
    margin-bottom: 10px;
}

.formTimes input, .formTimes label {
    float: left;
    margin-right: 4px;
}

.supplierTimes input {
    width: 30px;
}

.formTimes label span {
    text-align: center;
    display: block;
    line-height: 22px;
}

.formTimes .toH {
    padding: 0 6px;
    display: block;
    float: left;
}

.formTimes .weekday span {
    width: 110px;
    text-align: left;
}

.formTimes .weekday span {
    width: 100px;
}

.formTimes .elTimes {
    width: 320px;
    float: left;
}

.formTimes .elNotes {
    margin-bottom: 0;
    margin-left: 340px;
}

.formTimes .elNotes h4 {
    font-size: 14px;
    padding-top: 10px;
}

.formTimes .example {
    overflow: hidden;
    margin-bottom: 5px;
}

.supplierTimes .example .from, .supplierTimes .example .to {
    width: 85px;
    float: left;
    text-align: center;
}

.supplierTimes .example .from {
    margin-left: 80px;
}
.supplierTimes .example .to {
    margin-left: 25px;
}


.formTimes .oClock {
    margin-top: 5px;
    display: inline-block;
    font-weight: bold;
}

.formTimes .groupHoliday dd {
    margin-left: 0;
}

.formTimes .groupHoliday input {
    width: 125px;
    text-align: left;
    float: none;
}

.formTimes .formHoliday {
    margin-top: 2px;
    overflow: hidden;
    border: 1px solid #ccc;
    padding: 0 10px 10px 10px;
}

.formTimes .groupHoliday {
    float: left;
    width: 30%;
}

.formTimes .groupHolidayNotes {
    float: left;
    width: 70%;
    margin-top: 10px;
}

.timetable li {
    display: block;
    clear: left;
    overflow: hidden;
    padding: 2px 10px 2px 0;
}

.timetable span.t {
    display: inline-block;
    width: 12px;
}

.timetable span.sep {
    padding: 0;
}

.timetable span.center {
    display: inline-block;
    width: 15px;
    text-align: center;
}

.timetable span.day {
    display: inline-block;
    width: 100px;
}

.groupText {
    overflow: hidden;
    padding: 10px;
    border: 1px solid #ccc;
    border-top: 0;
}

/* register supplier step 3 */
.supplierSetup .groupServices {
    margin-top: 2px;
}

.formSupplierServices label {
    display: block;
    float: left;
    width: 33%;
    margin-bottom: 7px;
    font-weight: normal;
}

.formSupplierServices input {
    margin-right: 10px;
}

.formSupplierServices h3 {
    float: none;
    display: block;
    font-weight: bold;
    width: 100%;
    margin-bottom: 15px;
    font-size: 16px;
    padding: 0;
}

.formSupplierServices .el {
    margin: 2px;
    padding: 10px 10px 5px 10px;
    overflow: hidden;
    border: 1px solid #ccc;
}

.formSupplierServices .elServices {
    border-top: 0;
    margin-top: 0;
}

.formSupplierServices .description {
    clear: left;
    float: none;
    margin-top: 10px;
}

/* register supplier step 4 */
.formCarmakers .row .col {
    padding: 0 2px;
    margin: 0;
}


/* register supplier step 5 */
.formFinal label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.formFinal .groupCouponCode, .formFinal .groupAgb, .formFinal .groupCredentials, .formFinal .groupUsername {
    overflow: hidden;
    margin-top: 2px;
    border: 1px solid #ccc;
    padding: 10px 10px 5px 10px;
}

.formFinal .groupCredentials .el, .formFinal .groupUsername .el {
    margin-bottom: 10px;
}

.formFinal .groupCredentials h3, .formFinal .groupUsername h3 {
    padding: 0 !important;
}

.formFinal .conAgb {
    margin-top: 15px;
}

.formFinal .descCouponCode, .formFinal .descUsername {
    font-size: 11px;
}

.formFinal .elAgb label {
    padding-top: 3px;
}

.formFinal .iptAgb {
    float: left;
    margin-right: 5px;
}

.formSupplierServices .btnBarBottom, .formSupplierServices .btnBarTop {
    overflow: hidden;
    padding: 10px;
    border: 0
}

.samplesFormWrapper {
    padding: 5px;
    border: 1px solid #ccc;
    margin: 2px;
}

.formSamplesForm {
    margin-top: 2px;
}

.btnBarTop {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin: 0 2px;
}

.supplierRegister .registerFinished {
    margin: 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.supplierRegister .registerFinished h3 {
    margin-top: 0;
    padding: 0;
    margin-bottom: 10px;
}

.supplierRegister .registerFinished h4 {
    margin: 15px 0;
    font-size: 16px;
}

.supplierRegister .registerFinished p {
    margin-bottom: 10px;
}

.formCredentials .groupCredentials {
    overflow: hidden;
    padding: 0 10px 10px 10px;
    margin: 0;
    border: 1px solid #ccc;
}

.formCredentials .el {
    margin-top: 20px;
}

.formCredentials .el input, .formCredentials .txtInput {
    width: 260px;
}

.groupSamplesSelect {
    overflow: hidden;
    margin: 0;
    padding: 0 10px;
    border-bottom: 0;
}

.groupSamplesSelect select {
    width: 655px;
    height: 21px;
    line-height: 18px;
}

.groupSamplesSelect input {
    width: 646px;
    height: 19px;
    line-height: 18px;
}

.groupSamplesSelect .g2 {
    display: none;
}

.groupSamplesSelect .samplesActions {
    overflow: hidden;
    padding-bottom: 10px;
}

.groupSamplesSelect .samplesActions a {
    float: right;
    margin: 0 1px 0 0;
    background: #E1602D;
    color: #fff;
    padding: 1px 10px;
    border: 1px solid #ccc;
    border-right-color: #444;
    border-bottom-color: #444;
    text-decoration: none;
}

.groupSamplesSelect .samplesActions a:hover, .pressed {
    border: 1px solid #ccc;
}

.groupSamplesContent {
    overflow: hidden;
    padding: 10px;
    margin: 0;
    border-top: 0;
}

.supplierRegisterUsername {
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #e4e4e4;
    width: 300px;
    font-size: 13pt;
}

.sampleList li {
    padding: 4px 0;
}

.sampleContent {
    padding: 10px;
    background-color: #e6e6e6;
    border: 1px solid #000;
    margin: 5px;
    position: relative;
}

.sampleContent dt {
    float: none !important;
    margin-top: 0 !important;
    width: 0 !important;
}

.sampleContent dd {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.sampleContentEdit {
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 5px;
    background-color: #c4c4c4;
    border-radius: 0 0 0 4px;
}

.sampleContentEdit a {
    display: inline-block;
}

.sampleContent input[type=text] {
    width: 98%;
}

.replaceInfo {
    margin-top: 5px;
}

/* supplier account */
.sup-ic tbody .btn {
    width: 120px;
    margin: 10px 5px 0 0;
    text-align: center;
}

.sup-ic tfoot td {
    background: transparent;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 3px 10px;
}

.sup-ic span.cnt {
    display: block;
    line-height: 48px;
    float: left;
    margin-left: 15px;
    width: 50px;
    text-align: right;
    padding-right: 15px;
    font-size: 18px;
    font-weight: bold;
}

.sup-ic tbody tr td:first-child {
    width: 300px;
}

.sup-ic tbody tr td:last-child {
    width: 50px;
}

.sup-ic tbody tr td .cntOff, .sup-ic tbody tr td .cntOn {
    line-height: 130%;
}

.sup-ic tbody tr td .cntOn {
    color: red;
}

.supplierAccount table.accountBankForm td {
    padding: 5px 10px;
}

.infocenter {
    clear: left;
    overflow: hidden;
    padding: 0 10px;
}

.infocenter .frame {
    display: inline-block;
    width: 209px;
    border: 1px solid #aaa;
    border-radius: 10px;
    padding-bottom: 15px;
}

.bgred {
    background: url("../gfx/layout/redGrad.png") repeat-x left bottom scroll transparent;
}

.bggreen {
    background: url("../gfx/layout/boxes/grey/boxContent.png") repeat-x left bottom scroll transparent;
}

.infocenter .middle {
    float: left;
    margin: 5px;
}

.infocenter .right {
    float: right;
    margin: 5px 0 5px 5px;
}

.infocenter .left {
    float: left;
    margin: 5px 5px 5px 0;
}

.infocenter h3 {
    font-size: 20px;
    text-align: right;
    padding: 10px 15px;
    background: url("../gfx/layout/greyGrad.png") repeat-x left bottom scroll transparent;
    color: #000;
    border: 1px solid #666;
    margin: 15px -3px;
    border-radius: 1px;
}

.infocenter h3 span {
    display: inline-block;
    padding-right: 10px;
}

.infocenter ul {
    height: 36px;
    padding: 5px 0 5px 0;
    margin: 0 3px 15px 3px;
    border: 1px solid #aaa;
    border-right-color: #ccc;
    border-bottom-color: #ccc;
    background: #fff;
    border-radius: 5px;
}

.infocenter li span {
    line-height: 140%;
    font-size: 13px;
    background: #fff;
    display: block;
}

.infocenter .btn {
    width: 160px;
}

.infocenter .btnContainer {
    text-align: center;
}

.infocenterVertical table {
    width: 100%;
}

.infocenterVertical tbody .btn {
    width: 80px;
    text-align: center;
    margin: 12px 0;
}

.infocenterVertical tbody .cnt {
    font-size: 16px;
    line-height: 48px;
    font-weight: bold;
    margin: 0 10px;
    width: 100px;
    text-align: center;
}

.infocenterVertical tbody .cntMsg {
    font-weight: bold;
}

.infocenterVertical li a {
    color: red;
}

.infocenterVertical td {
    vertical-align: middle;
}

.infocenterVertical td.fld a, .infocenterVertical td.fld span {
    display: block;
    float: left;
}

.infocenterVertical td.fld .btn span {
    float: none;
}

.infocenterVertical td.fld {
    width: 280px;
    overflow: hidden;
}

.infocenterVertical td.redGreen {
    text-align: center;
    width: 80px;
}

.infocenterVertical td.cntMsg li {
    list-style-type: circle;
    margin-left: 25px;
    line-height: 130%;
}

/* view supplier infopage on e.g. subdomain */

.dialogPhoneTitle {
    color: #000000 !important;
}

#phoneInfo {
    font-size: 12px;
    letter-spacing: 1px;
}

#phoneInfo p {
    margin-top: 12px;
}

.layout-1 .breadcrumb {
    background: #ffffff;
    padding: 2px 0 6px 0;
}

.layout-1 #page {
    width: 998px;
}

.layout-1 .sidebarRight {
    margin-top: 1px;
}

.layout-1 .sidebarLeft {
    float: left;
    width: 168px;
    position: relative;
    left: -20px;
}

.layout-1 .navAccount {
    border-right: 0;
    border-right: 1px solid #ccc;
    background: #fff;
}

.layout-1 .navAccount li {
    border-bottom: 1px solid #ccc;
    padding: 3px 0 2px 4px;
}

.layout-1 .navAccount a span {
    display: block;
    margin-left: 35px;
    padding-left: 5px;
    background: #fff;
}

.layout-1 .sidebarLeft .serviceLogo {
    display: block;
    margin-top: 30px;
    text-align: center;
}

.layout-1 .sidebarLeft .rating {
    padding: 10px;
}

.layout-1 .sidebarLeft .fb-like {
    padding: 0 54px;
}
.layout-1 .sidebarLeft .google {
    padding: 10px 54px;
}


.layout-1 .content {
    width: 678px;
    border-radius: 0 0 10px 0;
    overflow: hidden;
}

.layout-1 .pageHeader {
    padding: 0 15px;
    background: #fff url("../gfx/layout/info/1/bgHeader.png") no-repeat scroll left top;
    border-radius: 10px 10px 0 0;
}

.layout-1 .pageHeader h1 {
    font-size: 22px;
    margin-bottom: 10px;
    padding-top: 25px;
    text-shadow: 1px 1px #000000;
    font-weight: bold;
    color: #fff;
}

.layout-1 .wrapperOuter {
    float: left;
}

.layout-1 .main {
    float: left;
    width: 998px;
    padding-left: 20px;
    padding-right: 8px !important;
    padding-bottom: 20px;
    background-color: #FFF;
    border-radius: 0 0 5px 5px;
}

.layout-1 .content {
    border-top: 0;
}

.layout-1 h2 {
    margin-bottom: 10px;
}

.layout-1 .pageHeader h2 {
    font-size: 16px;
    margin-bottom: 0;
    padding-bottom: 14px;
    padding-top: 13px;
    text-shadow: 1px 1px #000000;
    font-weight: bold;
    color: #fff;
}

.layout-1 .content h3 {
    margin-bottom: 0;
    padding: 0 10px;
    line-height: 35px;
}

.layout-1 .box h3 {
    padding: 0 10px;
    line-height: 35px;
    margin: 0;
}

.layout-1 .box h4 {
    padding: 0;
    margin-top: 10px;
}

.layout-1 .contentBox h3 {
    padding: 0;
}

.layout-1 .page .content {
    width: 799px;
}

.layout-1 .contentBox .fullImg {
    height: 240px;
}

.layout-1 .contentBox .fullImg span {
    width: 10px;
    height: 100%;
    display: inline-block;
    margin-left: -10px;
    vertical-align: middle;
}

.layout-1 .contentBox .fullImg img {
    vertical-align: middle;
    max-width: 250px;
}

.layout-1 .infoTxt .easyAutoInfoImg {
    display: inline;
    margin: 10px;
}

.layout-1 .infoTxt .easyAutoInfoImg img {
    width: 48%;
}

.navAccount .infopageRfq,
.navAccount .subdomain-subdomainRfq,
.navAccount .infopageRfq a,
.navAccount .subdomain-subdomainRfq a,
.navAccount .infopageRfq span,
.navAccount .subdomain-subdomainRfq span {
    background-color: #ff0000 !important;
    color: #ffffff !important;
}

.suinfo {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.suinfo .c {
    padding: 0;
    margin: 0 2px;
    border: 0;
}

.suinfo .rc {
    float: right;
}

.suinfo .lc {
    float: left;
    width: 323px;
    overflow: hidden;
}

.suinfo .col2equal .rc {
    width: 50%;
}

.suinfo .col2equal .lc {
    width: 50%;
}

.suinfo .rc .gball {
    border-radius: 5px;
    width: 320px;
    text-align: center;
}

.suinfo .row,
.suinfo .box {
    clear: left;
    overflow: hidden;
    border: 1px solid #ccc;
    margin: 2px 0 0 0;
}

.suinfo .row .row {
    border: 0;
    padding: 0;
    background: transparent;
}

.suinfo .box {
    margin-top: 1px;
    border: 1px solid #ccc;
    overflow: hidden;
    background-color: white;
}

.suinfo .box .contentBox {
    padding: 10px;
    overflow: hidden;
}

.suinfo .row-img {
    padding-top: 10px;
    border-top: 1px dotted #ccc;
    text-align: right;
}

.suinfo .row-img .photoDummyBig {
    float: right;
    margin: 0 0 0 10px;
}

.suinfo dl {
    overflow: hidden;
}

.suinfo dt {
    padding-bottom: 4px;
    display: block;
    float: left;
    width: 110px;
    font-weight: bold;
}

.suinfo dd {
    float: left;
    padding-bottom: 3px;
}

.suinfo .spm {
    overflow: hidden;
}

.suinfo .spm li {
    width: 25%;
    float: left;
}

.suinfo .spm li span {
    background: url('../gfx/layout/iconsGui.png') -79px -91px no-repeat transparent;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.suinfo .spm li.checked span {
    background-position: -79px -113px;
}

.suinfo .col3 {
    border: 1px solid #ccc;
    overflow: hidden;
}

.suinfo .col3 li {
    width: 33%;
}

.suinfo .formContact label {
    font-size: 12px;
}

.suinfo hr {
    clear: left;
    margin: 10px 0;
}

.suinfo .company dl {
    line-height: 140%;
}

.suinfo .banner {
    padding-bottom: 2px;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.suinfo .ratingsInfo {
    margin-right: 0;
    border: 0;
}

.suinfo .ratingsList, .suinfo .ratingsResults {
    margin-right: 0;
    border: 0;
}

/* setup supplier infopage */
.setupInfopage h3 {
    margin: 2px 2px 0 0;
    border: 1px solid #ccc;
    padding: 10px;
    border-bottom: 0;
}

.setupInfopage .group label {
    display: block;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}

.setupInfopage .desc {
    margin-bottom: 10px;
}

.setupInfopage .group {
    overflow: hidden;
    margin-top: 2px;
    margin-right: 2px;
}

.setupInfopage textarea {
    width: 650px;
    height: 200px;
}

.setupInfopage .groupInfo {
    overflow: hidden;
    border: 1px solid #ccc;
    padding: 10px;
    border-top: 0;
    margin-top: 0;
}

.bannerPreview {
    margin-top: 2px;
    border: 1px solid #ccc;
    padding: 1px;
    position: relative;
}

.bannerPreview .rmt {
    position: absolute;
    z-index: 1000;
    top: 5px;
    right: 5px;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 10px;
}

.photoPreview {
    margin-left: 2px;
    float: right;
}

.bannerDummy li {
    list-style-type: disc;
    padding-top: 3px;
}

.bannerDummy ul {
    width: 30%;
    margin: 0 auto;
}

.bannerDummyLabel {
    color: #777;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.bannerDummyInfo {
    color: #777;
    font-size: 13px;
    font-weight: bold;
    display: block;
}

/* Contact form */
.contact .colRight {
    float: right;
    width: 380px;
}

.formContact h2 {
    margin-bottom: 0;
}

.formContact {
    float: left;
}

.formContact .btnRight,
.formReport .btnRight{
    float: right;
}

.formContact select,
.formReport select {
    display: block;
    width: 425px;
}

.formContact select option,
.formReport select option{
    padding: 3px 10px;
}

.formContact .group,
.formReport .group{
    padding: 0;
}

.formContact .el,
.formReport .el{
    margin-bottom: 20px;
}

.formContact label,
.formReport label {
    display: block;
    margin: 0 0 5px 0;
    font-weight: bold;
    font-size: 14px;
}

.formContact input[type=text], .formContact textarea,
.formReport input[type=text], .formReport textarea{
    display: block;
    width: 420px;
}

.formContact textarea,
.formReport textarea{
    height: 180px;
}

.formContact .elCompany {
    display: none;
}

#infoDialog {
    line-height: 24px;
}

.pressIntro {
    height: 342px;
    background: url(../gfx/layout/bgPress.png) 0 0 no-repeat;
}

.pressIntro .headline {
    margin-left: 300px;
    padding-top: 50px;
    float: left;
}

.pressIntro .headline h3 {
    font-size: 60px;
    text-transform: uppercase;
    margin-bottom: 25px;
    font-style: italic;
}

.pressIntro .headline h4 {
    font-size: 22px;
    text-align: center;
}

.press .pagination ul {
    float: right;
}

.press .pagination ul li {
    float: left;
    margin-right: 5px;
}

.press .pagination ul li a {
    border: 1px solid #b4b4b4;
    padding: 4px 6px;
    text-decoration: none;
}

.press .pagination ul li a:hover,
.press .pagination ul li a.active {
    background-color: orange;
    font-weight: bold;
}

/* service lexicon list and entry */
.serviceLexicon {
    background: #fff;
}

.serviceLexicon .box .c {
    padding: 0;
}

.serviceLexiconList {
    padding-top: 10px;
}

.serviceLexicon .serviceLexiconInfo .c {
    padding: 10px;
}

.serviceLexiconList .row {
    overflow: hidden;
    padding: 5px 10px;
}

.serviceLexiconList .left {
    width: 50%;
    float: left;
}

.serviceLexiconList .right {
    width: 50%;
    float: right;
}

.serviceLexiconList .last {
    clear: both;
    float: none;
    width: 100%;
}

.serviceLexiconList hr {
    clear: both;
    margin: 0;
}

.seoLexicon h1 {
    font-size: 22px;
    margin-bottom: 5px;
}

.seoLexicon h2 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 15px;
}

.lexiconLeftCol ul {
    list-style: disc;
    margin-left: 15px;
    margin-bottom: 1em;
}

.lexiconLeftCol p {
    margin-bottom: 1em;
}
.lexiconRightCol .related {
    border: 1px solid #929292;
}

.lexiconRightCol .related ul {
    line-height: 17px;
    margin-left: 15px;
    padding: 5px 0;
}

.lexiconRightCol .related header {
    background-color: #ffa500;
    padding: 0 5px;
}

.lexiconRightCol .related header h3 {
    padding: 6px 0;
}

.iconServiceButton {
    background: url('../gfx/layout/buttonServiceSmall.png');
    display: block;
    width: 70px;
    height: 70px;
}

.iconServiceButton .iconService {
    margin: 5px;
    display: inline-block;
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.serviceLexiconList .iconServiceButton {
    float: left;
    margin-right: 20px;
    margin-left: 0;
}

.serviceLexiconList .right .iconServiceButton {
    float: right;
    margin-left: 20px;
    margin-right: 0;
}

.serviceLexiconList a {
    margin-right: 1px;
    margin-left: 0;
    border-right: 1px solid #ccc;
    padding: 3px;
    display: block;
    line-height: 66px;
    text-decoration: none;
    overflow: hidden;
    text-align: left;
}

.serviceLexiconList .right a {
    margin-right: 0;
    margin-left: 1px;
    text-align: right;
    border-left: 1px solid #ccc;
    border-right: 0;
}

.serviceLexiconList .last a {
    border-right: 0;
}

.rfqServiceIcons a:hover .iconService,
.serviceLexiconList a:hover .iconService {
    -moz-filter: none;
    -o-filter: none;
    -webkit-filter: none;
    filter: none;
    filter: none;
}

.serviceLexiconList a:hover .iconServiceLabel {
    font-weight: bold;
}

.serviceLexiconList .iconServiceLabel {
    font-size: 18px;
    font-weight: normal;
}

.serviceLexiconEntry h3 {
    margin-top: 15px;
}

.serviceLexiconEntry {
    line-height: 150%;
    text-align: justify;
    width: 600px;
}

.serviceLexiconEntry img {
    padding: 5px;
}

.serviceLexicon-list {
    margin-top: 25px;
    width: 200px;
    line-height: 150%;
}

/* service rfq list and entry */
.serviceRfqList .headline {
    overflow: hidden;
    padding: 13px 10px 10px 10px;
    font-weight: normal;
    font-size: 16px;
}

.serviceRfqList .headline span {
    display: block;
}

.serviceRfqList .headline .right {
    float: right;
    font-size: 12px;
}

.serviceRfqList .entries a {
    color: #444;
}

.serviceRfqList .entries dl {
    overflow: hidden;
    border: 1px solid #ccc;
    margin-bottom: 2px;
}

.serviceRfqList .entries dl.last {
    margin-bottom: 0;
}

.serviceRfqList .entry {
    clear: left;
    float: none;
    padding: 0 10px 10px 10px;
}

.serviceRfqList .entry dl {
    overflow: hidden;
    border: 0;
}

.serviceRfqList .entry dl dt {
    float: left;
    width: 120px;
    font-weight: bold;
}

.serviceRfqList .entry dl dd {
    float: none;
    margin-bottom: 5px;
}

.serviceRfqList .iconService {
    float: right;
    width: 50px;
    margin-right: 22px;
}

.serviceRfqList .lexicon {
    line-height: 150%;
    text-align: justify;
}

.serviceRfqList .btnBar .btnRight {
    float: right;
    margin-right: 5px;
}

/* carparts lexicon */
.carparts-list {
    margin-top: 25px;
    width: 200px;
    line-height: 150%;
}

.carparts-entry {
    line-height: 150%;
    text-align: justify;
    width: 600px;
}

.carparts-entry img {
    padding: 5px;
}

.carparts-entry br {
    line-height: 5px;
}

/* supplier search */
.supplierSearch h1 {
    margin: 0;
    font-size: 18px;
    line-height: 18px;
}

.supplierSearch h2 {
    margin: 0;
    font-size: 15px;
    line-height: 18px;
}
.supplierSearch h3 {
    margin: 0 0 5px 0;
    padding: 0;
}

.supplierSearch h3 a {
    font-size: 16px;
    font-weight: bold;
}

.supplierSearch .raty {
    float: left;
    width: 100px;
    display: block;
    margin-top: -4px;
    padding-top: 5px;
    padding-left: 93px;
    height: 15px;
    background-repeat: no-repeat;
}

.supplierSearch h1 a {
    font-size: 15px;
}

.supplierSearch .colLeft {
    float: left;
    width: 430px;
    margin-top: 10px;
}

.supplierSearch .colRight {
    float: right;
    width: 350px;
    margin-top: 10px;
}

.list2Col {
    -moz-column-count: 2;
    -moz-column-gap: 2.5em;
    -webkit-column-count: 2;
    -webkit-column-gap: 2.5em;
    column-count: 2;
    column-gap: 2.5em;
    list-style: square;
    color: #ffa500;
}

.list2Col li {
    padding: 2px 0;
}

.supplierSearch a.active {
    font-weight: bold;
}

.supplierSearch .pagination ul li {
    float: left;
}

.supplierSearch .pagination ul li a {
    padding: 4px 6px;
}

.supplierSearch .pagination ul li a.active {
    font-weight: bold;
}

.supplierSearch .moreSuppliers ul {
    -moz-column-count: 3;
    -moz-column-gap: 2.5em;
    -webkit-column-count: 3;
    -webkit-column-gap: 2.5em;
    column-count: 3;
    column-gap: 2.5em;
    list-style: square;
    margin: 0 5px;
}

.supplierSearch .moreSuppliers ul li {
    margin: 4px 0;
}

.supplierSearchInfopage .supplierMap {
    width: 480px;
    height: 350px;
}

.supplierSearchInfopage .supplierInfo {
    width: 320px;
}

.supplierSearchInfopage .registerDetails {
    margin-top: 25px;
}

.supplierSearchInfopage .clientInfo {
    margin-top: 140px;
}

label.supplierType {
    width: 230px;
    float: left;
    line-height: 22px;
}

.pricesSuppliers .c {
    padding: 0;
    border: 0;
}

.pricesSuppliers h4 {
    margin: 0;
}

.pricesSuppliers .headlineGrey {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.pricesSuppliers .accordion {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

/* imprint */
.imprint .c {
    padding-left: 20px;
}

.imprint .logo {
    float: right;
    margin: 0 18px 0 0;
}

.imprint dl {
    margin: 0 150px 10px 0;
}

.imprint dt {
    float: left;
    width: 190px;
    margin-bottom: 5px;
    line-height: 150%;
    font-weight: bold;
    clear: left
}

.imprint dd {
    float: none;
    margin-bottom: 5px;
    margin-left: 190px;
    line-height: 150%;
}

.imprint h3 {
    margin-top: 0 !important;
}

.imprint h4 {
    margin: 10px 0;
    font-size: 18px;
}

div.imprint div.boxFlat div.c dl dd.hotline div.hotlineImg h3 {
    padding-top: 2px
}

/* logos */
.logos .set {
    overflow: hidden;
    margin-bottom: 45px;
}

.logos .img {
    float: left;
    margin-right: 15px;
}

.logos .links {
    margin-top: 5px;
    line-height: 170%;
}

/* icons services */
.iconService {
    display: block;
    width: 60px;
    height: 60px;
    background: url('../gfx/layout/iconService2.png') no-repeat;
}

.iconService4 { background-position: 0 0; }
.iconService67 { background-position: 0 -60px; }
.iconService70 { background-position: 0 -120px; }
.iconService6 { background-position: 0 -180px; }
.iconService9 { background-position: 0 -240px; }
.iconService12 { background-position: 0 -300px; }
.iconService83 { background-position: 0 -360px; }
.iconService13 { background-position: 0 -360px; }
.iconService15 { background-position: 0 -480px; }
.iconService16 { background-position: 0 -540px; }
.iconService72 { background-position: 0 -600px; }
.iconService17 { background-position: 0 -660px; }
.iconService82 { background-position: 0 -720px; }
.iconService74 { background-position: 0 -780px; }
.iconService75 { background-position: 0 -840px; }
.iconService24 { background-position: 0 -900px; }
.iconService62 { background-position: 0 -960px; }
.iconService80 { background-position: 0 -1020px; }
.iconService25 { background-position: 0 -1080px; }
.iconService81 { background-position: 0 -1140px; }
.iconService27 { background-position: 0 -1200px; }
.iconService66 { background-position: 0 -1260px; }
.iconService58 { background-position: 0 -1320px; }
.iconService65 { background-position: 0 -1380px; }
.iconService79 { background-position: 0 -1440px; }
.iconService76 { background-position: 0 -1500px; }
.iconService78 { background-position: 0 -1560px; }
.iconService77 { background-position: 0 -1620px; }
.iconService5 { background-position: 0 -1680px; }
.iconService1 { background-position: 0 -1740px; }
.iconService18 { background-position: 0 -1800px; }
.iconService50 { background-position: 0 -1860px; }


.iconAddService {
    display: block;
    width: 80px;
    height: 80px;
    background: url('../gfx/layout/additionalservices.png') no-repeat;
}

.iconAddService13 { background-position: 0 -240px; }
.iconAddService83 { background-position: 0 -160px; }
.iconAddService80 { background-position: 0 -480px; }
.iconAddService81 { background-position: 0 -560px; }
.iconAddService82 { background-position: 0 -320px; }
.iconAddService39 { background-position: 0 -633px; }
.iconAddService37 { background-position: 0 -80px; }
.iconAddService35 { background-position: 0 0; }
.iconAddService24 { background-position: 0 -400px; }
.iconAddService33 { background-position: 0 -80px; }
.iconAddService1 { background-position: 0 -719px; }

.iconCarmakers {
    width: 50px;
    height: 50px;
    background: url('../gfx/layout/iconsCarmakers.png') no-repeat;
}

.icon00002 {
    background-position: 0 -390px;
}

.icon00016 {
    background-position: -239px -337px
}

.icon00881 {
    background-position: -286px 0;
}

.icon00138 {
    background-position: 0 -145px;
}

.icon00020 {
    background-position: 0 -50px;
}

.icon00021 {
    background-position: -143px -339px;
}

.icon00139 {
    background-position: -336px -96px
}

.icon00185 {
    background-position: -143px -97px;
}

.icon00025 {
    background-position: -46px -335px;
}

.icon00807 {
    background-position: -46px -48px
}

.icon00029 {
    background-position: -334px -290px
}

.icon00700 {
    background-position: 0 -100px;
}

.icon00035 {
    background-position: -290px -290px
}

.icon00036 {
    background-position: -240px -290px
}

.icon00039 {
    background-position: -190px -290px
}

.icon00045 {
    background-position: -144px -290px
}

.icon00054 {
    background-position: -94px -290px
}

.icon00056 {
    background-position: -0 -290px
}

.icon00063 {
    background-position: -340px -240px
}

.icon00064 {
    background-position: -290px -240px
}

.icon00072 {
    background-position: -240px -240px
}

.icon00074 {
    background-position: -190px -240px
}

.icon00077 {
    background-position: -94px -240px
}

.icon00080 {
    background-position: -44px -240px
}

.icon00084 {
    background-position: -0 -240px
}

.icon00088 {
    background-position: -340px -190px
}

.icon00092 {
    background-position: -290px -190px
}

.icon00095 {
    background-position: -190px -190px
}

.icon00099 {
    background-position: -144px -190px
}

.icon00104 {
    background-position: -94px -188px
}

.icon00106 {
    background-position: -0 -190px
}

.icon00107 {
    background-position: -337px -140px
}

.icon00111 {
    background-position: -190px -140px
}

.icon00112 {
    background-position: -144px -140px
}

.icon00120 {
    background-position: -94px -140px
}

.icon00121 {
    background-position: -44px -140px
}

.icon00138 {
    background-position: -0 -142px
}

.icon00175 {
    background-position: -290px -96px
}

.icon00183 {
    background-position: -240px -96px
}

.icon00184 {
    background-position: -190px -96px
}

.icon00187 {
    background-position: -44px -96px
}

.icon00701 {
    background-position: -340px -46px
}

.icon00771 {
    background-position: -240px -46px
}

.icon00774 {
    background-position: -192px -46px
}

.icon00802 {
    background-position: -94px -46px
}

.icon00842 {
    background-position: -340px 0
}

.icon00882 {
    background-position: -240px 0
}

.icon01138 {
    background-position: -190px 0
}

.icon01506 {
    background-position: -144px 0
}

.icon01523 {
    background-position: -94px 0
}

.icon01820 {
    background-position: -44px 0
}

.icon02164 {
    background-position: -0 0
}

.icon00075 {
    background-position: -144px -239px
}

.icon00109 {
    background-position: -287px -142px
}

.icon00186 {
    background-position: -94px -92px
}

.icon00093 {
    background-position: -239px -191px
}

.icon00005 {
    background-position: -330px -340px;
}

/* icons gui */
.iconGui {
    margin: 0;
    background: url('../gfx/layout/iconsGui.png') no-repeat;
    width: 18px;
    line-height: 18px;
    text-decoration: none;
}

.iconNotchecked {
    background-position: -76px -92px;
}

.iconChecked {
    background-position: -76px -113px;
}

.iconNotchecked, .iconChecked {
    margin-right: 5px;
}

.iconGmap {
    background-position: -80px -24px;
    display: inline-block;
    width: 18px;
}

.iconHelp {
    margin: -7px 0 0 3px;
    background-position: -55px -69px;
    cursor: pointer;
}

.iconTecdoc {
    margin-top: 5px;
    height: 40px;
    width: 133px;
    background-position: -22px -155px;
}

.iconArrowRightWhite {
    height: 15px;
    width: 10px;
    background-position: 0 -187px;
}

.iconSelect {
    height: 32px;
    width: 32px;
    background-position: -123px -259px;
}

.iconCarRfq {
    height: 22px;
    width: 22px;
    background-position: 0 -203px;
}

.iconEdit {
    height: 22px;
    width: 22px;
    background-position: -33px -68px;
}

.iconDelete, .rmt {
    height: 18px;
    width: 18px;
    background-position: -139px 1px;
}

.iconClose {
    height: 22px;
    width: 22px;
    background-position: 0 -249px;
    cursor: pointer;
    margin: 2px;
}

.iconActive {
    height: 20px;
    width: 20px;
    background-position: -32px -90px;
}

.iconPending {
    height: 20px;
    width: 20px;
    background-position: -32px -113px;
}

.iconClosed {
    height: 20px;
    width: 20px;
    background-position: -32px -135px;
}

.iconAssigned {
    height: 20px;
    width: 20px;
    background-position: -120px 0;
}

.iconMailIn {
    background-position: -92px -505px;
    height: 56px;
    width: 50px;
}

.iconMailOut {
    background-position: -92px -561px;
    height: 56px;
    width: 50px;
}

.iconMail {
    background-position: -8px -504px;
    height: 67px;
    width: 64px;
    float: left;
}

.iconMailSmall {
    background-position: -54px -22px;
    height: 20px;
    width: 24px;
    float: left;
}

.iconMailSmallNew {
    color: #fff;
    background-position: -54px 0;
    height: 20px;
    width: 24px;
    float: left;
}

.iconPdfBig {
    height: 29px;
    width: 32px;
    background-position: -124px -74px;
}

.iconPdf {
    background-position: -126px -104px;
    height: 20px;
    width: 20px;
}

.iconSuRfqs {
    width: 67px;
    height: 48px;
    background-position: 0 -379px;
    float: left;
}

.iconSuQuotes {
    width: 67px;
    height: 48px;
    background-position: -82px -379px;
    float: left;
}

.iconCrossoffer {
    width: 67px;
    height: 48px;
    background-position: 0 -593px;
    float: left;
}

.iconSuAssigned {
    width: 67px;
    height: 48px;
    background-position: 0 -428px;
    float: left;
}

.iconArrowLeft {
    background-position: -136px -132px;
    float: left;
    height: 14px;
    width: 18px;
}

.iconArrowRight {
    background-position: -116px -132px;
    float: left;
    height: 14px;
    width: 18px;
}

.iconBlueDot {
    background-position: -100px -133px;
    float: left;
    height: 14px;
    width: 11px;
}

.iconRedMail {
    background-position: -53px -5px;
    float: left;
    height: 15px;
    width: 23px;
}

.iconGrayMail {
    background-position: -53px -27px;
    float: left;
    height: 15px;
    width: 23px;
}

.arrowSmallRightBlack {
    padding-left: 12px;
    background: url(../gfx/layout/listArrowRight.png) no-repeat 100% 5px scroll transparent;
}

.iconRss {
    display: block;
    background-position: -20px -259px;
    height: 32px;
    width: 32px;
    overflow: hidden;
    margin-right: 5px;
}

.iconInMailNew {
    background-position: -67px -555px;
    float: left;
    height: 23px;
    width: 23px;
}

.iconMailOpen {
    background-position: -67px -506px;
    float: left;
    height: 23px;
    width: 23px;
}

.iconOutMail {
    background-position: -67px -531px;
    float: left;
    height: 23px;
    width: 23px;
}

.iconAdd {
    background-position: -67px -531px;
    float: left;
    height: 23px;
    width: 23px;
}

.iconEtnInfo {
    background-position: 0 -571px;
    float: left;
    height: 23px;
    width: 23px;
    position: absolute;
    margin-left: 20px;
}

.iconLetterPen {
    display: block;
    background-position: -3px -505px;
    width: 64px;
    height: 64px;
}

.iconAssignment1 {
    background-position: 0 0;
    width: 27px;
    height: 27px;
}

.iconAssignment2 {
    background-position: 0 -27px;
    width: 27px;
    height: 27px;
}

.icons .iconSocial {
    float: left;
    margin-right: 5px;
}

.iconSocial {
    background: url('../gfx/layout/iconsGui.png') no-repeat;
    display: block;
    width: 25px;
    line-height: 25px;
}

.iconTwitter {
    background-position: -27px -198px;
}

.iconGoogle {
    background-position: -53px -198px;
}

.iconDelicious {
    background-position: -79px -198px;
}

.iconYahoo {
    background-position: -105px -198px;
}

.iconFacebook {
    background-position: -131px -198px;
    margin-left: 15px;
}

.iconZoom {
    background-position: 0 -270px;
}

.photoDummyBig {
    width: 58px;
    height: 58px;
    background-position: -13px -306px;
    display: block;
    float: left;
    margin: 20px 1px 0 1px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.iconLightGreen {
    width: 50px;
    height: 25px;
    background-position: -83px -455px;
}

.iconLightRed {
    width: 50px;
    height: 25px;
    background-position: -83px -427px;
}

.short .iconGui {
    display: inline;
    float: none;
    line-height: 11px;
    padding: 0 8px;
    text-decoration: none;
}

.short .iconRating {
    margin: 0 3px;
    line-height: 14px;
}

.short .iconRatingStarBronze, .iconRatingStarBronze {
    background-position: -56px -136px;
}

.short .iconRatingStarSilver, .iconRatingStarSilver {
    background-position: -55px -114px;
}

.short .iconRatingStarGold, .iconRatingStarGold {
    background-position: -55px -90px;
}

.short .iconCheckedSupplier {
    margin-left: 3px;
    background-position: -140px -59px;
}

.short .iconSupplierAward {
    background-position: -126px -58px;
}

.short .iconSupplierAward1 {
    background-position: -88px -350px;
}

.short .iconSupplierAward2 {
    background-position: -105px -350px;
}

.short .iconSupplierAward3 {
    background-position: -122px -350px;
}

.imgHowto {
    height: 80px;
    width: 110px;
    background: url("../gfx/layout/howtoSprite.png") no-repeat;
}

.imgEasy {
    background-position: 0 0;
}

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

.imgSafe {
    background-position: 0 -170px;
}

.imgMoney {
    background-position: 0 -255px;
}

.imgAdvert {
    background-position: 0 -338px;
}

.imgTouch {
    background-position: 0 -591px;
}

.imgKbd {
    background-position: 0 -507px;
}

.imgClient {
    background-position: 0 -422px;
}

/*.imgHowto {height:72px;width:90px;background-image:url("../gfx/layout/iconsGui.png");background-repeat:no-repeat;}*/
.imgClientAnfrage {
    background-position: -112px 0;
}

.imgClientAngebot {
    background-position: -112px -83px;
}

.imgClientAuftrag {
    background-position: -112px -170px;
}

.imgSupplierAccount {
    background-position: -112px -256px;
}

.imgSupplierAnfrage {
    background-position: -112px -340px;
}

.imgSupplierAngebot {
    background-position: -112px -425px;
}

.imgSupplierAuftrag {
    background-position: -112px -510px;
}

/* clearings */
.clear {
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}

.clear-left {
    display: block;
    clear: left;
    height: 0;
    overflow: hidden;
}

.clear-right {
    display: block;
    clear: right;
    height: 0;
    overflow: hidden;
}

.overflow {
    overflow: hidden;
}

.noShadow {
    text-shadow: none;
}

/* toc */
.toc {
    text-align: center;
}

.toc .normal, .toc .disabled, .toc .active {
    padding: 0 3px;
    text-decoration: none;
}

.toc .active {
    font-size: 130%;
    font-weight: bold;
}

.toc .disabled {
    background-color: transparent !important;
    color: #ccc;
}

#rfqDelBatch .toc {
    padding: 0;
    float: right;
}

.rfqsTables .tocContainer {
    padding: 15px 10px 0 0;
}

.rfqsTables .tocContainer a,
.rfqsTables .tocContainer span {
    color: #fff;
    float: left;
    line-height: 15px;
    background: transparent;
    border: 0;
    margin: 0;
}

.rfqsTables .tocContainer span {
    font-size: 12px;
    font-weight: bold;
}

/* modals */
#modal {
    background: url(../gfx/layout/boxes/grey/boxContent.png) left bottom repeat-x #fff;
    display: none;
    top: 200px;
    border: 2px solid #333;
    opacity: 0.8;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
}

#modal .iconClose {
    position: absolute;
    right: 0;
}

#modal a.close {
    display: inline-block;
    margin: 5px 0 15px 25px;
}

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

.forgotPasswordContainer {
    width: 465px;
    top: 200px;
}

.forgotPassword {
    padding: 15px;
}

.forgotPasswordContent {
    text-align: left;
}

.forgotPassword label {
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-bottom: 4px;
}

.forgotPassword .txt {
    width: 300px;
    float: left;
    margin-right: 5px;
    margin-top: 4px;
}

.formForgotPassword {
    overflow: hidden;
}

.gmapPopupMap {
    width: 640px;
    height: 480px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.gmapInline {
    height: 480px;
    overflow: hidden;
}

/* DropDown */
.dropdown {
    cursor: pointer;
    position: relative;
    width: 65px;
    height: 18px;
    background: url(../gfx/layout/dropdown/text-bg.gif) right bottom no-repeat #fff;
    border-top: 1px solid #000;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #000;
}

.dropdown .trigger .arrow {
    display: block;
    float: right;
    width: 17px;
    height: 18px;
    background: url(../gfx/layout/dropdown/trigger.gif) left top no-repeat;
}

.dropdown .option {
    display: none;
    position: absolute;
    top: 19px;
    z-index: 9999;
    width: 130px;
    right: 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.dropdown li {
    display: block;
    background: #fff;
    line-height: 18px;
}

.dropdown .option li {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.dropdown .option li a {
    display: block;
    text-decoration: none;
}

.dropdown .option li a:hover {
    background: #ccc;
}

.dropdown .label, .option a {
    padding: 2px 4px;
    line-height: 18px;
    height: 18px;
    font-size: 12px;
}

/* DataTables */
.paging_two_button .ui-button {
    float: left;
    cursor: pointer;
}

.paging_full_numbers .ui-button {
    padding: 2px 6px;
    margin: 0;
    cursor: pointer;
}

.dataTables_paginate .ui-button {
    margin-right: -0.1em !important;
}

.paging_full_numbers {
    width: 350px !important;
}

.dataTables_wrapper .ui-toolbar {
    padding: 5px;
}

.dataTables_paginate {
    width: auto;
}

.dataTables_info {
    padding-top: 3px;
}

.dataTable .DataTables_sort_icon {
    position: absolute;
    top: 0;
    right: 0;
}

.dataTable .hasQuote {
    background: #beffa6;
}

.DataTables_sort_wrapper {
    color: black;
    position: relative;
    padding-right: 20px;
}

table.display thead th {
    padding: 3px 0 3px 10px;
    cursor: pointer;
}

div.dataTables_wrapper .ui-widget-header {
    font-weight: normal;
}

table.display thead th div.DataTables_sort_wrapper {
    position: relative;
    padding-right: 20px;
}

table.display thead th div.DataTables_sort_wrapper span {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 0;
}

.dataTables_wrapper {
    position: relative;
    min-height: 302px;
    /*height: 302px;*/
    clear: both;
}

.dataTables_processing {
    position: absolute;
    top: 0;
    left: 50%;
    width: 250px;
    margin-left: -125px;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 11px;
    padding: 2px 0;
}

.dataTables_length {
    width: 40%;
    float: left;
}

.dataTables_filter {
    width: 50%;
    float: right;
    text-align: right;
}

.dataTables_info {
    width: 50%;
    float: left;
}

.dataTables_paginate {
    float: right;
    text-align: right;
}

.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
    height: 19px;
    width: 19px;
    margin-left: 3px;
    float: left;
}

table.display {
    margin: 0 auto;
    width: 100%;
    clear: both;
    border-collapse: collapse;
}

table.display tfoot th {
    padding: 3px 0 3px 10px;
    font-weight: normal;
}

table.display tr.heading2 td {
    border-bottom: 1px solid #aaa;
}

table.display td {
    padding: 3px 10px;
}

table.display td.center {
    text-align: center;
}

table.display tr.odd.gradeA {
    background-color: #ddffdd;
}

table.display tr.even.gradeA {
    background-color: #eeffee;
}

table.display tr.odd.gradeA {
    background-color: #ddffdd;
}

table.display tr.even.gradeA {
    background-color: #eeffee;
}

table.display tr.odd.gradeC {
    background-color: #ddddff;
}

table.display tr.even.gradeC {
    background-color: #eeeeff;
}

table.display tr.odd.gradeX {
    background-color: #ffdddd;
}

table.display tr.even.gradeX {
    background-color: #ffeeee;
}

table.display tr.odd.gradeU {
    background-color: #ddd;
}

table.display tr.even.gradeU {
    background-color: #eee;
}

tr.odd {
    background-color: #E2E4FF;
}

tr.even {
    background-color: #adadad;
}

.dataTables_scroll {
    clear: both;
}

.top, .bottom {
    padding: 15px;
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
}

.top .dataTables_info {
    float: none;
}

.clear {
    clear: both;
}

.dataTables_empty {
    text-align: center;
}

tfoot input {
    margin: 0.5em 0;
    width: 100%;
    color: #444;
}

tfoot input.search_init {
    color: #999;
}

td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E;
}

.example_alt_pagination div.dataTables_info {
    width: 40%;
}

.paging_full_numbers span.paginate_button,
.paging_full_numbers span.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
}

.paging_full_numbers span.paginate_button {
    background-color: #ddd;
}

.paging_full_numbers span.paginate_button:hover {
    background-color: #ccc;
}

.paging_full_numbers span.paginate_active {
    background-color: #99B3FF;
}

table.display tr.even.row_selected td {
    background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
    background-color: #9FAFD1;
}

tr.odd td.sorting_1 {
    background-color: #D3D6FF;
}

tr.odd td.sorting_2 {
    background-color: #DADCFF;
}

tr.odd td.sorting_3 {
    background-color: #E0E2FF;
}

tr.even td.sorting_1 {
    background-color: #EAEBFF;
}

tr.even td.sorting_2 {
    background-color: #F2F3FF;
}

tr.even td.sorting_3 {
    background-color: #F9F9FF;
}

tr.odd.gradeA td.sorting_1 {
    background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
    background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
    background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
    background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
    background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
    background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
    background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
    background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
    background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
    background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
    background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
    background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
    background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
    background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
    background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
    background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
    background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
    background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
    background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
    background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
    background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
    background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
    background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
    background-color: #e2e2e2;
}

.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
    background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
    background-color: #E6FF99;
}

.inputSymLoader {
    background: url('../gfx/layout/loaderSymSmall.gif') no-repeat right 3px;
}

.formResetPassword {
    margin-top: 15px;
}

.formResetPassword .el {
    margin-bottom: 10px;
    overflow: hidden;
}

.formResetPassword input[type=password] {
    width: 150px;
}

.formResetPassword label {
    width: 200px;
    display: block;
    float: left;
    line-height: 24px;
}

.rfqCreateCarDetails .carDetailsInfo p,
.groupEquipment .hint,
.rfqCreateDetails .groupInfo,
.rfqSupplier .groupInfo,
.rfqPreview .info p {
    font-size: 13px;
}

/* orange header */
div.orangeHeader {
    background: url("../gfx/layout/boxes/orange_small.png") repeat-x scroll left top #f18d1d;
    color: white;
    padding: 8px;
}

div.orangeHeader h3 {
    margin: 0;
}

/* black hr */
hr.blackHr {
    border-bottom: 1px solid black;
}

.supplierRfqForms input[type=text] {
    width: 50px;
}

.supplierRfqForms #description {
    height: 290px;
    width: 100%;
}

.supplierRfqForms div.el {
    display: inline;
    width: 52px;
}

.supplierRfqForms .quoteDetailsBRight {
    border: none;
}

.quoteDetails select.descriptionSelect {
    width: 100%;
}

.quoteDetailsBRight {
    padding-left: 20px;
}

.quoteDetailsRC {
    float: left;
    width: 48%;
}

.quoteDetailsLC {
    float: left;
    width: 45%;
}

#reason-label {
    width: 0;
}

#reason-element {
    margin-left: 0;
}

#reason_other {
    width: 95%;
}

.crossofferTooltip:hover .crossofferInfo {
    display: block;
}

.crossofferInfo {
    position: absolute;
    width: 350px;
    font-size: 12px;
    padding: 5px;
    background: #ffffff;
    border: 1px solid #b4b4b4;
    border-radius: 5px;
    display: none;
    margin-top: 5px;
}

input.quotePInput {
    width: 60px;
    text-align: right;
    padding-right: 17px;
}

.quoteDetails div.elDescriptionSelect, .formMessageForm .el {
    display: block;
    margin-bottom: 5px;
}

.formMessageForm .btnBarBottom {
    padding: 5px 0 0 0;
}

.formMessageForm {
}

.formMessageForm label {
    display: block;
    font-weight: bold;
    margin-top: 10px;
}

.formMessageForm input[type=text] {
    width: 646px;
    color: #000;
}

.formMessageForm select {
    width: 652px;
}

.formMessageForm div.elMsgSubject {
    display: block;
    margin-bottom: 15px;
}

.greenText {
    color: #00aa00;
}

.yellowText {
    color: #ffa647;
}

.nowrap {
    white-space: nowrap;
}

.formQuoteAcceptForm .elPhone label,
.formQuoteAcceptForm .elDesireDate label {
    display: inline-block;
    width: 130px;
}

.formQuoteAcceptForm .elQuoteAcceptBody,
.formQuoteAcceptForm .elPhone,
.formQuoteAcceptForm .desiredDate {
    padding: 5px 10px;
}

.formQuoteAcceptForm .elTermsLabel {
    padding: 3px;
}

.elQuoteAcceptBody label {
    display: block;
}

.desiredDate div {
    display: block;
    float: left;
    margin-right: 10px;
}

.elCrossoffer {
    padding: 5px 0;
}

.elCrossoffer label {
    font-weight: bold;
    font-size: 15px;
    color: #0077bb;
}

.elCrossoffer input {
    float: right;
    width: 70px;
}

.crossofferDenied {
    font-size: 14px;
    color: #6F6F6F;
    font-weight: bold;
}

.pDeniedQuote {
    color: #0077bb;
}

.elCurrentQuote span,
.elDeniedQuote span {
    display: inline-block;
    border: 1px solid #bbb;
    background: url("../gfx/layout/euro.png") no-repeat scroll right center #d0d0d0;
    height: 22px;
    line-height: 22px;
    padding: 0 2px;
    width: 60px;
}

.greenNotice {
    background-color: #AAFFAA;
}

.messagesWrapper .msgRowHeader {
    font-weight: bold;
    background-color: #e6e6e6;
    padding: 10px;
    border-bottom: 1px solid #BBB;
    border-top: 1px solid #BBB
}

.messagesWrapper .msgRowHeaderActive {
    background-color: #e6e6e6;
}

.messagesWrapper .msgRowIcon {
    float: left;
}

.messagesWrapper .msgRowSubject {
    font-weight: bold;
    margin-left: 75px;
    margin-top: 10px;
}

.messagesWrapper .msgRowText {
    background-color: #FFF;
    margin-left: 75px;
    padding: 10px;
    border: 1px solid #BBB;
    margin-bottom: 10px;
    margin-right: 10px;
}

.messagesWrapper .msgRowQuote {
    background-color: #FFF;
}

div.messagesWrapperDialog {
    border: 1px solid #bbb;
    border-top: none;
    margin: 20px;
    overflow: auto;
}

div.ui-dialog div.messagesWrapper {
    padding: 0 !important;
}

.quoteAcdButton a {
    float: right;
}

#assignmentDetails {
    padding: 5px;
}

div.modalDialogContent {
    margin: 20px;
    overflow: auto;
}

/* Uploader */
.qq-uploader {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.qq-upload-button {
    display: block; /* or inline-block */
    width: 250px;
    padding: 7px 0;
    text-align: center;
    float: left;
    background: url('../gfx/layout/boxes/orange.png') repeat-x left top;
    border: 1px solid #777;
    color: #000;
    border-radius: 3px;
    font-weight: bold;
    white-space: nowrap;
}

.qq-upload-button-hover {
    background: url('../gfx/layout/boxes/orange.png') repeat-x left bottom;
}

.qq-upload-button-focus {
    outline: 1px dotted black;
}

.qq-upload-drop-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 190px;
    height: 100%;
    min-height: 70px;
    z-index: 2;
    background: #FF9797;
    text-align: center;
}

.qq-upload-drop-area span {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -8px;
    font-size: 16px;
}

.qq-upload-drop-area-active {
    background: #FF7171;
}

.qq-upload-list {
    margin-left: 35px;
    padding: 0;
    list-style: disc;
    float: left;
}

.qq-upload-list li {
    margin: 0;
    padding: 0;
    line-height: 15px;
    font-size: 12px;
}

.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
    line-height: 32px;
}

.qq-upload-spinner {
    float: left;
    display: inline-block;
    background: url('../gfx/layout/loaderSym.gif');
    width: 31px;
    height: 31px;
    margin-left: 10px;
}

.qq-upload-size, .qq-upload-cancel {
    font-size: 11px;
}

.qq-upload-failed-text {
    display: none;
}

.qq-upload-fail .qq-upload-failed-text {
    display: inline;
}

.quoteInfoClientHidden {
    background-color: #ffb063;
}

.quoteInfoClientAssigment {
    background-color: #b9ff59;
}

#retractQuote div.elReason_other {
    margin-left: 21px;
    margin-top: 4px;
}

.rfqListQM .qmRowQuote {
    margin-bottom: 3px;
}

.rfqListQM .qmRow {
    overflow: hidden;
    width: 110px;
    color: #666;
}

.rfqListQM .qmRowString {
    float: right;
    margin-right: 10px;
}

.rfqListQM .qmRowString a {
    color: #666
}

.rfqListQM .qmRowCount {
    float: right;
}

.rfqListQM .red, .rfqListQM .red a {
    color: red;
}

.rfqListQM .qmRowIcon {
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    position: relative;
    top: 8px;
}

.clientAssignmentsListQM .qmRowIcon {
    float: right;
    position: relative;
    top: 0;
}

.splRfqListQM .qmRowIcon {
    position: relative;
    top: 0;
}

.splRfqListQM .qmRow {
    width: 87px;
    position: relative;
    top: 5px;
}

.splMsgListNewQuoteIcon {
    float: right;
    width: 20px;
    margin-left: 10px;
    position: relative;
    top: 7px;
}

.splMsgListNewQuote {
    float: right;
    width: 95px;
    text-align: right;
}

.ui-accordion {
    width: 100%;
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
}

.ui-accordion .ui-accordion-li-fix {
    display: inline;
}

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important;
}

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em;
}

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 0 10px 10px 10px;
    border-top: 0;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
}

.ui-accordion-content h5 {
    font-size: 14px;
    padding: 5px 0;
    margin: 0;
}

.supplierAccount .cost, .supplierAccount .services, .ui-accordion-content .services {
    padding: 0 0 10px 0;
}

.cost li {
    overflow: hidden;
}

.services li, .cost li {
    line-height: 18px;
}

.cost .label, .cost .limit {
    width: 30%;
    float: left;
}

.cost .value {
    float: right;
    width: 90px;
    overflow: hidden;
}

.cost .value span {
    display: block;
    float: left;
}

.cost .value span.amount {
    width: 40px;
}

.ui-accordion .ui-accordion-content-active {
    display: block;
}

.ui-accordion .ui-corner-all {
    border-radius: 0;
}

#bankAccount div.el {
    overflow: hidden;
    padding-top: 5px;
}

#bankAccount div.group {
    overflow: hidden;
}

#bankAccount label {
    float: left;
    display: inline-block;
    width: 150px;
    font-weight: bold;
}

#bankAccount input[type=text] {
    margin-left: 5px;
    float: left;
    width: 350px;
}

#bankAccount div.elDebit {
    padding-top: 10px;
}

#bankAccount div.elDebit p {
    float: right;
    width: 470px;
}

#bankAccount div.elDebit input {
}

#bankAccount div.btnBarBottom {
    padding: 0;
    margin-top: 15px;
}

#billingAccount div.el {
    overflow: hidden;
    padding-top: 5px;
}

#billingAccount div.group {
    overflow: hidden;
}

#billingAccount label {
    float: left;
    display: inline-block;
    width: 230px;
    padding-top: 5px;
    font-weight: bold;
}

#billingAccount div.elSameasspl {
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

#billingAccount div.elSameasspl input {
    float: left;
    margin-top: 4px;
}

#billingAccount div.elSameasspl label {
    width: auto;
    margin-left: 10px;
}

#billingAccount #sameasspl {
    float: left;
}

#billingAccount div.billingData {
    padding-top: 15px;
}

#billingAccount div.btnBarBottom {
    padding: 0;
    margin-top: 15px;
}

div.printTrigger {
    float: right;
    clear: both;
    overflow: hidden;
    padding: 3px 5px;
}

.boxHeader div.printTrigger {
    text-align: right;
    margin: 0;
    padding: 0;
}

.formMessageForm input[type="text"] {
    width: 646px;
}

.msgBody {
    width: 649px;
}

.hidden {
    display: none !important;
}

#splInfoContact {
    float: right;
    overflow: hidden;
}

#splInfoContact .txt {
    width: 300px;
}

#splInfoContactTable td {
    padding: 4px;
}

/* terms of use */
.tou ol {
    list-style-type: decimal;
    margin-left: 25px;
    font-weight: bold;
}

.tou ol p {
    font-weight: normal;
}

.tou ol h3 {
    font-size: 14px;
}

.quoteHelpIcon {
    float: right;
    margin-left: -25px;
    margin-top: 10px;
    padding-right: 2px;
}

#langSwitch {
    position: absolute;
    right: 0;
    background: none;
    width: 78px;
    border-left: 1px solid #FFF;
    height: 45px;
    cursor: pointer;
}

#langSwitch img {
    margin-top: 6px;
    margin-left: 5px;
}

#langSwitchAD {
    width: 9px;
    height: 6px;
    background: url("../gfx/layout/iconsMicro.png") -59px -103px;
}

#langSwitchTrigger {
    display: inline;
    position: relative;
    top: -12px;
    background: none;
    overflow: hidden;
    color: #FFF;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000000;
}

#langSwitchDown {
    display: none;
    background: #6E6D6C none;
    z-index: 1999;
    border-radius: 0 0 5px 5px;
}

#langSwitch a {
    margin-left: 5px;
    color: #FFF;
    font-size: 12px;
    padding: 2px;
    text-decoration: none;
    text-shadow: none;
    line-height: normal;
}

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

#langSwitch li {
    float: none;
}

#langSwitch ul {
    padding-bottom: 5px;
}

#langSwitch li:hover {
    background-color: #888
}

#userStateMsg {
    position: absolute;
    right: 0;
}

#sFB {
    width: 400px;
    float: left;
}

#sGP {
    width: 400px;
    float: right;
}

.sortASC span {
    background: url("../gfx/layout/iconsMicro.png") no-repeat -60px 2px;
    display: inline-block;
    height: 7px;
    margin-left: 5px;
    width: 8px;
}

.sortDESC span {
    background: url("../gfx/layout/iconsMicro.png") no-repeat -40px 2px;
    display: inline-block;
    height: 7px;
    margin-left: 5px;
    width: 8px;
}

/* Orange dialog */
.orangeDialog {
    background-color: orange;
    border: none;
    -webkit-box-shadow: 0 0 20px 5px #222222;
    box-shadow: 0 0 20px 5px #222222;
}

.orangeDialog div.ui-dialog-titlebar {
    background-color: orange;
}

.orangeDialog div.ui-dialog-content {
    background-color: white;
    margin: 10px 5px 5px 5px;
}

/* inpout decorators */
input.euro {
    background: url("../gfx/layout/euro.png") no-repeat scroll right center white;
}

input.datinp {
    text-align: right;
    padding-right: 15px;
}

input.percent {
    background: url("../gfx/layout/percent.png") no-repeat scroll right center white;
}

.quoteTooltip .quoteTooltipImg {
    display: none;
    position: absolute;
    margin-top: -65px;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #191919;
}

.quoteTooltip:hover .quoteTooltipImg {
    display: block;
}

/* grid2d */
table.grid2d {
    background-color: rgba(247, 241, 215, 0.8);
    width: 100%;
}

table.grid2d td, th {
    padding: 5px;
}

table.grid2d th {
    font-weight: bold;
    border-bottom: 3px solid #FFA500;
    font-size: 1.1em;
    white-space: nowrap;
    padding-top: 5px;
}

table.grid2d td {
    border-bottom: 1px solid #BBB;
}

table.grid2d tbody tr:hover {
    background-color: #EEE;
}

table.grid2d tr.subdivider {
    border-bottom: 3px solid #BBB;
}

table.grid2d tr.divider {
    background-color: #FFA500;
    height: 6px;
}

table.grid2d tr.orangeBg {
    background-color: #FFA500;
    color: black;
}

.grid2dBottomRound {
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.grid2dTopRound {
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

/* grid2d div*/
div.grid2d header {
    background-color: #FFA500;
    /* border-bottom: 1px solid #fff; */
    color: black;
    padding: 5px 5px 5px 10px;
    font-weight: bold;
    font-size: 1.2em;
    /* overflow: hidden; */
}

div.grid2d header.subheader {
    border-bottom: 3px solid #FFA500;
    background-color: transparent;
}

div.grid2d header.headerTextSmaller {
    font-size: 13px;
    padding: 10px;
}

div.grid2d header.headerTextSmaller span.arrow {
    color: #cf3d04;
}

div.grid2d header a.headerLink {
    text-decoration: none;
}

div.grid2d header a.headerLink span.text {
    text-decoration: underline;
    font-weight: normal;
}

div.grid2d section {
    padding: 10px;
    overflow: hidden;
}

div.grid2d section.fillColor {
    background-color: rgba(247, 241, 215, 0.8);
}

div.grid2d section.divider {
    background-color: #FFA500;
    height: 6px;
    clear: both;
    padding: 0;
}

div.grid2d section.divider2 {
    background-color: #ffd68c;
    height: 6px;
    clear: both;
    padding: 0;
}

div.grid2d .cell1 {
    width: 50%;
    float: left;
    border-right: 5px solid #E5E5E5;
    /*padding-left: 20px;*/
    padding-right: 0;
    border-collapse: collapse;
}

div.grid2d .cell2 {
    width: 50%;
    float: left;
    padding-left: 12px;
    padding-right: 0;
    border-left: 5px solid #E5E5E5;
    border-collapse: collapse;
    margin-left: -5px;
}

div.grid2d .width50 {
    width: 50%;
}

div.grid2d dt {
    font-weight: bold;
    display: block;
    float: left;
    width: 45%;
    clear: left;
    margin-top: 5px;
}

div.grid2d dd {
    display: block;
    margin-top: 5px;
    margin-left: 45%;
    padding-right: 3px;
}

div.grid2d footer {
    padding: 10px;
    overflow: hidden;
}

/* grid2d firs/last */

div.grid2d > header:first-child, div.grid2d > section.divider:first-child {
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#rfqDescriptionDetails {
    padding: 10px;
    background-color: #ffe45c;
}

input.smallInput {
    border: 1px solid #BBB;
    width: 60px;
    text-align: left;
}

#datQuotationForm table.grid2d tbody tr td:first-child {
    padding-left: 20px;
}

#datQuotationForm th {
    padding-top: 8px;
}

#filesizeError {
    display: none;
    clear: left;
    font-size: 14px;
    color: #ff0000;
    padding: 5px 0;
}

#datQuoteFormFrame {
    overflow: auto;
}

#Form_DatVehicalSelect label {
    display: block;
    padding: 5px;
}

#Form_DatVehicalSelect label select {
    margin-top: 5px;
    width: 250px;
}

#Form_DatVehicalSelect label select.active {
    border: 1px solid #f18d1d;
    -webkit-box-shadow: 0 0 5px 1px #f18d1d;
    box-shadow: 0 0 5px 1px #f18d1d;
}

#Form_DatVehicalSelect label span {
    font-weight: bold;
    display: inline-block;
    width: 150px;
}

div.datSelect {
    position: relative;
    float: left;
}

.datSelectLoader {
    position: absolute;
    width: 260px;
    border: 5px solid #bbb;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: white;
    text-align: center;
    display: none;
}

.datSelectLoader p {
    position: relative;
    top: 20%;
    font-weight: bold;
    font-size: 1.2em;
    color: orange;
    margin-left: 50px;
    margin-right: 50px;
}

.datSelectLoader img {
    position: relative;
    top: 30%;
}

dl.SwCar dt {
    display: inline-block;
    font-weight: bold;
    background-color: #99B3FF;
    float: left;
    margin-right: 10px;
    padding: 5px;
    width: 100px;
}

dl.SwCar dd {
    margin: 2px 0;
    padding: 5px 0;
}

div.SwCarOptions {
    overflow: hidden;
}

div.SwCarOptions label {
    display: block;
    float: left;
    width: 400px;
    margin-bottom: 5px;
}

.quoteFormAffiliateInfo {
    margin-top: 25px;
}

.datQuoteHelp .iconHelp {
    margin-top: 0;
}

div.kbaFeatureFilterContainer {
    overflow: hidden;
    padding: 10px;
}

label.kbaFeatureFilter {
    min-width: 150px;
    display: inline-block;
    background-color: #F18D1D;
    padding: 0 6px 6px;
    margin-right: 2px;
    margin-top: 5px;
}

label.kbaFeatureFilter span {
    font-weight: bold;
    margin-left: 10px;
}

label.kbaFeatureFilter input {
    position: relative;
    top: 3px;
}

#Form_DatVehicalDetails select {
    width: 100px;
}

#Form_DatVehicalDetails label span {
    font-weight: bold;
    margin-right: 20px;
}

#Form_DatVehicalDetails div.elConstructionYears {
    float: left;
    min-height: 40px;
    padding-top: 20px;
    margin-right: 20px;
}

#Form_DatVehicalDetails div.elConstructionMonths {
    float: left;
    min-height: 40px;
    padding-top: 20px;
    margin-right: 20px;
}

#Form_DatVehicalDetails div.elVin {
    float: left;
    min-height: 40px;
    padding-top: 20px;
}

.carEquipmentComponentsList {
    margin-top: 10px;
    clear: both;
    max-height: 200px;
    display: block;
    padding: 10px;
}

.carEquipmentComponentsList ul {
    margin-top: 20px;
}

.carEquipmentComponentsList ul li {
    float: left;
    width: 30%;
    list-style-type: disc;
    margin-left: 10px;
    margin-right: 5px;
}

form.formRfqUser label {
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
}

form.formRfqUser input[type=text], form.formRfqUser input[type=password] {
    width: 100%;
}

form.formRfqUser label {
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
}

form.formRfqUser .elTitle {
    float: left;
    width: 150px;
}

form.formRfqUser .elRealname {
    float: left;
    width: 195px;
}

form.formRfqUser .elEmail {
    float: left;
    width: 348px;
}

form.formRfqUser .elPhone {
    float: left;
    width: 345px;
}

form.formRfqUser .elKeeplogin input {
    float: left;
    margin-top: 10px;
}

form.formRfqUser .elKeeplogin label {
    margin-left: 10px;
    display: inline-block;
}

form.formRfqUser .elTermsLabel {
    margin-left: 10px;
    display: inline-block;
}

form.formRfqUser .elTerms input {
    float: left;
    margin-top: 10px;
}

form.formRfqUser .elUsr, form.formRfqUser .elPwd {
    width: 350px;
}

.rfqFinished h3 {
    margin-bottom: 10px;
}

.rfqFinished ol li {
    list-style-type: disc;
    margin-left: 20px;
    margin-bottom: 10px;
}

.rfqFinished .accountInfo dt,
.rfqFinished .accountInfo dd {
    font-size: 130%;
    padding: 0 0 10px 0;
    margin: 0;
}

.rfqFinished .accountInfo dt {
    font-weight: bold;
    clear: left;
    float: left;
    display: block;
    width: 220px;
}

.rfqFinished label {
    display: inline-block;
    width: 110px;
    font-weight: bold;
}

.setAjaxPhoneWrapper,
.ajaxMailWrapper {
    margin: 10px 0;
}

.setAjaxPhoneWrapper #phoneMsg,
.mailSuccess {
    margin-left: 110px;
    margin-top: 10px;
}

.setAjaxPhoneWrapper div.el {
    display: inline-block;
}

li.nodot {
    list-style-type: none !important;
}

hr.strong {
    border: 5px solid orange;
}

.roundBox {
    background-color: #FFF;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#bannerCenterMainPage {
    /* margin-bottom: 50px; */
}

/*.ui-dialog .ui-dialog-titlebar-close span{ left: -1px; top:-1px;}*/

.errormsg {
    margin: 10px 0 5px 0;
    color: #ff0000;
}

.btnRed {
    background: #FF0000 none;
    color: white;
}

.btnGrey {
    background: #626262 none;
    color: white;
}

.btnOrange {
    background: #ffa500 none;
    color: #000;
}

.marginR25 {
    margin-right: 25px;
}

.crossofferState0 td,
.crossofferState1 td,
.crossofferState2 td {
    color: #0077bb;
    font-size: 14px;
    font-weight: bold;
}

.crossofferState0,
.crossofferState0 td {
    color: #6F6F6F;
    text-decoration: line-through;
}

.crossofferState1 {
    color: #0077bb;
}

.coPrice {
    font-size: 20px;
}

#serviceSearch {
    width: 100%;
}

.serviceSearchWrapper {
    font-weight: bold;
    padding-top: 10px;
    width: 100%;
    display: inline-block;
}

.ui-autocomplete {
    background-color: #ffffff;
    border: 1px solid #eee;
    width: 400px;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-autocomplete li {
    border-bottom: 1px solid #eee;
}

.ui-autocomplete li a {
    display: block;
    border-radius: 0;
    padding: 10px;
    cursor: pointer;
}

.ui-autocomplete li a.ui-state-focus {
    background-color: #FFA500;
}

.ui-helper-hidden-accessible {
    font-weight: normal;
}

.autoQuoteIndicator {
    display: inline-block;
    width: 15px;
}

.serviceInfoTrigger:hover .ardeTooltip {
    display: block;
}

.ardeTooltip {
    display: none;
    position: absolute;
    border: 1px solid #000;
    border-radius: 3px;
    background-color: #fff;
    padding: 5px;
    max-width: 400px;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5);
    font-weight: normal;
}

.pager {
    text-align: center;
}

.pager li {
    display: inline;
    margin-right: 5px;
}

.posPriceType {
    font-size: 17px;
    position: relative;
    top: 2px;
    color: green;
}

.greenInfo {
    font-size: larger;
    color: dodgerblue;
}

.extendedPartContainer .grid2d dt {
    margin-top: 0;
}

.quoteDapartoLogo {
    background-color: #fff;
    border: 1px solid #090909;
    margin-top: -5px;
}

.etnShopingCart {
    margin-right: 5px;
    text-decoration: none;
}

.etnShopingCartInactive img {
    opacity: 0.2;
}

@keyframes blinkRed {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes blinkRed {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.blink {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-name: blinkRed;
    animation-name: blinkRed;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
}

.clientSplListContainer .clientSplListRow {
    position: relative;
}

.clientSplLisContent {
    height: 142px;
}

.lightOrange,
.clientSplListContainer .header {
    background-color: #ffd68c;
}

.clientSplListContainer .distance {
    width: 48px;
    text-align: center;
}

.clientSplListContainer .mapmarkers a {
    display: block;
    height: 34px;
    margin-top: 10px;
}

.clientSplListContainer .logo {
    padding-right: 10px;
}

.clientSplListContainer .logo span {
    display: block;
    border: 4px solid #c8c2c2;
    background-color: #ffffff;
}

.clientSplListContainer .logo img {
    width: 95px;
}

.clientSplListContainer .company {
    width: 330px;
}

.clientSplListContainer .company .companyTitle {
    padding: 3px 0;
    font-weight: bold;
}

.clientSplListContainer .company .supplierInfo .ratyLink {
    float: left;
}

.clientSplListContainer .company address a {
    color: #6c6c6a;
    text-decoration: none;
    letter-spacing: 1px;
}

.clientSplListContainer .company .messages {
    margin-top: 15px;
}

.clientSplListContainer .company .msgTotal span {
    padding: 3px 0;
    width: 23px;
    height: 18px;
    text-align: center;
}

.clientSplListContainer .company .msgTotal a {
    display: inline-block;
    padding: 5px 6px;
}

.clientSplListContainer .quotePriceContainer {
    position: absolute;
    top: 0;
    right: 10px;
    width: 168px;
    height: 155px;
}

.clientSplListContainer .postit {
    background: url('../gfx/layout/postit.png');
}

.quotePriceContainer .postit_red {
    padding-top: 36px;
    display: block;
    color: #ff0000;
    text-align: center;
    font-family: "Comic Sans MS", sans-serif;
    width: 100%;
    font-size: 14px;
}

.quotePriceContainer .quote_price {
    text-align: right;
    padding-right: 18px;
}

.quotePriceContainer h1 {
    display: block;
    font-size: 28px;
    font-weight: bold;
    padding-top: 10px;
}

.quotePriceContainer span {
    display: block;
    color: #6c6c6a;
    padding-top: 2px;
}

.crossofferContainer {
    position: absolute;
    top: 0;
    right: 156px;
    width: 129px;
    height: 124px;
    background: url('../gfx/layout/postit_small.png');
}

.crossofferContainer .crossoffer_red {
    padding-top: 25px;
    padding-left: 4px;
    display: block;
    color: #ff0000;
    text-align: center;
    font-family: "Comic Sans MS", sans-serif;
    width: 100%;
    font-size: 12px;
    -ms-transform: rotate(2deg); /* IE 9 */
    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    transform: rotate(2deg);
}

.crossofferContainer .crossoffer_price {
    -ms-transform: rotate(2deg); /* IE 9 */
    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    transform: rotate(2deg);
}

.crossofferContainer {
    text-align: center;
}

.crossofferContainer h3 {
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding-top: 6px;
    width: 100%;
}

.crossofferContainer .crossoffer_grey {
    color: #767479;
}

.crossofferContainer .coState0 h3 {
    text-decoration: line-through;
    color: #6f6f6f;
}

.quoteButtonsContainer {
    position: absolute;
    bottom: 5px;
    right: 25px;
}

.newBtn {
    display: inline-block;
    background-color: #b4b4b4;
    border-radius: 7px;
    border: 0;
    padding: 4px 10px;
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 1px;
}

.newBtn span {
    margin-right: 5px;
}

.btnNewGreen {
    background-color: #8ec418;
}

.btnNewOrange {
    background-color: #ffa500;
    color: #000000;
}

.btnNewBlue {
    background-color: #3c97ff;
}

.btnNewGrey {
    background-color: #b4b4b4;
}

.btnNewClear {
    color: #000000;
    background: none;
}

.quoteCount,
.quoteSort {
    float: left;
    width: 50%;
}

.quoteCount {
    padding-top: 5px;
}

.quoteSort {
    text-align: right;
}

.openAcceptQuoteContainer {
    margin-right: 9px;
}

div.grid2d section.nopadding {
    padding: 0;
}

#map-canvas {
    border: 1px solid #AAA;
    width: 100%;
    height: 180px;
}

.companyRating .short span {
    float: left;
}

.companyRating .short .ratySum {
    padding-left: 5px;
}

.ratyLink {
    text-decoration: none;
}

.supplier_oils_desc {
    padding: 5px 10px 15px 10px;
}

.supplier_oils .oilrow {
    padding: 3px 0;
}

.supplier_oils .oilrow a {
    display: inline-block;
}

.supplier_oils label {
    font-weight: bold;
}

.supplier_oils input,
.supplier_oils select {
    margin: 0 4px;
}

.supplier_oils select {
    padding-left: 2px;
    width: 50px;
}

.supplier_oils .smallInput {
    width: 50px;
}

.supplier_oils .w90 {
    width: 90px;
}

.add_supplier_oils {
    padding-top: 15px;
}

#modalFluids {
    height: 400px;
    overflow: auto;
    margin: 10px 0;
}

#modalFluids .fluidtitle {
    font-weight: bold;
    margin: 10px 0 5px 0;
}

#modalFluids .fluidlist dl dt {
    clear: left;
    float: left;
}

#modalFluids .fluidlist dl dd {
    margin-left: 100px;
}

.quoteBigPrice {
    font-size: 30px;
    font-weight: bold;
    margin-top: -5px;
}

.quoteDetailsText {
    padding: 8px 0;
}

#acceptQuoteContainer {
    padding: 15px 30px;
}

.assignServiceOverview {
    padding: 0 30px;
}

.assignForm .assignContact,
.assignForm .assignDesiredDate {
    float: left;
    width: 50%;
    display: block;
}

.assignForm .assignDesiredDate {
    float: left;
    width: 50%;
    display: block;
}

.assignForm .assignContact input[type=text],
.assignForm .assignContact textarea {
    width: 85%;
    margin: 5px 0;
    padding: 2px 4px;
    border: 2px solid #b4b4b4;
}

.assignForm .assignContact textarea {
    height: 117px;
}

.assignForm .assignContact input[type=radio] {
    margin-right: 4px;
}

.assignForm .assignContact label {
    margin-right: 5px;
}

.assignForm #title-label {
    width: 0px;
}

.assignForm #title-element {
    margin-left: 0;
}

.assignForm #title-element label {
    float: left;
}

.assignForm #title-element input[type=radio] {
    padding-top: 3px;
}

.assignForm .terms {
    font-weight: bold;
}

.assignForm .terms input[type=checkbox] {
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    transform: scale(1.5);
    padding: 10px;
    margin-right: 10px;
}

.assignForm .assignContact span,
.assignForm .assignDesiredDate span {
    color: #000;
    font-weight: bold;
    font-size: 14px;
}

.assignForm .datepicker {
    margin: 5px 0;
}

.assignForm .desiredTime .el {
    float: left;
    padding-right: 10px;
    margin-top: 5px;
}

.assignForm .desiredTime select {
    border: 2px solid #b4b4b4;
    padding: 2px 4px;
}

.assignForm .elTermsLabel {
    position: relative;
    top: 4px;
    margin-left: 5px;
}

.assignForm .terms {
    margin-top: 10px;
    float: left;
}

.addServiceList ul li,
.assignServiceOverview ul li {
    padding: 2px 0;
}

.addServiceList ul li {
    width: 380px;
}

.assignServiceLogo {
    width: 100px;
}

.assignServiceList {
    width: 500px;
}

.addServiceRow {
    padding: 15px 30px;
}

.assignServiceOverview ul li .service {
    font-weight: bold;
}

.assignServiceOverview .assignBig {
    font-size: 24px;
    font-weight: bold;
}

.assignAdditionalServices .iconAddService img {
    width: 100px;
}

.assignAdditionalServices .serviceInfo span {
    font-size: 15px;
}

.assignAdditionalServices .addServiceList ul li {
    padding-left: 20px;
    position: relative;
}

.assignAdditionalServices .addServiceList ul li.signOK::before {
    content: "✔";
    display: block;
    position: absolute;
    left: 0;
    color: #00aa00;
}

.assignAdditionalServices .addServiceList ul li.signWARN::before {
    font-family: "Glyphicons Halflings";
    content: "\e107";
    display: block;
    position: absolute;
    left: 0;
    color: #ffa647;
}

.assignAdditionalServices .addServiceList,
.assignAdditionalServices .serviceAccept span{
    font-size: 12px;
}

.assignAdditionalServices .serviceAccept {
    padding-left: 35px;
    text-align: right;
}

.assignServiceSelected {
    background-color: #e0e0e0;
}

.serviceAccept label {
    cursor: pointer;
    display: block;
    text-decoration: underline;
}

.serviceAccept label:hover {
    color: #0077bb;
}

.serviceAccept input[type=checkbox] {
    display: none;
}

.stickyFixed {
    position: fixed;
    top: 0;
    width: 680px;
    background-color: #fff;
    z-index: 9999;
}

.stickyReplacer {
    display: block;
}

.mailError {
    color: #f00;
}

.mailSuccess {
    color: #00a600;
}

.noborder {
    border: none !important;
}

.supplierInfo i.material-icons {
    font-weight: bold;
    font-size: 18px;
    color: #00a600;
    position: relative;
    top: 2px;
    cursor: default;
}


.supplierInfo .award a {
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    position: relative;
    top: 2px;
}

.supplierInfo .rank1 a {
    color: #ffc74e;
}

.supplierInfo .rank2 a {
    color: #989095;
}

.supplierInfo .rank3 a  {
    color: #ff641e;
}

.orangeTitle,
.quotationContainer .orangeTitle {
    color: #cf3d04;
    font-weight: bold;
}

.quote_splinfo .header {
    display: inline-block;
    width: 120px;
    font-size: 14px;
}

.quote_splinfo .company {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin-right: 20px;
}

.quote_splinfo .supplierInfo {
    display: inline-block;
}

.quote_splinfo .supplierInfo .companyName {
    text-decoration: none;
}

.quote_splinfo .supplierInfo .ratyLink {
    display: inline-block;
    margin-left: 15px;
}

.quote_splinfo .supplierInfo .ratyLink span > span {
    font-size: 10px;
    margin-top: 5px;
}

.quote_splinfo .cells div {
    float: left;
}

.quote_splinfo .cells .splLogo {
    padding-top: 10px;
    width: 110px;
}

.quote_splinfo .cells .splLogo img {
    width: 95px;
}

.quote_splinfo .cells .contact {
    padding: 10px 5px 10px 0;
    border-right: 5px solid #e5e5e5;
    width: 250px;
}

.quote_splinfo .cells .contact dt {
    margin-top: 0;
    color: #676767;
}

.quote_splinfo .cells .contact dd {
    margin-top: 0;
}

.quote_splinfo .cells .checks {
    padding: 10px 0 10px 10px;
    width: 270px;
}

.quote_splinfo .cells .contact span.checked {
    color: #00b300;
    font-size: 20px;
    position: absolute;
    margin-top: -5px;
    margin-left: 3px;
}

.quote_splinfo .cells .award {
    width: 125px;
}

.quote_splinfo .cells .awardText {
    float: left;
    display: block;
    width: 85px;
    padding-top: 10px;
}

.quote_splinfo .cells .awardRank {
    float: right;
    background-image: url('../gfx/layout/rappyaward.png');
    display: block;
    width: 39px;
    height: 62px;
}

.quote_splinfo .cells .awardRank1 {
    background-position: 0 0;
}

.quote_splinfo .cells .awardRank2 {
    background-position: -33px 0;
}

.quote_splinfo .cells .awardRank3 {
    background-position: -66px 0;
}

.quoteMap {
    height: 370px;
}

div.grid2d .quotationContainer header {
    font-size: 13px;
    padding: 7px 10px;
    cursor: pointer;
}

div.grid2d .quotationContainer header .arrow {
    color: #ffefd2;
    font-size: 17px;
    margin-top: -2px;
}

div.grid2d .quotationContainer header:hover .arrow {
    color: #656565;
}

.quotationCalculation .quoteButtons .newBtn {
    margin-top: 35px;
}

div.grid2d section.border {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.breadcrumb li {
    float: left;
    margin-right: 5px;
}

.lexiconRightCol{
    float: right;
    width: 250px;
}
.lexiconLeftCol{
    float: left;
    width: 550px;
}

.lexiconLeftCol img {
    padding: 5px;
}



.lexiconRoots{
    vertical-align: top;
}

.lexiconRoots ul{
    display: block;
    float: left;
    width: 30%;
    margin: 10px;
}

div.grid2d header.lightbg {
    background-color: #e0d0b8;
}

.terms h1 {
    font-size: 18px;
    margin-bottom: 10px;
}

.terms h2 {
    font-size: 16px;
    margin: 0;
}
.terms h3 {
    font-size: 14px;
    margin: 0;
    padding: 2px 0;
}

.sitemap .colLeft,
.sitemap .colRight {
    width: 50%;
    float: left;
}

.sitemap ul {
    list-style: disc;
    margin-left: 20px;
}

.sitemap li {
    line-height: 18px;
}

.sitemap ul li ul {
    list-style: circle;
}

.lexiconRfq {
    margin-bottom: 15px;
}

.lexiconRfq .title {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
}

.lexiconRfq .tabs li {
    float: left;
    margin-right: 4px;
}

.lexiconRfq .tabs a {
    display: block;
    padding: 5px 10px;
    background-color: #ffa500;
    border-radius: 4px 4px 0 0;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

.lexiconRfq .tabs a.active,
.lexiconRfq .tabs a:hover{
    background-color: #6e6d6c;
}

.lexiconRfq .tabPage {
    background-color: #6e6d6c;
    border-radius: 0 4px 4px 4px;
    padding: 5px 0;
    color: #fff;
}

.lexiconRfq #kba img {
    padding-left: 10px;
}

.lexiconRfq p {
    padding: 5px;
}

.lexiconRfq #Form_DatVehicalSelect label select {
    width: 237px;
}

.lexiconRfq .formKbaSearch {
    padding: 10px;
}

.lexiconRfq .formKbaSearch label {
    margin: 0 4px;
    display: block;
    font-weight: bold;
}

.lexiconRfq .formKbaSearch input[type=text] {
    width: 53px;
}

.lexiconRfq .kbaBox {
    float: left;
    width: 55px;
    margin-right: 20px;
}

.lexiconRfq .kbaSubmit {
    padding-top: 12px;
}

.lexiconRfq #vehicleLoading {
    padding-top: 5px;
    text-align: center;
    display: none;
}

.seoTopRfqsLeft {
    width: 592px;
    float: left;
}

.seoTopRfqsRight {
    width: 100px;
    float: left;
}

.topSeoRfqsNavi {
    margin: 10px 0;
    padding: 5px;
    border: 1px solid #6d6d6d;
    background-color: #e0e0e0;
}

.seoTopRfqs {
    width: 100%;
    background-color: #ffffff;
    border: 0;
    border-spacing: 1px;
    border-collapse: inherit;
}

.seoTopRfqs thead td {
    font-weight: bold;
    background-color: #ffa500;
}

.seoTopRfqs td {
    padding: 5px;
}

.seoTopRfqs tr:nth-child(even) {
    background-color: #d0d0d0;
}

.seoTopRfqs tr:nth-child(odd) {
    background-color: #e0e0e0;
}

.seoTopRfqs .adInfoRow {
    text-align: center;
    background-color: #ffa500;
}

.rfqServiceIcons {
    width: 835px;
    margin: auto;
}

.rfqServiceIcons ul li {
    margin: 0 2px;
    display: inline-block;
}

.rfqServiceIcons h4 {
    margin-top: 10px;
    color: #f18d1d;
}

.rfqServiceIcons .iconServiceButton {
    background-image: url('../gfx/layout/buttonServiceSmallvery.png');
    width: 45px;
    height: 45px;
}

.rfqServiceIcons .iconServiceButton .iconService {
    background-image: url('../gfx/layout/iconService2_downscale.png');
    height: 35px;
    width: 35px;
}

#quoteDetails {
    display: none;
}

#quoteDetails table {
    width: 100%;
}

#quoteDetails td {
    padding: 2px 5px;
}
#quoteDetails thead > tr {
    background: #b4b4b4;
    font-weight: bold;
}

.easyauto {
    position: fixed;
    top: 80px;
    left: 20px;
    z-index: 999;
}

.easyauto a {
    display: block;
    padding: 15px 25px;
    background: #53b226;
    font-size: 15px;
    font-weight: bold;
    border-radius: 10px;
    text-decoration: none;
}

.easyauto a:hover {
    background: #60d72e;
}

.main-header {
    line-height: 1.42857;
}

.main-title a {
    font-family: 'PT Sans', sans-serif;
    text-decoration: none;
}

.main-title a:hover {
    text-decoration: none;
}

.nav-arde ul.subScoped a,
.nav-login a,
.main-tab ul li a,
.header-hotline,
.sub-title {
    font-family: 'PT Sans', sans-serif;
}

.newBoxFlat {
    background: #fff;
    border: 1px solid #cecece;
    margin-top: 20px;
    box-shadow: 0 0 15px #b4b4b4;
}

.ardeDropDown {
    width: 80px;
}

.splCompanyTerms {
    padding-left: 45px;
    margin-left: 20px;
}