/* 
 * =======================================================================================
 *                                      HTML elements
 * =======================================================================================
 */

HTML, BODY {
  padding: 0;
  margin: 0;
}

BODY {
  font-family: Tahoma, Verdana, Helvetica, sans-serif;
  font-size: 12px;
}

TR { 
  vertical-align: top;
}

H1 {
  font-size: 18pt;
  font-weight: bold;
  color: #042051;
}

H2 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0;
  color: #042051;
}

H3 {
  font-size: 14px;
  font-weight: bold;
  margin: 32px 0 6px 0;
  padding: 0;
  color: #042051;
}

/* 
 * =======================================================================================
 *                                         General
 * =======================================================================================
 */

.wrapper {
  width: 1000px;
  position: relative;
  padding: 20px;
}

.clear {
  clear: both;
}

.error {
  color: #f00;
}

/* 
 * =======================================================================================
 *                                      Bread crumbs
 * =======================================================================================
 */

.breadcrumb {
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-size: 10pt;
  margin-bottom: 10px;
}

.breadcrumb li {
  float: left;
  margin: 0;
}

.breadcrumb li a {
  color: white;
  text-decoration: none;
  padding: 6px 0 6px 55px;
  background: #bbbbbb;
  position: relative;
  display: block;
  float: left;
  cursor: default;
}

.breadcrumb li a:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 30px solid #bbbbbb;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
}

.breadcrumb li a:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 1px;
  left: 100%;
  z-index: 1;
}
.breadcrumb li:first-child a {
  padding-left: 10px;
}
.breadcrumb li.enabled a       { background:        #042051; }
.breadcrumb li.enabled a:after { border-left-color: #042051; }

/* 
 * =======================================================================================
 *                                 Select delivery address
 * =======================================================================================
 */

.select-delivery-address .shipment-info {
  margin-bottom: 10px;
}

.select-delivery-address .shipment-info H3 {
  padding: 0;
  margin: 0 0 10px 0;
}

.select-delivery-address .shipment-info TD {
  border: 1px solid #cccccc;
  padding: 10px;
  width: 235px;
}

.select-delivery-address .shipment-info TD.address {
  height: 140px;
  cursor: pointer;
}

.select-delivery-address .shipment-info TD.address DIV.addressblock {
  height: 95px;
}

.select-delivery-address .shipment-info TD:empty {
  width: 10px;
  border: none;
  padding: 0;
}

.select-delivery-address .shipment-info TD.address.active {
  border-color: #042051;
  background-color: #E3E7EC;
  cursor: default;
}

.select-delivery-address .shipment-info TD.address.active INPUT {
  cursor: default;
}

.select-delivery-address .shipment-info INPUT {
  cursor: pointer;
}

/* 
 * =======================================================================================
 *                                      CYP map
 * =======================================================================================
 */

#cyp_map {
  height: 450px;
  width: 800px;
  border: 1px solid #cccccc;
}

/* =========================================================================== */
/*                                 rounded corners                             */
/* =========================================================================== */

@import "rounded-corners.php";