﻿#thover {
  opacity: 0.8;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: block;
  background-color: rgb(29, 27, 27);
}

#tpopup {
  position: absolute;
  width: 800px;
  height: 380px;
  background: #fff;
  left: 50%;
  top: 50%;
  border-radius: 5px;
  padding: 60px 0;
  margin-left: -379px; /* width/2 + padding-left */
  margin-top: 150px; /* height/2 + padding-top */
  text-align: center;
  box-shadow: 0 0 10px 0 #000;
}

#liTopCartLink .flyout-cart {
    right: 150px !important;
}

#tclose {
  position: absolute;
  background: black;
  color: white;
  right: -15px;
  top: -15px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 8px;
  font-weight: bold;
  font-family: 'Arial Black', Arial, sans-serif;
  cursor: pointer;
  box-shadow: 0 0 4px 0 #e6e6e6;
  z-index: 1000;
}

.spanTitle {
  font-size: 20pt;
}

.spanSubtotal {
  font-size: 14pt;
}

.spnRemoveItem {
  color: #d36c12;
  font-weight: bold;
}

.greenCheckMark {
  background: url('../../Content/Images/check.png') left center no-repeat;
  padding-left: 60px;
  height: 35px;
}

.deleteCheckMark {
  background: url('../../Content/Images/deleted.png') left center no-repeat;
  padding-left: 60px;
  height: 35px;
}

.btnContinue, .btnGoToCart {
  box-shadow: 1px 1px 3px rgb(0 0 0 / 60%);
}

.btnContinue:hover, .btnGoToCart:hover {
  box-shadow: 1px 1px 3px rgb(0 0 0 / 60%) inset;
}

.btnContinue {
  background-image: linear-gradient(rgb(255, 255, 255), rgb(102, 102, 102), rgb(136, 136, 136));
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px !Important;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

  .btnContinue:hover {
    background-image: linear-gradient(rgb(102, 102, 102), rgb(102, 102, 102), rgb(136, 136, 136));
    text-decoration: none;
  }

.btnGoToCart {
  background-image: linear-gradient(#fff,#ca8302,#f38702);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px !Important;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

  .btnGoToCart:hover {
    background-image: linear-gradient(#ca8302,#ca8302,#f38702);
    text-decoration: none;
  }

#tblCartItem {
  width: 700px;
  height: 69px;
}

#trPicture {
  height: 47px;
}

#tdPicture {
  width: 181px;
  height: 166px;
}

#tdPictureMessage {
  width: 348px;
  height: 70px;
  font-size: 20pt;
  font-family: sans-serif;
  font-weight: 500;
  color: #7b7976;
  text-align: left;
}

#trName {
  height: 54px;
}

#tdName {
  width: 300px;
  height: 54px;
  text-align: left;
  font-size: 13pt;
  font-weight: bold;
  color: #63635c;
  padding-bottom: 1em;
}

#tdName2 {
  width: 100px;
  height: 54px;
}

#tdNamePrice {
  width: 300px;
  height: 54px;
  text-align: center;
  font-size: 13pt;
  font-weight: bold;
  color: #63635c;
}

#trQty {
  height: 65px;
}

#tdQty {
  width: 10px;
  height: 65px;
  text-align: left;
  font-weight: bold;
  font-size: 12pt;
  color: #63635c;
}

#tdQtyRemove {
  width: 85px;
  height: 65px;
}

#tdQtyLast {
  width: 253px;
  height: 65px;
}

.loaderTimeGlass {
  background: url('../Content/Images/Custom/hourglass.gif');
}
/* modal window styling */

.footerButtons {
  padding: 10px 0 10px 320px
}

#customSubTotal {
  color: #cc7b07;
}

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

.divTableRow {
  display: table-row;
}

.divTableHeading {
  background-color: #EEE;
  display: table-header-group;
}

.divTableCell, .divTableHead {
  display: table-cell;
  padding: 3px 10px;
}

.footerButtons .divTableCell {
  display: inline;
}

.divTableHeading {
  background-color: #EEE;
  display: table-header-group;
  font-weight: bold;
}

.divTableFoot {
  background-color: #EEE;
  display: table-footer-group;
  font-weight: bold;
}

.divTableBody {
  display: table-row-group;
}
