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

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

.upSellDescription {
  padding : 4px;
}

.upSellDescription ul {
  padding-left : 0;
  margin-top   : 4px;
  margin-left  : 15px;
}

.serviceProduct,
.extraProduct {
  padding-top    : 8px;
  padding-bottom : 8px;
}

.serviceProduct.first,
.extraProduct.first {
  padding-top : 0;
}

.serviceProduct .wwctrl label,
.extraProduct .wwctrl label {
  font-weight : normal;
}

.serviceProduct .wwctrl label,
.extraProduct .wwctrl label {
  padding-left   : 2px;
  vertical-align : top;
}

td.costs {
  width : 105px;
}

table.cpp td {
  padding-bottom : 3px;
}

td.yn .wwgrp {
  white-space    : nowrap;
  vertical-align : text-bottom;
  margin-right   : 1px;
  text-align     : right;
  float          : right;
}

td.yn {
  text-align : right;
}

td.yn table.cpp td {
  vertical-align : middle;
  padding-left   : 7px;
}

.yn label {
  line-height : 9px;
}

.amount {
  vertical-align : top;
}

tr.selectionDiscount div {
  border-top : 1px solid #cacaca;
  font-size  : 6px;
}

.summaryItemTotalPrice .priceWrap {
  text-align : right;
}

.summaryItemTotalPrice {
  width : 100%;
}

td.extraProductsColumn,
td.cartSummaryColumn {
  width          : 50%;
  vertical-align : top;
  padding        : 10px;
}

.instalment {
  margin-bottom : 5px;
}

.paymentDescription {
  width  : 90px; /* 190px */
  margin : 0 5px 5px 0;
  float  : left;
}

.bank .paymentDescription, .card .paymentDescription, .card .cardInfoWrapper {
  width      : 300px;
  *width     : 310px;
  margin-top : 10px;
}

img.invoice, img.instalment, img.invoice_business {
  height : 40px;
}

.instalmentOptions {
  margin-top : 10px;
  float      : left;
}

.instalmentOption {
  clear      : right;
  margin-top : 3px;
}

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

.instalmentDetails {
  display          : none;
}

.interestDetails {
  width            : 100%;
  background-color : #f5f5f5;
  border-top       : 2px solid #d8d8d8;
  float            : left;
  margin-bottom    : 5px;
  padding          : 7px 0;
}

.interestDetails .info {
  padding : 0 20px;
}

.interestDetails .example {
  font-size   : 10px;
  line-height : 10px;
}

.interestDetails table {
  margin : 5px 0 5px 20px;
}

.interestDetails table .col1 {
  width : 130px;
}

.wwlbl span.required, span.required {
  margin-left : 2px;
}

form.payment .error {
  padding-right : 10px;
}

.wwlbl span.required, span.required,
form.payment .error {
  color : #ff0000;
}

form.payment input[readonly] {
  background-color : #e5e5e5;
}

form.payment .getAddressesButton, form.payment .clearPaymentFormButton {
  padding-top   : 2px;
  padding-right : 43px;
}

form.payment .lnk:hover {
  text-decoration : underline;
}

.customerAddressesContainer {
  width   : 500px;
  height  : auto;
  padding : 15px;
}

.customerAddressesContainer .close {
  display : none;
}

.customerAddressesContainer .customerAddress {
  width            : 100%;
  padding          : 2px;
  background-color : #f6f6f6;
}

.customerAddressesContainer .customerAddress:hover {
  background-color : #f0f0f0;
}

.customerAddressesContainer .customerAddressInfoText {
  font-size     : 11px;
  padding       : 2px;
  margin-bottom : 5px;
}

form.payment .simpleOverlay {
  width : 511px;
}

.getAddressesButtonLeft {
  background : url('/system/image/button_get_address_left.png') no-repeat;
  width      : 6px;
  height     : 17px;
  cursor     : pointer;
}

.getAddressesButtonMiddle {
  background  : url('/system/image/button_get_address_mid.png') repeat-x;
  height      : 17px;
  padding-top : 2px;
  color       : white;
  cursor      : pointer;
}

.getAddressesButtonRight {
  background : url('/system/image/button_get_address_right.png') no-repeat;
  width      : 23px;
  height     : 17px;
  cursor     : pointer;
}

.cartItemDivider {
  margin-top    : 10px;
  margin-bottom : 10px;
}

/*******
 Submit button
 **/

#cartSubmitButton {

}

.infoItems {
  position           : absolute;
  background         : #ffffff;
  border             : 1px solid #d3d3d3;
  padding            : 5px;
  border-radius      : 4px;

  -webkit-box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.4);
  -moz-box-shadow    : 0px 0px 10px 0px rgba(50, 50, 50, 0.4);
  box-shadow         : 0px 0px 10px 0px rgba(50, 50, 50, 0.4);
}

.infoItems > div {
  font-weight : bold;
}

.infoItems.visible {
  visibility : visible;
  opacity    : 1;
  transition : opacity 0.25s linear;
}

.infoItems.hidden {
  visibility : hidden;
  opacity    : 0;
  transition : visibility 0s 0.25s, opacity 0.25s linear;
}

.infoItems:after, .infoItems:before {
  top            : 100%;
  left           : 50%;
  border         : solid transparent;
  content        : " ";
  height         : 0;
  width          : 0;
  position       : absolute;
  pointer-events : none;
}

.infoItems:after {
  border-color     : rgba(255, 255, 255, 0);
  border-top-color : #ffffff;
  border-width     : 10px;
  margin-left      : -10px;
}

.infoItems:before {
  border-color     : rgba(211, 211, 211, 0);
  border-top-color : #d3d3d3;
  border-width     : 11px;
  margin-left      : -11px;
}

textarea#customerRequestMessage {
  width : 98%;
}