/*membershipService*/ 

.cc-bonusnr {
    width: 120px;
}

.valid-light-green {
    background: rgb(210, 255, 210);
}

.invalid-light-red {
    background: rgb(255, 210, 210);
}

.valid-dark-green {
    color: green;
}

.invalid-dark-red {
    color: red;
}

.boxcontentright {
    margin: 4px 0px 0px 0px;
    padding-left: 30px;
    float: left;
    width: 420px;
}

.box-right {
    margin-left: 30px;
}

.display-none {
    display: none !important;
}

.login-mss {
    margin-left: 5px !important;
}

.cc-header {
    border-bottom: 1px dashed #cccccc;
    font-size: 15px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.cc-selector {
    margin: 10px 0;
}

.cc-social-btn {
    margin-left: 5px !important;
}

.cc-bonus-btn {
    float: right;
}

.cc-bonusnr {
    margin-top: 20px;
    font-weight: bold;
}

.cc-bonus-container {
    position: relative;
}

.member-service-box div span {
  margin-left: 0;
}

.membership-bonus-container div {
  margin-bottom: 8px;
}

.member-service-box.box-right {
  float: left;
  margin-left: 29px;
  width: 420px;
}
.button.cc-social-btn {
  position: relative;
  top: -9px;
}
.membership-bonus-container div input.idleField {
  width: 366px !important;
}
div.cc-bonus-container input.idleField {
  width: 411px !important;
}
.hamta-personnummer {
  width: 290px!important;
}

/*style css*/
.member-ship-wrapper {
  background: linear-gradient(to bottom, #FCFCFC 0%, #C9C9C9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: block;
  height: 38px;
  overflow: hidden;
  position: fixed;
  width: 100%;
  z-index: 1001;
}

.member-service-box {
display: block;
margin: 0 auto;
width: 943px;
}
div.kundtjanst {
  float: left;
  font-size: 1em;
  font-weight: bold;
  margin-top: 7px;
}
.member-service-text li {
  display: inline-block;
  font-weight: bold;
}
.member-service-text, .member-service-welcome {
  display: inline-block;
  margin-top: 10px;
}
.member-service-welcome {
  margin-left: 66px;
}
.boxcontentright .member-service-box {
    width: 100%;
} 
.member-service-box a.button, .member-service-box span {
  margin: 5px 4px;
}
.top-shadow {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: block;
  height: 6px;
  margin-top: 38px;
  position: fixed;
  width: 100%;
  z-index: 643;
}
.member-service-box a.button {
  border-radius: 1px;
  float: right;
  margin-top: 6px !important;
  padding: 4px;
  color: white;
}
.member-service-box a:visited.button {
	color:white;
}
.login-buttons > input, .apply-buttons > input, .save-mss > input, .end-account-button-mss > input, .apply-buttons-inner > input {
background: none repeat scroll 0 0 #9F4284;
color: #FFFFFF;
cursor: pointer;
margin-right: 15px;
padding: 5px;
}
.endAccount-container {
  min-height: 53px;
  position: relative;
}
.float-right-container.end-account-button-mss {
  position: absolute;
  right: 10px;
}
.end-account-mss {
  padding-top: 4px;
}
#ctl00_main_fastcheckout_FastCustomerInfo_FastCartComment_divBoxContentRight {
  display: none;
}
span.anonymous-text a, span.anonymous-text a:visited {
  color: #9F4284;
  text-decoration: underline;
}
.button.login-mss.checkout {
  text-decoration: none;
}
div.boxcontentright .button.log-out-mss {
  display: none;
}

 /*Customer club - Check out*/ 
.cc-header {
  border-bottom: 1px dashed #cccccc;
  font-size: 15px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.membership-bonus-container div {
  margin-bottom: 8px;
}
.cc-bonusnr {
  font-weight: bold;
}
.member-service-box.box-right {
  float: left;
  margin-left: 29px;
  width: 420px;
}
.button.cc-social-btn {
  position: relative;
  top: -9px;
}
.membership-bonus-container div input.idleField {
  width: 366px !important;
}
div.cc-bonus-container input.idleField {
  width: 411px !important;
}
.membership-bonus-container div input.focusField {
  width: 366px !important;
}
div.cc-bonus-container input.focusField {
  width: 411px !important;
}
.hamta-personnummer {
  width: 290px!important;
}